/* global */

html  {height:100%;max-height:100%;overflow:hidden}
body  {margin:0;padding:0;height:100%;max-height:100%;font-family:Arial,Sans-serif,Helvetica;font-size:11px}

input, select, textarea {font:inherit}

input:focus,
select:focus,
textarea:focus                  {outline:none;}
select                          {-moz-appearance:none;-webkit-appearance:none;appearance:none;height:22px;border:solid 1px #c0c0c0;background-color:#ffffff;margin:0;padding-left:4px;padding-right:20px !important;border-radius:0;box-sizing:border-box;background-image:url('/weblication/grid5/gui/images/select-opener.svg');background-repeat:no-repeat;background-position:right 0;}

a {color:inherit}

body.wui-page-dialog {background-color:#dddddd;background:-webkit-radial-gradient(center, ellipse cover, #dbdbdb 0%, #c0c0c0 100%);background:-moz-radial-gradient(center, ellipse cover, #dbdbdb 0%,#c0c0c0 100%);background:-ms-radial-gradient(center, ellipse cover, #dbdbdb 0%,#c0c0c0 100%);}
body.wui-page-embed  {background-color:transparent}

/* TEXTS */

.wui-text-warning {color:#ff6600}

/* PAGE */

.wui-mask               {position:relative;margin:0 auto;overflow:hidden;box-shadow:0 0 32px 8px rgba(0, 0, 0, 0.2);}
.wui-embed              {height:100%;box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:none}

/* PAGE.HEAD */

.wui-mask-head .wui-banner     {-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;float:left;width:210px;height:33px;margin:0 8px -1px 0;background-repeat:repeat-x}
.wui-backend-panel .wui-banner {-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;float:left;width:calc(100% + 1px);height:33px;margin:0 8px 0px 0;background-repeat:repeat-x}

.wui-mask-head .wui-banner-g,
.wui-backend-panel .wui-banner-g,
.wui-mask-head .wui-banner-c,
.wui-backend-panel .wui-banner-c  {background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
.wui-mask-head .wui-banner-g:before,
.wui-backend-panel .wui-banner-g:before,
.wui-mask-head .wui-banner-c:before,
.wui-backend-panel .wui-banner-c: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;}


.wui-page-desktop .wui-mask-head .wui-banner {visibility:hidden}
.wui-page-desktop .wui-statusbar {display:none}

.wui-page-window .wui-mask-head          {width:100%;overflow:hidden;background:linear-gradient(180deg, #dddddd 0%, #bcbcbc 100%)};

.wui-page-dialog .wui-mask-head          {position:relative;user-select:none;}
.wui-page-dialog .wui-mask-head-inner    {}

.wui-page-dialog                   .wui-statusbar  {padding:6px 4px 6px 10px;box-sizing:border-box;-moz-box-sizing:border-box;color:#ffffff;font-size:11px;line-height:12px;width:100%;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}

.wui-page-desktop.wui-page-dialog {height:auto;min-height:100%;background:none !important;background-color:#dddddd !important}

.wui-page-embed                    .wui-statusbar     {display:none}
.wui-page-embed                    .wui-menu-buttons  {display:none}

.wui-page-blankOnly .wui-mask               {position:relative;width:100%;height:100%;max-height:100%;background-color:transparent}
.wui-page-blankOnly .wui-mask-body          {position:relative;background-color:transparent}
.wui-page-blankOnly .wui-mask-body-inner    {position:relative;overflow:hidden;height:100%;margin:0;border:none;box-shadow:none;background-color:transparent}
.wui-page-blankOnly .wSheetOnly             {padding:10px;position:relative}
.wui-page-blankOnly .wSheetOnly > .wSheetOnlyInner > h1            {margin-top:4px}
.wui-page-blankOnly #wHelpButton {display:none}

._wui-page-widget                   .wui-statusbar      {background:none;background-color:#888888}
.wui-page-widget                   .wui-menu-buttons   {}

.wui-help-button                {display:none}

.wui-blocker {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(220, 220, 220, 0.6)}
.wui-blocker > div {position:absolute;width:80px;height:80px;margin-top:calc(50vh - 40px);margin-left:calc(50vw - 40px)}

.wui-blocker.progress > div          {opacity:0.2}
.wui-blocker.progress > div:before   {content:'';position:absolute;left:3px;top:0px;width:72px;height:72px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:3200px;background-repeat:no-repeat;background-position:-540px -1948px;top:-6px;left:15px;-webkit-animation: blockerProgressBefore linear infinite 3.2s;-moz-animation: blockerProgressBefore linear infinite 3.2s;-ms-animation: blockerProgressBefore linear infinite 3.2s;animation: blockerProgressBefore linear infinite 3.2s;}
.wui-blocker.progress > div:after    {content:'';position:absolute;left:3px;top:0px;width:72px;height:72px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:3200px;background-repeat:no-repeat;background-position:-668px -1948px;top:22px;left:-8px;-webkit-animation: blockerProgressAfter linear infinite 2.4s;-moz-animation: blockerProgressAfter linear infinite 2.4s;-ms-animation: blockerProgressAfter linear infinite 2.4s;animation: blockerProgressAfter linear infinite 2.4s;}
@-webkit-keyframes blockerProgressBefore {0% {transform:rotate(2deg)}100% {transform:rotate(362deg)}}
@-webkit-keyframes blockerProgressAfter  {0% {transform:rotate(360deg)}100% {transform:rotate(0deg)}}
@-moz-keyframes blockerProgressBefore {0% {transform:rotate(2deg)}100% {transform:rotate(362deg)}}
@-moz-keyframes blockerProgressAfter  {0% {transform:rotate(360deg)}100% {transform:rotate(0deg)}}
@-ms-keyframes blockerProgressBefore {0% {transform:rotate(2deg)}100% {transform:rotate(362deg)}}
@-ms-keyframes blockerProgressAfter  {0% {transform:rotate(360deg)}100% {transform:rotate(0deg)}}
@keyframes blockerProgressBefore {0% {transform:rotate(2deg)}100% {transform:rotate(362deg)}}
@keyframes blockerProgressAfter  {0% {transform:rotate(360deg)}100% {transform:rotate(0deg)}}

#containerBackendMainMenuFooter .wui-help-button              {cursor:pointer;display:block;position:absolute;right:6px;top:2px;width:18px;height:18px}
#containerBackendMainMenuFooter .wui-help-button:before       {content:'?';display:block;opacity:0.8;color:#888888;font-size:14px;line-height:18px;font-weight:bold;padding-left:4px}
#containerBackendMainMenuFooter .wui-help-button:hover:before {transform:scale(1.1);}

#containerBackendMainMenuFooter .wui-reload-button              {cursor:pointer;display:block;position:absolute;right:24px;top:2px;width:18px;height:18px}
#containerBackendMainMenuFooter .wui-reload-button:before       {content:'';opacity:0.7;position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-28px -28px;background-size:600px;background-repeat:no-repeat}
#containerBackendMainMenuFooter .wui-reload-button:hover:before {transform:scale(1.1);}

#containerBackendMainMenuFooter .wui-feedback-button              {cursor:pointer;display:block;position:absolute;right:43px;top:2px;width:18px;height:18px}
#containerBackendMainMenuFooter .wui-feedback-button:before       {content:'';opacity:0.7;position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-4px -292px;background-size:600px;background-repeat:no-repeat}
#containerBackendMainMenuFooter .wui-feedback-button:hover:before {transform:scale(1.1);}

#containerBackendMainMenuFooter .wui-support-button              {cursor:pointer;display:block;position:absolute;right:64px;top:2px;width:18px;height:18px}
#containerBackendMainMenuFooter .wui-support-button:before       {content:'';opacity:0.7;position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-4px -268px;background-size:600px;background-repeat:no-repeat;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}
#containerBackendMainMenuFooter .wui-support-button:hover:before {transform:scale(1.1);}

#containerBackendMainMenuFooter .wui-createproject-button              {cursor:pointer;display:block;position:absolute;left:2px;top:2px;}
#containerBackendMainMenuFooter .wui-createproject-button:before       {content:'Neues Projekt erstellen';opacity:0.7;position:absolute;white-space:nowrap;padding:3px 4px}
#containerBackendMainMenuFooter .wui-createproject-button:hover:before {background-color:rgba(100, 100, 100, 0.1);outline:solid 1px #c0c0c0}

.wui-mask-head .wui-help-button              {cursor:pointer;display:block;position:absolute;right:6px;top:7px;width:18px;height:18px}
.wui-mask-head .wui-help-button:before       {content:'?';display:block;color:#888888;font-size:14px;line-height:18px;font-weight:bold;padding-left:4px}
.wui-mask-head .wui-help-button:hover:before {transform:scale(1.1);}

.wui-mask-head .wui-feedback-button              {cursor:pointer;display:block;position:absolute;right:26px;top:7px;width:18px;height:18px}
.wui-mask-head .wui-feedback-button:before       {content:'';opacity:0;position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-6px -292px;background-size:600px;background-repeat:no-repeat}
.wui-mask-head:hover .wui-feedback-button:before {transition:opacity 0.3s 0.15s linear;opacity:0.7}
.wui-mask-head .wui-feedback-button:hover:before {transform:scale(1.1);}

.wui-statusbar .wui-help-button              {cursor:pointer;display:block;position:absolute;right:3px;top:3px;width:18px;height:18px}
.wui-statusbar .wui-help-button:before       {opacity:0.7;content:'?';display:block;color:#ffffff;font-size:14px;line-height:18px;font-weight:bold;padding-left:4px}
.wui-statusbar .wui-help-button:hover:before {transform:scale(1.1);}

.wui-statusbar .wui-feedback-button              {cursor:pointer;display:block;position:absolute;right:23px;top:3px;width:18px;height:18px}
.wui-statusbar .wui-feedback-button:before       {opacity:0;content:'';position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-76px -292px;background-size:600px;background-repeat:no-repeat}
.wui-statusbar:hover .wui-feedback-button:before {transition:opacity 0.3s 0.15s linear;opacity:0.7}
.wui-statusbar .wui-feedback-button:hover:before {transform:scale(1.1);}

.wui-page-widget .wui-statusbar .wui-feedback-button              {cursor:pointer;display:block;position:absolute;right:40px;top:3px;box-sizing:border-box;width:18px;height:18px}
.wui-page-widget .wui-statusbar .wui-feedback-button:before       {content:'';position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-6px -292px;background-size:600px;background-repeat:no-repeat}
.wui-page-widget .wui-statusbar .wui-feedback-button:hover:before {transform:scale(1.1);}

.wui-page-widget .wui-statusbar .wui-reload-button              {cursor:pointer;display:block;position:absolute;right:22px;top:3px;box-sizing:border-box;width:18px;height:18px}
.wui-page-widget .wui-statusbar .wui-reload-button:before       {content:'';position:absolute;margin:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-28px -28px;background-size:600px;background-repeat:no-repeat}
.wui-page-widget .wui-statusbar .wui-reload-button:hover:before {transform:scale(1.1);}

.wui-page-widget .wui-statusbar .wui-help-button:before            {color:transparent;transition:color 0.2s linear}
.wui-page-widget .wui-statusbar:hover .wui-help-button:before      {color:#888888}

.wui-page-widget .wui-statusbar .wui-reload-button:before          {opacity:0;transition:color 0.2s linear}
.wui-page-widget .wui-statusbar:hover .wui-reload-button:before    {opacity:1}

.wui-page-widget .wui-statusbar .wui-feedback-button:before        {opacity:0;transition:color 0.2s linear}
.wui-page-widget .wui-statusbar:hover .wui-feedback-button:before  {opacity:1}

/* PAGE.BODY */

.wui-mask-body                         {position:relative;overflow:hidden;background-color:#dddddd}
.wui-mask-body-inner                   {height:100%;box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:solid 48px transparent}
.wui-mask-body-inner .wui-areaset-full {height:100%}

.wui-embed-body                         {background-color:transparent;height:100%;}
.wui-embed-body-inner                   {border-bottom:none;height:100%}

.wui-page-window .wui-mask-body                               {clear:left}
.wui-page-window .wui-mask-body          .wui-mask-body-inner {padding:10px;box-sizing:border-box;-moz-box-sizing:border-box}

.wui-page-dialog .wui-mask-body          .wui-mask-body-inner {padding:10px 10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box}

.wui-page-dialog-blank .wui-mask-body    .wui-mask-body-inner {padding:24px 16px 16px 16px}

.wui-page-dialog .wui-embed .wui-embed-body        {background-color:transparent;height:100%}
.wui-page-dialog .wui-embed .wui-embed-body-inner  {background-color:transparent;height:100%;border:none;padding:0}

.wui-page-dialog-blank .wui-mask-body-inner         {background-color:#f0f0f0}
.wui-page-dialog-blank .wui-menu-buttons            {border-top:solid 1px #cecece;background-color:#dddddd}
.wui-page-dialog-blank.wui-page-widget .wui-menu-buttons  {border-top:solid 1px #e0e0e0;background-color:#f0f0f0}

.wui-page-widget .wui-mask-body                       .wui-mask-body-inner {padding:0}
.wui-page-dialog-blank.wui-page-widget .wui-mask-body .wui-mask-body-inner {padding-top:12px}

.wui-page-widget .wui-mask-body-inner                  {background-color:#ffffff}

/* BACKEND */

.wui-page-backend .wui-backend          {height:100%;width:100%}
.wui-page-backend .wui-backend-panel    {-webkit-user-select:none;-moz-user-select:none;float:left;width:240px;height:100%;background-color:#ffffff;box-sizing:border-box;border-right:solid 1px #cecece;transition:margin 0.3s ease-in-out}
.wui-page-backend .wui-backend-panel #containerBackendMainMenu       {clear:both;box-sizing:border-box;height:calc(100% - 56px);overflow:auto}
.wui-page-backend .wui-backend-panel #containerBackendMainMenuFooter {position:relative;clear:both;box-sizing:border-box;height:24px;box-sizing:border-box;background-color:#f5f5f5;border-top:solid 1px #cecece}

.wui-backend-panel-minimized .wui-backend-panel {margin-left:-208px}

.wui-page-backend .wui-backend-panel #wContainerPanelHeader      {padding:4px 0;box-sizing:border-box;height:33px;margin:0 0 0 0;background-color:#f5f5f5;border-bottom:solid 1px #cccccc}
.wui-page-backend .wui-backend-panel #wContainerPanelBody        {height:calc(100% - 33px);overflow:auto}
.wui-page-backend .wui-backend-panel #wContainerPanelAdmin       {padding:4px 0;margin:0 0 0 0;background-color:#f5f5f5;border-bottom:solid 1px #cccccc}
.wui-page-backend .wui-backend-panel #wContainerPanelProjects    {padding:4px 4px;margin:0 0 0 0;background-color:transparent}
.wui-page-backend .wui-backend-panel #wContainerPanelCurrentDir  {padding:4px 4px;}

.wui-mask-ide.wui-page-backend .wui-backend-panel #wContainerPanelCurrentDir       {padding:0;height:100%;}
.wui-mask-ide.wui-page-backend .wui-backend-panel #wContainerPanelCurrentDir > div {height:100%;}

.wui-page-backend .wui-backend-panel .wui-panel-header-function                 {position:relative;cursor:pointer;float:right;width:24px;height:24px;margin-right:4px}
.wui-page-backend .wui-backend-panel .wui-panel-header-function:first-child {margin-right:0}
.wui-page-backend .wui-backend-panel .wui-panel-header-function:before          {content:'';width:24px;height:24px;display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wui-page-backend .wui-backend-panel .wui-panel-header-function-dir:before         {background-position:-100px -100px;-webkit-filter: grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.wui-page-backend .wui-backend-panel .wui-panel-header-function-search:before         {background-position:-37px -68px;-webkit-filter: grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.wui-page-backend .wui-backend-panel .wui-panel-header-function-searchReplace:before         {background-position:-196px -164px;-webkit-filter: grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.wui-page-backend .wui-backend-panel .wui-panel-header-search               {margin:2px 0 0 6px;position:relative;width:120px;}
.wui-page-backend .wui-backend-panel .wui-panel-header-search input         {width:100%;height:21px;box-sizing:border-box;padding-right:19px;border-color:#dddddd}
.wui-page-backend .wui-backend-panel .wui-panel-header-search input:focus   {border-color:#c0c0c0}

.wui-page-backend .wui-backend-panel .wui-panel-header-search #wQuicksearchCloser         {display:none;opacity:0;cursor:pointer;position:absolute;width:17px;height:17px;background-color:#ffffff;right:2px;top:2px}
.wui-page-backend .wui-backend-panel .wui-panel-header-search #wQuicksearchCloser:before  {content:'';position:absolute;margin:8px 0 0 2px;display:block;width:13px;height:1px;background-color:#666666;transform:rotate(45deg)}
.wui-page-backend .wui-backend-panel .wui-panel-header-search #wQuicksearchCloser:after   {content:'';position:absolute;margin:8px 0 0 2px;display:block;width:13px;height:1px;background-color:#666666;transform:rotate(-45deg)}
.wui-page-backend .wui-backend-panel .wui-panel-header-search.results #wQuicksearchCloser {display:block;opacity:1}

#wContainerPanelMask                                  {display:none;position:absolute;top:66px;background-color:#ffffff;border-bottom: solid 1px #c0c0c0;width: 239px;box-sizing: border-box;height:0}
#wContainerPanelMask.active                           {display:block;height:calc(100% - 87px);overflow:auto;padding:0}
#wContainerPanelMask .wui-container-panel-mask-header {cursor:default;background:#f5f5f5;border-bottom:solid 1px #cccccc;position:relative;margin:0;padding:0;height:auto;line-height:26px;white-space:nowrap;overflow:hidden;}
#wContainerPanelMask .wui-container-panel-mask-header .wui-container-panel-section-header-caption {font-weight:normal;display:inline-block;line-height:22px;padding:0 0 0 10px;color:#000000;}
#wContainerPanelMask .wui-container-panel-mask-closer {cursor:pointer;position:absolute;right:0px;top:1px;width:24px;height:24px;z-index:1}
#wContainerPanelMask .wui-container-panel-mask-closer:before {content:'';position:absolute;margin:11px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(45deg)}
#wContainerPanelMask .wui-container-panel-mask-closer:after  {content:'';position:absolute;margin:11px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(-45deg)}
#wContainerPanelMask .wui-container-panel-mask-closer:hover:before,
#wContainerPanelMask .wui-container-panel-mask-closer:hover:after {_background-color:#666666}
#wContainerPanelMask .wui-container-panel-mask-body   {padding:5px 5px 4px 5px;}
#wContainerPanelMask .wui-container-panel-mask-body-infoPre {cursor:default;background:#f7f7f7;border-bottom:solid 1px #cccccc;color:#888888;position:relative;margin:-5px -5px 0 -5px;padding:6px 10px;height:auto;line-height:14px;font-size:10px;}

#wContainerPanelSearchResult                                  {opacity:0;position:absolute;top:66px;background-color:#ffffff;border-bottom: solid 1px #c0c0c0;width: 239px;box-sizing: border-box;height:0}
#wContainerPanelSearchResult.results                          {opacity:1;height:calc(100% - 87px);overflow:auto;padding:5px 5px 4px 5px;}
#wContainerPanelSearchResult .wui-search-result-file          {padding:3px 4px;cursor:pointer}
#wContainerPanelSearchResult .wui-search-result-file:hover    {background-color:#fcfcfc;outline:solid 1px #C8D2DD}
#wContainerPanelSearchResult .wui-search-result-file-count    {padding-left:4px;color:#aaaaaa}
#wContainerPanelSearchResult .wui-search-result-file-previews {display:block;padding:4px 0 0 0;color:#a4bbce}

.wui-page-backend .wui-backend-panel .wui-panel-header-function-minimize:before,
.wui-page-backend .wui-backend-panel .wui-panel-header-function-minimize::after {
  content:'';
  position:absolute;
  top:8px;
  right:11px;
  display:block;
  width:9px;
  height:2px;
  background-color:#c0c0c0;
  transform:rotate(-50deg);
  transition:all 0.3s ease-in-out;
}

.wui-page-backend .wui-backend-panel .wui-panel-header-function-minimize::after {
  margin-top:6px;
  transform:rotate(50deg);
}

.wui-backend-panel-minimized .wui-backend-panel .wui-panel-header-function-minimize:before,
.wui-backend-panel-minimized .wui-backend-panel .wui-panel-header-function-minimize::after {
  /*right:1px;*/
  transform:rotate(-130deg);
}

.wui-backend-panel-minimized .wui-backend-panel .wui-panel-header-function-minimize::after {
  transform:rotate(130deg);
}

.wui-page-backend .wui-backend-panel .wui-panel-entry                    {position:relative;cursor:pointer;line-height:28px;margin:0 4px;padding:0 16px 0 30px;border-bottom:solid 1px transparent}
.wui-page-backend .wui-backend-panel .wui-panel-entry:hover              {background-color:#eeeeee;outline:solid 1px #C8D2DD}
.wui-page-backend .wui-backend-panel .wui-panel-entry:before             {content:'';position:absolute;top:4px;left:2px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wui-page-backend .wui-backend-panel .wui-panel-entry:after              {content:'';position:absolute;top:4px;left:2px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
/*.wui-page-backend .wui-backend-panel .wui-panel-entry-dashboard:before {background-position:-132px -358px}*/
.wui-page-backend .wui-backend-panel .wui-panel-entry-logout:before      {background-position:-67px -358px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-dashboard:before   {background-position:-195px -550px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-users:before       {background-position:-196px -262px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-groups:before      {background-position:-291px -262px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-serverinfos:before {background-position:-132px -358px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-options:before     {background-position:-36px -166px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-tools:before       {background-position:-260px -358px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-backup:before      {background-position:-68px -230px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-license:before     {background-position:-164px -358px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-update:before      {background-position:-69px -37px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-dir:before         {background-position:-100px -102px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-cloud:before       {background-position:-132px -102px}

.wui-page-backend .wui-backend-panel .wui-panel-entry-container          {padding:0 4px}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project                                                {position:relative;margin:0 0 0 0;padding:0;height:27px;overflow:hidden;cursor:default;background-repeat:no-repeat;background-position:2px 1px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project-current .wui-entry-favorites-entry-name        {font-weight:bold;white-space:nowrap}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project-current-hover                                  {height:auto}
.wui-page-backend .wui-backend-panel .wui-panel-entry-projectx:hover                                         {background-color:#f3f3f3;outline:solid 1px #C8D2DD}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project-open                                           {height:auto;padding-bottom:3px;margin-bottom:5px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-icon                  {display:block;float:left;margin:2px 6px 0 4px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.png');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:-71px -104px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-content     {clear:left;position:relative;padding:1px 1px 1px 27px;margin:-1px 0 0 -4px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-global,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-assets,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content                {position:relative;cursor:pointer;display:block;height:20px;padding:2px 2px;}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-global:hover,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-assets:hover,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content:hover {background-color:#f6f6f6;outline:solid 1px #D2D9E0;}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-global .icon          {cursor:pointer;display:inline-block;height:20px;line-height:20px;vertical-align:middle;width:20px;margin-right:4px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:-260px -106px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-assets .icon          {cursor:pointer;display:inline-block;height:20px;line-height:20px;vertical-align:middle;width:20px;margin-right:4px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:-7px -135px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content .icon         {cursor:pointer;display:inline-block;height:20px;line-height:20px;vertical-align:middle;width:20px;margin-right:4px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:-103px -103px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-global .caption,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-assets .caption,
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content .caption       {cursor:pointer;display:inline-block;height:20px;line-height:20px;vertical-align:middle;width:calc(100% - 24px);white-space: nowrap;overflow:hidden;}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content-lang          {display:block;margin:10px 0 0 6px;width:18px;height:9px;background-size:12px;background-repeat:no-repeat}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header                 {box-sizing:border-box;-moz-box-sizing:border-box;height:27px;line-height:21px;padding:2px 0;margin:0;cursor:pointer;border:solid 1px transparent}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header:hover           {background-color:#f6f6f6;border:solid 1px #D2D9E0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header-preview         {cursor:pointer;position:absolute;right:6px;top:5px;height:20px;width:20px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header-preview:before  {display:block;width:24px;height:20px;content:'';background-image:url('/weblication/grid5/gui/images/icons.png');background-size:800px;background-repeat:no-repeat;background-position:-3px -168px;opacity:0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header:hover .wui-favorites-entry-inner-project-header-preview:before  {opacity:1}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-header:hover .wui-favorites-entry-inner-project-header-preview:hover:before  {}

.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-preview         {cursor:pointer;position:absolute;right:6px;top:5px;height:20px;width:20px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-favorites-entry-inner-project-preview:before  {display:block;width:24px;height:20px;content:'';background-image:url('/weblication/grid5/gui/images/icons.png');background-size:800px;background-repeat:no-repeat;background-position:-3px -168px;opacity:0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content:hover .wui-favorites-entry-inner-project-preview:before  {opacity:1}
.wui-page-backend .wui-backend-panel .wui-panel-entry-project .wui-entry-project-entry-content:hover .wui-favorites-entry-inner-project-preview:hover:before  {transition:all 0.1s ease-in-out;xtransform:scale(1.3);}

.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header                            {background:#f5f5f5;border-bottom:solid 1px #cccccc;position:relative;margin:0;padding:0;height:auto;line-height:26px;cursor:pointer;white-space:nowrap;overflow:hidden;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header {cursor:default;background:#f5f5f5;border-bottom:solid 1px #cccccc;position:relative;margin:0;padding:0;height:auto;line-height:26px;white-space:nowrap;overflow:hidden;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-section-header-caption {font-weight:normal;display:inline-block;line-height:22px;padding:0 0 0 8px;color:#888888;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-opener {cursor:pointer;position:absolute;right:7px;top:5px;width:16px;height:16px;z-index:1}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-opener:before {content:'';position:absolute;margin-top:7px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(45deg)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-opener:after  {content:'';position:absolute;margin-top:7px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(-45deg)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-opener:hover:before,
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-opener:hover:after {_background-color:#666666}
.wui-page-backend .wui-backend-panel .wui-panel-entry-variants-header .wui-container-panel-mask-body   {padding:5px 5px 4px 5px;}


.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath                                {background:#f5f5f5;border-bottom:solid 1px #cccccc;position:relative;margin:0;padding:0;height:auto;line-height:26px;cursor:pointer;white-space:nowrap;overflow:hidden;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir                      {padding:0;display:inline-block;position:relative}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir                      {width:8px;max-width:16px;transition:all 0s ease-in-out}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:last-child           {width:auto;max-width:1000px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:nth-last-child(-n+3) {width:auto;max-width:1000px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:hover                {width:auto;max-width:1000px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir > span               {opacity:0;padding:0 6px 0 8px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:nth-last-child(-n+3) > span  {opacity:0.5}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:last-child > span            {opacity:1}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:hover > span                 {opacity:1}


.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:before {content:'';display:block;position:absolute;left:0;top:8px;width:1px;height:7px;background:#cccccc;transform:rotate(-35deg)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:after  {content:'';display:block;position:absolute;left:0;top:13px;width:1px;height:7px;background:#cccccc;transform:rotate(35deg)}

.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:first-child:before,
.wui-page-backend .wui-backend-panel .wui-panel-entry-currentPath > div.dir:first-child:after {display:none}

.wui-page-backend .wui-backend-panel .wui-panel-entry-group-content {height:calc(100% - 27px);overflow:auto;box-sizing:border-box;padding:4px;}

.wui-page-backend .wui-backend-panel .wui-panel-group-dirs   {background:#f8f8f8;margin:-4px -4px 4px -4px;padding:4px;border-bottom:solid 1px #dddddd}
.wui-page-backend .wui-backend-panel .wui-panel-group-layout {background:#f5f5f5;margin:-4px -4px 4px -4px;padding:4px;border-bottom:solid 1px #dddddd}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file                   {position:relative;margin:0;padding:0;height:auto;line-height:27px;cursor:pointer;white-space:nowrap;overflow:hidden;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.unimportant       {opacity:0.5}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file:hover             {background-color:#f6f6f6;outline:solid 1px #C8D2DD}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file-selected          {}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-selected .caption {font-weight:bold}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .caption         {display:block;float:left;padding-left:6px;width:calc(100% - 32px)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .variants        {position:absolute;top:0;right:2px;color:#c0c0c0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .name            {display:block;float:left;clear:left;line-height:17px;color:#a4bbce;padding:0 3px;margin:-6px 0 4px 27px;border-radius:3px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .mtime           {display:block;float:left;clear:left;line-height:17px;color:#c0c0c0;padding:0 3px;margin:-6px 0 4px 27px;border-radius:3px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .mtime.blink-on  {background-color:#e9e9e9;color:#444444;transition:all 0.2s ease-in-out}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .mtime.blink-off {transition:all 1s ease-in-out}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator                 {margin:0 -5px;white-space:inherit;border-bottom:solid 1px #e0e0e0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator-usable-0        {display:none;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator:hover           {outline:none}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .status         {cursor:pointer;display:block;float:left;height:28px;line-height:20px;vertical-align:middle;width:28px;margin-right:2px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .status:hover   {background:#e6e6e6;;outline:solid 1px #C8D2DD}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .status:before  {content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .status:before  {background-position:-4px -4px;background-position:-516px -163px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .status-offline:before  {background-position:-36px -4px;background-position:-484px -163px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .caption        {line-height:14px;padding:7px 0 7px 0;width:calc(100% - 40px)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .name           {display:none}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .description          {overflow:hidden;display:block;float:left;clear:left;line-height:15px;color:#a4bbce;padding:0 3px;margin:-6px 0 10px 27px;border-radius:3px;transition:all 0.3s 0.3s ease-in-out}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator-usable-0  .description       {color:#dd8888}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .description:empty    {display:none}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator .mtime           {display:none}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator-status-offline  {}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator-status-offline .caption {color:#000000}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-decorator-status-offline:hover .caption {color:#000000}


.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme                     {cursor:default;margin:-4px -4px 4px -4px;border-bottom:solid 1px #dddddd;padding:12px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme:hover               {background-color:transparent;outline:none}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .icontheme          {box-shadow:0 0 4px rgba(0, 0, 0, 0.3);outline:solid 1px #c0c0c0;width:64px;height:64px;display:block;background:#ffffff;float:left;background-position:center;background-size:64px;background-repeat:no-repeat}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .themecaption       {display:block;float:left;line-height:17px;padding-left:14px;width:calc(100% - 80px)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .themename          {display:block;float:left;line-height:17px;color:#a4bbce;padding-left:14px;width:calc(100% - 80px)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .themebuttons       {display:block;float:left;line-height:17px;color:#a4bbce;margin-top:10px;padding-left:14px;width:calc(100% - 78px)}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .selecttheme,
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .edit               {cursor:pointer;display:block;float:left;line-height:17px;border:solid 1px #5E6C83;color:#5E6C83;padding:0 4px;margin:0px 0 0 4px;border-radius:3px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .selecttheme        {background:#5E6C83;color:#ffffff}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .edit               {margin-left:0}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .selecttheme:hover  {color:#f0f0ff}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file-theme .edit:hover         {color:#444444;border-color:#888888}

/*
.wui-page-backend .wui-backend-panel .wui-panel-entry-file:hover .name {display:block}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file:hover .mtime {display:none}
*/

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .smartInfo                           {display:block;position:absolute;text-align:center;line-height:12px;color:#666666;width:12px;font-size:6px;height:12px;padding:0;border-radius:50%;top:8px;right:6px;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.4);}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .smartInfo + .smartInfo + .smartInfo {right:26px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .smartInfo + .smartInfo              {right:16px}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .todos           {color:#666666;background:#FFEB3B;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .imports         {color:#ffffff;background:#59AFC6;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .colors          {color:#ffffff;background:linear-gradient(-45deg, #2196F3 0, #8BC34A 40%, #FF5722 100%);}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .muser           {display:none;float:left;line-height:17px;color:#999999;padding:0 3px;margin:-4px 0 4px 4px;border-radius:3px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .muser.blink-on  {background-color:#e9e9e9;color:#444444;transition:all 0.2s ease-in-out}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .muser.blink-off {transition:all 1s ease-in-out}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .icon         {cursor:pointer;display:block;float:left;height:20px;line-height:20px;vertical-align:middle;width:20px;margin-right:4px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .icon:before  {content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .icon:before  {background-position:-4px -101px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file .icon:after   {content:'';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file .icon-item    {cursor:pointer;display:block;float:left;position:relative;height:20px;line-height:20px;vertical-align:middle;width:20px;margin:3px 4px 0 0;}

.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-css >  .icon:after {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-scss > .icon:after {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-txtx > .icon:after {content:'TXT';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#666666;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-js  >  .icon:after {content:'JS'; display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#ed8c00;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-xsl >  .icon:after {content:'XSL';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#1654a0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-svg >  .icon:after {content:'SVG';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#333333;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file.icon-php >  .icon:after {content:'PHP';display:block;width:15px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#7979e0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:11px;left:9px;}
.wui-page-backend .wui-backend-panel .wui-panel-entry-file > .hasDraft:after    {pointer-events:none;content:'123';font-size:7px;line-height:7px;position:absolute;left:11px;top:18px;background-color:rgba(255, 255, 255, 0.7)}


.wui-page-backend .wui-backend-panel .wui-panel-entry-dir  .icon:before  {background-position:-100px -102px}
.wui-page-backend .wui-backend-panel .wui-panel-entry-dir-parent  .icon:before   {background-position:-99px -196px;transform:rotate(-90deg)}

.wui-page-backend .wui-backend-panel .wui-panel-entry-cloud:before      {background-position:-132px -102px}

.wui-page-backend .wui-backend-desk      {float:left;width:calc(100% - 240px);height:100%;background-color:#dddddd;transition:width 0.3s ease-in-out}
.wui-backend-panel-minimized .wui-backend-desk {width:calc(100% - 32px)}

.wui-page-backend .wui-backend-desktabs  {-webkit-user-select:none;position:relative;overflow:visible;white-space:nowrap;width:100%;height:33px;box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:solid 1px #9a9a9a;background-image:linear-gradient(180deg, #dddddd 0%, #bcbcbc 100%);}
.wui-page-backend .wui-backend-desktabs .wui-backend-desktab-thumbs {cursor:pointer;width:30px;height:32px;background-color:transparent;position:absolute;right:0;top:0;border-left:solid 1px transparent}
.wui-page-backend .wui-backend-desktabs .wui-backend-desktab-thumbs:hover  {border-left:solid 1px #b0b0b0;background-image:linear-gradient(180deg, #c8c8c8 0%, #b0b0b0 100%)}
.wui-page-backend .wui-backend-desktabs .wui-backend-desktab-thumbs:before {content:'';position:absolute;right:1px;top:1px;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:-359px -35px}
.wui-page-backend .wui-backend-desktabs .wui-backend-desktab-thumbs:after  {content:'';position:absolute;right:1px;top:6px;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:-359px -35px}

.wui-page-backend .wui-backend-desktabs #backendDesktabLast {display:inline-block;width:120px;height:32px}

.wui-page-backend .wui-desktab              {display:inline-block;overflow:visible;cursor:pointer;vertical-align:top;position:relative;box-sizing:border-box;padding:0 24px 0 30px;line-height:32px}
.wui-page-backend .wui-desktab-active              {background-image:linear-gradient(180deg, #eeeeee 0%, #dddddd 100%)}
.wui-page-backend .wui-desktab-active.wui-desktab-editor {background-image:linear-gradient(180deg, #f6f6f6 0%, #f6f6f6 100%);}
.wui-page-backend .wui-desktab.hasChanges:before  {content:'*';display:block;position:absolute;top:-4px;right:4px;color:#888888;font-size:13px;font-weight:bold}
.wui-page-backend .wui-desktab-min             {}
.wui-page-backend .wui-desktab > span          {display:block;overflow:hidden}
.wui-page-backend .wui-desktab > span.wui-desktab-caption  {position:relative;overflow:hidden}
.wui-page-backend .wui-desktab-inactive     {}
.wui-page-backend .wui-desktab-inactive:hover {background-image:linear-gradient(180deg, #dddddd 0%, #cccccc 100%);}
.wui-page-backend .wui-desktab-editor.wui-desktab-inactive:hover {background-image:linear-gradient(180deg, #dddddd 0%, #cccccc 100%);}
.wui-page-backend .wui-desktab-drag       {visibility:hidden}
.wui-page-backend .wui-desktab-drag-over  {border-left:solid 5px #008000;margin-left:0px;padding-left:19px}
.wui-page-backend .wui-desktab-drag-tmp   {position:absolute;outline:solid 1px #a0a0a0;background:none;background-color:rgba(200, 200, 200, 0.6);pointer-events:none}
.wui-page-backend .wui-desktab-drag-tmp * {pointer-events:none}
.wui-page-backend .wui-desktab-icon        {display:block;cursor:pointer;position:absolute;left:4px;top:0px;width:24px;height:33px}
.wui-page-backend .wui-desktab-icon:before {-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);content:'';position:absolute;top:5px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:600px;background-repeat:no-repeat}
.wui-page-backend .wui-desktab-icon-dir:before {background-position:-71px -73px}
.wui-page-backend .wui-desktab-icon-cloud:before {background-position:-96px -73px}
.wui-page-backend .wui-desktab-icon-serverinfos:before {background-position:-95px -265px}
.wui-page-backend .wui-desktab-icon-options:before {background-position:-23px -121px}
.wui-page-backend .wui-desktab-icon-backup:before {background-position:-47px -170px}
.wui-page-backend .wui-desktab-icon-dashboard:before {background-position:-143px -409px}
.wui-page-backend .wui-desktab-icon-users:before {background-position:-143px -193px}
.wui-page-backend .wui-desktab-icon-groups:before {background-position:-216px -193px}
.wui-page-backend .wui-desktab-icon-update:before {background-position:-47px -25px}
.wui-page-backend .wui-desktab-icon-license:before {background-position:-119px -265px}
.wui-page-backend .wui-desktab-icon-editor:before {background-position:-265px -72px}
.wui-page-backend .wui-desktab-icon-tools:before {background-position:-191px -265px}
.wui-page-backend .wui-desktab-icon-edit-js:before {background-position:-191px -265px}
.wui-page-backend .wui-desktab-icon-searchReplace:before {background-position:-502px -241px}

.wui-page-backend .wui-desktab-icon-edit:before  {content:'';position:absolute;top:4px;left:-1px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wui-page-backend .wui-desktab-icon-edit:before  {background-position:-4px -101px}
.wui-page-backend .wui-desktab-icon-edit:after   {content:'';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:13px;left:6px;}

.wui-page-backend .wui-desktab-icon-edit.edit-css:after   {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;}
.wui-page-backend .wui-desktab-icon-edit.edit-scss::after {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;}
.wui-page-backend .wui-desktab-icon-edit.edit-txt:after   {content:'TXT';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#666666;}
.wui-page-backend .wui-desktab-icon-edit.edit-js:after    {content:'JS'; display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#ed8c00;}
.wui-page-backend .wui-desktab-icon-edit.edit-xsl:after   {content:'XSL';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#1654a0;}
.wui-page-backend .wui-desktab-icon-edit.edit-svg:after   {content:'SVG';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#333333;}
.wui-page-backend .wui-desktab-icon-edit.edit-php:after   {content:'PHP';display:block;width:15px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#7979e0;}


.wui-page-backend .wui-desktab-closer        {display:block;cursor:pointer;position:absolute;right:6px;top:9px;width:14px;height:14px}
.wui-page-backend .wui-desktab-closer:before {content:'';position:absolute;margin:7px 0 0 2px;display:block;width:10px;height:1px;background-color:#999999;transform:rotate(45deg)}
.wui-page-backend .wui-desktab-closer:after  {content:'';position:absolute;margin:7px 0 0 2px;display:block;width:10px;height:1px;background-color:#999999;transform:rotate(-45deg)}
.wui-page-backend .wui-desktab-closer:hover {background-color:#ee7777;border-radius:50%}
.wui-page-backend .wui-desktab-closer:hover:before,
.wui-page-backend .wui-desktab-closer:hover:after  {background-color:#ffffff}

.wui-page-backend .wui-desktab-animateSave .wui-desktab-icon {transform:scale(1.05);-webkit-animation:desktabSaving cubic-bezier(0, 0, 0.2, 1) infinite 0.3s}
@-webkit-keyframes desktabSaving {0% {margin-left:-2px;margin-top:1px} 100% {margin-left:2px;margin-top:0}}

.wui-page-backend .wui-desktab-after                                 {position:absolute;top:0;right:0;width:1px;height:100%;background-image:linear-gradient(180deg, #cccccc 0%, #acacac 100%);}
.wui-page-backend .wui-desktab-active:after                          {content:'';position:absolute;bottom:-1px;left:0;width:calc(100% - 1px);height:1px;background-color:#dddddd;background-image:none}
.wui-page-backend .wui-desktab-editor.wui-desktab-active:after       {content:'';position:absolute;bottom:-1px;left:0;width:calc(100% - 1px);height:1px;background-color:#f6f6f6;background-image:none}
.wui-page-backend.wui-mask-desktops-thumbs .wui-desktab-active:after {display:none !important}

.wui-page-backend .wui-desktab.loading       {}
.wui-page-backend .wui-desktab.loading:after {content:'';display:block;position:absolute;bottom:-1px;left:0;width:0px;height:2px;background-color:#4B7EDC;-webkit-animation:desktabLoading cubic-bezier(0, 0, 0.2, 1) infinite 2s}

@-webkit-keyframes desktabLoading {0% {width:0} 100% {width:100%}}

.wui-page-backend .wui-backend-desktops          {width:100%;height:calc(100% - 33px)}
.wui-page-backend .wui-backend-desktops > div    {width:100%;height:100%}
.wui-page-backend .wui-backend-desktops-thumbs   {overflow:auto;background-color:#f0f0f0}

.wui-page-backend .wui-desktop          {width:100%;height:100%;background-color:#dddddd}
.wui-page-backend .wui-desktop > .wui-desktop-header {display:none}
.wui-page-backend .wui-desktop-inactive {display:none}
.wui-page-backend .wui-desktop > iframe {border:none;width:100%;height:100%}

.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop          {cursor:pointer;width:296px;height:222px;margin:20px;display:block !important;position:relative;float:left;box-shadow:0 0 16px 6px rgba(0, 0, 0, 0.05);}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop:hover    {box-shadow:0 0 16px 6px rgba(0, 0, 0, 0.1);}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop:after    {content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > .wui-desktop-header {position:absolute;z-index:10;width:calc(100% - 32px);text-align:center;display:block;padding:6px 8px 6px 24px;background-color:#dddddd;border-bottom:solid 1px #c0c0c0}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > .wui-desktop-header:hover {}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > .wui-desktop-header .wui-desktab-icon        {width:0}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > .wui-desktop-header .wui-desktab-icon:before {top:2px}
.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > .wui-desktop-header .wui-desktab-closer      {top:5px}

.wui-page-backend .wui-backend-desktops-thumbs .wui-desktop > iframe {margin-top:24px;transform:scale(0.25);transform-origin:0 0;width:400%;height:calc(400% - 97px)}

/* ICONS */

.wui-icon           {display:inline-block;position:relative;width:18px;height:18px;}
.wui-icon:before    {content:'';position:absolute;left:0px;top:0px;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:16px 16px}

.wui-icon-newsletter:before {background-position:-263px -166px !important}

/* PAGE.BUTTONS */

.wui-page-window .wui-menu-buttons                                            {padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;border-bottom:solid 1px #9A9A9A}
.wui-page-window .wui-menu-buttons .wui-buttons-main                          {padding:2px 4px 0px 8px;box-sizing:border-box;}
.wui-page-window .wui-menu-buttons .wui-buttons-main .wui-button              {position:relative;padding:0;margin:0 0 0 0;line-height:13px;border:solid 1px transparent;background:none}
.wui-page-window .wui-menu-buttons .wui-buttons-main .wui-button > div        {min-width:22px;min-height:22px;position:relative;padding:1px 2px 1px 2px;border:solid 1px transparent}
.wui-page-window .wui-menu-buttons .wui-buttons-main .wui-button > div > span {display:block;float:left;line-height:11px;padding:6px 4px 0 4px;}

.wui-page-dialog .wui-menu-buttons                     {position:absolute;bottom:0;left:0;height:36px;_background-color:#d0d0d0;width:100%;padding:10px 0 0 0;margin:0;user-select:none;}
.wui-page-dialog .wui-menu-buttons-hidden              {height:0;padding:0;transition:all 0.3s linear}
.wui-page-dialog .wui-menu-buttons .wui-buttons-main   {padding:0 8px;text-align:right}

.wui-caption {line-height:15px}

.wui-button                 {position:relative;overflow:hidden;background-color:#eeeeee;border:solid 1px #a0a0a0;border-color:#bcbcbc #aaaaaa #aaaaaa #bcbcbc;text-decoration:none;display:inline-block;font-size:11px;line-height:12px;cursor:pointer;font-weight:normal;color:#000000;margin:0 2px 0 0;padding:4px 8px 4px 8px;background-image:linear-gradient(180deg, #e7e7e7 0%, #D2d2d2 100%);transition:opacity 0.3s linear}
.wui-button-inline          {line-height:11px}
.wui-button-small           {padding:2px 6px}
.wui-button-hidden          {display:none}
.wui-button-right           {float:right}
.wui-button-disabled        {pointer-events:none;opacity:0.3}
.wui-button-inactive        {opacity:0.3;pointer-events:none;cursor:default !important}
.wui-button-unimportant     {opacity:0.3}
.wui-button-warning         {background-color:#ffcccc !important;border-color:#ff0000 !important;transition:all 0.2s ease-in-out}
.wui-button-info            {background-color:#d6eaff !important;border-color:#727E96 !important;transition:all 0.2s ease-in-out}
.wui-button-selected        {background-color:#D0D8E4;border-color:#c6c6c6}
.wui-button-left            {float:left}
.wui-button-blank           {background:none;border:none;color:#999999}
.wui-button:hover           {background-color:#D0D8E4;border:solid 1px #c6c6c6;border-color:#ADBBCB #8599B1 #8599B1 #ADBBCB;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%);}
.wui-button-blank:hover     {color:#000000;background:none;border:none}
.wui-button-disabled:hover  {position:relative;background-color:#eeeeee;border:solid 1px #a0a0a0;border-color:#bcbcbc #aaaaaa #aaaaaa #bcbcbc;text-decoration:none;display:inline-block;font-size:11px;cursor:default;font-weight:normal;color:#000000;margin:0 2px 0 0;padding:4px 8px 4px 8px;background-image:linear-gradient(180deg, #EAEAEA 0%, #d3d3d3 100%)}
.wui-button-icon-only.wui-button-inline       {width:18px;height:19px;padding:0}

.wui-objectlist-addContainer .wui-button {background-image:linear-gradient(180deg, #f0f0f0 0%, #e1e1e1 100%)}
.wui-objectlist-addContainer .wui-button:hover {background-image:linear-gradient(180deg, #dbe0eb 0%, #d0d6e3 100%)}



.wui-button .captionInfo {display:block;padding-top:4px;color:#999999;font-size:10px}

.wui-button-objectlist      {display:block;float:right;height:20px;padding:0 6px;margin:0 2px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;}
.wui-button-objectlist > div > span {line-height:18px}
.wui-button-objectlist.wui-button-icon > div > span           {padding-left:16px}
.wui-button-objectlist.wui-button-icon-only                   {width:20px;padding:0}
.wui-button-objectlist.wui-button-icon-only > div:before      {position:absolute;left:0;top:0}
.wui-button-objectlist.wui-button-icon-only.wui-button-hidden {visibility:hidden}

.wui-objecttable .wui-button-objectlist      {float:left}

.wui-button > div:before    {content:'';position:absolute;left:6px;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-button > div:after     {content:'';position:absolute;left:6px;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-page-window .wui-menu-buttons .wui-button > div:before    {content:'';position:absolute;left:3px;top:2px;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-page-window .wui-menu-buttons .wui-button > div:after     {content:'';position:absolute;left:3px;top:2px;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-page-dialog .wui-menu-buttons .wui-button > div:before    {content:'';position:absolute;left:8px;top:2px;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-page-dialog .wui-menu-buttons .wui-button > div:after     {content:'';position:absolute;left:8px;top:2px;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-button-ok > div > span                {padding-left:20px}
.wui-button-ok > div:before                {background-position:-390px -6px !important}
.wui-button-publish > div > span           {padding-left:20px}
.wui-button-publish > div:before           {background-position:-331px -103px !important}
.wui-button-send > div > span              {padding-left:20px}
.wui-button-send > div:before              {background-position:-390px -6px !important}
.wui-button-test > div > span              {padding-left:20px}
.wui-button-test > div:before              {background-position:-390px -6px !important}
.wui-button-stop > div > span              {padding-left:20px}
.wui-button-stop > div:before              {background-position:-70px -262px !important}
.wui-button-cancel > div > span            {padding-left:20px}
.wui-button-cancel > div:before            {background-position:-422px -6px !important}
.wui-button-delete > div > span            {padding-left:20px}
.wui-button-delete > div:before            {background-position:-166px -70px !important}
.wui-button-purge > div > span             {padding-left:20px}
.wui-button-purge > div:before             {background-position:-359px -70px !important}
.wui-button-reload > div > span            {padding-left:20px}
.wui-button-reload > div:before            {background-position:-38px -38px !important}
.wui-button-update > div > span            {padding-left:20px}
.wui-button-update > div:before            {background-position:-70px -38px !important}
.wui-button-upload > div > span            {padding-left:20px}
.wui-button-upload > div:before            {background-position:-102px -70px !important}
.wui-button-options > div > span           {padding-left:20px}
.wui-button-options > div:before           {background-position:-38px -165px !important}
.wui-button-receivers > div > span         {padding-left:20px}
.wui-button-receivers > div:before         {background-position:-6px -71px !important}
.wui-button-createNewsletter > div > span  {padding-left:20px}
.wui-button-createNewsletter > div:before  {background-position:-6px -102px !important}
.wui-button-createNewsletter > div:after   {background-position:-166px -102px !important}
.wui-button-archive > div > span           {padding-left:20px}
.wui-button-archive > div:before           {background-position:-103px -262px !important}
.wui-button-edit > div > span              {padding-left:20px}
.wui-button-edit > div:before              {background-position:-362px -100px !important}
.wui-button-search > div > span            {padding-left:20px}
.wui-button-search > div:before            {background-position:-7px -165px !important}
.wui-button-replace > div > span           {padding-left:20px}
.wui-button-replace > div:before           {background-position:-198px -165px !important}
.wui-button-restore > div > span           {padding-left:20px}
.wui-button-restore > div:before           {background-position:-263px -70px !important}
.wui-button-createUserDefault > div > span {padding-left:20px}
.wui-button-createUserDefault > div:before {background-position:-198px -262px !important}
.wui-button-createUserDefault > div:after  {background-position:-166px -103px !important}
.wui-button-createUserPublic > div > span  {padding-left:20px}
.wui-button-createUserPublic > div:before  {background-position:-166px -262px !important}
.wui-button-createUserPublic > div:after   {background-position:-166px -103px !important}
.wui-button-createGroup > div > span       {padding-left:20px}
.wui-button-createGroup > div:before       {background-position:-230px -38px !important}
.wui-button-createGroup > div:after        {background-position:-166px -103px !important}
.wui-button-saveAndExit > div > span       {padding-left:20px}
.wui-button-saveAndExit > div:before       {background-position:-4px -262px !important}
.wui-button-save > div > span              {padding-left:20px}
.wui-button-save > div:before              {background-position:-36px -262px !important}
.wui-button-add > div > span               {padding-left:20px}
.wui-button-add > div:before               {background-position:-172px -107px !important}

.wui-button-icon.wui-button-objectlist.wui-button > div:before    {content:'';position:absolute;left:3px;top:0px;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:16px 16px}
.wui-button-icon.wui-button-objectlist.wui-button > div:after     {content:'';position:absolute;left:3px;top:0px;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:16px 16px}

.wui-button-icon.wui-button-objectlist.wui-button-preview > div:before     {background-position:-6px -167px !important}

.wui-button-icon-only.wui-button > div:before    {content:'';position:absolute;left:0px;top:0px;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:16px 16px}
.wui-button-icon-only.wui-button > div:after     {content:'';position:absolute;left:0px;top:0px;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:16px 16px}

.wui-button-icon-only.wui-button-versions > div:before        {background-position:-103px -264px !important}
.wui-button-icon-only.wui-button-download > div:before        {background-position:-71px -167px !important}
.wui-button-icon-only.wui-button-add > div:before             {background-position:-172px -107px !important}
.wui-button-icon-only.wui-button-online > div:before          {background-position:-7px -7px !important}
.wui-button-icon-only.wui-button-offline > div:before         {background-position:-39px -7px !important}
.wui-button-icon-only.wui-button-unverified > div:before      {background-position:-71px -7px !important}
.wui-button-icon-only.wui-button-delete > div:before          {background-position:-167px -71px !important}
.wui-button-icon-only.wui-button-restore > div:before         {background-position:-263px -71px !important}
.wui-button-icon-only.wui-button-update > div:before          {background-position:-71px -39px !important}
.wui-button-icon-only.wui-button-reload > div:before          {background-position:-39px -39px !important}
.wui-button-icon-only.wui-button-unlock > div:before          {background-position:-295px -8px !important}
.wui-button-icon-only.wui-button-options > div:before         {background-position:-39px -167px !important}
.wui-button-icon-only.wui-button-login > div:before           {background-position:-362px -102px !important}
.wui-button-icon-only.wui-button-stat > div:before            {background-position:-263px -39px !important}
.wui-button-icon-only.wui-button-preview > div:before         {background-position:-7px -167px !important}
.wui-button-icon-only.wui-button-open > div:before            {background-position:-199px -39px !important}
.wui-button-icon-only.wui-button-create > div:before          {background-position:-7px -103px !important}
.wui-button-icon-only.wui-button-create > div:after           {background-position:-168px -104px !important}
.wui-button-icon-only.wui-button-edit > div:before            {background-position:-362px -102px !important}
.wui-button-icon-only.wui-button-dashboard > div:before       {background-position:-455px -103px !important}
.wui-button-icon-only.wui-button-license > div:before         {background-position:-167px -359px !important}
.wui-button-icon-only.wui-button-select > div:before          {background-position:-199px -71px !important}
.wui-button-icon-only.wui-button-copy > div:before            {background-position:-167px -167px !important}
.wui-button-icon-only.wui-button-mail > div:before            {background-position:-263px -167px !important}
.wui-button-icon-only.wui-button-archiveinactive > div:before {background-position:-103px -263px !important}
.wui-button-icon-only.wui-button-archiveactive > div:before   {background-position:-103px -264px !important}
.wui-button-icon-only.wui-button-archiveactive > div:after    {background-position:-393px -105px !important}
.wui-button-icon-only.wui-button-import > div:before          {background-position:-7px -103px !important}
.wui-button-icon-only.wui-button-import > div:after           {background-position:-232px -105px !important}
.wui-button-icon-only.wui-button-dir > div:before             {background-position:-103px -103px !important}
.wui-button-icon-only.wui-button-copytocloud > div:before       {background-position:-99px -76px !important;background-size:600px;}
.wui-button-icon-only.wui-button-copytocloud > div:after        {background-position:-122px -76px !important;background-size:600px;}
.wui-button-icon-only.wui-button-deletefromcloud > div:before   {background-position:-99px -76px !important;background-size:600px;}
.wui-button-icon-only.wui-button-deletefromcloud > div:after    {background-position:-17px 2px !important;background-size:500px;}
.wui-button-icon-only.wui-button-checkbox > div:before          {background-position:-487px -167px !important}
.wui-button-icon-only.wui-button-checkbox-checked > div:before  {background-position:-519px -167px  !important}
.wui-button-icon-only.wui-button-securitycheck-ok > div:before          {background-position:-615px -39px !important}
.wui-button-icon-only.wui-button-securitycheck-failed > div:before         {background-position:-647px -39px !important}


.wui-button-icon.wui-button-objectlist.wui-button-projectCheckin > div:before  {background-position:-72px -103px !important}
.wui-button-icon.wui-button-objectlist.wui-button-projectCheckin > div:after   {background-position:-232px -103px !important}


.wui-button-icon-only.wui-button-openentry >  div:before  {content:'';display:block;width:0;height:0;top:7px;left:4px;border:solid 5px #444444;border-color:#444444 transparent transparent transparent}
.wui-button-icon-only.wui-button-closeentry > div:before  {content:'';display:block;width:0;height:0;top:1px;left:4px;border:solid 5px #444444;border-color:transparent transparent #444444 transparent}

.wui-page-window .wui-menu-buttons .wui-buttons-main .wui-button:hover {border:solid 1px #c6c6c6;border-color:#ADBBCB #8599B1 #8698AD #ADBBCB;background-color:#D0D8E4;background-image:linear-gradient(180deg, #CDD2DD 0%, #ABB0BA 100%);}
.wui-page-window .wui-menu-buttons .wui-buttons-main .wui-button-icon > div > span {padding-left:25px}

.wui-page-dialog .wui-menu-buttons .wui-buttons-main .wui-button {padding:6px 12px 6px 12px;}
.wui-page-dialog .wui-menu-buttons .wui-buttons-main .wui-button-blank {padding:6px 6px 6px 6px}

/* PAGE.REGISTER */

.wui-mask-body-inner .wui-registers                         {-webkit-user-select:none;-moz-user-select:none;position:relative;overflow:hidden;margin:-10px -10px 10px -10px;padding:0;list-style:none;background-color:#d0d0d0}
.wui-mask-body-inner .wui-registers:before                  {content:'';display:block;position:absolute;width:100%;bottom:0;border-bottom:solid 1px #c7c7c7}
.wui-mask-body-inner .wui-registers .wui-register           {cursor:pointer;float:left;margin:0;padding:0;font-size:11px;border-top:solid 1px transparent;border-left:solid 1px transparent;border-right:solid 1px transparent}
.wui-mask-body-inner .wui-registers .wui-register:hover     {color:#000000}
.wui-mask-body-inner .wui-registers .wui-register-selected  {position:relative;font-weight:normal;background-color:#dddddd;border-left:solid 1px #c7c7c7;border-right:solid 1px #c7c7c7}
.wui-mask-body-inner .wui-registers .wui-register-selected:first-child  {border-left:solid 1px transparent}
.wui-mask-body-inner .wui-registers .wui-register-additional {float:right}
.wui-mask-body-inner .wui-registers .wui-register span       {display:block;line-height:32px;padding:0 16px;color:#000000;}
.wui-mask-body-inner .wui-registers .wui-register-additional span {color:#888888}

.wui-page-dialog-blank .wui-mask-body-inner .wui-registers  {position:relative;overflow:hidden;margin:-24px -16px 16px -16px;padding:0;list-style:none;background-color:#dddddd}
.wui-page-dialog-blank .wui-mask-body-inner .wui-registers:before  {border-bottom:solid 1px #cecece}
.wui-page-dialog-blank .wui-mask-body-inner .wui-registers .wui-register-selected {background-color:#f0f0f0}

.wui-page-desktop .wui-mask-body-inner .wui-registers               {border-top:solid 10px #dddddd;background-color:#dddddd}
.wui-page-desktop .wui-registers .wui-register-selected             {border-top:solid 1px #c7c7c7}
.wui-page-desktop .wui-registers .wui-register:first-child          {margin-left:10px}
.wui-page-desktop .wui-registers .wui-register-selected:first-child {border-left:solid 1px #c7c7c7}

/* PAGE.AREAS */

.wui-area-register             {display:none;margin:0px;padding:0px;}
.wui-area-register-selected    {display:block;margin:0 auto;padding:0px;}


.wui-container-caption-block   {display:block;padding:2px 1px;line-height:17px}
.wui-container-caption         {display:inline-block;float:left;padding:2px 1px;line-height:17px}
.wui-container-caption-right   {display:inline-block;float:right;padding:2px 1px;line-height:17px}
.wui-container-caption-hidden  {display:none}

/* FORMS, INPUTS */

.wui-input-set                          {display:table;margin:0 auto}

.wui-input                              {box-sizing:border-box;-moz-box-sizing:border-box;background-color:#ffffff;width:auto;border:solid 1px;border-color:#c0c0c0;border-radius:0;display:inline-block;margin:0 0 0 0;height:21px;line-height:21px;min-height:21px;padding:0 4px 0 4px;font-size:11px}
.wui-input-color                        {padding-left:21px}
.wui-input[readonly="readonly"]         {background-color:#f0f0f0}

select.wui-input                        {}

.wui-input-color-selector-bg            {display:block;position:absolute;width:13px;height:13px;border:solid 1px transparent;background:#ffffff}
.wui-input-color-selector-bg:before     {content:'';display:block;position:absolute;top:0px;width:6px;height:6px;border-left:solid 6px #d0d0d0}
.wui-input-color-selector-bg:after      {content:'';display:block;position:absolute;top:7px;width:7px;height:6px;border-right:solid 6px #d0d0d0}
.wui-input-color-selector               {display:block;position:absolute;width:13px;height:13px;border:solid 1px #666666}

.wui-input-textarea                     {height:auto;line-height:17px;padding-top:1px}

.wui-inputaddons-before                 {position:absolute;left:0px;top:1px;background-color:#ffffff}
.wui-inputaddons-after                  {position:absolute;right:1px;top:1px}
.wui-inputaddons-before .wui-inputaddon {position:relative;float:left;cursor:pointer;width:19px;height:19px;border-right:solid 1px #c0c0c0}
.wui-inputaddons-after  .wui-inputaddon {position:relative;float:left;cursor:pointer;width:19px;height:19px;margin-left:-3px}

.wui-inputaddon:before                  {content:'';position:absolute;left:0px;top:0px;width:19px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:720px;background-repeat:no-repeat;background-position:16px 16px}
.wui-inputaddon:after                   {content:'';position:absolute;left:0px;top:0px;width:19px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:720px;background-repeat:no-repeat;background-position:16px 16px}
.wui-inputaddon:hover:before            {transform:scale(1.2);transition:all 0.1s linear}

.wui-inputaddon-select:before           {background-position:-178px -62px !important}
.wui-inputaddon-preview:before          {background-position:-5px -149px !important}
.wui-inputaddon-user:before             {background-position:-178px -62px !important}
.wui-inputaddon-usergroup:before        {background-position:-207px -34px !important}
.wui-inputaddon-delete:before           {background-position:-150px -62px !important}
.wui-inputaddon-newsletterreceiver:before        {background-position:-207px -34px !important}
.wui-inputaddon-icon                    {position:relative;float:left;cursor:pointer;width:19px;height:19px;background-repeat:no-repeat;background-position:center center;}

.wui-input-group                        {display:table;border-spacing:4px}
.wui-input-set > .wui-input-entry                        {display:table-row}
.wui-input-set > .wui-label-entry                        {display:table-row}

.wui-input-element                      {display:inline-block}

.wui-input-set > .wui-input-entry > .wui-input-label                         {display:table-cell;position:relative;text-align:right;padding:4px 8px 0 0;vertical-align:top}
.wui-input-set > .wui-input-entry > .wui-input-label > label                 {display:block}
.wui-input-set > .wui-input-entry > .wui-input-label > .wui-input-label-info {display:inline-block;text-align:right;color:#000000;font-size:10px;line-height:13px;margin-top:5px;padding:4px 0 6px 0}
.wui-input-set > .wui-input-entry > .wui-input-label-light       {color:#999999}
.wui-input-set > .wui-input-entry > .wui-input-element           {display:table-cell;position:relative;padding-bottom:4px;max-width:360px}
.wui-input-set > .wui-input-entry > .wui-input-element-label     {display:table-cell;position:relative;padding:4px 8px 8px 0;vertical-align:top;color:#888888}
.wui-input-set > .wui-input-entry > .wui-element-input-entry-label .wui-input-label {padding-bottom:8px}

.wui-input-set .wui-label-label {display:table-cell;position:relative;text-align:right;padding:5px 8px 6px 0;vertical-align:top;font-weight:bold}

.wui-input-element .wui-input-outer                 {position:relative;width:100%}
.wui-input-set .wui-input-element .wui-input-outer  {position:relative;width:100%;width:360px}
.wui-input-element .wui-input                       {width:100%}
.wui-input-element .wui-input:focus                 {outline:none}
.wui-input-element .wui-input-checkbox              {display:table;width:auto;vertical-align:middle;height:20px;background-color:transparent}
.wui-input-element .wui-input-radio                 {display:table;width:auto;vertical-align:middle;height:20px}

.wui-input-element-file .wui-input          {padding-right:42px}
.wui-input-element-file .wui-input          {padding-right:42px}
.wui-input-element-file .wui-input-with-preview-icon {padding-left:23px}
.wui-input-image-embed-sizes {display:inline-block;margin:4px 0 2px 0}
.wui-input-element-text .wui-input          {height:21px;min-height:21px}
.wui-input-element-date .wui-input           {width:84px}

.wui-input.wui-input-validation-false-blink-on  {background-color:#ffcccc;border-color:#ff0000;box-shadow:0 0 4px 0px rgba(255, 0, 0, 0.5);transition:all 0.2s ease-in-out}
.wui-input.wui-input-validation-false-blink-off {transition:all 1s ease-in-out}

.wui-input.wui-input-info-blink-on  {background-color:#b7e1fc;border-color:#005272;box-shadow:0 0 4px 0px rgba(0, 82, 130, 0.5);transition:all 0.2s ease-in-out}
.wui-input.wui-input-info-blink-off {transition:all 1s ease-in-out}

.wui-input-set .wui-input-element-checkbox                 {display:table}
.wui-input-set .wui-input-element-checkbox label           {display:table-row;padding-left:4px;-webkit-user-select:none;-moz-user-select:none}
.wui-input-set .wui-input-element-checkbox label > span              {display:table-cell;padding:4px 0 0 4px;line-height:13px;vertical-align:top}
.wui-input-set .wui-input-element-checkbox label > span:first-child  {display:table-cell;padding:0}
.wui-input-set .wui-element-input-entry-checkbox .wui-input-label {padding:0}

.wui-input-set .wui-input-element-radio                 {display:table}
.wui-input-set .wui-input-element-radio label           {display:table-row;padding-left:4px;-webkit-user-select:none;-moz-user-select:none}
.wui-input-set .wui-input-element-radio label > span              {display:table-cell;padding:4px 0 0 6px;line-height:13px;vertical-align:top}
.wui-input-set .wui-input-element-radio label > span:first-child  {display:table-cell;padding:0}
.wui-input-set .wui-element-input-entry-radio .wui-input-label {padding:0}

.wui-input-element .wui-input-pre            {padding-right:0;display:inline-block}
.wui-input-element .wui-input-post           {padding-right:0;display:inline-block}
.wui-input-element .wui-input-info           {color:#999999;font-size:10px;line-height:13px;padding:4px 0 6px 0}
.wui-input-element .wui-input-info-clickable {cursor:pointer}
.wui-input-element .wui-input-info-clickable:hover {text-decoration:underline}

.wui-image-icon          {opacity:0.5}
.wui-image-icon-selected {opacity:1}

.wui-bar-password-quality        {position:relative;overflow:hidden;width:100%;margin-top:2px;height:16px;box-sizing:border-box;-moz-box-sizing:border-box;background-image:linear-gradient(90deg, #ff0000 0%, #00cc00 80%, #00ee00 100%);}
.wui-bar-status-password-quality {position:absolute;width:12px;height:16px;transition:all 0.5s ease-out}
.wui-bar-status-password-quality:before {transition:all 0.5s ease-out;transform-origin:center top}
.wui-bar-status-password-quality:after  {transition:all 0.5s ease-out;transform-origin:center bottom}
.wui-bar-status-password-quality:before {position:absolute;content:'';top:0;display:block;width:0;height:0;border:solid 6px #f0f0f0;border-color:#f0f0f0 transparent transparent transparent}
.wui-bar-status-password-quality:after  {position:absolute;content:'';bottom:0;display:block;width:0;height:0;border:solid 6px #f0f0f0;border-color:transparent transparent #f0f0f0 transparent}
.wui-bar-status-password-quality-inactive:before,
.wui-bar-status-password-quality-inactive:after {transform:scale(0)}

.wui-sheet                       {box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;position:relative}

.wui-sheet-preview               {height:100%;padding:42px 11px 3px 11px;overflow:auto}
.wui-sheet-import                {height:100%;padding:0 11px 3px 11px;}
.wui-iframe-preview-container    {width:100%;height:99%;margin:0 auto;position:relative;overflow:auto;outline:solid 1px #a0a0a0;}
.wui-iframe-preview              {width:100%;height:100%;background-color:#ffffff;border:solid 1px #c0c0c0}

.wui-select-usermulti            {border:solid 1px #c0c0c0;border-bottom:none;background-color:#ffffff;min-width:160px}
.wui-select-usermulti-footer     {overflow:hidden;border:solid 1px #c0c0c0;border-top:none;padding:4px 2px 4px 4px;background-color:#f0f0f0}
.wui-select-usermulti .objectTd:first-child {display:none;border-bottom:solid 1px #c0c0c0;padding:3px 2px}
.wui-select-usermulti .objectTd  {border-bottom:solid 1px #c0c0c0;padding:3px 0 3px 6px}

.wui-select-groupmulti           {border:solid 1px #c0c0c0;border-bottom:none;background-color:#ffffff;min-width:160px}
.wui-select-groupmulti-footer    {overflow:hidden;border:solid 1px #c0c0c0;border-top:none;padding:4px 2px 4px 4px;background-color:#f0f0f0}
.wui-select-groupmulti .objectTd:first-child {display:none;border-bottom:solid 1px #c0c0c0;padding:3px 2px}
.wui-select-groupmulti .objectTd {border-bottom:solid 1px #c0c0c0;padding:2px 0 2px 6px}

/* LISTS, TABLES, DATAGRIDS */

.wui-objectlist                   {box-sizing:border-box;-moz-box-sizing:border-box;background-color:#ffffff;border:solid 1px #c7c7c7;height:320px;overflow:auto;overflow-y:scroll}

.wui-page-widget .wui-objectlist    {border:none}
.wui-page-widget .wui-menu-buttons  {border-top:solid 1px #cecece;background-color:#f0f0f0}

.wui-objectlist-entry             {padding:2px 1px 2px 3px;line-height:16px;background-color:#ffffff;border-bottom:solid 1px #c7c7c7;position:relative;overflow:hidden}
.wui-objectlist-entry.da0         {opacity:0.3}
.wui-objectlist-entry-lastOfGroup {}
.wui-objectlist-entry.selected,
.wui-objectlist-entry-selected    {padding:2px 1px 2px 3px;line-height:16px;background-color:#ffffff;border-bottom:solid 1px #c7c7c7;overflow:hidden;background-color:#efefef}
.wui-objectlist-entry:hover       {background-color:#f5f5f5 !important}
.wui-objectlist-entry-info        {clear:both;padding:0px 0px 0px 26px;float:left;font-size:11px;color:#aaaaaa;line-height:13px}
.wui-objectlist-entry-extended    {margin-top:-1px;overflow:hidden;background-color:#f0f0f0;padding:8px 4px 8px 28px;border-bottom:solid 1px #dddddd}
.wui-objectlist-entry-extended-weblic    {clear:both;overflow:hidden;padding:8px 0px 8px 28px;display:block}
.wui-objectlist-entry-extended-weblic .description   {font-size:11px;line-height:15px;color:#888888;padding:4px 0 6px 0;max-width:calc(100% - 200px)}
.wui-objectlist-entry-extended-weblic .rowEditableFile       {cursor:pointer;overflow:hidden;clear:both;margin:1px 0 1px 0}
.wui-objectlist-entry-extended-weblic .rowEditableFile:hover {background-color:#ededed}


img.wui-objectlist-entry-icon                    {float:left;margin:1px 6px 0 0;}
div.wui-objectlist-entry-icon                    {float:left;margin:0px 1px 0 0;width:20px;height:20px;position:relative}
.wui-objectlist-entry-icon-item                  {float:left;display:block;width:18px;height:18px;margin:0 6px 0 0;position:relative}
.wui-objectlist-entry-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-objectlist-entry-icon-backup:before         {background-position:-70px -231px !important}
.wui-objectlist-entry-icon-delete:before         {background-position:-164px -68px !important}
.wui-objectlist-entry-icon-document:before       {background-position:-6px -102px !important}
.wui-objectlist-entry-icon-draft:before          {background-position:-6px -102px !important}
.wui-objectlist-entry-icon-draft:after           {content:'123';font-size:7px;line-height:7px;position:absolute;left:7px;top:14px;background-color:rgba(255, 255, 255, 0.7)}
.wui-objectlist-entry-icon-project:before        {background-position:-70px -102px !important}
.wui-objectlist-entry-icon-cloud:before          {background-position:-134px -102px !important}
.wui-objectlist-entry-icon-directory:before      {background-position:-102px -102px !important}
.wui-objectlist-entry-icon-user-admin:before     {background-position:-230px -262px !important}
.wui-objectlist-entry-icon-user-standard:before  {background-position:-198px -262px !important}
.wui-objectlist-entry-icon-user-public:before    {background-position:-166px -262px !important}
.wui-objectlist-entry-icon-user-cloud:before     {background-position:-262px -262px !important}
.wui-objectlist-entry-icon-group:before          {background-position:-294px -262px !important}
.wui-objectlist-entry-icon-role:before           {background-position:-454px -38px !important}
.wui-objectlist-entry-icon-remote:before         {background-position:-102px -294px !important}
.wui-objectlist-entry-icon-tool:before           {background-position:-262px -358px !important}

.wui-objectlist-entry-icon.isLetterbox:after          {content:'';position:absolute;left:10px;top:10px;width:12px;height:12px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:400px;background-repeat:no-repeat;background-position:-292px -50px !important}
.wui-objectlist-entry-icon.isSend:after               {content:'';position:absolute;left:10px;top:10px;width:12px;height:12px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:400px;background-repeat:no-repeat;background-position:-274px -50px !important}

.wui-objectlist-entry-icon-document:after      {content:'';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:8px;left:5px;}

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

.wui-objectlist-entry-caption     {float:left;margin:2px 0 2px 4px}
.wui-objectlist-entry-functions   {position:absolute;right:0;top:2px}

#objectListDocuments .wui-objectlist-entry-caption {white-space:nowrap;overflow:hidden;max-width:calc(100% - 96px)}

.wui-objectlist-placeholder      {border:none 4px #c0c0c0;box-sizing:border-box;-moz-box-sizing:border-box;margin:4px;font-size:18px;font-weight:bold;line-height:150%;text-align:center;height:262px;overflow:hidden;padding:20px;color:#dcdcdc;}

.wui-objectlist-precontainer             {position:relative;border:solid 1px #c7c7c7;border-bottom:none;background-color:#f0f0f0;padding:10px 10px 9px 10px}

.wui-objectlist-addContainer             {position:relative;border:solid 1px #c7c7c7;border-top:none;background-color:#f0f0f0;padding:10px}
.wui-objectlist-addContainer:after {content:'';display:block;clear:both}
.wui-objectlist-addContainer .wui-button {float:right;line-height:12px}
.wui-objectlist-addContainer .wui-button-icon-only {border:none;height:18px;width:18px;padding:0;background:none}
.wui-objectlist-addContainer a.wui-button:first-of-type {margin-right:0}

.wui-page-widget .wui-objectlist-addContainer                {border-style:solid none none none;border-top:solid 1px #c7c7c7;margin-top:-1px}

.wui-objecttable                                             {display:block;background-color:#ffffff;width:100%;overflow:hidden;overflow-y:auto;box-sizing:border-box;-moz-box-sizing:border-box;border:solid 1px #cecece}
.wui-objecttable-inner                                       {display:table;width:100%}
.wui-objecttable-inner > .wui-objecttable-header             {display:table-header-group}
.wui-objecttable-inner > .wui-objecttable-header > div       {display:table-row;background-color:#f0f0f0}
.wui-objecttable-inner > .wui-objecttable-header > div > div {display:table-cell;height:22px;line-height:22px;padding:0 4px;border-right:solid 1px #ffffff}
.wui-objecttable-inner > .wui-objecttable-body               {display:table-row-group}
.wui-objecttable-inner > .wui-objecttable-body > div         {display:table-row}
.wui-objecttable-inner > .wui-objecttable-body > div > div   {display:table-cell;vertical-align:middle;height:24px;padding:0 4px;white-space:nowrap;border-bottom:solid 1px #dddddd}
.wui-objecttable-inner > .wui-objecttable-body > div > div.wui-ot-ei {width:22px}

/* USERINFOS */

.wui-userinfo                    {min-height:30px;line-height:19px;box-sizing:border-box;-moz-box-sizing:border-box;padding:8px 12px;border-bottom: solid 1px #ffffff;border-top: solid 1px #b0b0b0;margin:8px 0 0 0;background-image:linear-gradient(180deg, #dddddd 0%, #CACACA 100%);}
.wui-userinfo-info               {background-image:linear-gradient(180deg, #FFFABD 0%, #FFF39D 100%)}
.wui-userinfo-warning            {color:#ffffff;background-image:linear-gradient(180deg, #FF831f 0%, #EF6b00 100%)}
.wui-userinfo-error              {color:#ffffff;background-image:linear-gradient(180deg, #ff4444 0%, #ff0000 100%)}
.wui-userinfo-blank              {padding:8px 4px;border-color:transparent !important;background-image:none;background-color:transparent}

.wui-page-uploader .wui-userinfo                    {margin:0 0 8px 0;border-right:solid 1px #ffffff;border-left:solid 1px #c0c0c0}

/* SUGGEST */

.suggestSelection                              {display:none;overflow:hidden;padding:0 10px 10px 10px;position:absolute;z-index:10012;font-size:11px;line-height:19px;font-family:Arial, Sans-serif, Helvetica;}
.suggestSelection .suggestInner                {position:relative;overflow:hidden;border:solid 1px #aaaaaa;border-top:solid 1px #bbbbbb;background-color:#ffffff;box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.4)}
.suggestSelection .suggestHeader               {position:absolute;z-index:2;right:0;top:0;background-color:#e0e0e0;margin-left:2px;padding:1px;border-left:solid 1px #b0b0b0;border-bottom:solid 1px #b0b0b0;height:18px;background-image:linear-gradient(180deg, #eeeeee, #dddddd);}
.suggestSelection .suggestHeader .suggestionFunction {float:right;padding:1px;padding-right:4px}
.suggestSelection .suggestHeader .suggestionFunction:hover {float:right;padding:0;padding-right:3px;border:#8ba1b9 1px solid}
.suggestSelection .dirsToNavigate              {background-color:#f3f3f3;padding:4px 2px;border-bottom:solid 1px #b9b9b9}
.suggestSelection .itemsToSelect               {background-color:#ffffff;padding:4px 2px;}
.suggestSelection .suggestItemSelectable       {font-size:11px;padding:2px 6px 2px 6px;height:18px;color:#444444;cursor:pointer;overflow:hidden}
.suggestSelection .suggestItemSelectable:hover {background-color:#e3e3e3;color:#222222;padding:1px 5px 1px 5px;background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(180deg, #eeeeee, #dddddd);border:#8ba1b9 1px solid}
.suggestSelection .suggestItemSelectable .icon {display:inline;vertical-align:middle;}
.suggestSelection .suggestItemSelectable .text {padding-left:4px;line-height:18px;vertical-align:middle}
.suggestSelection .suggestItem                 {font-size:11px;padding:2px 6px 2px 6px;height:19px;color:#444444;cursor:pointer;overflow:hidden;position:relative}
.suggestSelection .suggestItem:hover           {background-color:#e3e3e3;color:#222222;padding:1px 5px 1px 5px;background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(180deg, #eeeeee, #dddddd);border:#8ba1b9 1px solid}
.suggestSelection .suggestItem .icon           {display:inline;width:18px;height:18px;vertical-align:middle;background:url('/weblication/grid5/gui/images/icons-18x18.png')}
.suggestSelection .suggestItem .text           {padding-left:4px;line-height:18px;vertical-align:middle}
.suggestSelection .suggestItem .text .ttitle   {color:#aaaaaa;padding-left:8px}
.suggestSelection .suggestItemSelectableHover  {background-color:#e3e3e3;color:#222222;padding:1px 5px 1px 5px;background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(180deg, #eeeeee, #dddddd);border:#8ba1b9 1px solid}
.suggestSelection .suggestItemDirParent        {border-bottom:solid 1px #a0a0a0}
.suggestSelection .suggestProgress             {padding:4px}

.suggestPreview                                {color:#b0b0b0;position:absolute;overflow:hidden;font-size:11px;font-weight:normal;font-family:Arial, Sans-serif, Helvetica;line-height:18px;margin:0 0 0 0;padding:0 0 0 4px;background-color:#ffffff}

@-moz-document url-prefix(){
  .suggestPreview {padding-left:5px}
}

.suggestBlocker                                {position:absolute;z-index:10011;width:20px;height:20px}

.suggestHeader                                 {position:absolute;z-index:10013;overflow:hidden;background-color:#ffffff}
.suggestHeader .suggestionFunction             {padding:0;display:inline;background-color:#ffffff}
.suggestHeader .suggestionFunction:hover       {padding:0;display:inline;background-color:#e0e0e0}

/* mask:sendNewsletter */

.wui-mask-sendNewsletter #inputSetTest                          {margin-top:30px;max-width:488px}
.wui-mask-sendNewsletter #inputSetTest .wui-input-label > label {white-space:nowrap}
.wui-mask-sendNewsletter #testMail                              {width:160px}
.wui-mask-sendNewsletter #button_test                           {margin-top:8px}

.wui-mask-sendNewsletter #sheetTest             {}
.wui-mask-sendNewsletter #containerSendProtocol {background-color:#ffffff;border:solid 1px #c7c7c7;position:relative}
.wui-mask-sendNewsletter #sendProtocol          {padding:4px;box-sizing:border-box;-moz-box-sizing:border-box}
.wui-mask-sendNewsletter #sendProtocolFunctions {background-color:#f0f0f0;border-top:solid 1px #c7c7c7;height:88px;width:100%;position:absolute;bottom:0}
.wui-mask-sendNewsletter #sendProtocolFunctionsExtended {padding:10px}
.wui-mask-sendNewsletter #sendProtocolButtons   {position:absolute;bottom:10px;right:8px}
.wui-mask-sendNewsletter #statisticButtons      {position:absolute;bottom:10px;left:4px}
.wui-mask-sendNewsletter #statisticButtons > a  {text-decoration:underline}

/* mask:editNewsletter */

.wui-mask-editNewsletter #inputSetNewsletterData  {display:block}
.wui-mask-editNewsletter #containerNewsletterHTML {margin-top:10px}
.wui-mask-editNewsletter #framePreviewHTML        {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:30%;border:solid 1px #c0c0c0;margin-top:2px;}
.wui-mask-editNewsletter #containerNewsletterText {margin-top:10px}
.wui-mask-editNewsletter #newsletterText          {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:30%;border:solid 1px #c0c0c0;margin-top:2px;font-family:courier}
.wui-mask-editNewsletter #button_edit             {float:right;margin:-2px 0 0 0}
.wui-mask-editNewsletter #button_create_text      {float:right;margin:-2px 0 0 0}
.wui-mask-editNewsletter #subscriptionsContainer  {position:absolute;right:10px;top:13px}
.wui-mask-editNewsletter #subscriptionsToSelect   {border:solid 1px #c0c0c0;font-size:11px}

.wui-mask-editNewsletter .wui-input-set > .wui-input-entry > .wui-input-element {width:430px;max-width:100%}
.wui-mask-editNewsletter .wui-input-set .wui-input-element .wui-input-outer {width:430px;max-width:100%}
.wui-mask-editNewsletter .wui-input-label label {white-space:nowrap}

.wui-mask-editNewsletter .newsletter-deactivate-button {cursor:pointer;padding-left:4px;color:#bbbbbb}

.wui-mask-showNewsletter #inputSetNewsletterData  {display:block}
.wui-mask-showNewsletter #containerNewsletterHTML {margin-top:10px}
.wui-mask-showNewsletter #framePreviewHTML        {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:30%;border:solid 1px #c0c0c0;margin-top:2px;}
.wui-mask-showNewsletter #containerNewsletterText {margin-top:10px}
.wui-mask-showNewsletter #newsletterText          {font-family:courier new;font-size:13px;padding:0 1px 0 1px;white-space:pre-wrap;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:30%;border:solid 1px #c0c0c0;margin-top:2px;overflow:auto}

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

  .wui-mask-showNewsletters #button_close > div > span,
  .wui-mask-showNewsletters #button_reload > div > span {display:none}
  .wui-mask-showNewsletters .colSender {display:none !important}
}

/* mask:newsletterLogs */

.wui-mask-newsletterLogs #wSheetDefault                       {padding:10px;overflow-y:auto;background-color:#ffffff;border:solid 1px #c0c0c0}
.wui-mask-newsletterLogs #wSheetExtended                      {padding:10px;overflow-y:auto;background-color:#ffffff;border:solid 1px #c0c0c0}
.wui-mask-newsletterLogs #iframeNewsletterStatisticCustomized {width:100%;height:320px;background-color:#ffffff;border:solid 1px #c0c0c0}

.wui-mask-newsletterLogs .titleStatistic          {color:#666666;font-size:18px;margin-top:0}
.wui-mask-newsletterLogs .ratioClicks > div       {margin-left:8px;border:solid 1px #497193}
.wui-mask-newsletterLogs .ratioClicks > div > div {background-color:#497193;height:10px}
.wui-mask-newsletterLogs .urlValue a              {text-decoration:none}

/* mask:users */

body > .wui-mask-users {max-width:800px;max-height:640px}
body.wui-mask-users.wui-page-desktop  > .wui-mask {max-height:none;margin:0;box-shadow:none}

@media only screen and (max-width: 960px){
  body > .wui-mask-users {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

/*
body > .wui-mask-update {max-width:680px;max-height:320px}
.wui-page-desktop.wui-mask-update .wui-statusbar {display:block}

@media only screen and (max-width:720px){
  body > .wui-mask-update {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-update .wui-statusbar {display:none}
}
*/

.wui-mask-users #wui-input-entry-userTypes .wui-select {min-width:132px}
.wui-mask-users .wui-objectlist-entry-groupstandard {float:right;color:#d0d0d0;line-height:21px;padding:0 6px 0 0;margin-right:68px}

.wui-mask-users .wui-objectlist-entry.user-stoff {opacity:0.5}
.wui-mask-users .wui-objectlist-entry {cursor:default}
.wui-mask-users .wui-objectlist-entry .wui-objectlist-entry-caption-info {color:#a0a0a0}

.wui-mask-users .wui-page-item {background-image:linear-gradient(180deg, #EAEAEA 0%, #d3d3d3 100%);cursor:pointer;display:inline-block;margin:0 2px 2px 0;width:18px;line-height:20px;text-align:center;border:solid 1px #bcbcbc;border-color:#bcbcbc #aaaaaa #aaaaaa #bcbcbc;}
.wui-mask-users .wui-page-item.selected {background:none;background-color:#ffffff};

/* mask:usersList */
.wui-mask-usersList .wui-objectlist-entry-info                {clear:none;float:right;padding:4px 6px 0 0;margin-right:24px}

/* mask:user */

body > .wui-mask-user_ {max-width:960px;max-height:640px}

@media only screen and (max-width: 1024px){
  body > .wui-mask-user {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-mask-user .wui-input-set > .wui-input-entry > .wui-input-element,
.wui-mask-user .wui-input-set .wui-input-element .wui-input-outer {width:240px;max-width:240px}

.wui-mask-user .wui-area-register {max-height:calc(100vh - 120px);overflow:auto}

.wui-mask-user #wContainerDefaultFirst  {float:left;width:50%;margin-bottom:200px;}
.wui-mask-user #wContainerDefaultSecond {float:left;width:50%}

.wui-mask-user #wSheetRegister_default_permissions .wui-input-label   {width:260px;max-width:none}
.wui-mask-user #wSheetRegister_default_permissions .wui-input-element {width:260px;max-width:none}

.wui-mask-user #createUser_prefix {width:240px}
.wui-mask-user #wContainerGroupAddOnCreateUser {width:240px}
.wui-mask-user #wui-input-entry-passwordquality  {display:none}
.wui-mask-user #wui-input-entry-passwordrules    {display:none}
.wui-mask-user .wui-bar-password-quality         {width:160px}
.wui-mask-user #password_interval                {width:40px}
.wui-mask-user #passwordRules                    {display:table;margin:0 auto;color:#999999;padding:0 2px;line-height:125%}
.wui-mask-user .wui-password-rule                {color:#999999;padding:0 0 4px 0}
.wui-mask-user .wui-rulemarker-ok                {}
.wui-mask-user .wui-rulemarker-failed            {color:#ff0000}

.wui-mask-user #containerPasswortSuggestion                               {margin:4px 0;padding:4px 0;cursor:pointer}
.wui-mask-user #containerPasswortSuggestion:hover                         {background-color:#e6e6e6}
.wui-mask-user #containerPasswortSuggestion #passwordSuggestionCaption    {display:inline-block;padding-right:4px}
.wui-mask-user #containerPasswortSuggestion #passwordSuggestion           {display:inline-block;color:#008404;padding-right:4px}
.wui-mask-user #containerPasswortSuggestion #buttonUserPasswordSuggestion {padding:4px 0;display:inline-block}

.wui-mask-user .wui-group-standard-caption       {color:#d0d0d0;display:block;float:right;margin:4px 4px 0 0}
.wui-mask-user .wui-group-standard-checked .wui-group-standard-caption       {color:#000000}

.wui-mask-user #wui-input-entry-groupseditable .wui-input-label {padding-top:18px}
.wui-mask-user #wui-input-entry-groupseditable .wui-input-element-content {padding-top:14px;width:480px}

.wui-mask-user #iframeFavorites {width:100%;max-width:480px;height:400px;border:none;display:block;margin:0 auto;}
.wui-mask-user #wContainerInfoFavoritesAdmin {max-width:440px;margin:0 auto;display:block;font-size:11px;line-height:13px;color:#999999}

.blockMenubarTable          {float:left; height:23px; margin:0px; display:inline; height:22px; margin:0px; margin-right:10px;}
.menubarSpacer              {position:absolute; height:28px;width:2px; margin-left:-6px; margin-top:-15px;}
.menubarSpacerSelect        {position:absolute; height:28px;width:2px; margin-left:-6px; margin-top:-15px;}
.selectboxMenubar           {height:18px;padding:0;font-size:11px;margin-top:2px;font-family:Arial,Helvetica;border-style:solid;border-width:1px;border-color:#BCBCBC; border-top-color:#999999; border-right-color:#999999;}

.wButtonWysiwyg             {white-space:nowrap;cursor:pointer;margin:0 2px 0 2px;padding:2px;border:none;font-family:Arial,Helvetica; font-size:11px;font-weight:normal;color:#000000;}
.wButtonWysiwygMo           {white-space:nowrap;cursor:pointer;margin:0 2px 0 2px;background-color:#c9ced4;padding:1px;border-style:solid;border-width:1px;border-color:#617886;}
.wButtonWysiwygSelected     {white-space:nowrap;cursor:pointer;margin:0 2px 0 2px;background-color:#c9ced4;padding:1px;border-style:solid;border-width:1px;border-color:#617886;}

.wMenuWysiwyg               {background-color:#ffffff;background-image:url('/weblication/grid5/gui/images/bg_explorer_menu.gif'); background-repeat:repeat-y; border:#999999 1px solid; border-right:#4C4C4C 1px solid; border-bottom:#4C4C4C 1px solid; position:absolute; display:none; z-index:65536; width:200px;}
.wMenuWysiwyg .imgMenu      {border:0px solid; float: left; margin-left:5px; margin-right:14px; margin-top:2px; vertical-align:middle; width:16px; height:16px;}
.wMenuWysiwyg .wMenuN       {height:20px;margin:2px;}
.wMenuWysiwyg .wMenuN span,
.wMenuWysiwyg .wMenuN a     {cursor:pointer;display:block; height:100%; width:100%; line-height:20px;text-decoration:none}
.wMenuWysiwyg .wMenuH       {background-image:url('/weblication/grid5/gui/images/bg_explorer_menuh.gif'); border-left:#8BA1B9 1px solid; border-right:#8BA1B9 1px solid; height:18px; padding:1px; margin:2px;}
.wMenuWysiwyg .wMenuH img   {margin-top:1px; margin-left:3px;}
.wMenuWysiwyg .wMenuH span,
.wMenuWysiwyg .wMenuH a     {cursor:pointer;display:block; height:100%; width:100%; line-height:18px;text-decoration:none}

.wysiwygProfileUser            {cursor:pointer;height:32px;width:100%;border:solid 1px #b0b0b0;margin:6px 4px 4px 4px}
.wysiwygProfileUserSelected    {cursor:pointer;height:32px;width:100%;border:solid 1px #a0a0a0;margin:6px 4px 4px 4px;background-color:#dddddd}
.wysiwygProfileUser:hover                      {height:32px;width:100%;border:solid 1px #888888;margin:6px 4px 4px 4px}
.wysiwygProfileUserSelected:hover              {height:32px;width:100%;border:solid 1px #888888;margin:6px 4px 4px 4px}
.wysiwygProfileUser .wysiwygProfileUserCaption     {position:absolute;width:140px;margin:9px;color:#a0a0a0}
.wysiwygProfileUser:hover .wysiwygProfileUserCaption     {position:absolute;width:140px;margin:9px;font-weight:bold;color:#000000}
.wysiwygProfileUserSelected .wysiwygProfileUserCaption     {position:absolute;width:140px;margin:9px;font-weight:bold}
.wysiwygProfileUserBar         {position:absolute;margin:6px 0 0 120px;}
.wysiwygProfileUser .wysiwygProfileBlocker               {position:absolute;margin:0 0 0 112px;height:32px;width:760px;background-color:rgba(240, 240, 240, 0.6)}
.wysiwygProfileUser:hover .wysiwygProfileBlocker         {position:absolute;margin:0 0 0 112px;height:32px;width:760px;background:none}
.wysiwygProfileUserSelected .wysiwygProfileBlocker       {position:absolute;margin:0 0 0 112px;height:32px;width:760px;background:none}

.wysiwygProfileUserBar div table:first-child .menubarSpacerSelect {display:none}

/* mask:favorites-user */

body > .wui-mask-favorites-user {max-width:640px;max-height:640px}

@media only screen and (max-width: 720px){
  body > .wui-mask-favorites-user {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

/* mask:groups */

body > .wui-mask-groups_,
body > .wui-mask-roles_ {max-width:800px;max-height:640px}

@media only screen and (max-width: 960px){
  body > .wui-mask-groups,
  body > .wui-mask-roles {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-mask-groups .wui-objectlist-entry {cursor:default}
.wui-mask-roles .wui-objectlist-entry {cursor:default}

/* mask:group */

.wui-mask-group .wui-input-set > .wui-input-entry > .wui-input-element,
.wui-mask-group .wui-input-set .wui-input-element .wui-input-outer {width:240px;max-width:240px}
.wui-mask-group #wContainerGroupDatas         {float:left;width:50%;margin-bottom:20px}
.wui-mask-group #wContainerGroupMembers       {float:left;width:50%}
.wui-mask-group #groupMemberAdministration    {float:left;width:100%;height:420px;margin-right:14px;display:block;overflow:hidden;}
.wui-mask-group .wui-groups-childs > div      {line-height:21px}
.wui-mask-group .wui-groups-descendants > div {line-height:19px;padding-left:12px}

.wui-mask-group #iframeFavorites {width:100%;max-width:480px;height:390px;border:none;display:block;margin:0 auto;}
.wui-mask-group #wContainerInfoFavoritesAdmin {max-width:440px;margin:0 auto;display:block;font-size:11px;color:#999999}

@media only screen and (max-width:760px){
  .wui-mask-group #wContainerGroupDatas         {float:none;width:auto}
  .wui-mask-group #wContainerGroupMembers       {float:none;width:auto}
}

/* mask:usersGroupEmbed */

.wui-mask-usersGroupEmbed .wui-mask-body              {background-color:transparent}
.wui-mask-usersGroupEmbed *                           {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.wui-mask-usersGroupEmbed #formUserFilter             {}
.wui-mask-usersGroupEmbed #containerSelectUsers       {background-color:#ffffff}
.wui-mask-usersGroupEmbed #quickfilter                {width:180px;}

.wui-mask-usersGroupEmbed #userContainer              {width:100%;height:320px;margin:0;padding:0;list-style:none}

/* mask:selectGroups */

.wui-mask-selectGroups                          {}
.wui-mask-selectGroups *                        {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.wui-mask-selectGroups #formGroupFilter         {background-color:#f0f0f0;overflow:hidden;padding:10px;border-bottom:1px solid #D0D0D0;}
.wui-mask-selectGroups #containerSelectGroups   {background-color:#ffffff;border:solid 1px #c0c0c0}
.wui-mask-selectGroups #quickfilter             {width:180px;}

.wui-mask-selectGroups #groupContainer          {margin:0;padding:0;list-style:none}
.wui-mask-selectGroups #groupContainer li       {overflow:hidden;background-color:#ffffff;line-height:20px;height:20px;padding:0 0 0 4px;margin:0;border-bottom:1px solid #D0D0D0;}
.wui-mask-selectGroups #groupContainer li:hover {background-color:#f0f0f0}
.wui-mask-selectGroups #groupContainer li *     {cursor:default;margin:0;padding:0}

.wui-mask-selectGroups #groupContainer li div   {float:left;overflow:hidden;white-space:nowrap;width:calc(100% - 26px);}
.wui-mask-selectGroups #groupContainer li span  {float:left;margin:0 4px 0 0;display:block;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:-230px -38px}

/* mask:createGroup */

body > .wui-mask-createGroup {max-width:520px;max-height:320px}
.wui-page-desktop.wui-mask-createGroup .wui-statusbar {display:block}

@media only screen and (max-width:560px){
  body > .wui-mask-createGroup {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-createGroup .wui-statusbar {display:none}
}

/* mask:selectUsers */

.wui-mask-selectUsers *                           {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.wui-mask-selectUsers #formUserFilter             {background-color:#f0f0f0;overflow:hidden;padding:10px;border-bottom:1px solid #D0D0D0;}
.wui-mask-selectUsers #containerSelectUsers       {background-color:#ffffff;border:solid 1px #c0c0c0}
.wui-mask-selectUsers #quickfilter                {width:180px;}

.wui-mask-selectUsers #userContainer              {margin:0;padding:0;list-style:none}
.wui-mask-selectUsers #userContainer li           {overflow:hidden;background-color:#ffffff;line-height:20px;height:20px;padding:0 0 0 4px;margin:0;border-bottom:1px solid #D0D0D0;}
.wui-mask-selectUsers #userContainer li:hover     {background-color:#f0f0f0}
.wui-mask-selectUsers #userContainer li *         {cursor:default;margin:0;padding:0}

.wui-mask-selectUsers #userContainer li span      {float:left;margin:0 4px 0 0;display:block;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:-166px -262px}
.wui-mask-selectUsers #userContainer li span.utd  {background-position:-230px -262px}
.wui-mask-selectUsers #userContainer li span.utt  {background-position:-198px -262px}
.wui-mask-selectUsers #userContainer li span.utc  {background-position:-262px -262px}

.wui-mask-selectUsers #userContainer li div       {float:left;overflow:hidden;white-space:nowrap}

/* mask:linkchecker */

.wui-mask-linkchecker #wInputsetDefault         {display:block}
.wui-mask-linkchecker #containerStatus          {box-sizing:border-box;-moz-box-sizing:border-box;position:absolute;margin:20px 0 0 0;width:424px;height:357px;background-color:#ffffff;border:solid 1px #c7c7c7}
.wui-mask-linkchecker #statusDiagram            {height:90%;overflow-y:auto}
.wui-mask-linkchecker #statusDiagramInfo        {position:absolute;bottom:0;width:100%;height:0px;background-color:#f0f0f0;overflow:hidden;transition:height 0.3s linear}
.wui-mask-linkchecker #statusDiagramInfo.active {height:62px;border-top:solid 1px #c7c7c7}
.wui-mask-linkchecker #frmExecute               {box-sizing:border-box;-moz-box-sizing:border-box;position:absolute;width:442px;height:386px;margin:20px 0 0 0;background-color:#ffffff;border:solid 1px #c7c7c7}

.wui-mask-linkchecker .linkCheckerLinkStatusAvailable        {background-color:#00bf00;float:left;width:8px;height:10px;margin:1px 0 0 1px}
.wui-mask-linkchecker .linkCheckerLinkStatusRedirected       {background-color:#00bf00;float:left;width:8px;height:10px;margin:1px 0 0 1px}
.wui-mask-linkchecker .linkCheckerLinkStatusRedirected:after {content:'R';display:block;width:8px;height:10px;color:#ffffff;font-size:9px;line-height:10px;text-align:center}
.wui-mask-linkchecker .linkCheckerLinkStatusRedirectedMultiple       {background-color:#00bf00;float:left;width:8px;height:10px;margin:1px 0 0 1px}
.wui-mask-linkchecker .linkCheckerLinkStatusRedirectedMultiple:after {content:'R';display:block;width:8px;height:10px;color:#ffffff;font-weight:bold;font-size:9px;line-height:10px;text-align:center}
.wui-mask-linkchecker .linkCheckerLinkStatusNotAvailable     {background-color:red;float:left;width:8px;height:10px;margin:1px 0 0 1px}

.wui-mask-linkchecker #wContainerCaptionProgress {position:absolute;padding-left:1px}
.wui-mask-linkchecker #wContainerCaptionResult   {position:absolute;padding-left:1px}

.wui-mask-linkchecker #statusURL {margin-top:2px;color:#5279b4}

/* mask:linkrebuilder */

.wui-mask-linkRebuilder #wInputsetDefault         {display:block}
.wui-mask-linkRebuilder #containerStatus          {position:relative;box-sizing:border-box;-moz-box-sizing:border-box;margin:20px 0 0 0;padding:4px 0;height:357px;background-color:#ffffff;border:solid 1px #c7c7c7}
.wui-mask-linkRebuilder #statusDiagram            {height:90%;overflow-y:auto}
.wui-mask-linkRebuilder #statusDiagramInfo        {position:absolute;bottom:0;width:100%;height:0px;background-color:#f0f0f0;overflow:hidden;transition:height 0.3s linear}
.wui-mask-linkRebuilder #infoProgress             {display:none;padding:0 8px;line-height:23px}
.wui-mask-linkRebuilder #statusDiagramInfo.active {height:23px;border-top:solid 1px #c7c7c7}

.wui-mask-linkRebuilder .linkRebuilderStatusTypeDir         {display:block;float:left;width:16px;height:16px;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:600px;background-position:-76px -76px}
.wui-mask-linkRebuilder .linkRebuilderStatusTypeFile        {display:block;float:left;width:16px;height:16px;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:600px;background-position:-4px -76px}

.wui-mask-linkRebuilder #wContainerCaptionProgress {position:absolute;padding-left:1px}

.wui-mask-linkRebuilder .doc {line-height:17px;padding-left:8px}
.wui-mask-linkRebuilder .clearDoc {line-height:17px;padding-left:8px;color:#5c371c}
.wui-mask-linkRebuilder .link {color:#a0a0a0;padding-left:30px;line-height:15px}
.wui-mask-linkRebuilder .spacerHasLinks {margin-bottom:0}

/* mask:copyProject */

.wui-mask-copyProject                {overflow:visible}
.wui-mask-copyProject .wui-mask-body {overflow:visible;height:auto !important}

/* mask:documentcreator */

_body.wui-mask-documentcreator > div {max-width:780px;max-height:580px}

@media only screen and (max-width: 60px){
  _body.wui-mask-documentcreator > div {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-documentcreator .wui-templates-available {border:solid 1px #c7c7c7;background-color:#ffffff;padding:4px 4px 0px 4px;overflow-y:auto}
.wui-documentcreator .wui-templates-available .wui-template-available {cursor:pointer;position:relative;margin:0 0 5px 0;box-sizing:border-box;-moz-box-sizing:border-box;width:50%;min-height:77px;float:left;padding:0 4px 6px 48px;border:solid 1px transparent}
.wui-documentcreator .wui-templates-available .wui-template-available:nth-child(2n) {}
.wui-documentcreator .wui-templates-available .wui-template-available:nth-child(2n + 1) {width:49%;width:-webkit-calc(50% - 5px);width:calc(50% - 5px);margin-right:5px;clear:left}
.wui-documentcreator .wui-templates-available .wui-template-available:first-child:last-child {width:100%;margin-right:0}
.wui-documentcreator .wui-templates-available .wui-template-selected,
.wui-documentcreator .wui-templates-available .wui-template-available:hover {background-color:#f6f6f6;border:solid 1px #C8D2DD}
.wui-documentcreator .wui-templates-available .wui-template-icon        {position:absolute;left:4px;top:4px;width:32px;height:60px;background-repeat:no-repeat;background-size:100%}
.wui-documentcreator .wui-templates-available .wui-template-caption     {padding:8px 0 0 0}
.wui-documentcreator .wui-templates-available .wui-template-description {padding:4px 0 0 0;color:#999999;line-height:15px}

.wui-documentcreator .wui-templates-available .wui-template-icon-class {content:'';background-image:url('/weblication/grid5/gui/images/templates.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:64px 64px}

.wui-documentcreator .wui-templates-available .wui-template-icon-page-default       {width:36px;background-position:-12px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-news          {width:36px;background-position:-12px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-list          {width:36px;background-position:-60px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-form          {width:36px;background-position:-108px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-empty         {width:36px;background-position:-156px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-include       {width:36px;background-position:-206px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-rss           {width:36px;background-position:-254px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-sitemap       {width:36px;background-position:-302px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-redirect      {width:36px;background-position:-350px -10px}
.wui-documentcreator .wui-templates-available .wui-template-icon-page-slideshow     {width:36px;background-position:-400px -10px}


.wIcon-item-headline-text:before         {background-position:-0px 0px}
.wIcon-item-text-wysiwyg:before          {background-position:-32px 0px}
.wIcon-item-link-standard:before         {background-position:-64px 0px}


.wui-page-embed .wui-documentcreator .wui-templates-available {}
.wui-page-embed.wui-mask-documentcreator .wui-menu-buttons    {display:none}
.wui-page-embed.wui-mask-documentcreator .wui-mask            {background-color:#dddddd}
.wui-page-embed.wui-mask-documentcreator .wui-mask-body-inner {border-bottom:none;padding:0 !important}
.wui-page-embed  .wui-documentcreator .wui-templates-form     {margin:4px 0 0 0}
.wui-iframe-url-documentcreator                               {border:none !important}

.wui-documentcreator .wui-templates-form                    {margin-top:8px}
.wui-documentcreator .wui-templates-form #destFilename      {width:79%;margin-right:1%;}
.wui-documentcreator .wui-templates-form #destFileextension {width:20%;}

.wui-documentcreator .wui-templates-form #destDirname       {width:100%;}

.wui-dircreator-newsletter .wui-templates-form {display:none}

@media only screen and (max-width: 480px){
  .xwui-documentcreator .wui-templates-available .wui-template-available {width:100%}
  .xwui-documentcreator .wui-templates-available .wui-template-available:nth-child(2n + 1) {width:100%}
  .xwui-documentcreator .wui-templates-form                    {margin:4px 4px 0 4px}
}

/* mask:backup */

.wui-mask-backup .wui-objectlist-entry-caption {width:80%;width:calc(100% - 144px)}
.wui-mask-backup .wui-backup-date {width:128px;float:right;color:#999999;text-align:right;padding-right:16px}
.wui-mask-backup .wui-backup-size {width:56px;float:right;color:#999999;text-align:right}

.wui-mask-backup #backupCaption {float:left;margin-right:4px;line-height:20px;}
.wui-mask-backup #backupDir     {float:left;width:200px}

@media only screen and (max-width: 480px){
  .wui-mask-backup #backupDir     {width:180px}
  .wui-mask-backup #backupCaption {display:none}
}

/* mask:weblicHistory */

.wui-mask-weblicHistory .wui-objectlist-weblic-history  {height:auto;border-bottom:none}
.wui-mask-weblicHistory #wSheetRegister_default_default {overflow-y:auto}

/* mask:projectDownloaded */

/*
body > .wui-mask-projectDownloaded {max-width:680px;max-height:400px}
.wui-page-desktop.wui-mask-projectDownloaded .wui-statusbar {display:block}

@media only screen and (max-width:720px){
  body > .wui-mask-projectDownloaded {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-projectDownloaded .wui-statusbar {display:none}
}
*/

body > .wui-mask-projectDownloaded {max-width:800px;max-height:600px}
.wui-page-desktop.wui-mask-projectDownloaded .wui-statusbar {display:block}

@media only screen and (max-width: 900px){
  body > .wui-mask-projectDownloaded {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-projectDownloaded .wui-statusbar {display:none}  
}

.wui-mask-projectDownloaded #projectTitle {width:160px}
.wui-mask-projectDownloaded #pathesToActivateDestwDeutsch,
.wui-mask-projectDownloaded #pathesToActivateDestwGlobal,
.wui-mask-projectDownloaded #pathesToActivateDestwAssets {width:160px;background-color:#f0f0f0;padding-left:0}
.wui-mask-projectDownloaded .wui-input-set .wui-input-label {min-width:200px}

/* masl:weblicDownloaded */

.wui-mask-weblicDownloaded .wui-container-caption {width:100%}
.wui-mask-weblicDownloaded #deselectAll {color:#aaaaaa;cursor:pointer;float:right;padding:0 3px}
.wui-mask-weblicDownloaded #deselectAll:hover {color:#000000}
.wui-mask-weblicDownloaded #objectListWeblicDownloaded {clear:both}
.wui-mask-weblicDownloaded #objectListWeblicDownloaded .wui-objectlist-entry-caption {width:100%}
.wui-mask-weblicDownloaded #licensesToConfirmInfo * {color:#000000}
.wui-mask-weblicDownloaded .wui-info-showdiff {display:inline-block;margin-left:8px;font-size:11px;color:#666666;border:solid 1px #c0c0c0;border-radius:9px;padding:0px 6px;cursor:pointer;background-image:linear-gradient(180deg, #f6f6f6 0%, #f0f0f0 100%);}
.wui-mask-weblicDownloaded .wui-objectlist-entry:hover {background-color:transparent}
.wui-mask-weblicDownloaded .wui-objectlist-entry.wWeblic {display:none}
.wui-mask-weblicDownloaded .wui-objectlist-entry .entryInfo {background:rgb(231, 159, 5);color:#ffffff;padding:2px 4px;margin-left:4px}
.wui-mask-weblicDownloaded .wui-objectlist-entry .entryInfo:empty {display:none}

/* mask:licenseinfo */


body > .wui-mask-licenseinfo {max-width:640px;max-height:640px}

@media only screen and (max-width:720px){
  body > .wui-mask-licenseinfo {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

div.wui-mask.wui-mask-licenseinfo.wui-page-dialog-blank {margin-top:calc(100vh / 2 - 320px)}

.wui-mask-licenseinfo #wLicmodules        {float:right;max-width:calc(100% - 320px)}

.wui-mask-licenseinfo #wLicmodulesTitle   {font-weight:bold}
.wui-mask-licenseinfo #wLicmodulesList {display:block;float:right}
.wui-mask-licenseinfo #wLicmodulesList dt {color:#888888;display:block;float:left;clear:both;text-align:right;padding:4px;width:200px;margin:0}
.wui-mask-licenseinfo #wLicmodulesList dd {display:block;float:left;min-height:14px;padding:4px;text-align:left;width:30px;margin:0}
.wui-mask-licenseinfo #wLicmodulesList dd[data-active='1'],
.wui-mask-licenseinfo #wLicmodulesList dd[data-active='0'] {padding:3px 0 1px 3px}
.wui-mask-licenseinfo #wLicmodulesList dd[data-active='1']:before {content:'';display:block;width:18px;height:18px;margin:0 0 0 0;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:600px;background-position:-294px -5px}
.wui-mask-licenseinfo #wLicmodulesList dd[data-active='0']:before {content:'';display:block;width:18px;height:18px;margin:0 0 0 0;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:600px;background-position:-318px -5px}

/* mask:changeLicense */

.wui-mask-changeLicense .wButtonUpload   {float:left;text-align:left;height:16px;width:152px;cursor:pointer;color:#000000;background-color:#c9ced4;text-align:center;line-height:14px;cursor:pointer;padding-top:2px;margin:0px;margin-bottom:-28px;border:solid 1px #a0a0a0;border-color:#bcbcbc #aaaaaa #aaaaaa #bcbcbc;background-image:linear-gradient(180deg, #EAEAEA 0%, #d3d3d3 100%);transition:opacity 0.3s linear}
.wui-mask-changeLicense .wUploadField    {opacity:0;cursor:pointer;}
.wui-mask-changeLicense #licensePath     {float:left;width:192px;margin:0 5px 0 8px;font-size:12px;height:16px;border:solid 1px #c0c0c0}

/* mask:update */

body > .wui-mask-update {max-width:680px;max-height:320px}
.wui-page-desktop.wui-mask-update .wui-statusbar {display:block}

@media only screen and (max-width:720px){
  body > .wui-mask-update {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-update .wui-statusbar {display:none}
}

.wui-mask-update .containerUpdate             {display:table;margin:0 auto 0 auto}
.wui-mask-update .downloadserver              {color:#999999}
.wui-mask-update .tableCentered               {display:table;float:right;margin-top:10px}
.wui-mask-update .containerUpdateNoNewerVersion .tableCentered {float:none;margin:10px auto 0 auto}
.wui-mask-update .tableCentered > div         {display:table-row}
.wui-mask-update .tableCentered > div > div   {display:table-cell;padding:2px 0 2px 2px}
.wui-mask-update .tableCentered > div > div:first-child {text-align:right;padding:0 4px}
.wui-mask-update .noNewerVersion              {display:table;margin:20px auto;font-weight:normal;color:green}
.wui-mask-update .versionInfoNewer            {color:#ff6600;font-weight:bold}
.wui-mask-update .iconCurrentVersionInstalled {display:block;width:64px;height:64px;margin:16px auto 10px auto;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:3200px;background-position:-32px -32px}
.wui-mask-update .iconNewerVersionAvailable   {cursor:pointer;display:block;width:64px;height:64px;margin:10px auto 5px auto;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:3200px;background-position:-288px -674px}

.wui-page-widget.wui-mask-update .noNewerVersion {margin:8px auto}

.wui-page-widget.wui-mask-update .iconCurrentVersionInstalled {display:none}
.wui-page-widget.wui-mask-update .iconNewerVersionAvailable {display:none}

.wui-page-widget.wui-mask-update.wui-update-progress #infoVersions {height:0;transition:height 0.5s linear;opacity:0;display:none}

.wui-mask-update .statusUpdate                {padding:10px;line-height:14px;display:table;margin:0 auto;clear:both;font-weight:bold;text-align:center}
.wui-mask-update .statusUpdateText            {}
.wui-mask-update .statusUpdateProgress        {display:none;position:relative;margin:10px auto 0 auto;background-color:#c0c0c0;height:16px;max-width:320px}
.wui-mask-update .statusUpdateProgressStatus1:before {position:absolute;content:'';display:block;height:16px;width:0%;background-color:#009E00}
.wui-mask-update .statusUpdateProgressStatus2:before {position:absolute;content:'';display:block;height:16px;width:33%;background-color:#009E00}
.wui-mask-update .statusUpdateProgressStatus3:before {position:absolute;content:'';display:block;height:16px;width:66%;background-color:#009E00}
.wui-mask-update .statusUpdateProgressStatus1:after  {position:absolute;content:'';display:block;height:16px;margin-left:0%;width:33%;background-color:#009E00;-webkit-animation: progressStatusUpdate linear 20s;-moz-animation: progressStatusUpdate linear 20s;-ms-animation: progressStatusUpdate linear 20s;animation: progressStatusUpdate linear 20s;}
.wui-mask-update .statusUpdateProgressStatus2:after  {position:absolute;content:'';display:block;height:16px;margin-left:33%;width:33%;background-color:#009E00;-webkit-animation: progressStatusUpdate linear 20s;-moz-animation: progressStatusUpdate linear 20s;-ms-animation: progressStatusUpdate linear 20s;animation: progressStatusUpdate linear 20s;}
.wui-mask-update .statusUpdateProgressStatus3:after  {position:absolute;content:'';display:block;height:16px;margin-left:66%;width:34%;background-color:#009E00;-webkit-animation: progressStatusUpdate linear 20s;-moz-animation: progressStatusUpdate linear 20s;-ms-animation: progressStatusUpdate linear 20s;animation: progressStatusUpdate linear 20s;}
.wui-mask-update .statusUpdateProgressStatus4:after  {position:absolute;content:'';display:block;height:16px;margin-left:66%;width:34%;background-color:#009E00;}

@-webkit-keyframes progressStatusUpdate {
  0% {width:0}
  100% {width:33%}
}

@-moz-keyframes progressStatusUpdate {
  0% {width:0}
  100% {width:33%}
}

@-ms-keyframes progressStatusUpdate {
  0% {width:0}
  100% {width:33%}
}

@keyframes progressStatusUpdate {
  0% {width:0}
  100% {width:33%}
}

.wui-mask-update #versionToOld {color:red;text-align:center;border:solid 1px #ff9999;padding:4px 10px;margin-top:-27px;background-color:#ffe0e0}
.wui-button-autoupdate         {color:#cc0000}


/* mask:tools */

body > .wui-mask-tools {max-width:680px;max-height:480px}

body.wui-page-desktop > .wui-mask-tools {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
.wui-page-desktop.wui-mask-tools .wui-statusbar {display:none}

@media only screen and (max-width:800px), only screen and (max-height:520px){
  body > .wui-mask-tools {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
  .wui-page-desktop.wui-mask-tools .wui-statusbar {display:none}
}

.wui-mask-tools .wui-objectlist-entry {cursor:pointer}

/* mask:projectsSystem */

.wui-mask-projectsreport #diagramProjects {overflow:auto;box-sizing:border-box;-moz-box-sizing:border-box;}

.wui-mask-projectsreport .wui-projectreport-project-global                                                      {border:solid 1px #c7c7c7;background-color:#f0f0f0;padding:12px 0 10px 0;margin:0 0 10px 0}
.wui-mask-projectsreport .wui-projectreport-project-global .wui-button-objectlist                               {margin-top:1px}
.wui-mask-projectsreport .wui-projectreport-project-global > .wui-projectreport-project-header                  {display:block;position:relative;margin:0 0 0 0;padding:2px 16px 2px 40px;font-weight:bold}
.wui-mask-projectsreport .wui-projectreport-project-global.nl > .wui-projectreport-project-header               {border-left:4px solid red;padding-left:36px}
.wui-mask-projectsreport .wui-projectreport-project-global > .wui-projectreport-project-header:hover            {background-color:#e0e0e0}
.wui-mask-projectsreport .wui-projectreport-project-global > .wui-projectreport-project-header:before           {content:'';position:absolute;left:16px;top:2px;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:-259px -105px}
.wui-mask-projectsreport .wui-projectreport-project-global .wui-projectreport-project-header-path               {padding:0 10px 0 0;line-height:23px;}
.wui-mask-projectsreport .wui-projectreport-project-global .wui-projectreport-project-header-title              {padding:0 10px 0 0;color:#aaaaaa;line-height:23px;}
.wui-mask-projectsreport .wui-projectreport-project-global .wui-projectreport-project-header-type               {color:#274FC4;line-height:23px;}
.wui-mask-projectsreport .wui-projectreport-project-global .wui-projectreport-project-global-projects           {}

.wui-mask-projectsreport .wui-projectreport-project-unknown > .wui-projectreport-project-header:before          {background-position:32px 32px}

.wui-mask-projectsreport .wui-projectreport-project-sub                                                         {background-color:transparent;padding:0 16px 0 28px;margin:0 0 2px 0}
.wui-mask-projectsreport .wui-projectreport-project-sub:hover                                                   {background-color:#e0e0e0}
.wui-mask-projectsreport .wui-projectreport-project-sub-assets                                                  {margin-bottom:0}
.wui-mask-projectsreport .wui-projectreport-project-sub.nl                                                      {border-left:4px solid red;padding-left:24px}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-header                       {padding:2px 0 2px 0;display:block;font-weight:bold}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-header-lang                  {padding:0 20px 0 0;background-repeat:no-repeat;position:relative}
.wui-mask-projectsreport .wui-projectreport-project-sub-assets .wui-projectreport-project-header-lang: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:-8px -138px}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-header-path                  {padding:0 10px 0 4px}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-header-title                 {color:#aaaaaa}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-projectLayout                {position:relative;margin:0 0 0 20px;padding:0px 4px 4px 4px;color:#000000;font-weight:bold}
.wui-mask-projectsreport .wui-projectreport-project-sub .wui-projectreport-project-projectLayout:before         {content:'Layout-Projekt: ';font-weight:normal}

/* mask:report */

.wui-mask-report th {vertical-align:top;text-align:left;padding:0 4px;line-height:24px;border-style:solid solid solid none;border-color:#ffffff;border-width:1px;background-color:#dddddd;font-weight:normal;}
.wui-mask-report th:last-child, .report td:last-child {border-right:none}  
.wui-mask-report td {position:relative;overflow:hidden;line-height:18px;vertical-align:top;padding:4px;border-style:none solid solid none;border-color:#dadada;border-width:1px;}
.wui-mask-report .e > td:first-child              {padding:0 4px}
.wui-mask-report .e > td:first-child > div        {padding:4px 0 0 26px;min-height:28px;line-height:20px;position:relative;}
.wui-mask-report .e.n > td:first-child > div      {opacity:0.5}
.wui-mask-report .e.l-0 > td:first-child > div    {margin-left:0px}
.wui-mask-report .e.l-1 > td:first-child > div    {margin-left:20px}
.wui-mask-report .e.l-2 > td:first-child > div    {margin-left:40px}
.wui-mask-report .e.l-3 > td:first-child > div    {margin-left:60px}
.wui-mask-report .e.l-4 > td:first-child > div    {margin-left:80px}
.wui-mask-report .e.l-5 > td:first-child > div    {margin-left:100px}
.wui-mask-report .e.l-6 > td:first-child > div    {margin-left:120px}
.wui-mask-report .e.l-7 > td:first-child > div    {margin-left:140px}
.wui-mask-report .e.l-8 > td:first-child > div    {margin-left:160px}
.wui-mask-report .e > td:first-child > div:before,
.wui-mask-report .e > td:first-child > div:after,
.wui-mask-report .e > td.ip > div:before           {content:'';display:block;position:absolute;top:4px;left: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:64px 64px}
.wui-mask-report .e.d > td:first-child > div:before {background-position:-100px -102px}
.wui-mask-report .e.f > td:first-child > div:before {background-position:-36px -102px}
.wui-mask-report .e.x > td:first-child > div:before {background-position:-36px -102px}
.wui-mask-report .e.x > td:first-child > div:after  {background-position:-198px -102px}

.wui-mask-report .e > td.ip > div {position:relative;width:20px;margin:0 auto;}
.wui-mask-report .e > td.ip > div:before {background-position:-518px -166px}

.wui-mask-report   .rr {color:#909090}
.wui-mask-report   .rrd {color:#d0d0d0}
.wui-mask-report   .rrdd {color:#c0c0c0}

/* mask:applicationConfig */

.wui-mask-applicationConfig #iframeDatasources,
.wui-mask-applicationConfig #iframeEvents {width:100%;height:480px;border:none;display:block}
.wui-mask-applicationConfig #mail_smtp_port,
.wui-mask-applicationConfig #logging_limitDays,
.wui-mask-applicationConfig #logging_requests_limitDays,
.wui-mask-applicationConfig #mail_smtp_timeout,
.wui-mask-applicationConfig #newsletter_smtp_maxMailsPerConnection,
.wui-mask-applicationConfig #newsletter_smtp_delay,
.wui-mask-applicationConfig #newsletter_smtp_delayAfterConnection,
.wui-mask-applicationConfig #newsletter_smtp_port,
.wui-mask-applicationConfig #newsletter_smtp_timeout,
.wui-mask-applicationConfig #editor_autosave_interval,
.wui-mask-applicationConfig #editor_versions_numberVersionsMax,
.wui-mask-applicationConfig #sessions_login_lockedTimeLimit,
.wui-mask-applicationConfig #fileExplorer_numberFilesPage_value,
.wui-mask-applicationConfig #fileExplorer_numberFilesPageWall_value,
.wui-mask-applicationConfig #sessions_login_maxFailedLogins {width:36px}
.wui-mask-applicationConfig #user_password_rulesPublic,
.wui-mask-applicationConfig #user_password_rules {width:96px}

.wui-mask-applicationConfig #wui-input-entry-user_password_rulesPublic .wui-input-label-info {width:120px}

.wui-mask-applicationConfig .wui-area-register {overflow-y:auto;max-height:calc(100vh - 134px)}

/* mask:serverInfo */

.wui-mask-serverInfo .wSheetElementHeader {font-size:15px;font-weight:bold;line-height:23px;border-bottom:solid 1px #c0c0c0;margin-bottom:8px;color:#888888;padding-left:0px;}
.wui-mask-serverInfo .wSheetElement {width:420px;margin:10px auto 0 auto;line-height:15px;}
.wui-mask-serverInfo .wui-area-register {overflow-y:auto;max-height:calc(100vh - 134px)}

.wui-mask-serverInfo .tableMain tr > td             {padding:2px 0;vertical-align:top}
.wui-mask-serverInfo .tableMain tr > td:first-child {white-space:nowrap;text-align:right}
.wui-mask-serverInfo .tableMain tr > td:last-child  {padding-left:8px;color:#888888}

/* mask:securityInfo */

.wui-mask-securityInfo .wSheetOnlyInner     {width:420px;margin:10px auto 0 auto;line-height:15px;}
.wui-mask-securityInfo .wSheetElementHeader {font-size:15px;font-weight:bold;line-height:23px;border-bottom:solid 1px #c0c0c0;margin-bottom:8px;color:#888888;padding-left:0px;}
.wui-mask-securityInfo .wSheetElement       {margin-bottom:30px}
.wui-mask-securityInfo .wui-area-register   {overflow-y:auto;max-height:calc(100vh - 134px)}

.wui-mask-securityInfo .tableMain tr > td             {padding:2px 0;vertical-align:top}
.wui-mask-securityInfo .tableMain tr > td:first-child {white-space:nowrap;text-align:right;width:100%}
.wui-mask-securityInfo .tableMain tr > td:last-child  {padding-left:8px;color:#888888}

.wui-mask-securityInfo .resultContainer             {margin-top:-10px;padding:0 20px}
.wui-mask-securityInfo .resultEntry                 {display:block;clear:left;float:left;margin:0 4px 4px 0;padding:0px 8px;border:solid 1px #c0c0c0;background:#ffffff;border-radius:5px}
.wui-mask-securityInfo .resultEntryCaption          {display:block;float:left;}
.wui-mask-securityInfo .resultEntryComment          {display:block;float:left;opacity:0.7}
.wui-mask-securityInfo .resultEntryLink             {display:block;float:left;opacity:0.7}
.wui-mask-securityInfo .resultEntry:before          {content:'';display:block;float:left;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:64px 64px}
.wui-mask-securityInfo .resultEntry-ok              {border-color:#008000;background:#ffffff;color:#008000}
.wui-mask-securityInfo .resultEntry-ok:before       {background-position:-462px -28px}
.wui-mask-securityInfo .resultEntry-unknown         {border-color:#eea907;background:#eea907;color:#ffffff}
.wui-mask-securityInfo .resultEntry-unknown:before  {background-position:-486px -28px}
.wui-mask-securityInfo .resultEntry-failed          {border-color:#ee0000;background:#ee0000;color:#ffffff}
.wui-mask-securityInfo .resultEntry-failed:before   {background-position:-486px -28px}

@media only screen and (max-width: 960px){
  .wui-mask-securityInfo .resultEntry                        {margin:0 2px 3px 0;padding:0px 4px;}
  .wui-mask-securityInfo .resultEntry .resultEntryCaption    {}
  .wui-mask-securityInfo .resultEntry-ok .resultEntryCaption {}
}

.wui-page-widget .wui-mask-securityInfo .wSheetElementHeader {display:none}
.wui-page-widget .wui-mask-securityInfo .wSheetElement       {margin-bottom:15px}
.wui-page-widget .wui-mask-securityInfo .wui-menu-buttons    {display:none}

/* mask:projectOptions */

body > .wui-mask-projectOptions {max-width:780px;max-height:580px}
/*.wui-mask-body-wui-mask-projectOptions {height:auto !important;overflow:visible}*/

@media only screen and (max-width: 960px){
  body > .wui-mask-projectOptions {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-mask-projectOptions                {overflow:visible}
.wui-mask-projectOptions .wui-mask-body {overflow:visible;height:auto !important}

.wui-mask-projectOptions #iframeEvents          {width:100%;height:480px;border:none;display:block}
.wui-mask-projectOptions #elementProjectGroups .wui-input-element-content {max-width:320px}
.wui-mask-projectOptions .wui-select-groupmulti {max-height:212px}

/* mask:directoryOptions */

body > .wui-mask-directoryOptions {max-width:780px;max-height:580px}

@media only screen and (max-width: 960px){
  body > .wui-mask-directoryOptions {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-mask-directoryOptions #iframeEvents          {width:100%;height:480px;border:none;display:block}
.wui-mask-directoryOptions #elementProjectGroups .wui-input-element-content {max-width:320px}
.wui-mask-directoryOptions #inputsetEventsInherit {display:block;margin-top:4px}
.wui-mask-directoryOptions #images_minwidthwarning       {width:48px;margin-right:4px}
.wui-mask-directoryOptions .wui-select-groupmulti {max-height:212px}
.wui-mask-directoryOptions #wPermissionsContainer {position:relative;overflow-y:auto;padding-bottom:0px;height:416px;padding-left:1px;width:100%;min-width:640px;max-width:720px;padding-top:1px;margin:0 auto 10px auto}
.wui-mask-directoryOptions #wui-input-entry-upload_filesize .wui-input-text {width:160px;margin-right:6px}

/* mask:documentOptions */

.wui-mask-documentOptions .wui-registers {background-color:#dddddd;}
.wui-mask-documentOptions .wui-registers .wui-registers-inner {display:table;margin:0 auto}
.wui-mask-documentOptions .wui-registers .wui-register {margin:4px -5px 4px 5px}
.wui-mask-documentOptions .wui-registers .wui-register span {line-height:24px;padding:0 8px}
.wui-mask-documentOptions .wui-registers .wui-register-selected {max-width:760px;background-color:#f0f0f0;border:solid 1px #c7c7c7 !important;border-radius:3px}

.wui-mask-documentOptions .wui-mask-head              {display:none}
.wui-mask-documentOptions .wui-mask-body              {background-color:#f0f0f0}
.wui-mask-documentOptions .wui-mask-body-inner        {border:none}
.wui-mask-documentOptions .wui-areaset                {margin-top:16px}
.wui-mask-documentOptions #iframeEvents               {width:100%;height:480px;border:none;display:block}
.wui-mask-documentOptions #elementProjectGroups .wui-input-element-content {max-width:320px}
.wui-mask-documentOptions #inputsetEventsInherit  {display:block;margin-top:4px}
.wui-mask-documentOptions .wui-select-groupmulti  {max-height:212px}
.wui-mask-documentOptions #wui-input-entry-workflow_group_execute .wui-input-outer,
.wui-mask-documentOptions #wui-input-entry-workflow_group_execute .wui-input-info {width:240px}
.wui-mask-documentOptions #wPermissionsContainer      {position:relative;overflow-y:auto;padding-bottom:0px;padding-left:1px;width:100%;min-width:640px;max-width:720px;padding-top:1px;margin:0 auto 10px auto}
.wui-mask-documentOptions #wPersonalizationContainer  {overflow-y:auto;padding-bottom:0px;padding-left:1px;width:100%;min-width:640px;max-width:720px;padding-top:1px;margin:0 auto 10px auto}
.wui-mask-documentOptions #wui-input-entry-cache_expires .wui-select   {min-width:120px}
.wui-mask-documentOptions #wui-input-entry-workflow_path .wui-select   {min-width:120px}
.wui-mask-documentOptions #wui-input-entry-templateMaster .wui-select,
.wui-mask-documentOptions #wui-input-entry-templateView .wui-select,
.wui-mask-documentOptions #wui-input-entry-templateEdit .wui-select,
.wui-mask-documentOptions #wui-input-entry-templateEditExt .wui-select  {min-width:430px}
.wui-mask-documentOptions #archivingDays {width:40px}
.wui-mask-documentOptions #wui-input-entry-archivingDest .wui-input-outer {width:320px}
.wui-mask-documentOptions #wui-input-entry-cache_expires .wui-select {width:180px}

/* mask:documentSeo */

.wui-mask-documentSeo .wui-registers {background-color:#dddddd;}
.wui-mask-documentSeo .wui-registers .wui-register {margin:5px -5px 5px 5px}
.wui-mask-documentSeo .wui-registers .wui-register span {line-height:20px;padding:0 8px}
.wui-mask-documentSeo .wui-registers .wui-register-selected {background-color:#f0f0f0;border:solid 1px #c7c7c7 !important;border-radius:3px}

.wui-mask-documentSeo .wui-mask-head              {display:none}
.wui-mask-documentSeo .wui-mask-body              {background-color:#f0f0f0}
.wui-mask-documentSeo .wui-mask-body-inner        {border:none}

.wui-mask-documentSeo .wui-input-set > .wui-input-entry > .wui-input-element           {max-width:inherit}

.wui-mask-documentSeo #wHeaderData           {margin-top:20px}
.wui-mask-documentSeo #serPreviewCaption     {display:none}
.wui-mask-documentSeo #serPreview            {display:block;width:600px;min-height:77px;overflow:hidden;padding:10px;background-color:#ffffff;border:solid 1px #c7c7c7}
.wui-mask-documentSeo #serPreviewTitle       {font-size:18px;line-height:22px;display:inline-block;color:#1a0dab;white-space:nowrap}
.wui-mask-documentSeo #serPreviewURL         {font-size:14px;line-height:17px;color:#006621;white-space:nowrap}
.wui-mask-documentSeo #serPreviewDescription {font-size:13px;line-height:19px;color:#545454}
.wui-mask-documentSeo #title                 {width:620px}
.wui-mask-documentSeo #description           {width:620px;height:40px}
.wui-mask-documentSeo #spacialCharsDescriptions               {position:absolute;z-index:10;right:2px;bottom:7px;display:block;overflow:hidden;width:10px;height:10px;padding:2px;border:solid 1px #c0c0c0;background-color:#f6f6f6;border-radius:4px;white-space:nowrap}
.wui-mask-documentSeo #spacialCharsDescriptions:hover         {width:auto;height:auto;padding:2px 4px;bottom:-13px}
.wui-mask-documentSeo #spacialCharsDescriptions:hover > span:first-child        {display:none}
.wui-mask-documentSeo #spacialCharsDescriptions:hover > span  {display:block;float:left;color:#000000;font-weight:bold;line-height:15px}
.wui-mask-documentSeo #spacialCharsDescriptions:hover:before  {content:'Sonderzeichen zum Ausschmücken der Suchergebnisse:';display:block;float:left;padding-right:4px;line-height:15px}
.wui-mask-documentSeo #spacialCharsDescriptions:hover:after   {content:'Diese Zeichen können Sie markieren, kopieren und einfügen.';display:block;clear:left;line-height:15px}
.wui-mask-documentSeo #keywords              {width:620px}

.wui-mask-documentSeo #wSheetKeywordAnalysis       {margin:30px 0px 10px 0px}
.wui-mask-documentSeo #wContainerKeywordsPage      {margin:0;padding:10px;border:solid 1px #c7c7c7;background-color:#f6f6f6;overflow:hidden;overflow-x:auto;height:212px}
.wui-mask-documentSeo #wContainerKeywordsPageInner {width:10000px}
.wui-mask-documentSeo #wContainerKeywordsPageAnalysisError {font-size:11px;color:red}
.wui-mask-documentSeo #wContainerKeywordsStructure {float:left;margin:0 10px 0 0;padding:10px;border:solid 1px #c7c7c7;background-color:#f6f6f6}

.wui-mask-documentSeo .wui-optimizer-keyword-page             {float:left;margin:0 10px 10px 0;width:200px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-keyword     {}
.wui-mask-documentSeo .wui-optimizer-keyword-page-occurrences-general {float:left;width:16px;text-align:right;padding-right:5px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-status      {height:16px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-comment     {color:#888888}

.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure {display:none;margin:10px 0 0 0}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry {background-color:#e0e0e0;margin-bottom:4px;font-size:9px;padding:2px 6px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-1 {margin-left:0}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-2 {margin-left:10px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-3 {margin-left:20px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-4 {margin-left:30px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-5 {margin-left:40px}
.wui-mask-documentSeo .wui-optimizer-keyword-page-headline-structure .wui-headline-structure-entry-level-6 {margin-left:50px}

.wui-mask-documentSeo .wui-optimizer-info-keywords-caption  {padding:2px 0 6px 0;font-weight:normal}
.wui-mask-documentSeo .wui-optimizer-info-keywords-entry    {line-height:14px}
.wui-mask-documentSeo .wui-optimizer-info-keywords-entry-no {color:#ff0000}

.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-no .wui-optimizer-keyword-page-keyword         {color:#990000}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryLess .wui-optimizer-keyword-page-keyword   {color:#4d0000}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-less .wui-optimizer-keyword-page-keyword       {color:#000000}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-much .wui-optimizer-keyword-page-keyword       {color:#004d00}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryMuch .wui-optimizer-keyword-page-keyword   {color:orange}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-toMuch .wui-optimizer-keyword-page-keyword     {color:orange}

.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-no .wui-optimizer-keyword-page-comment:after         {content:'fehlt generell'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryLess .wui-optimizer-keyword-page-comment:after   {content:'insgesamt zu selten'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-less .wui-optimizer-keyword-page-comment:after       {content:'insgesamt eher zu selten'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-good .wui-optimizer-keyword-page-comment:after       {content:'insgesamt ausreichend'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-much .wui-optimizer-keyword-page-comment:after       {content:'insgesamt gut'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryMuch .wui-optimizer-keyword-page-comment:after   {content:'insgesamt eher zu oft'}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-toMuch .wui-optimizer-keyword-page-comment:after     {content:'insgesamt zu oft'}

:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-no .wui-optimizer-keyword-page-comment:after         {content:'missing'}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryLess .wui-optimizer-keyword-page-comment:after   {content:'verry rare'}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-less .wui-optimizer-keyword-page-comment:after       {content:'quite rare'}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-good .wui-optimizer-keyword-page-comment:after       {content:'sufficient '}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-much .wui-optimizer-keyword-page-comment:after       {content:'good'}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryMuch .wui-optimizer-keyword-page-comment:after   {content:'rather to many'}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-toMuch .wui-optimizer-keyword-page-comment:after     {content:'to many'}

.wui-mask-documentSeo .wui-optimizer-keyword-page .wui-optimizer-keyword-page-status                                {position:relative;width:120px}
.wui-mask-documentSeo .wui-optimizer-keyword-page .wui-optimizer-keyword-page-status .wui-seo-status                {position:absolute;width:100%;height:3px;top:6px;background-image:linear-gradient(90deg, #ff0000 0%, #00cc00 50%, #00cc00 60%, #FF8200 100%)}
.wui-mask-documentSeo .wui-optimizer-keyword-page .wui-optimizer-keyword-page-status:after                          {-webkit-transition:all 0.5s linear;content:'';display:block;position:absolute;width:5px;height:11px;background-color:#555555;top:2px;left:49%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-no .wui-optimizer-keyword-page-status:after          {left:0%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryLess .wui-optimizer-keyword-page-status:after    {left:6%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-less .wui-optimizer-keyword-page-status:after        {left:24%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-much .wui-optimizer-keyword-page-status:after        {left:74%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-veryMuch .wui-optimizer-keyword-page-status:after    {left:90%}
.wui-mask-documentSeo .wui-optimizer-keyword-page-densityclass-toMuch .wui-optimizer-keyword-page-status:after      {left:99%}

.wui-mask-documentSeo .wui-okpo-url-ok .wui-optimizer-keyword-page-occurrencesUrl > span,
.wui-mask-documentSeo .wui-okpo-url-no .wui-optimizer-keyword-page-occurrencesUrl > span,
.wui-mask-documentSeo .wui-okpo-title-ok       .wui-optimizer-keyword-page-occurrencesTitle > span,
.wui-mask-documentSeo .wui-okpo-title-no       .wui-optimizer-keyword-page-occurrencesTitle > span,
.wui-mask-documentSeo .wui-okpo-description-ok .wui-optimizer-keyword-page-occurrencesDescription > span,
.wui-mask-documentSeo .wui-okpo-description-no .wui-optimizer-keyword-page-occurrencesDescription > span,
.wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesFirstHeadline > span,
.wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesFirstHeadline > span,
.wui-mask-documentSeo .wui-okpo-headlines-ok .wui-optimizer-keyword-page-occurrencesHeadlines > span,
.wui-mask-documentSeo .wui-okpo-headlines-no .wui-optimizer-keyword-page-occurrencesHeadlines > span,
.wui-mask-documentSeo .wui-okpo-content-ok .wui-optimizer-keyword-page-occurrencesContent > span,
.wui-mask-documentSeo .wui-okpo-content-no .wui-optimizer-keyword-page-occurrencesContent > span,
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage-yes > div:first-child > span,
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage-no > div:first-child > span   {display:inline-block;width:16px;text-align:right;padding-right:5px}

.wui-mask-documentSeo .wui-optimizer-keyword-page-occurrences {line-height:17px}

.wui-mask-documentSeo .wui-okpo-url-ok .wui-optimizer-keyword-page-occurrencesUrl {color:green;padding-top:14px}
.wui-mask-documentSeo .wui-okpo-url-no .wui-optimizer-keyword-page-occurrencesUrl {color:#ee0000;padding-top:14px}
.wui-mask-documentSeo .wui-okpo-title-ok       .wui-optimizer-keyword-page-occurrencesTitle       {color:green}
.wui-mask-documentSeo .wui-okpo-title-no       .wui-optimizer-keyword-page-occurrencesTitle       {color:#ee0000}
.wui-mask-documentSeo .wui-okpo-description-ok .wui-optimizer-keyword-page-occurrencesDescription {color:green}
.wui-mask-documentSeo .wui-okpo-description-no .wui-optimizer-keyword-page-occurrencesDescription {color:#ee0000}
.wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesFirstHeadline {color:green}
.wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesFirstHeadline {color:#ee0000}
.wui-mask-documentSeo .wui-okpo-headlines-ok .wui-optimizer-keyword-page-occurrencesHeadlines {color:green}
.wui-mask-documentSeo .wui-okpo-headlines-no .wui-optimizer-keyword-page-occurrencesHeadlines {color:#ee0000}
.wui-mask-documentSeo .wui-okpo-content-ok .wui-optimizer-keyword-page-occurrencesContent {color:green}
.wui-mask-documentSeo .wui-okpo-content-no .wui-optimizer-keyword-page-occurrencesContent {color:#ee0000}

.wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesUrl:after {content:'URL der Seite'}
.wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesUrl:after {content:'URL der Seite'}
.wui-mask-documentSeo .wui-okpo-title-ok       .wui-optimizer-keyword-page-occurrencesTitle:after       {content:'Titel'}
.wui-mask-documentSeo .wui-okpo-title-no       .wui-optimizer-keyword-page-occurrencesTitle:after       {content:'Titel'}
.wui-mask-documentSeo .wui-okpo-description-ok .wui-optimizer-keyword-page-occurrencesDescription:after {content:'Beschreibung'}
.wui-mask-documentSeo .wui-okpo-description-no .wui-optimizer-keyword-page-occurrencesDescription:after {content:'Beschreibung'}
.wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesFirstHeadline:after {content:'Erste Überschrift'}
.wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesFirstHeadline:after {content:'Erste Überschrift'}
.wui-mask-documentSeo .wui-okpo-headlines-ok .wui-optimizer-keyword-page-occurrencesHeadlines:after {content:'Weitere Überschriften'}
.wui-mask-documentSeo .wui-okpo-headlines-no .wui-optimizer-keyword-page-occurrencesHeadlines:after {content:'Weitere Überschriften'}
.wui-mask-documentSeo .wui-okpo-content-ok .wui-optimizer-keyword-page-occurrencesContent:after {content:'Sonstiger Inhalt'}
.wui-mask-documentSeo .wui-okpo-content-no .wui-optimizer-keyword-page-occurrencesContent:after {content:'Sonstiger Inhalt'}

:lang(en) .wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesUrl:after {content:'Page URL'}
:lang(en) .wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesUrl:after {content:'Page URL'}
:lang(en) .wui-mask-documentSeo .wui-okpo-title-ok       .wui-optimizer-keyword-page-occurrencesTitle:after       {content:'Title'}
:lang(en) .wui-mask-documentSeo .wui-okpo-title-no       .wui-optimizer-keyword-page-occurrencesTitle:after       {content:'Title'}
:lang(en) .wui-mask-documentSeo .wui-okpo-description-ok .wui-optimizer-keyword-page-occurrencesDescription:after {content:'Description'}
:lang(en) .wui-mask-documentSeo .wui-okpo-description-no .wui-optimizer-keyword-page-occurrencesDescription:after {content:'Description'}
:lang(en) .wui-mask-documentSeo .wui-okpo-firstHeadline-ok .wui-optimizer-keyword-page-occurrencesFirstHeadline:after {content:'First headline'}
:lang(en) .wui-mask-documentSeo .wui-okpo-firstHeadline-no .wui-optimizer-keyword-page-occurrencesFirstHeadline:after {content:'First headline'}
:lang(en) .wui-mask-documentSeo .wui-okpo-headlines-ok .wui-optimizer-keyword-page-occurrencesHeadlines:after {content:'Other headlines'}
:lang(en) .wui-mask-documentSeo .wui-okpo-headlines-no .wui-optimizer-keyword-page-occurrencesHeadlines:after {content:'Other headlines'}
:lang(en) .wui-mask-documentSeo .wui-okpo-content-ok .wui-optimizer-keyword-page-occurrencesContent:after {content:'Other content'}
:lang(en) .wui-mask-documentSeo .wui-okpo-content-no .wui-optimizer-keyword-page-occurrencesContent:after {content:'Other content'}

.wui-mask-documentSeo .wui-optimizer-keywords-marked                                        {position:absolute;left:0;top:0;height:20px;line-height:20px;white-space:pre;overflow:hidden}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-no       {color:#ff0000}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-veryLess {color:#800000}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-less     {color:#000000}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-good     {color:green}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-much     {color:green}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-veryMuch {color:orange}
.wui-mask-documentSeo .wui-optimizer-keywords-marked .wui-optimizer-keyword-marked-toMuch   {color:orange}

.wui-mask-documentSeo .wui-optimizer-keyword-page-usage       {line-height:17px;padding-top:12px;cursor:pointer}
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage-no    {color:#000000}
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage-yes   {color:#000000}
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage-pages {display:none}

.wui-mask-documentSeo .wui-optimizer-keyword-page-usage > div > span               {float:left}
.wui-mask-documentSeo .wui-optimizer-keyword-page-usage > div:first-child:after    {content:'mal sonst im Projekt als Schlüsselwort eingesetzt';display:table;padding-top:2px;line-height:13px}
:lang(en) .wui-mask-documentSeo .wui-optimizer-keyword-page-usage > div:first-child:after    {content:'occurences in other pages'}

/* mask:weblicsInstalled */
.wui-mask-weblicsInstalled #containerWeblicsInstalled {height:calc(100vh - 0px)}
.wui-mask-weblicsInstalled #containerWeblicsInstalled .wui-objectlist-entry .infos   {display:table;margin:0 0 10px 0;padding:8px 12px;border:solid 1px rgba(255, 207, 15, 0.6);background:rgba(255, 207, 15, 0.34)}
.wui-mask-weblicsInstalled #containerWeblicsInstalled .wui-objectlist-entry .infos p {padding:0;margin:0 0 10px 0}
.wui-mask-weblicsInstalled #containerWeblicsInstalled .wui-objectlist-entry .infos *:last-child {margin-bottom:0}

/* mask:weblicsInstallable */
.wui-mask-weblicsInstallable #wContainerQuickfilter       {}
.wui-mask-weblicsInstallable #wInputElement-quickfilter   {}
.wui-mask-weblicsInstallable #quickfilter                 {width:200px}
.wui-mask-weblicsInstallable #numberWeblicsListed         {display:inline-block;padding: 0 8px;color:#aaaaaa}
.wui-mask-weblicsInstallable #wWeblicsAdditionalSource    {float:right}
.wui-mask-weblicsInstallable #wWeblicsAdditionalSource .hasAdditionalSource   {margin:5px 0 0 0}
.wui-mask-weblicsInstallable #wWeblicsAdditionalSource .additionalSource {color:#0471c0}
.wui-mask-weblicsInstallable #wContainerQuickfilter #popularTags {padding:8px 0}
.wui-mask-weblicsInstallable #wContainerQuickfilter #popularTags .popularTag {display:inline-block;margin:0 0 4px 0;padding:2px 8px;text-decoration:none;background:#ffffff;border:solid 1px #c0c0c0;border-radius:20px}
.wui-mask-weblicsInstallable #containerWeblicsInstallable {height:calc(100vh - 107px)}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry {cursor:pointer}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.isInstalled {}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-button-download {}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-objectlist-entry-caption {opacity:0.5}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info-installed {display:none;float:right;padding:0 8px}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info-externurl {display:inline-block;color:#0471c0;line-height:20px;padding-left:8px;}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-objectlist-entry-info-installed {display:inline-block;color:#0f9302;line-height:20px}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.hasDiff .wui-objectlist-entry-info-installed {color:#aaaaaa}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info {padding:0px 0px 0px 28px;line-height:16px;max-width:calc(100% - 60px)}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .infos   {display:table;margin:0 0 12px 0;padding:8px;background:rgba(255, 207, 15, 0.34)}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .infos p {padding:0;margin:0 0 10px 0}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .infos *:last-child {margin-bottom:0}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry .wui-button-installWeblic {border-radius:0px;border-color:transparent;background:#5E6C83;color:#ffffff}
.wui-mask-weblicsInstallable #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-button-installWeblic             {border-radius:0px;border-color:#5E6C83;background:transparent;color:#5E6C83}

/* mask:weblicsPublisher */
.wui-mask-weblicsPublisher #containerWeblicsPublished {height:calc(100vh - 0px);width:calc(50%  - 5px);float:left;box-sizing:border-box;}
.wui-mask-weblicsPublisher #containerContentPublished {height:calc(100vh - 0px);width:calc(50%  - 5px);float:right;overflow:auto;box-sizing:border-box}
.wui-mask-weblicsPublisher #containerContentPublished .headerPublished {background:#f6f6f6;margin:0 0 6px 0;padding:10px 6px;border-bottom:solid 1px #e0e0e0}
.wui-mask-weblicsPublisher #containerContentPublished .titlePublished  {display:inline;font-size:15px;color:#000000;}

.wui-mask-weblicsPublisher .wui-objectlist-entry               {height:88px}
.wui-mask-weblicsPublisher .wui-objectlist-buttons-functions   {position:absolute;top:2px;right:0}
.wui-mask-weblicsPublisher .wui-objectlist-buttons-publish     {position:absolute;top:70px;right:0}
.wui-mask-weblicsPublisher .wui-objectlist-entry-id            {float:left;display:inline-block;line-height:20px;padding-left:8px;color:#c0c0c0}
.wui-mask-weblicsPublisher .wui-objectlist-entry-info          {clear:left;float:left;display:inline-block;line-height:20px;padding-left:28px;color:#888888}
.wui-mask-weblicsPublisher .wui-objectlist-entry-compareStatus {clear:left;float:left;display:block;margin-top:2px;height:46px;overflow:auto;width:calc(100% - 124px);line-height:20px;padding-left:28px;color:#c0c0c0}
.wui-mask-weblicsPublisher .wui-objectlist-entry-compareStatus > div {line-height:13px;color:#c0c0c0;white-space:nowrap}
.wui-mask-weblicsPublisher .wui-objectlist-entry-compareStatus > div.isDir {color:#ad9033}
.wui-mask-weblicsPublisher .wui-objectlist-entry-compareStatus > div.existsEqual {color:#318847}
.wui-mask-weblicsPublisher .wui-objectlist-entry-compareStatus > div.existsDiff {color:#ff7b67}
.wui-mask-weblicsPublisher .wui-caption                        {line-height:20px;}
.wui-mask-weblicsPublisher #containerWeblicsPublished .wui-objectlist {height:calc(100% - 94px)}
.wui-mask-weblicsPublisher #containerContentPublished .wui-objectlist {height:calc(100% - 94px)}

.wui-mask-weblicsPublisher #containerContentPublished .wui-objectlist {padding:4px 0}
.wui-mask-weblicsPublisher .contentPublished     {line-height:14px;padding:0 6px;color:#318847}
.wui-mask-weblicsPublisher .contentPublished.isWeblic     {line-height:14px;padding:0 6px;color:#318847}
.wui-mask-weblicsPublisher .contentPublished-dir {display:none;color:#c0c0c0}

/* mask:quotation */
.wui-mask-quotation #wContainerQuickfilter       {}
.wui-mask-quotation #wInputElement-quickfilter   {}
.wui-mask-quotation #quickfilter                 {width:200px}
.wui-mask-quotation #numberWeblicsListed         {display:inline-block;padding: 0 8px;color:#aaaaaa}
.wui-mask-quotation #wWeblicsAdditionalSource    {float:right}
.wui-mask-quotation #wWeblicsAdditionalSource .hasAdditionalSource   {margin:5px 0 0 0}
.wui-mask-quotation #wWeblicsAdditionalSource .additionalSource {color:#0471c0}
.wui-mask-quotation #wContainerQuickfilter #popularTags {padding:8px 0}
.wui-mask-quotation #wContainerQuickfilter #popularTags .popularTag {display:inline-block;margin:0 0 4px 0;padding:2px 8px;text-decoration:none;background:#ffffff;border:solid 1px #c0c0c0;border-radius:20px}

.wui-mask-quotation #containerWeblicsInstallable {float:left;height:calc(100vh - 107px);width:calc(50% - 10px)}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-caption {font-weight:bold}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.weblicRowSelected {background:#f0f0f0}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.weblicRowSelected:hover {background:#f0f0f0}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry {cursor:pointer}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.isInstalled {}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-button-download {}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-objectlist-entry-caption {font-weight:bold}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info-installed {display:none;float:right;padding:0 8px}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info-externurl {display:inline-block;color:#0471c0;line-height:20px;padding-left:8px;}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.isInstalled .wui-objectlist-entry-info-installed {display:inline-block;color:#0f9302;line-height:20px}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry.hasDiff .wui-objectlist-entry-info-installed {color:#aaaaaa}
.wui-mask-quotation #containerWeblicsInstallable .wui-objectlist-entry .wui-objectlist-entry-info {padding:0px 0px 0px 28px;line-height:16px;max-width:calc(100% - 60px)}

.wui-mask-quotation #containerQuoationTexts {float:right;height:calc(100vh - 107px);width:calc(50% - 0px);background:#ffffff;border:solid 1px #c0c0c0}

.wui-mask-quotation .weblicRowSelected .wui-button-icon-only.wui-button-checkbox > div:before  {background-position:-519px -167px  !important}

/* mask:weblicsPublisher */
.wui-mask-toolboxCreateApplication #containerStatus {height:calc(100vh - 96px);width:100%;float:left;box-sizing:border-box;border:solid 1px #c0c0c0}

/* mask:datasources */

body > .wui-mask-datasources {max-width:520px;max-height:300px}

@media only screen and (max-width: 640px){
  body > .wui-mask-datasources {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-objectlist-entry-icon-connection-ok:before     {content:'';margin:7px 0 0 2px;width:16px;height:6px;background-color:green;background-image:none;}
.wui-objectlist-entry-icon-connection-failed:before {content:'';margin:7px 0 0 2px;width:16px;height:6px;background-color:red;background-image:none;}

/* mask:projectTemplates */

.wui-mask-projectTemplates #containerTemplates       {overflow:auto}
.wui-mask-projectTemplates .wui-templates-dir        {clear:both;overflow:hidden;border:1px solid #c7c7c7;background-color:#f0f0f0;margin:0 0 10px 0;padding:16px 20px}
.wui-mask-projectTemplates .wui-templates-dir-header {font-size:17px;color:#888888}

.wui-mask-projectTemplates .wui-templates-dir-content              {clear:both;overflow:hidden;padding:6px 0 0 0}
.wui-mask-projectTemplates .wui-templates-dir-template             {float:left;width:calc(50% - 20px);min-height:100px;overflow:hidden;margin:0 20px 0px 0}
.wui-mask-projectTemplates .wui-templates-dir-template-icon        {height:60px;max-height:54px;max-width:116px;float:left;margin:0 10px 4px 0}
.wui-mask-projectTemplates .wui-templates-dir-template-caption     {margin:2px 0 4px 0}
.wui-mask-projectTemplates .wui-templates-dir-template-description {color:#888888;line-height:15px}

.wui-mask-projectTemplates .wui-template-icon-class  {background-image:url('/weblication/grid5/gui/images/templates.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:64px 64px}

.wui-mask-projectTemplates .wui-template-icon-page-default       {width:36px;background-position:-12px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-news          {width:36px;background-position:-12px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-list          {width:36px;background-position:-60px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-form          {width:36px;background-position:-108px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-empty         {width:36px;background-position:-156px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-include       {width:36px;background-position:-206px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-rss           {width:36px;background-position:-254px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-sitemap       {width:36px;background-position:-302px -10px}
.wui-mask-projectTemplates .wui-template-icon-page-redirect      {width:36px;background-position:-350px -10px}


/* mask:changePassword */

.wui-mask-changePassword #passwordRules               {display:table;margin:0 auto;color:#999999;padding:9px 4px 0 4px;line-height:125%;text-align:center}
.wui-mask-changePassword .wui-password-rule           {color:#999999;padding:0 0 4px 0}
.wui-mask-changePassword .wui-rulemarker-ok           {}
.wui-mask-changePassword .wui-rulemarker-failed       {color:#ff0000}

.wui-mask-changePassword #containerStatusOk                                  {display:none}
.wui-mask-changePassword #containerStatusOk.wui-status-ok-show               {display:block}
.wui-mask-changePassword #containerStatusOk .iconStatusOk                    {display:block;width:64px;height:64px;transform:scale(1);margin:70px auto 10px auto;background-image:url(/weblication/grid5/gui/images/icons.svg);background-size:3200px;background-position:-32px -32px;opacity:0}
.wui-mask-changePassword #containerStatusOk.wui-status-ok-show .iconStatusOk {opacity:1;transform:scale(1);margin-top:50px;transition:all 0.6s linear, margin 0.3s linear}

/* mask:changeAdmin */

.wui-mask-changeAdmin #inputsUsername {max-width:300px}
.wui-mask-changeAdmin label {white-space:nowrap}

/* embed:permissions */

.wPermissionsTable                      {_border-collapse:collapse;margin-bottom:20px;width:100%}
#wPermissionsTableOthers                {margin-bottom:0}
.wPermissionsTable th                   {padding-left:5px;}
.wPermissionsTable td                   {padding-left:5px;vertical-align:top}
.wPermissionsTable input                {border:0;}
.wui-permission-table-header > th       {height:19px;text-align:left;font-weight:bold;border-bottom:1px solid #c7c7c7; }
.wui-permission-table-header > th:first-child {width:220px}
.wPermissionsTableTemplate              {display:none;}
.wui-permission-table-entry-template    {display:none}
.wui-permission-table-entry             {height:23px;background-color:#FFFFFF;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;border-right:1px solid #c7c7c7;padding:3px 1px 0px 0}
.wui-permission-table-entry-name        {border-right:none;}
.wui-permission-table-entry-name > span {display:inline-block;padding-top:4px}
.wui-permission-table-entry-permissions {}
.wPermissionsTableItem > span            {line-height:23px;}
.wui-permission-table-entry-role          {float:left;width:calc(100% - 24px);height:20px;position:relative}

.wPermissionsTableItemRole .row         {cursor:pointer; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; margin:1px 2px 1px 2px;}
.wPermissionsTableItemRole .rowOver     {cursor:pointer; margin:1px 2px 1px 2px; background-image:url('/weblication/grid5/gui/images/bg_menuitemh.gif'); border-left:1px solid #A2B4C7; border-right:1px solid #A2B4C7;}

.wui-permission-table-footer                     {}
.wui-permission-table-footer .wui-button         {float:right;margin-right:0}
.wui-permission-table-footer td                  {height:23px;padding:4px 0;}
.wui-permission-table-footer td:first-child      {}
.wui-permission-table-footer td:last-child       {}
.wui-permission-table-entry-permission-selection {width:369px;border:1px solid #c7c7c7;margin-top:23px;margin-left:-6px;position:absolute;z-index:10000;display:none;background-color:white;padding:0 0 0 0;box-sizing:border-box;-moz-box-sizing:border-box}
.wui-mask-user .wui-permission-table-entry-permission-selection {width:208px}

.wui-permissions-role-entry                                                              {cursor:default}
.wui-permissions-role-entry:hover                                                        {background-color:#f6f6f6}
.wui-permission-table-entry-role .wui-permissions-role-entry:hover                       {background-color:transparent}
.wui-permissions-role-entry:after                                                        {display:block;content:'';clear:both;width:0;height:0}
.wui-permissions-role-entry > div > div:first-child                                      {float:left;padding:4px 0 0 5px}
.wui-permission-table-entry-role .wui-permissions-role-entry > div > div:first-child     {float:left;padding:4px 0 0 0}
.wui-permissions-role-entry > div > div:last-child                                       {float:right;margin-top:0px;padding-right:4px;height:22px}
.wui-permission-table-entry-role .wui-permissions-role-entry > div > div:last-child      {float:right;margin-top:-1px;height:auto}

.wui-permissions-role-permission                        {display:inline-block;position:relative;width:24px;height:24px}
.wui-permissions-role-permission-inactive               {opacity:0.1}

.wui-permissions-role-permission:before                 {content:'';position:absolute;left:0px;top:0px;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:16px 16px}
.wui-permissions-role-permission:after                  {content:'';position:absolute;left:0px;top:0px;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:16px 16px}

.wui-permissions-role-permission-file-view:before,
.wui-permissions-role-permission-dir-view:before        {background-position:-4px -165px !important}
.wui-permissions-role-permission-file-edit:before,
.wui-permissions-role-permission-dir-edit:before        {background-position:-36px -165px !important}
.wui-permissions-role-permission-dir-upload:before      {background-position:-101px -69px !important}
.wui-permissions-role-permission-dir-createFile:before  {background-position:-5px -101px !important}
.wui-permissions-role-permission-dir-createFile:after   {background-position:-165px -101px !important}
.wui-permissions-role-permission-dir-createDir:before   {background-position:-101px -101px !important}
.wui-permissions-role-permission-dir-createDir:after    {background-position:-165px -101px !important}
.wui-permissions-role-permission-dir-checkin:before     {background-position:-5px -101px !important}
.wui-permissions-role-permission-dir-checkin:before     {background-position:-101px -101px !important}
.wui-permissions-role-permission-dir-checkin:after      {background-position:-229px -101px !important}
.wui-permissions-role-permission-file-rename:before,
.wui-permissions-role-permission-dir-rename:before      {background-position:-196px -164px !important}
.wui-permissions-role-permission-file-delete:before,
.wui-permissions-role-permission-dir-delete:before      {background-position:-164px -68px !important}
.wui-permissions-role-permission-file-versions:before   {background-position:-101px -261px !important}
.wui-permissions-role-permission-file-online:before     {background-position:-4px -4px !important}
.wui-permissions-role-permission-file-personalization:before      {background-position:-452px -37px !important}
.wui-permissions-role-permission-file-rights:before     {background-position:-228px -37px !important}

.wui-permissions-role-permission-user-edit:before        {background-position:-360px -99px !important}
.wui-permissions-role-permission-user-delete:before      {background-position:-164px -68px !important}
.wui-permissions-role-permission-user-assign:before      {background-position:-234px -101px !important}

/* mask:tageditorLink */

.wui-mask-tageditorLink .wui-input-set > .wui-input-entry > .wui-input-element,
.wui-mask-tageditorLink .wui-input-set .wui-input-element .wui-input-outer  {width:280px}

/* mask:tageditorPicture */

.wui-mask-tageditorPicture .wui-input-set > .wui-input-entry > .wui-input-element,
.wui-mask-tageditorPicture .wui-input-set .wui-input-element .wui-input-outer  {width:280px}

/* mask:teageditorClipbard */
.wui-mask-tageditorClipboardText #clipboardContent {box-sizing:border-box;padding:2px 4px;width:100%;height:320px;border:solid 1px #c0c0c0}

/* mask:itemSource */
.wui-mask-itemSource #sourceCode {font-family:courier;box-sizing:border-box;padding:2px 4px;width:100%;height:calc(100vh - 112px);border:solid 1px #c0c0c0}

/* mask:dashboard */
.wui-html-dashboard                       {height:auto;max-height:none;background-color:transparent;overflow:visible}
.wui-mask-dashboard                       {height:auto;min-height:100%;background:none !important;background-color:rgba(220, 220, 220, 1) !important}
.wui-mask-dashboard .wui-mask-body        {background-color:transparent}
.wui-mask-dashboard .wui-statusbar        {display:none}
.wui-mask-dashboard .wui-dashboard        {min-height:100vh;margin:0 auto;padding:0 2%;overflow:hidden;}
.wui-mask-dashboard .wui-dashboard-header {position:relative;padding:20px 0 30px 0;text-align:center}
.wui-mask-dashboard .wui-dashboard-header-title {font-size:33px;color:#999999}
.wui-mask-dashboard .wui-dashboard-menu   {display:none;text-align:left;position:absolute;right:16px;top:26px;width:24px;height:24px}
.wui-mask-dashboard .wui-dashboard-menu:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999}
.wui-mask-dashboard .wui-dashboard-menu:after {content:'';position:absolute;margin-top:3px;display:block;width:24px;height:13px;border-color:#999999;border-width:3px;border-style:solid none solid none}
.wui-mask-dashboard .wui-dashboard-menu:hover:before {background-color:#b0b0b0}
.wui-mask-dashboard .wui-dashboard-menu:hover:after  {border-color:#b0b0b0}
.wui-mask-dashboard .wui-dashboard-closer {cursor:pointer;display:none;position:absolute;right:16px;top:26px;width:24px;height:24px}
.wui-mask-dashboard .wui-dashboard-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(45deg)}
.wui-mask-dashboard .wui-dashboard-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(-45deg)}
.wui-mask-dashboard .wui-dashboard-closer:hover:before,
.wui-mask-dashboard .wui-dashboard-closer:hover:after {background-color:#666666}
.wui-mask-dashboard .wui-dashboard-footer {display:none;position:relative;padding:20px 0 30px 0;text-align:center;color:#aaaaaa}
.wui-mask-dashboard .wui-dashboard-widget {position:absolute;transition:all 0s linear;display:none;width:100%;margin:0 0 8% 0;height:251px;box-sizing:border-box;-moz-box-sizing:border-box;border:none 1px #c7c7c7;background:#ffffff;box-shadow:0 0 16px 6px rgba(0, 0, 0, 0.03)}
.wui-page-desktop .wui-mask-dashboard .wui-dashboard-header {visibility:hidden;padding:0;height:20px}

.wui-mask-dashboard .wui-menu-global       {position:absolute;display:none;z-index:2;right:-20px;border:solid 1px #c0c0c0;background-color:#ffffff;box-shadow:0 0 8px -1px rgba(0, 0, 0, 0.2)}
.wui-mask-dashboard .wui-dashboard-menu:hover .wui-menu-global {display:block}
.wui-mask-dashboard .wui-menu-global > div {padding:8px 18px;cursor:pointer;white-space:nowrap}
.wui-mask-dashboard .wui-menu-global > div:hover {background-color:#f6f6f6}
.wui-mask-dashboard .wui-menu-global > div:first-child {padding-top:12px}
.wui-mask-dashboard .wui-menu-global > div:last-child  {padding-bottom:12px}

.wui-mask-dashboard #wContainerWidgetIframes             {position:absolute;}

.wui-mask-dashboard .wui-dashboard-widgets-col             {float:left;}
.wui-mask-dashboard .wui-dashboard-widgets-col:first-child {}

.wui-mask-dashboard .wui-dashboard-widget-placeholder {margin-bottom:40px}

.wui-mask-dashboard-cols-3 .wui-dashboard             {margin:0}
.wui-mask-dashboard-cols-3 .wui-dashboard-header,
.wui-mask-dashboard-cols-3 .wui-dashboard-footer,
.wui-mask-dashboard-cols-3 .wui-dashboard-widgets     {max-width:1440px;margin:0 auto}
.wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col {display:none}
.wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(33.333% - 26.666px);margin:0 20px 0 0}
.wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(33.333% - 26.666px);margin:0 20px 0 20px}
.wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(3) {display:block;width:calc(33.333% - 26.666px);margin:0 0 0 20px}

.wui-mask-dashboard-cols-2 .wui-dashboard             {margin:0}
.wui-mask-dashboard-cols-2 .wui-dashboard-header,
.wui-mask-dashboard-cols-2 .wui-dashboard-footer,
.wui-mask-dashboard-cols-2 .wui-dashboard-widgets     {max-width:960px;margin:0 auto}
.wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col {display:none}
.wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(50% - 20px);margin:0 20px 0 0}
.wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(50% - 20px);margin:0 0 0 20px}

.wui-mask-dashboard-cols-1 .wui-dashboard             {margin:0}
.wui-mask-dashboard-cols-1 .wui-dashboard-header,
.wui-mask-dashboard-cols-1 .wui-dashboard-footer,
.wui-mask-dashboard-cols-1 .wui-dashboard-widgets     {max-width:560px;margin:0 auto}
.wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col {display:none}
.wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%}

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

  .wui-mask-dashboard-cols-3 .wui-dashboard             {margin:0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-header,
  .wui-mask-dashboard-cols-3 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets     {max-width:1440px;margin:0 auto}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(33.333% - 26.666px);margin:0 20px 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(33.333% - 26.666px);margin:0 20px 0 20px}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(3) {display:block;width:calc(33.333% - 26.666px);margin:0 0 0 20px}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widget      {margin-bottom:40px}

  .wui-mask-dashboard-cols-2 .wui-dashboard             {margin:0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-header,
  .wui-mask-dashboard-cols-2 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets     {max-width:960px;margin:0 auto}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(50% - 20px);margin:0 20px 0 0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(50% - 20px);margin:0 0 0 20px}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widget      {margin-bottom:40px}

  .wui-mask-dashboard-cols-1 .wui-dashboard             {margin:0}
  .wui-mask-dashboard-cols-1 .wui-dashboard-header,
  .wui-mask-dashboard-cols-1 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets     {max-width:560px;margin:0 auto}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widget      {margin-bottom:40px}
}

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

  .wui-mask-dashboard-cols-3 .wui-dashboard             {margin:0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-header,
  .wui-mask-dashboard-cols-3 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets     {max-width:960px;margin:0 auto}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(50% - 20px);margin:0 20px 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(50% - 20px);margin:0 0 0 20px}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(3) {display:block;width:calc(50% - 20px);margin:0 0 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widget      {margin-bottom:40px}

  .wui-mask-dashboard-cols-2 .wui-dashboard             {margin:0 0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-header,
  .wui-mask-dashboard-cols-2 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets     {max-width:960px;margin:0 auto}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:calc(50% - 20px);margin:0 20px 0 0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:calc(50% - 20px);margin:0 0 0 20px}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widget      {margin-bottom:40px}

  .wui-mask-dashboard-cols-1 .wui-dashboard             {margin:0}
  .wui-mask-dashboard-cols-1 .wui-dashboard-header,
  .wui-mask-dashboard-cols-1 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets     {max-width:560px;margin:0 auto}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col {display:none}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widget      {margin-bottom:40px}
}

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

  .wui-mask-dashboard-cols-3 .wui-dashboard                          {margin:0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-header,
  .wui-mask-dashboard-cols-3 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets                  {max-width:560px;margin:0 auto}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col              {display:none}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%;margin:0 0 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:100%;margin:0 0 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widgets-col:nth-child(3) {display:block;width:100%;margin:0 0 0 0}
  .wui-mask-dashboard-cols-3 .wui-dashboard-widget                   {margin-bottom:40px}

  .wui-mask-dashboard-cols-2 .wui-dashboard                          {margin:0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-header,
  .wui-mask-dashboard-cols-2 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets                  {max-width:560px;margin:0 auto}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col              {display:none}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%;margin:0 0 0 0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widgets-col:nth-child(2) {display:block;width:100%;margin:0 0 0 0}
  .wui-mask-dashboard-cols-2 .wui-dashboard-widget                   {margin-bottom:40px}

  .wui-mask-dashboard-cols-1 .wui-dashboard                          {margin:0 0}
  .wui-mask-dashboard-cols-1 .wui-dashboard-header,
  .wui-mask-dashboard-cols-1 .wui-dashboard-footer,
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets                  {max-width:560px;margin:0 auto}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col              {display:none}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widgets-col:nth-child(1) {display:block;width:100%}
  .wui-mask-dashboard-cols-1 .wui-dashboard-widget                   {margin-bottom:40px}
}

/* mask:purgeProject */
.wui-mask-purgeProject #frmExecute                            {border:1px solid #c7c7c7;width:100%;height:232px;background-color:#ffffff}
.wui-mask-purgeProject .wui-select                            {width:132px}
.wui-mask-purgeProject #wui-input-entry-drafts .wui-select,
.wui-mask-purgeProject #wui-input-entry-versions .wui-select  {width:148px}

.wui-mask-purgeProject .wui-input-element-dir div.wui-input-info {position:absolute;z-index:10;right:0;margin:3px 2px 0 0}

/* mask:searchAndReplace */
.wui-mask-searchAndReplace .wSearchReplaceTextarea {width:100%;height:60px;box-sizing:border-box;-moz-box-sizing:border-box;border:solid 1px #c0c0c0;padding:4px 4px;font-family:courier}
.wui-mask-searchAndReplace #containerSearch    {position:relative;float:left;width:calc(50% - 10px);margin-right:10px}
.wui-mask-searchAndReplace #containerReplace   {position:relative;float:left;width:calc(50% - 10px);margin-left:10px}
.wui-mask-searchAndReplace #containerOptions   {clear:left;padding:16px 0 20px 0;overflow:hidden;}
.wui-mask-searchAndReplace #containerInputs    {position:relative;float:left;width:calc(50% - 10px);margin-right:10px;overflow:hidden}
.wui-mask-searchAndReplace #containerFunctions {position:relative;float:left;width:calc(50% - 10px);margin-left:10px}
.wui-mask-searchAndReplace #containerHistory   {position:relative;float:right;width:calc(50% - 10px);margin-left:10px}
.wui-mask-searchAndReplace #containerMacros    {position:relative;float:right;width:100%}

.wui-mask-searchAndReplace #objectListMacros                             {height:138px;background:#f0f0f0}
.wui-mask-searchAndReplace #objectListMacros .wui-objectlist-placeholder {display:none}
.wui-mask-searchAndReplace #objectListMacros .wui-objectlist-entry       {cursor:pointer;background:transparent}

.wui-mask-searchAndReplace #frmExecute             {opacity:0.4;border:1px solid #c7c7c7;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;height:0px;background-color:#ffffff;transition:opacity 0.3s ease-in-out}
.wui-mask-status-execute.wui-mask-searchAndReplace #frmExecute,
.wui-mask-status-finished.wui-mask-searchAndReplace #frmExecute {opacity:1}

.wui-mask-searchAndReplace #wStatusSearchReplace   {padding:7px 0 0 8px;opacity:0;transition:opacity 0.3s ease-in-out}
.wui-mask-status-execute.wui-mask-searchAndReplace .wui-mask-searchAndReplace #wStatusSearchReplace,
.wui-mask-status-finished.wui-mask-searchAndReplace .wui-mask-searchAndReplace #wStatusSearchReplace {opacity:0.7}

/* mask:diffs */
.wui-mask-diffs #wContainerIframe                          {position:relative;float:left;margin:10px 10px 10px 0;width:100%;height:445px}
.wui-mask-diffs #frameDiff {width:100%;height:100%;border:solid 1px #c7c7c7;background-color:#ffffff}


/* mask:versions */
.wui-mask-versions #wContainerVersionsList                    {position:relative;float:left;margin:10px 10px 10px 10px;width:280px;height:445px}
.wui-mask-versions #wContainerIframe                          {position:relative;float:left;margin:10px 10px 10px 0;width:calc(100% - 340px);height:445px}
.wui-page-dialog .wui-mask-versions #wContainerVersionsList   {margin:0 10px 0 0}
.wui-page-dialog .wui-mask-versions #wContainerIframe         {margin:0 0 0 0}

.wui-mask-versions .wui-versions-list                         {background-color:#f9f9f9;width:100%;height:100%;overflow-y:auto;border:solid 1px #c7c7c7}
.wui-mask-versions .wui-versions-list-entry                   {height:40px;border-bottom:solid 1px #c7c7c7;position:relative;}
.wui-mask-versions .wui-versions-list-entry.isDraft           {background-color:#eeeeee}
.wui-mask-versions .wui-versions-list-entry.selectedPre       {background-color:rgba(255, 0, 0, 0.1)}
.wui-mask-versions .wui-versions-list-entry.selectedDesc      {background-color:rgba(0, 159, 0, 0.1)}

.wui-mask-versions .wui-versions-list-entry-caption           {padding:0 0 0 8px}
.wui-mask-versions .wui-versions-list-entry-version           {line-height:20px;display:block;float:left}
.wui-mask-versions .wui-versions-list-entry-markercurrent,
.wui-mask-versions .wui-versions-list-entry-markerdraft       {font-size:9px;display:inline-block;line-height:100%;border:solid 1px #a0a0a0;border-radius:10px;margin:3px 0 0 5px;padding:2px 6px;color:#777777;background-color:rgba(255, 255, 255, 0.5)}
.wui-mask-versions .wui-versions-list-entry-modifiedinfo      {line-height:20px;display:block;float:left;clear:left;color:#aaaaaa}
.wui-mask-versions .wui-versions-list-entry-predecessor       {position:absolute;right:13px;bottom:6px}
.wui-mask-versions .wui-versions-list-entry-descendant        {position:absolute;right:33px;bottom:6px}

.wui-mask-versions .wui-versions-list-entry .predecessor,
.wui-mask-versions .wui-versions-list-entry .descendant  {visibility:hidden;cursor:pointer;width:14px;height:14px;box-sizing:border-box;border:solid 2px #c0c0c0;border-radius:50%}
.wui-mask-versions .wui-versions-list-entry .predecessor {margin-left:4px}
.wui-mask-versions .wui-versions-list-entry.selectableDesc .descendant,
.wui-mask-versions .wui-versions-list-entry.selectablePre .predecessor {visibility:visible}

.wui-mask-versions .wui-versions-list-entry.selectedPre .predecessor {border-width:2px;border-color:rgba(255, 0, 0, 1);background-color:rgba(255, 0, 0, 0.3)}
.wui-mask-versions .wui-versions-list-entry.selectedDesc .descendant  {border-width:2px;border-color:rgba(0, 159, 0, 1);background-color:rgba(0, 159, 0, 0.3)}

.wui-mask-versions .wui-versions-list-entry-predecessor-conhr {z-index:1;display:none;position:absolute;right:-7px;top:6px;background-color:#ee0000;height:2px;line-height:2px;width:8px;background-color:rgba(255, 0, 0, 1)}
.wui-mask-versions .selectedPre .wui-versions-list-entry-predecessor-conhr {display:block}
.wui-mask-versions .wui-versions-list-entry-descendant-conhr  {z-index:1;display:none;position:absolute;right:-27px;top:6px;background-color:#ee0000;height:2px;line-height:2px;width:29px;background-color:rgba(0, 159, 0, 1)}
.wui-mask-versions .selectedDesc .wui-versions-list-entry-descendant-conhr {display:block}
.wui-mask-versions .wui-versions-list-entry-descendant-convr  {z-index:1;display:none;position:absolute;right:-27px;top:6px;background-color:#ee0000;height:2px;width:2px;background-image:linear-gradient(0deg, rgba(255, 0, 0, 1) 0%, rgba(0, 159, 0, 1) 100%)}
.wui-mask-versions .selectedDesc .wui-versions-list-entry-descendant-convr {display:block}

.wui-mask-versions .wui-info-no-versions {padding:8px;font-size:15px;color:#aaaaaa;line-height:130%}

.wui-mask-versions #frameDiff {width:100%;height:100%;border:solid 1px #c7c7c7;background-color:#ffffff}

.wui-container-versions-register                       {height:24px;margin:0 0 0 0;background-color:#eeeeee;border-bottom:solid 1px #c7c7c7}
.wui-container-versions-register > div                 {font-size:0;display:inline-block;}
.wui-container-versions-register > div > span          {font-size:11px;display:inline-block;cursor:pointer;height:24px;line-height:22px;padding:0 6px;color:#999999}
.wui-container-versions-register > div > span.selected {background-color:#f0f0f0;color:#000000}
.wui-container-versions-register > div > span:hover    {background-color:#f0f0f0}

#wContainerDiffSplitOld {overflow:hidden;}
#wContainerDiffSplitNew {overflow:hidden;}

/* mask:baseInstaller */

body > .wui-mask-baseInstaller {max-width:800px;max-height:600px}

@media only screen and (max-width: 900px){
  body > .wui-mask-baseInstaller {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

/*
.wui-mask-baseInstaller #wPackagesInstallable                                        {background:#ffffff;height:518px;border:solid 1px #c0c0c0;overflow:auto;display:flex;}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package                           {height:100%;width:33.333%}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package-inner                     {height:100%;box-sizing:border-box;cursor:pointer;padding:15px;min-height:91px;position:relative;background:transparent;border-left:solid 1px #dddddd}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package:first-child > div         {border:none;}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-inner:hover  {background:#f6f6f6}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-caption      {font-weight:normal;padding:0 0 16px 0;font-size:20px;line-height:26px;color:#495c85}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-description  {font-size:13px;line-height:145%;color:#888888;padding: 0 0 0 0;height:140px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions    {font-size:13px;line-height:200%;color:#888888;padding: 0 0 0 0}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions ul {padding-left:26px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li {list-style:none;position:relative;color:#000000}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li:not([data-support='1']):before {content:'';display:block;position:absolute;left:-28px;width:20px;height:20px;background-size:800px;background-position:-420px -4px;background-image:url('/weblication/grid5/gui/images/icons.svg');filter:grayscale();opacity:0.2}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li[data-support='1'] {} 
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li[data-support='1']:before {content:'';display:block;position:absolute;left:-28px;width:20px;height:20px;background-size:800px;background-position:-388px -4px;background-image:url('/weblication/grid5/gui/images/icons.svg')}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-button       {display:block;outline:solid 1px #495c85;color:#495c85;padding:6px 20px;text-align:center;position:absolute;bottom:15px;right:15px;font-size:14px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package:hover .wui-package-button {color:#ffffff;background:#495c85}
*/

.wui-page-dialog-blank.wui-mask-baseInstaller .wui-mask-body .wui-mask-body-inner    {padding:16px}
.wui-mask-baseInstaller #wPackagesInstallable                                        {background:#ffffff;height:518px;border:solid 1px #c0c0c0;overflow:auto}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package                           {}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package-inner                     {cursor:pointer;padding:15px;min-height:132px;position:relative;background:transparent;border:solid 1px transparent;border-bottom-color:#dddddd}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-inner:hover       {background:#f6f6f6}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-caption      {font-weight:normal;padding:0 0 16px 0;font-size:20px;line-height:26px;color:#495c85}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-description  {font-size:13px;line-height:145%;color:#888888;padding: 0 0 0 0;max-width:300px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions    {font-size:13px;line-height:200%;color:#888888;padding: 0 0 0 0;position:absolute;top:4px;right:240px;}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions ul {padding-left:26px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li {list-style:none;position:relative;color:#000000}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li:not([data-support='1']):before {content:'';display:block;position:absolute;left:-28px;width:20px;height:20px;background-size:800px;background-position:-420px -4px;background-image:url('/weblication/grid5/gui/images/icons.svg');filter:grayscale();opacity:0.2}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li[data-support='1'] {} 
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-functions li[data-support='1']:before {content:'';display:block;position:absolute;left:-28px;width:20px;height:20px;background-size:800px;background-position:-388px -4px;background-image:url('/weblication/grid5/gui/images/icons.svg')}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package .wui-package-button       {display:block;outline:solid 1px #495c85;color:#495c85;padding:6px 20px;text-align:center;position:absolute;bottom:15px;right:15px;font-size:14px}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package:hover .wui-package-button {color:#ffffff;background:#495c85}


.wui-mask-baseInstaller #wPackagesInstallable .wui-package[data-id='base.blank'] .wui-package-caption      {color:#aaaaaa}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package[data-id='base.blank'] .wui-package-button       {outline:solid 1px #aaaaaa;color:#aaaaaa;}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package[data-id='base.blank']:hover .wui-package-button {color:#ffffff;background:#aaaaaa;}

.wui-mask-baseInstaller #wPackagesInstallable .wui-package:last-child .wui-package-caption      {color:#847246}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package:last-child .wui-package-button       {outline:solid 1px #847246;color:#847246;}
.wui-mask-baseInstaller #wPackagesInstallable .wui-package:last-child:hover .wui-package-button {color:#ffffff;background:#847246}

/* mask:upload */

.wui-page-dialog .wui-uploader {height:100%;position:relative;overflow:hidden}

.wui-uploader-select-files {padding:4px}

.wui-uploader-input-file  {box-sizing:border-box;-moz-box-sizing:border-box;position:absolute;z-index:-1;left:0;top:4px;width:100%;height:40px;font-size:36px;opacity:0;cursor:pointer;}
.wui-uploader-button-select-files          {transition:all 0.3s linear;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;font-size:13px;color:#000000;padding:0 8px;line-height:29px;text-align:center;}
.wui-uploader-button-select-files-selected {}
.wui-uploader-select-files:hover .wui-uploader-button-select-files {background-color:#D0D8E4;background-image:linear-gradient(180deg, #E5E8EF 0%, #E5E8EF 3%, #D2D7E2 4%, #BAC0CB 100%);border:solid 1px #c6c6c6;border-color:#ADBBCB #8599B1 #8599B1 #ADBBCB}

.wui-uploader-uploadarea    {background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:100%;border:solid 1px #c7c7c7;padding:0;overflow:hidden;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;}
.wui-uploader-toupload      {width:100%;margin-top:-4px;padding:4px;box-sizing:border-box;-moz-box-sizing:border-box;overflow:auto;-webkit-box-flex:1;-moz-box-flex:1;}
.wui-uploader-dragzone      {border:none 4px #c0c0c0;box-sizing:border-box;-moz-box-sizing:border-box;margin:4px;font-size:18px;font-weight:bold;line-height:150%;text-align:center;height:262px;overflow:hidden;padding:20px;color:#dcdcdc;}
.wui-dragover .wui-uploader-dragzone {color:#00c000}
.wui-urlbar                 {padding:10px}

.wui-uploader-entry                      {cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:0 1px;clear:left;overflow:hidden;position:relative;border-bottom:solid 1px #e0e0e0;border-top:solid 1px transparent}
.wui-uploader-entry:hover                {margin:0 1px 1px 1px;background-color:#f9f9f9;border-bottom:solid 0px transparent;outline:solid 1px #C8D2DD}
.wui-uploader-entry .wui-button          {}
.wui-uploader-entry .wui-entry-activator {background-color:#ffffff;float:left;width:32px;height:32px;overflow:hidden}
.wui-uploader-entry .wui-entry-thumbnail {display:none;background-color:#ffffff;float:left;padding:4px 0 0 4px;width:96px;height:64px;overflow:hidden}
.wui-uploader-entry .wui-entry-thumbnail img {display:none;max-width:100%;max-height:100%}
.wui-uploader-entry .wui-entry-name            {float:left;width:224px;line-height:21px;padding:2px 8px 2px 8px;white-space:nowrap;overflow:hidden}
.wui-uploader-entry .wui-entry-size            {float:left;width:56px;text-align:right;line-height:21px;padding:2px 8px 2px 2px;color:#aaaaaa}
.wui-uploader-entry .wui-entry-dimensions      {float:left;width:100px;text-align:right;line-height:21px;padding:2px 2px 2px 8px;color:#aaaaaa}
.wui-uploader-entry .wui-entry-progress        {position:absolute;top:6px;right:36px;height:12px;width:80px;box-sizing:border-box;-moz-box-sizing:border-box;outline:solid 1px #d0d0d0;background-color:#ffffff}
.wui-uploader-entry .wui-entry-progress-inner  {background-color:rgb(89, 115, 196);height:12px;width:0%}
.wui-uploader-entry .wui-entry-shrink          {display:none;clear:left;overflow:hidden;height:22px}
.wui-uploader-entry .wui-button-objectlist                {margin:2px 5px 0 0}
.wui-uploader-entry .wui-entry-buttons-overwrite             {display:none;margin-right:2px}
.wui-uploader-entry .wui-entry-buttons-overwrite .wui-button {padding:3px 8px 3px 8px}
.wui-uploader-entry .wui-entry-button-overwrite-all       {display:none;float:left;margin-right:0;border-right:0}
.wui-uploader-entry .wui-entry-button-overwrite           {display:none;float:left}
.wui-uploader-entry .wui-entry-button-overwrite-all:hover {padding-right:8px}
.wui-uploader-entry .wui-entry-button-delete              {position:absolute;margin-right:0;padding:1px;top:2px;right:7px;}
.wui-uploader-entry .wui-entry-button-delete img          {width:16px;height:16px}
.wui-uploader-entry .wui-entry-info                       {display:none;padding:4px 8px;clear:both}
.wui-uploader-entry .wui-entry-info-error                 {color:red}

.wui-uploader-entry .wui-button-delete                    {position:absolute;margin-right:0;top:0;right:3px}


/*
.wui-uploader-entry-file-exists .wui-entry-name,
.wui-uploader-entry-file-exists .wui-entry-size,
.wui-uploader-entry-file-exists .wui-entry-dimensions,
.wui-uploader-entry-file-exists .wui-entry-info,
*/
.wui-uploader-entry-finished .wui-button-delete,
.wui-uploader-entry-init .wui-button-delete,
.wui-uploader-entry-progress .wui-button-delete,
.wui-uploader-entry-file-exists:after {opacity:0.3}

.wui-mask-uploaderform .wui-uploader-entry-finished .wui-button-delete,
.wui-mask-uploaderform .wui-uploader-entry-init .wui-button-delete,
.wui-mask-uploaderform .wui-uploader-entry-progress .wui-button-delete {opacity:1}

.wui-mask-uploaderform .wui-uploader-entry:hover       {}

.wui-uploader-entry .wui-entry-buttons-shrink          {position:absolute;left:240px;width:200px}
.wui-uploader-entry .wui-entry-button-shrink-all       {display:none;float:right;margin-right:0;border-right:0}
.wui-uploader-entry .wui-entry-button-shrink           {float:right}
.wui-uploader-entry .wui-entry-button-shrink-all:hover {border-right:none;}
.wui-uploader-entry .wui-entry-buttons-shrink:hover .wui-entry-button-shrink-all         {display:block}

.wui-uploader-entry-finished                           {}
.wui-uploader-entry-finished .wui-entry-progress-inner {background-color:#00aa00;height:12px;width:100%}
.wui-uploader-entry-finished .wui-entry-button-delete  {display:none}

.wui-uploader-entry-error .wui-entry-progress-inner    {background-color:#ff0000;height:12px;width:100%}
.wui-uploader-entry-error .wui-entry-button-delete     {display:none}

.wui-uploader-entry-progress                           {background-color:#f9f9f9}
.wui-uploader-entry-file-exists .wui-entry-progress    {display:none}
.wui-uploader-entry-file-exists .wui-entry-buttons-overwrite {display:block;position:absolute;top:2px;right:27px;padding-left:4px;}
.wui-uploader-entry-file-exists .wui-entry-button-overwrite  {display:block}
.wui-uploader-entry .wui-entry-buttons-overwrite:hover .wui-entry-button-overwrite-all {display:block}

.wui-uploader-entry-progress .wui-entry-progress       {display:block}

@-webkit-keyframes resizeProgress {0% {opacity:0;color:#000000}25% {opacity:0.5;color:#000000}50% {opacity:1;color:#000000}75% {opacity:0.5;color:#000000} 100% {opacity:0;color:#000000}}
@-moz-keyframes resizeProgress {0% {opacity:0;color:#000000}25% {opacity:0.5;color:#000000}50% {opacity:1;color:#000000}75% {opacity:0.5;color:#000000} 100% {opacity:0;color:#000000}}

.wui-uploader-entry .wui-resize-inprocess {background-color:#c0c0c0;color:#ffffff;-webkit-animation:resizeProgress 2s infinite;}

.wui-uploader-entry-file-permissionimagesizedenied .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-permissionimagesizedenied .wui-entry-progress    {display:none}
.wui-uploader-entry-file-permissionimagesizedenied:after                  {content:'Die Bild überschreitet die hochladbare Dateigröße!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}

.wui-uploader-entry-file-permissionuploaddenied .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-permissionuploaddenied .wui-entry-progress    {display:none}
.wui-uploader-entry-file-permissionuploaddenied:after                  {content:'Sie haben keine Berechtigung zum Hochladen in dieses Verzeichnis!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}

.wui-uploader-entry-file-permissionoverwritedenied .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-permissionoverwritedenied .wui-entry-progress {display:none}
.wui-uploader-entry-file-permissionoverwritedenied:after               {content:'Sie haben keine Berechtigung zum Überschreiben der Datei!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}

.wui-uploader-entry-file-permissionsizedenied .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-permissionsizedenied .wui-entry-progress {display:none}
.wui-uploader-entry-file-permissionsizedenied:after               {content:'Die Datei überschreitet die hochladbare Dateigröße!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}

.wui-uploader-entry-file-permissionextensiondenied .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-permissionextensiondenied .wui-entry-progress {display:none}
.wui-uploader-entry-file-permissionextensiondenied:after               {content:'Dateien mit diesem Typ dürfen nicht hochgeladen werden!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}

.wui-uploader-entry-file-hasdraft .wui-entry-buttons-overwrite,
.wui-uploader-entry-file-hasdraft .wui-entry-progress {display:none}
.wui-uploader-entry-file-hasdraft:after               {content:'Die Datei kann nicht hochgeladen werden, da sie bereits besteht und sich in Bearbeitung befindet!';clear:left;float:left;margin-left:8px;line-height:20px;color:#ff0000}


@media only screen and (max-width: 575px){
  .wui-uploader-entry .wui-entry-size {clear:left;text-align:left;padding-left:8px}
}

/* mask:news */

.wui-mask-news .wui-mask-body-inner                        {overflow-y:auto;border-bottom:none;background-color:#ffffff}
.wui-mask-news #wContainerNews                             {box-sizing:border-box;height:100%;overflow-y:auto;width:100%;}
.wui-mask-news .wui-news-entry                             {padding:10px 14px;clear:both;position:relative;overflow:hidden;border-bottom:solid 1px #c7c7c7;cursor:pointer}
.wui-mask-news .wui-news-entry:hover                       {background-color:#f0f0f0}
.wui-mask-news .wui-news-entry .wui-news-entry-calendar    {width:32px;height:40px;margin:4px 12px 0 0;float:left}
.wui-mask-news .wui-news-entry:hover .wui-news-entry-calendar    {background-color:#ffffff}
.wui-mask-news .wui-news-entry .wui-news-entry-calendar div:first-child  {height:25px;text-align:center;line-height:25px;font-size:17px;background-color:#d0d0d0;color:#ffffff}
.wui-mask-news .wui-news-entry .wui-news-entry-calendar div:last-child   {margin-top:-4px;background-color:#d0d0d0;color:#ffffff;text-align:center;font-size:11px;line-height:17px}
.wui-mask-news .wui-news-entry .wui-news-entry-text        {float:left;max-width:calc(100% - 44px)}
.wui-mask-news .wui-news-entry .wui-news-entry-title       {font-size:13px;line-height:17px;margin-bottom:4px}
.wui-mask-news .wui-news-entry .wui-news-entry-description {font-size:11px;color:#888888;line-height:15px;max-height:30px;overflow:hidden;position:relative}
.wui-mask-news .wui-news-entry .wui-news-entry-description:after {content:'';width:40px;height:16px;background:linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);position:absolute;right:0;bottom:0}
.wui-mask-news .wui-news-entry:hover .wui-news-entry-description:after {background:linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);}

/* mask:directoriesList */

.wui-mask-directoriesList .wui-objectlist-entry {cursor:pointer}

/* mask:remotesLists */
.wui-mask-remotesList .version                   {display:inline-block;min-width:58px}
.wui-mask-remotesList .statusMessages            {cursor:pointer;position:absolute;font-size:10px}
.wui-mask-remotesList .statusTodo                {cursor:pointer;position:absolute;padding:0;text-align:center;line-height:14px;width:14px;height:14px;border-radius:0px;color:#ffffff;background:rgb(5, 111, 252)}
.wui-mask-remotesList .statusDone                {cursor:pointer;position:absolute;margin-left:4px;padding:0;text-align:center;line-height:14px;width:14px;height:14px;border-radius:0px;color:#000000;background:rgb(166, 252, 165);transition:margin 0.3s linear}
.wui-mask-remotesList .statusNote                {cursor:pointer;position:absolute;margin-left:8px;padding:0;text-align:center;line-height:14px;width:14px;height:14px;border-radius:0px;color:#000000;background:rgb(255, 255, 170);transition:margin 0.3s linear}
.wui-mask-remotesList .statusMessages .statusDone   {margin-left:12px}
.wui-mask-remotesList .statusMessages .statusNote {margin-left:24px}
.wui-mask-remotesList .currentVersionUpToDate    {color:green}
.wui-mask-remotesList .currentVersionUpdatable   {color:red}
.wui-mask-remotesList .currentVersionOldRelease  {color:orange}
.wui-mask-remotesList .wui-objectlist-entry-info {float:none;padding-top:0px;padding-bottom:0px}
.wui-mask-remotesList .wui-objectlist-entry a    {text-decoration:none;color:#b0b0b0}
.wui-mask-remotesList .wui-button-update         {display:none}
.wui-mask-remotesList .wui-button-license        {display:none}
.wui-mask-remotesList .wui-button-unlock         {}

.wui-mask-remotesList .wui-objectlist-entry {position:relative;padding:2px 1px 2px 2px}
.wui-mask-remotesList .wui-objectlist-entry-post {}

.wui-mask-remotesList .wui-objectlist-entry-post .statusRemote {height:34px;margin:-2px;padding:0 0 0 28px;color:#aaaaaa}
.wui-mask-remotesList .lastLoginInfo             {line-height:14px;padding-top:3px}
.wui-mask-remotesList .lastModifiedInfo          {line-height:14px;}
.wui-mask-remotesList .lastModifiedInfo > a      {text-decoration:underline;display:inline-block;width:1px;white-space:nowrap}

.wui-mask-remotesList .wui-objectlist-entry-info {height:13px;}
.wui-mask-remotesList .alerts {overflow:hidden;width:14px;height:13px;position:absolute;margin-top:-15px;right:52px;_background-color:#f0f0f0;border-bottom:solid 1px #c0c0c0;padding:0 2px 1px 2px}

.wui-mask-remotesList .alerts .n     {width:1px;box-sizing:border-box;height:13px;float:left;border-bottom:solid 0px orange;}
.wui-mask-remotesList .alerts .n-1   {border-bottom-width:2px}
.wui-mask-remotesList .alerts .n-2   {border-bottom-width:3px}
.wui-mask-remotesList .alerts .n-3   {border-bottom-width:4px}
.wui-mask-remotesList .alerts .n-4   {border-bottom-width:6px}
.wui-mask-remotesList .alerts .n-5   {border-bottom-width:8px}
.wui-mask-remotesList .alerts .n-6   {border-bottom-width:9px}
.wui-mask-remotesList .alerts .n-7   {border-bottom-width:10px}
.wui-mask-remotesList .alerts .n-8   {border-bottom-width:11px}
.wui-mask-remotesList .alerts .n-9   {border-bottom-width:12px}
.wui-mask-remotesList .alerts .n-10  {border-bottom-width:13px}

.wui-mask-remotesList .wui-button-update,
.wui-mask-remotesList .wui-button-preview,
.wui-mask-remotesList .wui-button-license,
.wui-mask-remotesList .wui-button-edit,
.wui-mask-remotesList .wui-button-securitycheck-failed,
.wui-mask-remotesList .wui-button-securitycheck-ok,
.wui-mask-remotesList .wui-button-dashboard        {border:solid 1px transparent;background:none;}

.wui-mask-remotesList .wui-button-update:hover,
.wui-mask-remotesList .wui-button-preview:hover,
.wui-mask-remotesList .wui-button-license:hover,
.wui-mask-remotesList .wui-button-edit:hover,
.wui-mask-remotesList .wui-button-securitycheck-failed:hover,
.wui-mask-remotesList .wui-button-securitycheck-ok:hover,
.wui-mask-remotesList .wui-button-dashboard:hover        {border:solid 1px #c0c0c0;background:#e0e0e0;}

.wui-mask-remotesList .wui-button-options,
.wui-mask-remotesList .wui-button-delete        {opacity:1}

.wui-mask-remotesList .wui-objectlist-entry:hover .wui-button-options,
.wui-mask-remotesList .wui-objectlist-entry:hover .wui-button-delete        {opacity:1}

.wui-mask-remotesList .wui-button-securitycheck-failed {display:block;visibility:hidden}
.wui-mask-remotesList .wui-button-securitycheck-ok {display:none}

.wui-mask-remotesList .wui-objectlist-entry-functiongroup {display:inline-block;margin:1px 30px 0 0}

.wui-mask-remotesList .wui-objectlist-entry-post .statusUpdate {position:absolute;bottom:0;width:calc(100% - 0px);height:3px;margin:0 0 0 -3px}
.wui-mask-remotesList .statusUpdateProgress               {display:block;position:relative;background-color:transparent;height:3px;width:100%}
.wui-mask-remotesList .statusUpdateProgressStatus1:before {position:absolute;content:'';display:block;height:3px;width:0%;background-color:green}
.wui-mask-remotesList .statusUpdateProgressStatus2:before {position:absolute;content:'';display:block;height:3px;width:33%;background-color:green}
.wui-mask-remotesList .statusUpdateProgressStatus3:before {position:absolute;content:'';display:block;height:3px;width:66%;background-color:green}
.wui-mask-remotesList .statusUpdateProgressStatus1:after  {position:absolute;content:'';display:block;height:3px;margin-left:0%;width:33%;background-color:green;-webkit-animation: progressStatusUpdate linear 20s;-moz-animation: progressStatusUpdate linear 10s;-ms-animation: progressStatusUpdate linear 10s;animation: progressStatusUpdate linear 10s;}
.wui-mask-remotesList .statusUpdateProgressStatus2:after  {position:absolute;content:'';display:block;height:3px;margin-left:33%;width:33%;background-color:green;-webkit-animation: progressStatusUpdate linear 20s;-moz-animation: progressStatusUpdate linear 20s;-ms-animation: progressStatusUpdate linear 20s;animation: progressStatusUpdate linear 20s;}
.wui-mask-remotesList .statusUpdateProgressStatus3:after  {position:absolute;content:'';display:block;height:3px;margin-left:66%;width:34%;background-color:green;-webkit-animation: progressStatusUpdate linear 60s;-moz-animation: progressStatusUpdate linear 60s;-ms-animation: progressStatusUpdate linear 60s;animation: progressStatusUpdate linear 60s;}
.wui-mask-remotesList .statusUpdateProgressStatus4:after  {position:absolute;content:'';display:block;height:3px;margin-left:66%;width:34%;background-color:green;}

/* mask:remotesConnector */
.wui-mask-remoteConnector #wui-input-entry-key .wui-input-element-text {width:200px;max-width:278px}
.wui-mask-remoteConnector #wui-input-entry-key input {width:200px}
.wui-mask-remoteConnector .wui-input-info {max-width:200px}
.wui-mask-remoteConnector #button_getAccessData {display:none}

/* mask:remotesAccess */

body > .wui-mask-remoteAccess {max-width:520px;max-height:300px}

@media only screen and (max-width: 640px){
  body > .wui-mask-remoteAccess {max-width:100%;max-height:100%;width:100%;height:100%;margin-top:0 !important;}
}

.wui-mask-remoteAccess #wui-input-entry-key .wui-input-element-content {max-width:278px}
.wui-mask-remoteAccess #wui-element-url-to-copy {display:inline-block;margin-right:4px;background-color:#fafafa;color:#008800;padding:0 8px;line-height:23px;font-size:11px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all}
.wui-mask-remoteAccess #wui-element-key-to-copy {float:left;display:inline-block;margin-right:4px;background-color:#fafafa;color:#008800;padding:0 8px;line-height:23px;font-size:11px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all}
.wui-mask-remoteAccess .wui-mask-icon {position:absolute;left:50px;top:70px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-1816px -150px;background-size:3200px;width:80px;height:80px;}
.wui-mask-remoteAccess .wui-input-set {margin:0 0 0 auto}

/* mask:documentDiff */

.wui-mask-documentDiff.viewmode-embedhasdraft {background-color:#ffffff;}
.wui-mask-documentDiff.viewmode-embedhasdraft .wui-menu-inner-main {display:none}

.wui-mask-documentDiff.viewmode-embedhasdraft #areaDiff {margin-top:0}
.wui-mask-documentDiff.viewmode-embedhasdraft .wui-embed {height:auto;overflow:visible}
.wui-mask-documentDiff.viewmode-embedhasdraft .wui-embed-body {height:auto;width:auto;max-height:none;max-width:none;overflow:visible}
.wui-mask-documentDiff.viewmode-embedhasdraft .wui-embed-body-inner {height:auto;width:auto;max-height:none;max-width:none;overflow:visible}
.wui-mask-documentDiff.viewmode-embedhasdraft .wui-embed-body-inner #areaDiff {height:auto;width:auto;max-height:none;max-width:none;overflow:visible}

/* mask:documentDiffSplit */

.wui-mask-documentDiffSplit #areaSelectToCompare1  {position:relative;float:left;width:50%}
.wui-mask-documentDiffSplit #wInputElement-pathToCompare        {margin:5px 0 0 0;float:right;width:calc(100% - 110px)}

.wui-mask-documentDiffSplit #areaSelectToCompare2  {position:relative;float:left;width:50%}
.wui-mask-documentDiffSplit #wInputElement-path        {margin:5px 0 0 0;float:right;width:calc(100% - 116px)}

.wui-mask-documentDiffSplit #wInfoSelectFile {font-family:Arial,Helvetica;font-size:27px;line-height:128%;margin:24px 36px 0 0;color:#c0c0c0;white-space:initial}

.wui-mask-documentDiffSplit #button_restore       {right:50%}
.wui-mask-documentDiffSplit #buttonChangeViewMode {font-size:11px;color:#666666;cursor:pointer;top:0;line-height:32px;position:absolute;padding:0 10px}
.wui-mask-documentDiffSplit #buttonStartObservingChanges {top:0;right:0;position:absolute;}

.wui-mask-documentDiffSplit .wui-diff-split-area-header {height:33px;background-color:#f6f6f6;border-bottom:solid 1px #e0e0e0;_border-image:linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(0, 159, 0, 1) 100%);_border-image-slice:1}

.wui-mask-documentDiffSplit .wui-diff-split-area        {position:relative;line-height:13px;overflow:hidden}
.wui-mask-documentDiffSplit .wui-diff-split-area:after  {content:'';display:table;clear:both;width:0;height:0;}

.wui-mask-documentDiffSplit .wui-diff-split-area .gutter       {position:absolute;left:0;top:0;width:26px;background-color:#f0f0f0;border:solid 1px #e0e0e0;border-style:none solid;padding:0 4px;border-bottom:solid 1px #e0e0e0}
.wui-mask-documentDiffSplit .wui-diff-split-area .gutter span  {height:15px;line-height:15px}
.wui-mask-documentDiffSplit .wui-diff-split-area #wContainerDiffSplitOld .gutter {border-left:none}
.wui-mask-documentDiffSplit .wui-diff-split-area .source       {position:absolute;left:36px;top:0;height:100%;width:calc(100% - 36px);overflow:auto}
.wui-mask-documentDiffSplit .wui-diff-split-area .source div   {height:15px;line-height:15px;padding-left:4px;}
.wui-mask-documentDiffSplit .wui-diff-split-area .source > div:last-child   {border-bottom:solid 1px #e0e0e0}

.wui-mask-documentDiffSplit .wui-diff-split-old, .wui-diff-split-new {float:left;position:relative;width:calc(50% - 0px);height:100%;white-space:pre;font-family:courier new}
.wui-mask-documentDiffSplit .wui-diff-split-new {float:right;}

.wui-mask-documentDiffSplit .wui-diff-split-new.blink-on-changed  {background-color:#b5e7ff;transition:all 0.2s ease-in-out}
.wui-mask-documentDiffSplit .wui-diff-split-new.blink-on-add      {background-color:#a3fda3;transition:all 0.2s ease-in-out}
.wui-mask-documentDiffSplit .wui-diff-split-new.blink-on-deleted  {background-color:#ffc1c1;transition:all 0.2s ease-in-out}
.wui-mask-documentDiffSplit .wui-diff-split-new.blink-off         {transition:all 1s ease-in-out}

.wui-mask-documentDiffSplit .lig {display:block;}

.wui-mask-documentDiffSplit .wui-diff-split-divider {display:none;float:left;width:18px;height:100%;background-color:#f0f0f0;border:solid 1px #e0e0e0;border-style:none solid;}

.wui-mask-documentDiffSplit .wDiffNew, .wDiffOld {display:block}

.wui-mask-documentDiffSplit .wDiffNew, .wDiffNew *   {background-color:green;color:white;text-decoration:none}
.wui-mask-documentDiffSplit .wDiffOld, .wDiffOld *   {background-color:red;color:white;text-decoration:line-through}

.wui-mask-documentDiffSplit .wDiffOldNowDeleted {background-color:#ffc1c1}
.wui-mask-documentDiffSplit .wDiffOldNowAdded   {background-color:#f3f3f3}

.wui-mask-documentDiffSplit .wDiffOldChanged  {background-color:#b5e7ff}

.wui-mask-documentDiffSplit .wDiffNewNowDeleted {background-colowr:#f3f3f3}
.wui-mask-documentDiffSplit .wDiffNewNowAdded  {background-color:#a3fda3}

.wui-mask-documentDiffSplit .wDiffNewChanged  {background-color:#b5e7ff}

.wui-mask-documentDiffSplit .wui-diff-split-area-header                           {height:32px;background-color:#f6f6f6;border-bottom:solid 1px #d0d0d0}


#wContainerCurrentContent                {display:none;z-index:10;position:fixed;width:100vw;height:calc(100vh - 32px);background-color:rgba(0, 0, 0, 0.3)}
#wContainerCurrentContent .textareaOuter {background:#ffffff;border:solid 1px #bbbbbb;box-shadow:0 0 20px -1px rgba(0, 0, 0, 0.3);width:80vw;height:80vh;margin:10vh 10vw;overflow:auto}
#wContainerCurrentContent #contentStrNew {white-space:pre;border:none;box-sizing:border-box;overflow:auto;background:#ffffff;padding:8px 6px;height:20000px;width:20000px;font-family:courier new}
.blur5 {filter:blur(5px)}

.wui-button-toconfirm {overflow:hidden;border-color:#59667e !important;transition:border 0.3s ease-in-out}
.wui-button-toconfirm > .wui-button-confirmer                   {position:absolute;top:0;left:100%;box-sizing:border-box;width:100%;transition:all 0.3s ease-in-out}
.wui-button-toconfirm-afterinit  > .wui-button-confirmer        {left:0;letter-spacing:0px}
.wui-button-toconfirm-afterinit  > .wui-button-confirmer:before {display:none}
.wui-button-toconfirm-afterinit  > .wui-button-confirmer:after  {display:none}
.wui-button-toconfirm > .wui-button-confirmer > .caption        {padding:0 18px 0 0;text-align:center;display:inline-block;box-sizing:border-box;width:100%;line-height:20px;background-color:#59667e;color:#f0f0f0}
.wui-button-toconfirm > .wui-button-confirmer > .caption:hover  {color:#ffffff}
.wui-button-toconfirm > .wui-button-confirmer > .closer         {display:block;z-index:11;padding:0;cursor:pointer;position:absolute;right:0;top:0;width:18px;height:100%;background-color:#ffffff;border-radius:0%}
.wui-button-toconfirm > .wui-button-confirmer > .closer:before  {content:'';position:absolute;margin:10px 0 0 4px;display:block;width:10px;height:1px;background-color:#888888;transform:rotate(45deg)}
.wui-button-toconfirm > .wui-button-confirmer > .closer:after   {content:'';position:absolute;margin:10px 0 0 4px;display:block;width:10px;height:1px;background-color:#888888;transform:rotate(-45deg)}
.wui-button-toconfirm > .wui-button-confirmer > .closer:hover   {}
.wui-button-toconfirm > .wui-button-confirmer > .closer:hover:before,
.wui-button-toconfirm > .wui-button-confirmer > .closer:hover:after  {background-color:#59667e}

.wui-panel-entry.wui-button-toconfirm {border:none !important;margin-bottom:1px !important}
.wui-panel-entry.wui-button-toconfirm > .wui-button-confirmer > .closer:before,
.wui-panel-entry.wui-button-toconfirm > .wui-button-confirmer > .closer:after  {margin-top:13px}
.wui-panel-entry.wui-button-toconfirm > .wui-button-confirmer > .caption {line-height:31px;background-color:#dddddd;color:#000000}

/* QuickAccess */

.wui-mask-quickaccess.wui-page-desktop .wui-statusbar                  {display:block}
.wui-mask-quickaccess #wObjectListRecent                               {height:278px;position:relative}
.wui-mask-quickaccess #wObjectListRecent .wui-objectlist-entry         {cursor:pointer}
.wui-mask-quickaccess #wObjectListRecent .wui-objectlist-entry-caption {white-space:nowrap;max-width:calc(100% - 40px)}
.wui-mask-quickaccess #wObjectListRecent .wui-objectlist-entry.hidden  {display:none}
.wui-mask-quickaccess #filterValue                                     {padding-left:4px}

/* wCalendar */

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

.wCalendar .wButton         {background-image:url(/weblication/grid5/gui/images/style/wCalendarButtonBack.gif);background-repeat:repeat-x;border:1px solid #BCBCBC; border-bottom:1px solid #999999; border-right:1px solid #999999;}
.wCalendar a.wButton:hover  {background-image:url(/weblication/grid5/gui/images/style/wCalendarButtonBackHigh.gif);background-repeat:repeat-x;border:1px solid #8BA1B9;}

.wCalendar             {background-color:#ffffff;font-family:arial;font-size:11px;border:1px solid #a0a0a0;position:absolute}
.wCalendar th          {border-style:none;height:13px;line-height:13px;}
.wCalendar td          {border-style:none;height:13px;line-height:13px;}

.wCalendar a           {color:#606060;}

.wCalendar .day        {color:#000000;text-align:center;border-style:none;}
.wCalendar .day a      {line-height:16px;border:1px solid #ffffff;}
.wCalendar .dayToday a:hover,
.wCalendar .day a:hover{background-image:url(/weblication/grid5/gui/images/style/wCalendarButtonBackMedium.gif);border:1px solid #8BA1B9;}

.wCalendar .daySelected   {font-weight:bold; text-align:center; color:#FFFFFF;}
.wCalendar .daySelected a {line-height:16px;color:#000000;border:1px solid #8BA1B9;background-image:url(/weblication/grid5/gui/images/style/wCalendarButtonBackMedium.gif); background-repeat:repeat-x;}

.wCalendar .dayToday   {font-weight:bold; text-align:center; color:#FFFFFF;}
.wCalendar .dayToday a {line-height:16px;color:#000000;border:1px solid #8BA1B9;}

.wCalendar .dayWeekend   {color:#000000;text-align:center;border-style:none;}
.wCalendar .dayWeekend a {line-height:16px;border:1px solid #ffffff;}
.wCalendar .dayWeekend a:hover{background-image:url(/weblication/grid5/gui/images/style/wCalendarButtonBackMedium.gif); background-repeat:repeat-x; border:1px solid #8BA1B9;}

.wui-calender-delete-icon: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}


.wui-input-date              {margin:0;height:19px;line-height:19px;width:56px;padding:0 4px;font-size:11px;font-family:Arial,Helvetica;border:solid 1px #c0c0c0}
.wui-input-date:after        {pointer-events:none;content:'';position:absolute;width:0;right:6px;top:8px;height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}

.wui-input-date-calendar      {position:absolute;z-index:50;margin-left:84px;margin-top:-20px;}

#wui-input-entry-time_from .wui-select,
#wui-input-entry-time_to .wui-select {width:50px;margin-right:4px}
#button_unsetFrom,
#button_unsetTo {margin-top:1px}
#button_unsetFrom > div:before,
#button_unsetTo > div:before {margin-top:1px}

.wui-menu-inner-main                          {height:32px;background-color:#f6f6f6;border-bottom:solid 1px #d0d0d0;padding:0 5px;font-size:0}
.wui-menu-inner-main .wui-button              {cursor:pointer;margin:5px 5px 0 0;line-height:20px;padding:0 8px;border:solid 1px #c0c0c0;border-radius:0;background-image:none;background-color:#eaeaea;background-image:linear-gradient(180deg, #eaeaea 0%, #e0e0e0 100%);}
.wui-menu-inner-main .wui-button-selected     {border-color:rgba(124, 140, 162, 0.5);background:rgba(206, 215, 232, 0.6)}
.wui-menu-inner-main .wui-button:hover        {border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4);}
.wui-menu-inner-main .wui-button-right        {margin:5px 0 0 0}
.wui-menu-inner-main .wui-button-light        {background:none;border-color:transparent}
.wui-menu-inner-main .wui-button-light:hover  {border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4);}
.wui-menu-inner-main .wui-button-active       {background-color:#666666;border-color:#666666;color:#f6f6f6}
.wui-menu-inner-main .wui-button-active:hover {background-color:#888888;border-color:#888888;color:#f3f3f3}

.wui-menu-inner-main .wui-button > div        {line-height:20px}

.wui-menu-inner-main .wui-button.blink-on-warning  {background-color:#ffcccc;border-color:#ff0000;box-shadow:0 0 4px 0px rgba(255, 0, 0, 0.5);transition:all 0.2s ease-in-out}
.wui-menu-inner-main .wui-button.blink-off-warning {transition:all 3s ease-in-out}
.wui-menu-inner-main .wui-button.blink-on          {background:#dcdcdc;transition:all 0.2s ease-in-out}
.wui-menu-inner-main .wui-button.blink-off         {transition:all 1s ease-in-out}

.wui-menu-inner-main .wui-button:before                      {content:'';position:absolute;left:0px;top:-2px;width:22px;height:22px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:16px 16px}

.wui-menu-inner-main .wui-button.wui-button-icon             {border-color:transparent;background:none;margin-right:8px;padding-left:24px;padding-right:6px}
.wui-menu-inner-main .wui-button.wui-button-icon span        {}
.wui-menu-inner-main .wui-button.wui-button-icon:hover       {border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4);}

.wui-menu-inner-main .wui-button.wui-button-tab              {color:#666666;background:transparent;border:solid 1px #c0c0c0;border-style:none solid none solid;height:27px;padding-top:5px;padding-left:20px;padding-right:20px;margin:0 0 -5px 0}
.wui-menu-inner-main .wui-button.wui-button-tab.wui-button-selected {color:#666666}
.wui-menu-inner-main .wui-button.wui-button-tab:before       {top:3px}

.wui-menu-inner-main .wui-button.wui-button-tab.wui-button-selected  {height:28px;margin-bottom:-6px;background-color:#f0f0f0}
.wui-menu-inner-main .wui-button.wui-button-tab.wui-button-source.wui-button-selected  {background-color:#ffffff;position:relative;}

.wui-menu-inner-main .wui-button.wui-button-tab.wui-button-source {}
.wui-menu-inner-main .wui-button.wui-button-tab.wui-button-variables    {margin-left:16px;margin-right:0;border-right:none}

.wui-menu-inner-main .wui-button.wui-button-exit:before      {background-position:-420px -4px !important}
.wui-menu-inner-main .wui-button.wui-button-save-exit:before {background-position:-4px -260px !important}
.wui-menu-inner-main .wui-button.wui-button-save:before      {background-position:-36px -260px !important}
.wui-menu-inner-main .wui-button.wui-button-layoutwizard:before {background-position:-38px -323px !important}

#submenuSourcecode #buttonHelp    {position:static;}
#submenuSourcecode #helpLayerMenu {cursor:default;display:none;position:absolute;right:0;z-index:10;margin:1px 4px 0 0;padding:12px;background:#ffffff;max-height:calc(100vh - 32px);border:solid 1px #c0c0c0;overflow:auto;box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.4)}
#submenuSourcecode #buttonHelp:hover #helpLayerMenu {display:block}
#submenuSourcecode #helpLayerMenu .helpLayerMenuHeadline {font-weight:normal;font-size:15px;margin-bottom:8px}
#submenuSourcecode #helpLayerMenu .helpLayerEntry    {line-height:20px}
#submenuSourcecode #helpLayerMenu .helpLayerEntry.important    {font-weight:bold}
#submenuSourcecode #helpLayerMenu .entryKey          {}
#submenuSourcecode #helpLayerMenu .entryValue        {padding-left:4px;color:#888888}

#submenuSourcecode {}

/* Editor Code */

.wui-mask-editor-code #blockPanelCode         {position:relative;display:flex;flex-direction:row;height:calc(100vh - 32px)}
.wui-mask-editor-code #blockPanel             {height:100%;width:0;background-color:#f6f6f6;box-sizing:border-box;-w-transition:width 0.2s ease-in-out, height 0.3s ease-in-out}
.wui-mask-editor-code #blockMask              {height:100%;width:0;background-color:#f0f0f0;box-sizing:border-box;-w-transition:width 0.2s ease-in-out, height 0.3s ease-in-out;overflow-x:hidden;}
.wui-mask-editor-code #blockSelect            {height:100%;width:0;background-color:#f9f9f9;box-sizing:border-box;-w-transition:width 0.2s ease-in-out, height 0.3s ease-in-out;overflow:hidden;}
.wui-mask-editor-code #blockPreview           {height:100%;width:0;background-color:#f0f0f0;box-sizing:border-box;-w-transition:width 0.2s ease-in-out, height 0.3s ease-in-out;overflow-x:hidden;}
.wui-mask-editor-code #blockCode              {height:100%;width:100%;position:relative;-w-transition:width 0.2s ease-in-out, height 0.3s ease-in-out}
.wui-mask-editor-code #blockSelect .wui-editor-code-mask-closer {display:none}

.wui-mask-editor-code #blockCodeMenu                          {display:none;box-sizing:border-box;height:32px;padding:4px 4px 4px 16px;background-color:#f0f0f0;color:#888888;border-bottom:solid 1px #dddddd}
.wui-mask-editor-code #blockPanelCode #blockCode #blockCodeMenu > * {opacity:1;transition:opacity 0s 0.2s linear}
.wui-mask-editor-code #blockCodeMenu #wButtonShowLayoutwizard {display:none}

.wui-mask-editor-code #scrollToLineAbove,
.wui-mask-editor-code #scrollToLineBelow {cursor:pointer;opacity:0;position:absolute;z-index:10;height:20px;line-height:20px;padding:0 8px;color:#888888;background:rgba(255, 255, 150, 1);right:0;outline:solid 1px #c0c0c0;transition:all 0.3s linear}
.wui-mask-editor-code #scrollToLineAbove {top:0}
.wui-mask-editor-code #scrollToLineBelow {bottom:0;}

.wui-mask-editor-code #blockCode.isAbove #scrollToLineAbove {opacity:1}
.wui-mask-editor-code #blockCode.isBelow #scrollToLineBelow {opacity:1}

.wui-mask-editor-code #hideFalseConditions {display:none;bottom:-22px;right:0;opacity:1;position:absolute;z-index:10000;height:20px;line-height:20px;padding:0 8px;color:#888888;_background:rgba(255, 255, 150, 1);_outline:solid 1px #c0c0c0;transition:all 0.3s linear}
.wui-mask-editor-code #hideFalseConditions * {cursor:pointer}

.wui-editor-code-header-button {-webkit-user-select:none;-moz-user-select:none;display:inline-block;float:right;padding:4px 8px;border:solid 1px #c0c0c0;cursor:pointer;}
.wui-editor-code-header-button.important       {background:transparent;border-color:#5E6C83;border-radius:0px;color:#5E6C83}
.wui-editor-code-header-button.important:hover {backgrwui-mask-weblicsInstallablewui-mask-weblicsInstallableound:transparent;border-color:#5E6C83;color:#5E6C83}

.wui-mask-editor-code #blockPanelCode.showPanel #blockPanel {width:320px;overflow-y:auto;overflow-x:hidden;border-left:solid 1px #d0d0d0;transition:all 0.3s ease-in-out;}
.wui-mask-editor-code #blockPanelCode.showPanel #blockCode  {width:calc(100% - 320px);transition:all 0.3s ease-in-out;}

.wui-mask-editor-code #blockPanelCode.showMaskImmediate #blockPanel {transition:none}
.wui-mask-editor-code #blockPanelCode.showMaskImmediate #blockCode  {transition:none}

.wui-mask-editor-code #blockPanelCode:not(.showMask).showPanel.minimizePanel #blockPanel {margin-right:-288px;overflow-y:auto;overflow-x:hidden;border-left:solid 1px #d0d0d0;}
.wui-mask-editor-code #blockPanelCode:not(.showMask).showPanel.minimizePanel #blockCode  {width:calc(100% - 32px)}

.wui-mask-editor-code #blockPanelCode.showMask #blockMask  {width:100%}
.wui-mask-editor-code #blockPanelCode.showMask #blockCode  {width:0}
.wui-mask-editor-code #blockPanelCode.showMask #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode.showMask #blockPanel  {width:0}

.wui-mask-editor-code #blockPanelCode.showMask.installVariants #blockMask  {width:calc(100% - 320px);transition:all 0.3s ease-in-out;}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants #blockCode  {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants #blockPanel  {width:320px}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants #wButtonMangeVariants {display:none}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants .wui-editor-panel-section-header {display:none}
.wui-mask-editor-code #blockPanelCode.showMask.installVariants .wui-variant-entry {display:none}

/*
.wui-mask-editor-code #blockPanelCode.showMask.minimizePanel #blockMask  {width:100%}
.wui-mask-editor-code #blockPanelCode.showMask.minimizePanel #blockCode  {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.minimizePanel #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode.showMask.minimizePanel #blockPanel  {width:0}
*/

.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockMask    {width:calc(100% - 600px)}
.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockPreview {width:600px;border-left:solid 1px #c0c0c0}
.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockSelect  {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockCode    {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode.showMask.showPreview #blockPanel   {width:0}

/*
@media only screen and (max-width: 1920px){
  .wui-mask-editor-code #blockPanelCode.showPanel #blockPanel {width:320px}
  .wui-mask-editor-code #blockPanelCode.showPanel #blockCode  {width:calc(100% - 320px)}

  .wui-mask-editor-code #blockPanelCode.showPanel.minimizePanel #blockPanel {margin-right:-288px;overflow-y:auto;overflow-x:hidden;border-left:solid 1px #d0d0d0;}
  .wui-mask-editor-code #blockPanelCode.showPanel.minimizePanel #blockCode  {width:calc(100% - 32px)}
}
*/

.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockMask     {width:0}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockPreview  {width:0}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockSelect   {width:600px;border-left:solid 1px #c0c0c0}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockCode     {width:calc(100% - 920px)}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockPanel    {width:320px}
.wui-mask-editor-code #blockPanelCode:not(.minimizePanel).showSelect #blockSelect .wui-editor-code-mask-closer {display:block}

.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockMask     {width:calc(100% - 568px)}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockPreview  {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockSelect   {width:568px;border-left:none}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockCode     {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockCode #blockCodeMenu > * {opacity:0;transition:opacity 0s linear}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockPanel    {width:0}
.wui-mask-editor-code #blockPanelCode.showMask.showSelect #blockSelect .wui-editor-code-mask-closer {display:block}

.wui-mask-editor-code.showFooter #blockCode   {position:relative;height:calc(100vh - 56px)}
.wui-mask-editor-code #blockFooter            {height:0;background-color:#f5f5f5;border-top:solid 1px #d0d0d0;overflow:hidden}
.wui-mask-editor-code.showFooter #blockFooter {height:32px}
.wui-mask-editor-code.showFooter #blockFooter > div {color:#888888;line-height:24px;padding:0 8px}
.wui-mask-editor-code.showFooter #blockFooter > div .infoElement {padding:0 8px 0 0}
.wui-mask-editor-code.showFooter #blockFooter > div .infoElement.available    {color:#4A8054}
.wui-mask-editor-code.showFooter #blockFooter > div .infoElement.notAvailable {color:#9E3535}
.wui-mask-editor-code.showFooter #blockFooter #blockError  {background-color:#ff2d2d;color:#ffffff;}

.wui-editor-code-mask {height:100%;position:relative;}
.wui-editor-code-mask-header {box-sizing:border-box;height:32px;padding:4px 4px 4px 16px;background-color:#f0f0f0;color:#888888;border-bottom:solid 1px #dddddd}
.wui-editor-code-mask-closer {display:none;cursor:pointer;position:absolute;right:12px;top:12px;width:24px;height:24px;z-index:1}
.wui-editor-code-mask-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(45deg)}
.wui-editor-code-mask-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(-45deg)}
.wui-editor-code-mask-closer:hover:before,
.wui-editor-code-mask-closer:hover:after {background-color:#666666}

.wui-editor-code-mask-content {height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;position:relative}

.wui-editor-panel-section {height:100%;position:relative;}
.wui-editor-panel-section-header {box-sizing:border-box;height:32px;padding:4px 4px 4px 16px;background-color:#f0f0f0;color:#888888;border-bottom:solid 1px #dddddd}
.wui-editor-panel-section-header-caption        {font-weight:bold;display:inline-block;line-height:22px}
.wui-editor-panel-section-header-caption-button {-webkit-user-select:none;-moz-user-select:none;display:inline-block;float:right;padding:4px 8px;border:solid 1px #c0c0c0;cursor:pointer;}
.wui-editor-panel-section-header-caption-button.important       {background:#5E6C83;border-color:#5E6C83;border-radius:0px;color:#ffffff}
.wui-editor-panel-section-header-caption-button.important:hover {background:#6f809b;border-color:#6f809b;}
.wui-editor-panel-section-header-caption-button.light {border:solid 1px transparent}

.wui-editor-panel-section-content {height:calc(100% - 32px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}


.wui-editor-panel-section-header .wui-panel-header-function                 {position:relative;cursor:pointer;float:left;width:32px;height:24px;margin-left:-16px}
.wui-editor-panel-section-header .wui-panel-header-function:first-child     {margin-right:0}
.wui-editor-panel-section-header .wui-panel-header-function:before          {content:'';width:24px;height:24px;display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}

.wui-editor-panel-section-header .wui-panel-header-function-minimize:before,
.wui-editor-panel-section-header .wui-panel-header-function-minimize::after {
  content:'';
  position:absolute;
  top:8px;
  right:11px;
  display:block;
  width:9px;
  height:2px;
  background-color:#c0c0c0;
  transform:rotate(-130deg);
  transition:all 0.3s ease-in-out;
}

.wui-editor-panel-section-header .wui-panel-header-function-minimize::after {
  margin-top:6px;
  transform:rotate(130deg);
}

.minimizePanel .wui-editor-panel-section-header .wui-panel-header-function-minimize:before,
.minimizePanel .wui-editor-panel-section-header .wui-panel-header-function-minimize::after {
  transform:rotate(-50deg);
}

.minimizePanel .wui-editor-panel-section-header .wui-panel-header-function-minimize::after {
  transform:rotate(50deg);
}

#wEdiorPanelSectionVariants.install #wButtonMangeVariants {background:#EFF5FF;border-color:#5E6C83;color:#5E6C83}

.wui-variants                         {width:100%;background-color:#f9f9f9;}
.wui-variant-entries-class            {padding:8px 8px;border-bottom:solid 1px #dddddd}
.wui-variant-entries-class-caption    {font-weight:bold;color:#444444;padding:4px 4px;display:inline-block}
.wui-variant-entries-class.novariants {background-color:#ffffff;display:none;}
.wui-variant-entries-class.novariants .wui-variant-entries-class-caption{color:#666666}
#wEdiorPanelSectionVariants.install .wui-variant-entries-class.novariants {background-color:#ffffff;display:block}

.wui-variant-entry                 {padding:4px 4px 4px 16px;cursor:pointer;clear:left;overflow:hidden;position:relative;}
.wui-variant-entry:hover           {background-color:#f0f0f0;outline:solid 1px #C8D2DD}
.wui-variant-entry-caption         {display:block;float:left;line-height:16px;max-width:calc(100% - 78px);color:#666666}
.wui-variant-entry.inactive .wui-variant-entry-caption {color:#c0c0c0}
.wui-variant-entry.admin .wui-variant-entry-caption:after {content:'';display:inline-block;position:absolute;margin:2px 0 0 4px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:400px;background-position:-112px -130px;background-repeat:no-repeat}

.wui-variant-entry-id              {padding:0 0 0 4px;color:#c0c0c0}
.error .wui-variant-entry-id       {color:#ff0000}
.error.wui-variant-entry:hover     {background:none;outline:none;cursor:default}
.wui-variant-entry-functions       {float:right;position:relative;overflow:hidden;padding:1px 1px 1px 1px;min-width:72px}
.wui-variant-entry-functions .wui-variant-entry-function               {display:block;float:right;position:relative;width:16px;height:16px;margin-left:2px;}
.wui-variant-entry-functions .wui-variant-entry-function:hover         {background-color:#e0e0e0;outline:solid 1px #c0c0c0}
.wui-variant-entry-functions .wui-variant-entry-function:before        {content:'';position:absolute;left:0px;top:0;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-repeat:no-repeat;background-position:16px 16px}
.wui-variant-entry-functions .wui-variant-entry-function-edit:before   {background-position:-270px -75px}
.wui-variant-entry-functions .wui-variant-entry-function-config:before {background-position:-28px -124px}
.wui-variant-entry-functions .wui-variant-entry-function-copy:before   {background-position:-124px -124px}
.wui-variant-entry-functions .wui-variant-entry-function-rename:before {background-position:-148px -124px}
.wui-variant-entry-functions .wui-variant-entry-function-setToDefault:before {background-position:-172px -100px}
.wui-variant-entry-functions .wui-variant-entry-function-delete:before {background-position:-124px -52px}
.wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm                         {overflow:visible}
.wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm > .wui-button-confirmer {transition:all 0.3s ease-in-out;font-size:11px;font-weight:normal;margin-top:-2px;left:0px;width:80px;position:absolute;opacity:1;z-index:1000;background:#ffeeee}
.wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm-afterinit > .wui-button-confirmer {left:-62px}

#wEdiorPanelSectionVariants .wui-variant-entry-functions .wui-variant-entry-function-config,
#wEdiorPanelSectionVariants .wui-variant-entry-functions .wui-variant-entry-function-copy,
#wEdiorPanelSectionVariants .wui-variant-entry-functions .wui-variant-entry-function-rename,
#wEdiorPanelSectionVariants .wui-variant-entry-functions .wui-variant-entry-function-setToDefault,
#wEdiorPanelSectionVariants .wui-variant-entry-functions .wui-variant-entry-function-delete {opacity:0.5}

#wEdiorPanelSectionVariants .wui-variant-entry:hover .wui-variant-entry-functions .wui-variant-entry-function-config,
#wEdiorPanelSectionVariants .wui-variant-entry:hover .wui-variant-entry-functions .wui-variant-entry-function-copy,
#wEdiorPanelSectionVariants .wui-variant-entry:hover .wui-variant-entry-functions .wui-variant-entry-function-rename,
#wEdiorPanelSectionVariants .wui-variant-entry:hover .wui-variant-entry-functions .wui-variant-entry-function-setToDefault,
#wEdiorPanelSectionVariants .wui-variant-entry:hover .wui-variant-entry-functions .wui-variant-entry-function-delete {opacity:1}

#wEdiorPanelSectionVariants.install .wui-variant-entry-functions .wui-variant-entry-function-config,
#wEdiorPanelSectionVariants.install .wui-variant-entry-functions .wui-variant-entry-function-copy,
#wEdiorPanelSectionVariants.install .wui-variant-entry-functions .wui-variant-entry-function-rename,
#wEdiorPanelSectionVariants.install .wui-variant-entry-functions .wui-variant-entry-function-setToDefault,
#wEdiorPanelSectionVariants.install .wui-variant-entry-functions .wui-variant-entry-function-delete {display:block}

.wui-variant-install-preview-button        {position:relative;float:right;cursor:pointer;color:#5E6C83;border:solid 1px #5E6C83;padding:3px 8px 3px 20px;background-color:#ffffff;opacity:0;margin-top:-20px;transition:margin 0.3s 0.1s ease-in-out, opacity 0.3s 0.1s ease-in-out}
.wui-variant-install-preview-button:hover  {color:#6f809b;border-color:#6f809b}
.wui-variant-install-preview-button:before {content:'';position:absolute;left:4px;top:0;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-repeat:no-repeat;background-position:16px 16px}
.wui-variant-install-preview-button:before {background-position:-6px -123px}

#wEdiorPanelSectionVariants.install .wui-variant-install-preview-button {margin-top:0;opacity:1}

.wui-variant-installable                  {clear:both;padding:0 0 0 12px}
.wui-variant-entries-installable-variants {clear:both;max-height:0;overflow:hidden;outline:solid 1px transparent;transition:all 0.3s ease-in-out;transform-origin:0 0 0}
#wEdiorPanelSectionVariants.install .wui-variants .wui-variant-installable .wui-variant-entries-installable-variants,
.wui-variant-installable-active .wui-variant-entries-installable-variants {margin:4px 0 0 0;max-height:800px;background:#EFF5FF;outline:solid 1px #c6d9ec}

.wui-variant-entries-installable-header        {padding:4px 8px;cursor:pointer;position:relative;color:#b0b0b0}
.wui-variant-entries-installable-header:hover  {color:#888888}
.wui-variant-installable-entry                 {padding:4px 4px 4px 8px;color:#5E6C83;clear:left;overflow:hidden}
.wui-variant-installable-entry-caption         {display:block;float:left;line-height:16px;max-width:calc(100% - 54px);}
.wui-variant-installable-entry-id              {padding:0 0 0 4px;color:#c0c0c0}
.wui-variant-installable-entry-functions       {display:block;float:right;position:relative;padding:0 0 0 8px;color:#cc00ff}
.wui-variant-installable-entry-functions .wui-variant-installable-entry-function                {cursor:pointer;display:block;float:left;position:relative;width:16px;height:16px;}
.wui-variant-installable-entry-functions .wui-variant-installable-entry-function:hover          {background-color:#eeeeee;outline:solid 1px #d0d0d0}
.wui-variant-installable-entry-functions .wui-variant-installable-entry-function:before         {content:'';position:absolute;left:0px;top:-0;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-repeat:no-repeat;background-position:16px 16px}
.wui-variant-installable-entry-functions .wui-variant-installable-entry-function-install:before {background-position:-52px -124px}

#wEdiorPanelSectionStructure .wui-editor-panel-section-content {padding:4px 0}
.wui-css-structure-entry {padding:0 0;margin:0 0;cursor:pointer;}
.wui-css-structure-entry > div {margin:1px 4px;padding:1px 0;color:#666666}
.wui-css-structure-entry:hover > div   {background-color:#f0f0f0;outline:solid 1px #C8D2DD}
.wui-css-structure-entry-level-0 {padding:2px 0;border-top:solid 1px #dddddd}
.wui-css-structure-entry-level-0:first-child  {border-top:none}
.wui-css-structure-entry-level-0 > div {padding-left:8px;color:#000000;}
.wui-css-structure-entry-level-1 > div {padding-left:18px}
.wui-css-structure-entry-level-2 > div {padding-left:28px}
.wui-css-structure-entry-level-3 > div {padding-left:38px}
.wui-css-structure-entry-level-4 > div {padding-left:48px}
.wui-css-structure-entry-level-5 > div {padding-left:58px}
.wui-css-structure-entry-level-6 > div {padding-left:68px}
.wui-css-structure-entry-level-7 > div {padding-left:78px}
.wui-css-structure-entry-level-8 > div {padding-left:88px}
.wui-css-structure-entry-level-9 > div {padding-left:98px}
.wui-css-structure-entry-level-10 > div {padding-left:108px}
.wui-css-structure-entry-blockv        {}
.wui-css-structure-entry-id > div      {}
.wui-css-structure-entry-media > div   {color:#98472a}
.wui-css-structure-entry-mixin > div   {color:#762a98}
.wui-css-structure-entry-condition > div   {color:#009900}
.wui-css-structure-entry-comment > div   {color:#888888}
.wui-css-structure-entry-class > div   {}
.wui-css-structure-entry-element > div {}
.wui-css-structure-entry-variant > div {color:#088ba0}

.wui-css-structure-entry-caption {display:inline-block;padding:2px 4px;white-space:nowrap;}
.wui-css-structure-entry-import .wui-css-structure-entry-caption {color:#ffffff;background-color:#59AFC6}
.wui-css-structure-entry-import .wui-css-structure-entry-caption {color:#59AFC6;background-color:transparent}

.wui-css-structure-entry-condition {display:none}

.wui-css-structure-entry-inactive > div {display:none;opacity:0.25}

.wui-editor-code-mask {}
.wui-editor-code-mask-content-variables                                    {display:table;margin:40px 20px 20px 20px}

.wui-css-button-entry                                                      {display:table-row;padding:0 0;margin:2px 0}
.wui-css-button-entry > span                                               {display:table-cell;padding:2px 8px;text-align:right}

.wui-css-widget-entry                                                      {display:table-row;padding:0 0;margin:2px 0}
.wui-css-widget-entry > span                                               {display:table-cell;padding:2px 8px;}
.wui-css-widget-entry > span.wui-css-widget-caption                        {padding-bottom:15px;vertical-align:bottom;text-align:right}

.wui-editor-code-mask-title                                  {transform:translateY(0px);position:absolute;background:#f0f0f0;width:100%;font-weight:bold;height:30px;padding:20px 20px 4px 21px;text-align:left !important;font-size:26px;color:#444444;transition:all 0.3s linear}
.wui-editor-code-mask[data-isscrolledtop='0'] .wui-editor-code-mask-title {opacity:0}
.wui-editor-code-mask[data-isscrolledtop='1'] .wui-editor-code-mask-title {opacity:1;transform:translateY(0px)}



.wui-css-variable-entry                                                    {display:table-row;padding:0 0;margin:2px 0}
.wui-css-variable-entry.closed                                             {display:none}
.wui-css-variable-entry.opened                                             {background-color:#f6f6f6}
.wui-css-variable-entry.opened > span                                      {}
.wui-css-variable-entry.opened > span:first-child                          {border-left:solid 1px #dddddd}
.wui-css-variable-entry.opened > span:last-child                           {border-right:solid 1px #dddddd}
.wui-css-variable-entry > span                                             {display:table-cell;padding:2px 8px;position:relative}
.wui-css-variable-entry > span.wui-css-variable-entry-caption              {text-align:right;vertical-align:middle}
.wui-css-variable-entry > span.wui-css-variable-entry-caption > span       {position:absolute}
.wui-css-variable-entry > span.wui-css-variable-entry-input input,
.wui-css-variable-entry > span.wui-css-variable-entry-input select,
.wui-css-variable-entry-file > span.wui-css-variable-entry-input input     {width:300px}
.wui-css-variable-entry-size > span.wui-css-variable-entry-input input     {width:300px}
.wui-css-variable-entry-default > span.wui-css-variable-entry-input input,
.wui-css-variable-entry-default > span.wui-css-variable-entry-input select     {width:300px}
.wui-css-variable-entry-variantSet > span.wui-css-variable-entry-input select     {width:300px}
.wui-css-variable-entry-color > span.wui-css-variable-entry-input input    {width:300px}
.wui-css-variable-entry > span.wui-css-variable-entry-optionname,
.wui-css-variable-entry > span.wui-css-variable-entry-varname              {vertical-align:middle;color:#c0c0c0;position:relative;}
.wui-css-variable-entry > span.wui-css-variable-entry-varname:hover        {cursor:pointer;color:#000000}
.wui-css-variable-entry > span.wui-css-variable-entry-varname.showSearch:after        {content:'i';display:inline-block;box-sizing:border-box;text-align:center;font-weight:bold;margin:2px 0 0 4px;width:14px;height:14px;border:solid 1px #c0c0c0;border-radius:50%}
.wui-css-variable-entry > span.wui-css-variable-entry-varname.showSearch:hover:after        {border-color:#000000}
.wui-css-variable-entry > span.wui-css-variable-entry-subvariants > select {width:300px}

.wui-css-variable-entry.wui-css-variable-entry-variantdata input           {width:300px;}
.wui-css-variable-entry.wui-css-variable-entry-variantdata.admin select    {border:solid 1px #d4a36e}

.wui-css-variable-entry > span.wui-css-variable-entry-caption  span.variantClass       {color:#aaaaaa;font-weight:normal}
.wui-css-variable-entry > span.wui-css-variable-entry-caption  span.variantId          {color:#c0c0c0;font-weight:normal;padding-left:2px}
.wui-css-variable-entry > span.wui-css-variable-entry-caption  span.variantUserType    {color:#aaaaaa;font-weight:normal}

.wui-css-variable-entry.wui-css-editmaskextended-admin select {border:solid 1px #d4a36e}
.wui-css-variable-entry.wui-css-editmaskextended-no select {opacity:0.3}

.wui-css-variable-entry-variant-class-headline > span                            {font-weight:normal;height:24px;padding:30px 8px 4px 1px;border-bottom:solid 1px #dddddd;text-align:left !important;vertical-align:inherit !important;font-size:21px;color:#b0b0b0}
.wui-css-variable-entry-variant-class-headline > span.wui-css-variable-entry-caption > span {}

.wui-css-variable-entry-variant-headline > span                                  {user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;font-weight:normal;height:24px;line-height:16px;padding:3px 2px 3px 10px;border-bottom:solid 1px #dddddd;text-align:left !important;background:#ffffff}
.wui-css-variable-entry-variant-headline.noVariantID                             {}
.wui-css-variable-entry-variant-headline.noVariantID > span:nth-child(1)         {color:#a0a0a0}
.wui-css-variable-entry-variant-headline.noVariantID > span:nth-child(4) *       {display:none}
.wui-css-variable-entry-variant-headline.expanded > span                         {border-bottom:none;background:#f6f6f6}
.wui-css-variable-entry-variant-headline:hover > span                            {background:#f6f6f6}
.wui-css-variable-entry-variant-headline.inactive > * > *                        {opacity:0.3}
.wui-css-variable-entry-variant-headline:fist-child > span                       {padding-top:0}
.wui-css-variable-entry-variant-headline > span span.variantClass                {display:none}
.wui-css-variable-entry-variant-headline > span:nth-child(1)                     {width:340px;border-left:solid 1px #dddddd}
.wui-css-variable-entry-variant-headline > span:nth-child(2)                     {width:340px}
.wui-css-variable-entry-variant-headline > span:nth-child(3)                     {width:100px}
.wui-css-variable-entry-variant-headline > span:nth-child(4)                     {width:320px;position:relative;border-right:solid 1px #dddddd}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry-caption   {position:relative;vertical-align:middle}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry-caption > span  {position:absolute;top:6px;white-space: nowrap }

.wui-css-variable-entry-variant-class-headline .wui-css-variant-main-caption {color:#c0c0c0}
.wui-css-variable-entry-variant-class-headline .wui-css-variant-sub-caption  {color:#c0c0c0;font-size:17px;}
.wui-css-variable-entry-variant-class-headline .wui-css-variant-main-type    {color:#888888}
.wui-css-variable-entry-variant-class-headline .wui-css-variant-sub-type     {color:#888888;font-size:17px;}

.wui-css-variable-entry-variant-headline .wui-variant-entry-functions                                           {float:right;position:relative;overflow:hidden;padding:2px 0 0 0;min-width:164px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function               {box-sizing:content-box;display:block;float:right;position:relative;width:20px;height:20px;margin-left:2px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function:hover         {outline:none}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function:before        {content:'';position:absolute;left:0px;top:0;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:16px 16px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-edit:before   {background-position:-362px -101px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-config:before {background-position:-38px -166px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-copy:before   {background-position:-166px -166px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-rename:before {background-position:-166px -166px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-setToDefault:before {background-position:-230px -134px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function-delete:before {background-position:-166px -70px}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm                         {overflow:visible}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm > .wui-button-confirmer {transition:all 0.3s ease-in-out;font-size:11px;font-weight:normal;margin-top:0px;left:0px;width:80px;position:absolute;opacity:1;z-index:1000;background:#ffeeee}
.wui-css-variable-entry-variant-headline .wui-variant-entry-functions .wui-variant-entry-function.wui-button-toconfirm-afterinit > .wui-button-confirmer {left:-60px}

.wui-css-variable-entry-variant-headline .variantEntrySelectable                     {position:relative;float:right;margin:0 2px 0 4px;height:18px;}
.wui-css-variable-entry-variant-headline .variantEntrySelectable:before              {content:'';position:absolute;left:0;top:3px;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:-7px -7px}
.wui-css-variable-entry-variant-headline.inactive .variantEntrySelectable:before     {background-position:-39px -7px}
.wui-css-variable-entry-variant-headline .variantEntrySelectable input               {cursor:pointer;opacity:0.02;width:22px;height:22px;position:relative;z-index:10;}

.wui-css-variable-entry .wui-button-install-variants-mask       {padding:5px 1px 0 0;height:20px}
.wui-css-variable-entry:not(.showVariantsToInstall) .wui-button-install-variants-mask .wui-button-hide-variants-to-install {display:none}
.wui-css-variable-entry.showVariantsToInstall .wui-button-install-variants-mask .wui-button-show-variants-to-install {display:none}
.wui-css-variable-entry .wui-button-install-variants-mask > div.wui-button-show-variants-to-install {cursor:pointer;float:right;font-size:11px;font-weight:normal;color:#ffffff;padding:5px 8px;background-color:#5E6C83}
.wui-css-variable-entry .wui-button-install-variants-mask > div.wui-button-show-variants-to-install:hover {background-color:#6f809b}
.wui-css-variable-entry .wui-button-install-variants-mask > div.wui-button-hide-variants-to-install {cursor:pointer;float:right;font-size:11px;font-weight:normal;line-height:21px;color:#aaaaaa;padding-bottom:5px;}
.wui-css-variable-entry .wui-button-install-variants-mask > div.wui-button-hide-variants-to-install:hover {color:#888888}
.wui-css-variable-entry .wui-button-install-variants-mask > div.wui-button-all-variants-installed {float:right;font-size:11px;font-weight:normal;line-height:21px;color:#aaaaaa;padding-bottom:5px;}

.wui-css-variable-entry .wui-button-install-variants-preview       {padding:29px 1px 0 0;height:20px}
.wui-css-variable-entry:not(.showVariantsToInstall) .wui-button-install-variants-mask .wui-button-hide-variants-to-install {display:none}
.wui-css-variable-entry.showVariantsToInstall .wui-button-install-variants-mask .wui-button-show-variants-to-install {display:none}
.wui-css-variable-entry .wui-button-install-variants-preview > div.wui-button-show-variants-to-install        {position:relative;cursor:pointer;float:right;font-size:11px;font-weight:normal;border:solid 1px #5E6C83;color:#5E6C83;padding:5px 8px 5px 24px;background:#ffffff}
.wui-css-variable-entry .wui-button-install-variants-preview > div.wui-button-show-variants-to-install:hover  {color:#6f809b;border-color:#6f809b}
.wui-css-variable-entry .wui-button-install-variants-preview > div.wui-button-show-variants-to-install:before {content:'';position:absolute;left:4px;top:0;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:16px 16px}
.wui-css-variable-entry .wui-button-install-variants-preview > div.wui-button-show-variants-to-install:before {background-position:-9px -165px}

.wui-css-variant-installable                                                       {display:table-row;padding:0 0;margin:2px 0}
.wui-css-variant-installable > span                                                {white-space:nowrap;background-color:#EFF5FF;vertical-align:top !important;color:#5E6C83;display:table-cell;padding:5px 8px 5px 10px;height:20px;line-height:20px;border-bottom:solid 1px #c6d9ec;}
.wui-css-variant-installable:hover > span                                          {background-color:#e8eef8;}
.wui-css-variant-installable > span:first-child                                    {border-left:solid 1px #c6d9ec;position:relative}
.wui-css-variant-installable > span:first-child > span                             {position:absolute;top:4px}
.wui-css-variant-installable > span:last-child                                     {border-right:solid 1px #c6d9ec;position:relative;}
.wui-css-variant-installable > span span.variantId                                 {color:#c0c0c0;font-weight:normal;padding-left:2px}
.wui-css-variant-installable .wui-variant-entry-functions-install {position:absolute;top:3px;right:3px;}
.wui-css-variant-installable .wui-variant-installable-entry-function                {cursor:pointer;display:block;float:left;position:relative;padding:1px 8px 1px 26px;height:19px;margin-left:4px;border:solid 1px #bed0e3;background:rgba(195, 213, 232, 0.5)}
.wui-css-variant-installable .wui-variant-installable-entry-function:hover          {background:rgba(195, 213, 232, 0.8);solid:solid 1px #bbcde0}
.wui-css-variant-installable .wui-variant-installable-entry-function:before         {content:'';position:absolute;left:4px;top:0;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:16px 16px}
.wui-css-variant-installable .wui-variant-installable-entry-function-install:before {background-position:-71px -165px}
.wui-css-variant-installable:not(.isVariantMain) .wui-variant-installable-entry-function-preview {display:none}
.wui-css-variant-installable .wui-variant-installable-entry-function-preview        {display:none;padding:1px;width:21px;}
.wui-css-variant-installable .wui-variant-installable-entry-function-preview:before {background-position:-9px -165px}

.wui-css-variable-entry-variant-headline > span .wui-variant-entry-functions       {margin-top:-1px}

.wui-css-variable-entry-headline-2 > span                                  {font-weight:bold;padding:24px 8px 4px 12px;font-size:13px;color:#000000}
.wui-css-variable-entry-headline-subvariants > span                        {font-weight:bold;padding:32px 8px 4px 12px;font-size:13px;color:#555555}
.wui-css-variable-entry-variant-headline + .wui-css-variable-entry > span        {padding-top:8px}
.wui-css-variable-entry-variant-headline + .wui-css-variable-entry-headline-subvariants > span   {padding-top:32px}

.wui-css-variable-entry-variant-headline.admin > span.wui-css-variable-entry-caption .variantUserType:after {content:'';display:inline-block;position:absolute;margin:3px 0 0 4px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:400px;background-position:-112px -130px;background-repeat:no-repeat}

.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select {margin:3px 2px 0 0;border:none;background:none;width:132px;}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-selected {background:none;}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry ._wui-select:hover {outline:solid 1px #c0c0c0}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-item-icon:before,
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-selected-icon:before      {background-size:600px}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-item-icon-selectableAll:before,
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-selected-icon-selectableAll:before {background-position:-122px -194px;}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-item-icon-selectableChiefeditorship:before,
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-selected-icon-selectableChiefeditorship:before {background-position:-146px -194px;}
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-item-icon-selectableAdmin:before,
.wui-css-variable-entry-variant-headline > span.wui-css-variable-entry .wui-select-selected-icon-selectableAdmin:before {background-position:-170px -194px;}


.wui-css-variable-entry-variant-headline.firstOfVariant > span {}
.wui-css-variable-entry.firstVariantEntry > span {padding-top:20px}
.wui-css-variable-entry.lastVariantEntry > span {padding-bottom:20px;border-bottom:solid 1px #dddddd}

.wui-css-variable-entry-headline-1 > span                                  {height:20px;padding:44px 8px 4px 1px;border-bottom:solid 1px #dddddd;text-align:left !important;font-size:21px;color:#b0b0b0}
.wui-css-variable-entry-headline-1:fist-child > span                       {padding-top:0}
.wui-css-variable-entry-headline-1 > span.wui-css-variable-entry-caption > span  {}
.wui-css-variable-entry-headline-2 > span                                  {font-weight:bold;padding:32px 8px 4px 1px;font-size:16px;color:#000000}
.wui-css-variable-entry-headline-3 > span                                  {font-weight:bold;padding:12px 8px 4px 1px;font-size:12px;color:#000000}
.wui-css-variable-entry-headline-subvariants > span                        {font-weight:bold;padding:34px 8px 2px 8px;font-size:14px;color:#555555}
.wui-css-variable-entry-headline-subvariants > span.wui-css-variable-entry-input {padding-top:34px;font-size:12px}
.wui-css-variable-entry-headline-subvariants > span.wui-css-variable-entry-input > span {position:absolute;width:200px}
.wui-css-variable-entry-headline-1 + .wui-css-variable-entry > span        {padding-top:8px}
.wui-css-variable-entry-headline-1 + .wui-css-variable-entry-headline-subvariants > span {padding-top:32px}

.wui-css-variable-entry-info > span {color:#a0a0a0;font-size:10px}

.wui-css-variant-toggler:before  {content:'';display:block;position:absolute;width:0;height:0;bottom:5px;right:4px;border:solid 5px #666666;border-color:#666666 transparent transparent transparent}
.wui-css-variable-entry-variant-headline.inactive .wui-css-variant-toggler:before {border-color:#c0c0c0 transparent transparent transparent}
.wui-css-variable-entry-variant-headline.expanded .wui-css-variant-toggler:before  {bottom:11px;transform:rotate(180deg)}
.wui-css-variable-entry-variant-headline.expanded  {}

.wui-css-variable-entry-help        {position:absolute;z-index:3;right:4px;top:3px}
.wui-css-variable-entry-help:before {display:block;position:absolute;margin:5px 0 0 4px;content:'?';text-align:center;width:12px;height:12px;font-size:10px;font-weight:bold;background-color:#ffffff;border:solid 1px #404040;border-radius:50%;}
.wui-css-variable-entry-help > span {position:absolute;display:none;min-width:240px;text-align:left;padding:8px 10px;z-index:10;border:solid 1px #c0c0c0;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);right:0;line-height:13px;background-color:#FFFBDA}
.wui-css-variable-entry-help:hover > span {display:block;}

.containerPreviewEmbedHeader                                     {box-sizing:border-box;position:absolute;overflow:hidden;width:300px;height:64px;margin-top:4px;border:solid 1px #c0c0c0;background:none;}
.containerPreviewEmbedHeader.isLoading                           {opacity:0.5;_background-image:url('/weblication/grid5/gui/images/loading-blocks.svg');background-repeat:no-repeat;background-position:center}
.iframePreviewEmbedHeader                                        {opacity:1;pointer-events:none;border:none;width:1192px;height:376px;transform:scale(0.25);transform-origin:0 0;transition:all 0.3s ease-in-out}
.containerPreviewEmbedHeader.isLoading .iframePreviewEmbedHeader {opacity:0;transition:all 0 ease-in-out}

.wui-css-widget-entry-selectHeader > span {height:0;position:relative}
.wui-css-select-current-header-selection {width:300px;position:absolute;top:-32px;}
.wui-css-select-current-header-selection-button {z-index:1000;cursor:default;position:relative;margin:0 auto 0 auto;display:block;padding:4px 24px 4px 8px;color:#495c85;border:solid 1px #495c85;background:#ffffff}
.wui-css-select-current-header-selection-buttonx:hover {background:#495c85;color:#ffffff}
.wui-css-select-current-header-selection-button > span {cursor:default;position:absolute;top:9px;right:6px;width:0px;height:0px;border:solid 4px #495c85;border-color:#495c85 transparent transparent transparent}
.wui-css-select-current-header-selection-buttonx:hover > span {border:solid 4px #ffffff;border-color:#ffffff transparent transparent transparent}

/* Nachrichten */

.wui-mask-messagecenter                {}
.wui-mask-messagecenter .wui-mask-head {display:none}
.wui-page-widget .wui-mask-messagecenter .wui-mask-head {display:block}
.wui-mask-messagecenter .wui-mask-body {background:#f3f3f3}
.wui-mask-messagecenter .wui-mask-body-inner {border:none;padding:0 !important}

#wMessageCenter                         {height:100%}
#wMessageCenter #wMessageCenterMenu     {display:block;width:100%;box-sizing:border-box;height:25px;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%);color:#ffffff;border-bottom:solid 1px #c0c0c0}
.wui-page-widget #wMessageCenter #wMessageCenterMenu   {display:none}
.wui-page-widget #wMessageCenter #wMessageCenterMenu .wui-messages-menu-caption   {display:none}
#wMessageCenter #wMessageCenterMain     {width:100%;height:100%;display:flex;flex-direction:row;transition:margin 0.3s linear}
#wMessageCenter #wMessageCenterMessages {box-sizing:border-box;width:50%;height:100%;position:relative;}
#wMessageCenter #wMessageCenterMessagesMenu {box-sizing:border-box;height:24px;width:100%;background:#e0e0e0;border-bottom:solid 1px #d0d0d0}
#wMessageCenter #wMessageCenterMessagesMessages {box-sizing:border-box;height:calc(100% - 49px);width:100%;overflow:auto;}
#wMessageCenter #wMessageCenterDetails  {box-sizing:border-box;height:100%;border-left:solid 1px #c0c0c0;flex:1}
#wMessageCenter #wMessageCenterMask     {display:none;padding:8px 8px;position:absolute;width:100%;height:126px;box-sizing:border-box;bottom:0;background:#e0e0e0;border-top:solid 1px #d0d0d0}
#wMessageCenter #wMessageInputTodo      {float:left;margin:2px 0 4px 0}
#wMessageCenter #wMessageInputPublic    {float:right;margin:2px 2px 4px 0}
#wMessageCenter #wMessageIsTodo         {margin-right:4px}
#wMessageCenter #wMessageText           {padding:2px 4px;box-sizing:border-box;border:solid 1px #c0c0c0;width:100%;height:56px;font-size:11px;resize:none}
#wMessageCenter #wButtonCreateMessage   {clear:both;width:100%;margin-top:2px;box-sizing:border-box;text-align:center}
#wMessageCenter #wButtonCreateMessage   {cursor:pointer;display:block;float:right;padding:4px 6px;background:rgba(128, 128, 128, 0.25);border:solid 1px rgba(0, 0, 0, 0.1);border-radius:4px;}
#wMessageCenter #wButtonCreateMessage:hover {color:#000000;background:rgba(128, 128, 128, 0.5)}

#wMessageCenter[data-focused='edit']  #wMessageCenterMessagesMenu .wui-messages-menu-button {}
.wui-page-widget #wMessageCenter[data-focused='edit'] #wMessageCenterMenu     {display:block;background:#f3f3f3}


#wMessageCenterMessagesMenu .wui-messages-menu-caption              {padding:0 8px;line-height:24px;float:left;}
#wMessageCenterMessagesMenu .wui-messages-menu-info                 {padding:0 8px;line-height:24px;float:left;}
#wMessageCenterMessagesMenu .wui-messages-menu-filter               {padding:0 5px;line-height:22px;float:left;}
#wMessageCenterMessagesMenu .wui-messages-menu-filter .wui-select   {background:transparent;border:none}
#wMessageCenterMessagesMenu .wui-messages-menu-filter .wui-select-selected {background:transparent}
#wMessageCenterMessagesMenu .wui-messages-menu-filter .wui-select .wui-select-selectable {background:#f0f0f0}
#wMessageCenterMessagesMenu .wui-messages-menu-filter .wui-select .wui-select-selectable div {padding:0 4px}
#wMessageCenterMessagesMenu .wui-messages-menu-filter .wui-select .wui-select-selectable div:hover {background:#ffffff}
#wMessageCenterMessagesMenu .wui-messages-menu-button               {margin:3px 6px 3px 0;box-sizing:border-box;cursor:pointer;display:inline-block;float:right;border:solid 1px #5E6C83;background:#5E6C83;color:#ffffff;border-radius:3px;padding:0 6px;line-height:16px;transition:opacity 0.2s 0.2s linear}
#wMessageCenterMessagesMenu .wui-messages-menu-button-create        {padding:0 12px}
#wMessageCenterMessagesMenu .wui-messages-menu-button-close         {display:none}
#wMessageCenter[data-focused='create'] #wMessageCenterMessagesMenu .wui-messages-menu-button-create {opacity:0;transition:opacity 0.2s linear;cursor:default}

#wMessageCenterMenu .wui-messages-menu-caption              {padding:0 8px;line-height:24px;float:left;}
#wMessageCenterMenu .wui-messages-menu-button               {margin:3px 6px;box-sizing:border-box;cursor:pointer;display:inline-block;float:right;background:#f0f0f0;border:solid 1px #d0d0d0;border-radius:3px;padding:0 6px;line-height:16px;transition:opacity 0.2s 0.2s linear}
#wMessageCenterMenu .wui-messages-menu-button-back,
#wMessageCenterMenu .wui-messages-menu-button-cancel        {position:absolute;float:none;right:-100px;transition:right 0.3s ease-in-out}
#wMessageCenterMenu .wui-messages-menu-button-close         {display:none}

#wMessageCenterMenu .wui-messages-menu-button-icononly         {opacity:0;margin:3px 6px 0 0;box-sizing:border-box;cursor:pointer;display:inline-block;float:right;width:18px;height:18px;transition:opacity 0.2s linear}
#wMessageCenterMenu .wui-messages-menu-button-icononly:before  {content:'';display:block;width:18px;height:18px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-position:0px 0px;background-repeat:no-repeat}
#wMessageCenterMenu .wui-messages-menu-button-icononly.wui-messages-menu-button-expand:before {background-position:-199px -40px}
#wMessageCenterMenu .wui-messages-menu-button-icononly.wui-messages-menu-button-reload:before {background-position:-40px -40px}
#wMessageCenterMenu .wui-messages-menu-button-icononly.wui-messages-menu-button-close         {opacity:1;margin:3px 6px 0 4px}
#wMessageCenterMenu .wui-messages-menu-button-icononly.wui-messages-menu-button-close:before  {content:'';position:absolute;margin:7px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(45deg)}
#wMessageCenterMenu .wui-messages-menu-button-icononly.wui-messages-menu-button-close:after   {content:'';position:absolute;margin:7px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(-45deg)}

#wMessageCenterMenu:hover .wui-messages-menu-button-icononly.wui-messages-menu-button-expand  {opacity:0.4}
#wMessageCenterMenu:hover .wui-messages-menu-button-icononly.wui-messages-menu-button-reload  {opacity:0.7}


#wMessageCenterMenu .wui-messages-menu-button-icononly:hover {opacity:1}

#wMessageCenter[data-target='be'] #wMessageCenterMenu .wui-messages-menu-button-close {display:inline-block;color:#061C3B;border-color:transparent}
#wMessageCenterDetails .wui-message-details                             {height:100%;position:relative}
#wMessageCenterDetails .wui-message-details-main                        {background:#ffffff}
#wMessageCenterDetails .wui-message-details-header                      {width:100%;padding:6px 0 0 0;height:22px;}
#wMessageCenterDetails .wui-message-details-todo-status                 {float:left;width:20px;height:20px;margin-left:8px}
#wMessageCenterDetails .wui-message-details-todo-status-checkbox        {display:inline-block;float:left;width:20px;height:20px}
#wMessageCenterDetails .wui-message-details-todo-status-checkbox:after  {content:'';display:block;width:20px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-position:-486px -166px;background-repeat:no-repeat}
#wMessageCenterDetails .wui-message-details-todo-done .wui-message-details-todo-status-checkbox:after {background-position:-518px -166px}
#wMessageCenterDetails .wui-message-details-date                        {float:left;display:block;cursor:default;color:#888888;padding:4px 0 0 13px}
#wMessageCenterDetails .wui-message-details-alert {display:none}
#wMessageCenterDetails .wui-message-details-modificationUser            {float:left;display:block;cursor:default;padding:4px 0 0 6px}
#wMessageCenterDetails .wui-message-details-pathObject                  {cursor:pointer;float:right;display:block;color:#888888;padding:1px 10px 0 0}
#wMessageCenterDetails .wui-message-details-pathObject:hover            {text-decoration:underline}
#wMessageCenterDetails .wui-message-details-pathObject .wui-select      {border:none}
#wMessageCenterDetails .wui-message-details-pathObject .wui-select .wui-select-selected {min-width:140px}

#wMessageCenterDetails .wui-message-details-note .wui-message-details-date,
#wMessageCenterDetails .wui-message-details-note .wui-message-details-modificationUser     {}
#wMessageCenterDetails .wui-message-details-note .wui-message-details-todo-status {display:none}
#_wMessageCenterDetails .wui-message-details-todo-todo .wui-message-details-date,
#_wMessageCenterDetails .wui-message-details-todo-todo .wui-message-details-modificationUser  {padding-left:3px}
#_wMessageCenterDetails .wui-message-details-todo-done .wui-message-details-date,
#_wMessageCenterDetails .wui-message-details-todo-done .wui-message-details-modificationUser  {padding-left:3px}
#wMessageCenterDetails .wui-message-details-todo-todo .wui-message-details-todo-status,
#wMessageCenterDetails .wui-message-details-todo-done .wui-message-details-todo-status {display:none}

#wMessageCenterDetails .wui-message-details-receiver        {margin-top:-1px;float:left;}
#wMessageCenterDetails .wui-message-details-receiver label  {padding:0 6px;line-height:22px}
#wMessageCenterDetails .wui-message-details-permissionsOnly {padding-left:2px;}

#wMessageCenterDetails .wui-message-details-text            {width:100%;max-height:calc(100vh - 164px);overflow:hidden;position:relative}

#wMessageCenterDetails .wui-message-details             .wui-message-details-main  {border-left:solid 4px transparent;background:#f9f9f9;outline:solid 1px #cccccc}
#wMessageCenterDetails .wui-message-details-note        .wui-message-details-main  {border-left-color:#ffff97}
#wMessageCenterDetails .wui-message-details-todo-todo   .wui-message-details-main  {border-left-color:#87b7ff}
#wMessageCenterDetails .wui-message-details-todo-done   .wui-message-details-main  {border-left-color:#86ff85}

#wMessageCenterDetails .wui-message-details-text > textarea {margin:12px;width:calc(100% - 24px);max-height:calc(100vh - 184px);display:block;border:none;box-sizing:border-box;min-height:120px;height:100%;padding:4px 8px;border:solid 1px #cccccc;line-height:16px;resize:none}
#wMessageCenterDetails .wui-message-details.blink-onx:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.5)}

#wMessageCenterDetails .wui-message-details-functions       {user-select:none;-moz-user-select:none;-webkit-user-select:none;position:relative;box-sizing:border-box;height:110px;padding:4px 4px 4px 12px;background:#f9f9f9}
#wMessageCenterDetails .wui-message-details-functions > div {border:solid 2px transparent}
#wMessageCenterDetails .wui-message-details-functions:after {content:'';display:table;clear:both;width:0;height:0;}
#wMessageCenterDetails .wui-message-details-functions label {padding-left:2px}
#wMessageCenterDetails .wui-message-details-buttons         {position:absolute;bottom:8px;right:8px;border-radius:4px;opacity:0.5;transition:opacity 0.3s ease-in-out}
#wMessageCenterDetails .wui-message-details.onSubmit   .wui-message-details-buttons {transition:all 0.3s linear;display:none}
#wMessageCenterDetails .wui-message-details.blink-on  .wui-message-details-buttons {transition:all 0.3s linear;border-color:red;background-color:red}
#wMessageCenterDetails .wui-message-details.blink-off .wui-message-details-buttons {transition:all 1s linear;border-color:transparent;background-color:transparent}

#wMessageCenterDetails .wui-message-details-button-cancel,
#wMessageCenterDetails .wui-message-details-button-update   {cursor:pointer;display:block;float:right;background:#f0f0f0;border:solid 1px #dddddd;border-radius:3px;padding:4px 6px}
#wMessageCenterDetails .wui-message-details-button-update   {margin-right:4px;padding:4px 12px}
#wMessageCenterDetails .wui-message-details.hasChanged .wui-message-details-button-update   {border:solid 1px #5E6C83;background:#5E6C83;color:#ffffff}
#wMessageCenterDetails .wui-message-details.hasChanged .wui-message-details-buttons {opacity:1}
#wMessageCenterDetails .wui-message-details[data-mask="create"] .wui-message-details-buttons {opacity:1}

#wMessageCenterDetails .wui-message-details[data-mask="edit"] .wui-select,
#wMessageCenterDetails .wui-message-details[data-mask="edit"] .wui-select .wui-select-selected {background-color:transparent}

#wMessageCenterDetails .wui-message-details[data-isimportant="1"]:before {content:'!';position:absolute;top:6px;left:7px;font-size:19px;color:red}

#wMessageCenterDetails .wui-message-details[data-public="0"] .wui-message-details-text:after {content:'';display:block;position:absolute;bottom:0;right:5px;width:20px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-position:-146px -195px;background-repeat:no-repeat;filter:grayscale(100%);opacity:0.6}

.wui-messages                                       {padding:0}
.wui-contentMessage                                 {display:block;position:relative;box-sizing:border-box;float:left;width:100%;margin:0;padding:0;background:#ffffff;border-left:solid 4px transparent;border-bottom:solid 1px #cccccc}
.wui-contentMessage[data-editable="1"]:hover        {background:#f6f6f6}
.wui-contentMessage-selected                        {background:#f6f6f6}
.wui-contentMessage:last-child                      {margin-bottom:0}
.wui-contentMessage[data-public="0"] .wui-contentMessage-text:after {content:'';display:block;position:absolute;bottom:0;right:5px;width:20px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-position:-146px -195px;background-repeat:no-repeat;filter:grayscale(100%);opacity:0.6}
/*
.wui-contentMessage-note                          {background:rgb(255, 255, 170)}
.wui-contentMessage-todo-todo                       {background:rgb(189, 214, 252)}
.wui-contentMessage-todo-done                       {background:rgb(166, 252, 165)}
*/

.wui-contentMessage-note    {border-left-color:#ffff97}
.wui-contentMessage-todo-todo {border-left-color:#87b7ff}
.wui-contentMessage-todo-done {border-left-color:#86ff85}
.wui-contentMessage-important:before {content:'!';position:absolute;top:6px;left:5px;font-size:19px;color:red}

.wui-contentMessage-sentx      {opacity:0.5}

.wui-contentMessage .wui-contentMessage-status                  {height:20px;margin-top:6px}
.wui-contentMessage .wui-contentMessage-date                    {float:left;display:block;cursor:default;color:#888888;padding:4px 0 0 15px}
.wui-contentMessage .wui-contentMessage-modificationUser        {float:left;display:block;cursor:default;padding:4px 0 0 6px;color:#37969e}
.wui-contentMessage .wui-contentMessage-modificationUser > span {}

.wui-contentMessage .wui-contentMessage-receiver        {float:left;display:block;cursor:default;padding:4px 0 0 6px;color:#bb8833;}
.wui-contentMessage .wui-contentMessage-receiver > span {/*border:solid 1px #5E6C83;padding:0 4px;border-radius:8px;background:rgba(94, 108, 131, 0.10);*/}

.wui-contentMessage-note .wui-contentMessage-date,
.wui-contentMessage-note .wui-contentMessage-modificationUser     {}
.wui-contentMessage-todo-todo .wui-contentMessage-date,
.wui-contentMessage-todo-todo .wui-contentMessage-modificationUser  {padding-left:3px}
.wui-contentMessage-todo-done .wui-contentMessage-date,
.wui-contentMessage-todo-done .wui-contentMessage-modificationUser  {padding-left:3px}

.wui-contentMessage .wui-contentMessage-pathObject                  {overflow:hidden;position:absolute;right:4px;width:calc(100% - 148px);height:18px;display:block;color:#888888;padding:4px 10px 0 0;transition:all 0.3s linear;white-space:nowrap}
.wui-contentMessage .wui-contentMessage-pathObject > span           {cursor:pointer;display:inline-block;float:right}
.wui-contentMessage .wui-contentMessage-pathObject:hover > span     {text-decoration:underline}
.wui-contentMessage .wui-contentMessage-text                        {position:relative;white-space:pre-wrap;cursor:default;overflow:hidden;clear:both;display:block;color:rgba(0, 0, 0, 0.8);line-height:15px;padding:0 15px;margin:4px 0 7px 0}
.wui-contentMessage:hover .wui-contentMessage-textx,
.wui-contentMessage.hasFocus .wui-contentMessage-text               {height:auto;}
.wui-contentMessage .wui-contentMessage-text textarea               {background:transparent;border:none;line-height:15px;width:100%;margin:0;padding:0;resize:none}
.wui-contentMessage .wui-contentMessage-todo-status                 {cursor:pointer;float:left;width:20px;height:20px;margin-left:11px}
.wui-contentMessage.wui-contentMessage-sentx .wui-contentMessage-todo-status                 {cursor:default}
.wui-contentMessage .wui-contentMessage-todo-status-checkbox        {display:inline-block;float:left;width:20px;height:20px}
.wui-contentMessage .wui-contentMessage-todo-status-checkbox:after  {content:'';display:block;width:20px;height:19px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-position:-486px -166px;background-repeat:no-repeat}
.wui-contentMessage.wui-contentMessage-todo-done .wui-contentMessage-todo-status-checkbox:after {background-position:-518px -166px}
.wui-contentMessage .wui-contentMessage-todo-status-label           {display:none;height:20px;line-height:20px}
.wui-contentMessage-todo- .wui-contentMessage-todo-status-label,
.wui-contentMessage-todo-todo .wui-contentMessage-todo-status-label {color:rgb(107, 121, 143)}
.wui-contentMessage-todo-done .wui-contentMessage-todo-status-label {color:rgb(107, 162, 106)}

.wui-contentMessage .wui-contentMessage-functions                {display:none;background:#e0e0e0;border-top:solid 1px #d0d0d0;overflow:hidden;padding:4px 6px}
.wui-contentMessage.hasFocus .wui-contentMessage-functions       {display:block;}
.wui-contentMessage .wui-contentMessage-input-todo               {float:left;padding:2px 0 4px 0}
.wui-contentMessage .wui-contentMessage-input-todo input         {margin-right:4px}
.wui-contentMessage .wui-contentMessage-input-public             {float:right;padding:2px 0 4px 0}
.wui-contentMessage .wui-contentMessage-input-public input       {margin-right:4px}
.wui-contentMessage .wui-contentMessage-button-cancel,
.wui-contentMessage .wui-contentMessage-button-update            {clear:both;cursor:pointer;display:block;float:right;padding:4px 6px;background:transparent;color:#888888;border:solid 1px rgba(0, 0, 0, 0.1);border-radius:4px;}
.wui-contentMessage .wui-contentMessage-button-cancel            {clear:none;margin-right:4px}
.wui-contentMessage.hasChanged .wui-contentMessage-button-update {color:#000000;background:rgba(128, 128, 128, 0.25)}
.wui-contentMessage .wui-contentMessage-button-update:hover,
.wui-contentMessage .wui-contentMessage-button-cancel:hover      {color:#000000;background:rgba(128, 128, 128, 0.5)}

.wui-contentMessage .delete                  {display:none;border-radius:10px;background:#ffeeee;cursor:pointer;width:18px;height:18px;position:absolute;right:6px;top:7px;z-index:20}
.wui-contentMessage:hover .delete            {display:block}
.wui-contentMessage:hover .delete:hover      {background:#ffcccc}
.wui-contentMessage .delete::after           {transform:scale(0.9);content:'';display:block;width:18px;height:18px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-position:-315px -3px;background-repeat:no-repeat}
.wui-contentMessage.isOwner                  {margin:2px 4px 6px 32px}
.wui-contentMessage > span                   {}

.wui-contentMessage .delete.wui-button-toconfirm          {display:block;width:84px;transition:all 0.3s ease-in-out}
.wui-contentMessage .delete.wui-button-toconfirm .caption {background:transparent;color:#000000;line-height:19px}
.wui-contentMessage .delete.wui-button-toconfirm::after   {display:none}
.wui-contentMessage .delete.wui-button-toconfirm > .wui-button-confirmer > .closer {margin-top:-1px}

.wui-message-details-actions         {padding:4px 0 4px 4px;text-align:right;}
#_wMessageCenterDetails .wui-message-details-actions         {padding:4px 0 0 4px;border-top:solid 1px #cccccc}


.wui-message-details-action        {cursor:pointer;display:inline-block;padding:2px 8px;margin:0 8px 4px 0;border:solid 1px #c0c0c0;border-radius:10px;background:#e0e0e0}
.wui-message-details-action:hover  {background:#e0e0e0}

.wui-message-details-action-icon               {position:relative;padding-left:23px}
.wui-message-details-action-icon:before        {content:'';position:absolute;left:5px;top:0px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:640px;background-repeat:no-repeat;background-position:16px 16px}

.wui-message-details-action-icon-preview:before     {background-position:-4.5px -132px !important}
.wui-message-details-action-icon-delete:before      {background-position:-133px -56px !important}
.wui-message-details-action-icon-online:before      {background-position:-4.5px -4.5px !important}
.wui-message-details-action-icon-rename:before      {background-position:-158px -132.5px !important}
.wui-message-details-action-icon-move:before        {background-position:-158px -132.5px !important}
.wui-message-details-action-icon-edit:before        {background-position:-290px -80px !important}
.wui-message-details-action-icon-filemanager:before {background-position:-81.5px -81.5px !important}

.wui-message-details-action-inactive      {opacity:0.5;cursor:default;}

@media only screen and (max-width: 520px){
  #wMessageCenter #wMessageCenterMenu     {background:#dfdfdf;color:#000000}
  #wMessageCenter #wMessageCenterMain     {width:calc(200% + 1px)}
  #wMessageCenter #wMessageCenterMessages {width:50%}
  #wMessageCenter #wMessageCenterMessagesMenu {background:transparent;margin-top:-25px}
  #wMessageCenter[data-focused='edit']  #wMessageCenterMessagesMenu .wui-messages-menu-button {opacity:0;transition:opacity 0.2s linear}
  #wMessageCenter #wMessageCenterMessagesMessages {height:calc(100% - 25px)}
  #wMessageCenter #wMessageCenterDetails  {width:calc(50% +  1px)}
  #wMessageCenter[data-focused='edit']  #wMessageCenterMain,
  #wMessageCenter[data-focused='create']  #wMessageCenterMain {margin-left:calc(-100% - 2px)}
  #wMessageCenter[data-focused='edit']  #wMessageCenterMenu .wui-messages-menu-button-create,
  #wMessageCenter[data-focused='create']  #wMessageCenterMenu .wui-messages-menu-button-create   {opacity:0;transition:opacity 0.2s linear}
  #wMessageCenter[data-focused='edit']  #wMessageCenterMenu .wui-messages-menu-button-back       {right:0;transition:right 0.3s 0.2s ease-in-out}
  #wMessageCenter[data-focused='create']  #wMessageCenterMenu .wui-messages-menu-button-cancel   {right:0;transition:right 0.3s 0.2s ease-in-out}

  #wMessageCenter[data-target='be'] #wMessageCenterMessagesMenu .wui-messages-menu-button-close {display:block}

  .wui-contentMessage .wui-contentMessage-text {height:auto;}
  #wMessageCenterMessagesMenu .wui-messages-menu-info {display:none}
}

#backgroundHelp {display:none;position:fixed;background-color:rgba(0, 0, 0, 0.3);top:0px;width:100vw;height:100vh;z-index:11001;overflow:hidden;border:none}
#layerHelp {display:none;position:fixed;left:20vw;top:20vh;width:60vw;height:60vh;z-index:11002;overflow:hidden;border:none}
#frameHelp {width:100%;height:100%;background:#ffffff;border:none;box-shadow:0 0 20px -1px rgba(0, 0, 0, 0.3);}

.wui-help-minimized #layerHelp {transform:scale(0.05);transform-origin:0 0;top:100vh;left:200px}

#layerHelp .closer        {cursor:pointer;position:absolute;right:16px;top:16px;width:24px;height:24px}
#layerHelp .closer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#444444;transform:rotate(45deg)}
#layerHelp .closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#444444;transform:rotate(-45deg)}
#layerHelp .closer:hover:before,
#layerHelp .closer:hover:after {background-color:#666666}

#layerHelp .minimizer        {cursor:pointer;position:absolute;right:54px;top:16px;width:24px;height:24px}
#layerHelp .minimizer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#444444}
#layerHelp .minimizer:after  {content:'';position:absolute;margin-top:5px;display:block;width:12px;height:12px;border:solid 3px #444444;border-bottom:none;border-right:none;transform:rotate(-45deg)}
#layerHelp .minimizer:hover:before {background-color:#666666}
#layerHelp .minimizer:hover:after {border-color:#666666}