.wglButton,
.wglButton                     {float:left;display:block;margin:0 2px 0 0;padding:0;cursor:pointer;white-space:nowrap;border-style:solid;border-width:1px;border-color:#c6c6c6 #a0a0a0 #a0a0a0 #c6c6c6;background-color:#c9c9c9;background-image:linear-gradient(180deg, #EAEAEA 0%, #c9c9c9 100%);box-shadow: 0 0 4px -1px rgba(0,0,0,0.1);}
.wglButton:hover,
.wglButton:hover               {background-image:linear-gradient(180deg, #D2DAE5, #A8B3C2);border-color:#ADBBCB #8599B1 #8599B1 #ADBBCB}

.wglButton .wglButtonIcon                               {float:left;border:none;margin:2px 1px 0 2px}
.wglButton span.wglButtonIcon                           {float:left;position:relative;border:none;margin:0;width:20px;height:20px}
.wglButton span.wglButtonIcon:before                    {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon:after                     {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon > span:before             {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}

.wglButton span.wglButtonIcon-edit:before               {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-edit:after                {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus:before         {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus:after          {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft:before   {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft:after    {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft > span:before    {content:'123';font-family:Arial,Sans-serif,Helvetica;font-size:7px;font-weight:bold;padding:7px 0 0 8px;line-height:20px;color:#000000;text-shadow:0 0 3px #ffffff}
.wglButton span.wglButtonIcon-editStatus_locked:before  {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus_locked:after   {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_locked > span:before   {content:'123';font-size:7px;font-weight:bold;color:red;padding:7px 0 0 8px;line-height:20px;text-shadow:0 0 3px #ffffff}
.wglButton span.wglButtonIcon-delete:after              {background-position:-167px -71px !important}
.wglButton span.wglButtonIcon-folder:before,
.wglButton span.wglButtonIcon-dir:before                {background-position:-102px -102px !important}
.wglButton span.wglButtonIcon-dir_img:before            {background-position:-390px -293px !important}
.wglButton span.wglButtonIcon-folder_image:after        {background-position:-390px -293px !important}
.wglButton span.wglButtonIcon-archiving:after           {background-position:-422px -294px !important}
.wglButton span.wglButtonIcon-delete:after              {background-position:-166px -70px !important}
.wglButton span.wglButtonIcon-online:after              {background-position:-6px -6px !important}
.wglButton span.wglButtonIcon-rename:before             {background-position:-196px -166px !important}
.wglButton span.wglButtonIcon-copy:before               {background-position:-166px -166px !important}
.wglButton span.wglButtonIcon-upload:after              {background-position:-102px -71px !important}
.wglButton span.wglButtonIcon-dashboard:after           {background-position:-454px -102px !important}
.wglButton span.wglButtonIcon-quickaccess:after         {background-position:-6px -166px !important}
.wglButton span.wglButtonIcon-navigationMap:after       {background-position:-550px -293px !important}
.wglButton span.wglButtonIcon-navigation:after          {background-position:-326px -326px !important}
.wglButton span.wglButtonIcon-add_navpoint:after        {background-position:-358px -326px !important}
.wglButton span.wglButtonIcon-portal_content:after      {background-position:-70px -326px !important}
.wglButton span.wglButtonIcon-content_templates:before  {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-contentInclude:before     {background-position:-518px -326px !important}
.wglButton span.wglButtonIcon-image:before              {background-position:-6px -134px !important}
.wglButton span.wglButtonIcon-add_file:before           {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-add_file:after            {background-position:-166px -103px !important}
.wglButton span.wglButtonIcon-add_project:before        {background-position:-70px -102px !important}
.wglButton span.wglButtonIcon-add_project:after         {background-position:-167px -103px !important}
.wglButton span.wglButtonIcon-add_folder:before,
.wglButton span.wglButtonIcon-create_dir:before         {background-position:-102px -102px !important}
.wglButton span.wglButtonIcon-add_folder:after,
.wglButton span.wglButtonIcon-create_dir:after          {background-position:-166px -103px !important}
.wglButton span.wglButtonIcon-add:after                 {background-position:-168px -107px !important}
.wglButton span.wglButtonIcon-backgroundImage:before    {background-position:-2px -99px !important}
.wglButton span.wglButtonIcon-statistics:before         {background-position:-550px -358px !important}
.wglButton span.wglButtonIcon-monitoring:before         {background-position:-550px -326px !important}
.wglButton span.wglButtonIcon-twitter:after             {background-position:-326px -134px !important}
.wglButton span.wglButtonIcon-add_twitter:after         {background-position:-326px -134px !important}
.wglButton span.wglButtonIcon-facebook:after            {background-position:-358px -134px !important}
.wglButton span.wglButtonIcon-add_facebook:after        {background-position:-358px -134px !important}
.wglButton span.wglButtonIcon-add_googleplus:after      {background-position:-390px -134px !important}
.wglButton span.wglButtonIcon-analytics:before          {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-keywordtool:before        {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-tagmanager:before         {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-report:before             {background-position:-613px -326px !important}
.wglButton span.wglButtonIcon-newsletter:before         {background-position:-646px -326px !important}
.wglButton span.wglButtonIcon-search:before             {background-position:-38px -70px !important}
.wglButton span.wglButtonIcon-linkchecker:before        {background-position:-102px -166px !important}
.wglButton span.wglButtonIcon-appgenerator:before       {background-position:-709px -325px !important}
.wglButton span.wglButtonIcon-debug:before              {background-position:-741px -327px !important}
.wglButton span.wglButtonIcon-search_replace:before     {background-position:-677px -326px !important}
.wglButton span.wglButtonIcon-backup:before             {background-position:-70px -230px !important}
.wglButton span.wglButtonIcon-workflow:before           {background-position:-326px -6px !important}
.wglButton span.wglButtonIcon-texts:before              {background-position:-70px -294px !important}
.wglButton span.wglButtonIcon-autolinks:before          {background-position:-390px -325px !important}
.wglButton span.wglButtonIcon-autoacronyms:before       {background-position:-422px -325px !important}
.wglButton span.wglButtonIcon-categories:before         {background-position:-454px -326px !important}
.wglButton span.wglButtonIcon-redirect:before           {background-position:-486px -326px !important}
.wglButton span.wglButtonIcon-campaign:before           {background-position:-742px -326px !important}
.wglButton span.wglButtonIcon-elementInclude:before     {background-position:-518px -326px !important}
.wglButton span.wglButtonIcon-config:before             {background-position:-39px -166px !important}
.wglButton span.wglButtonIcon-support:before            {background-position:-6px -358px !important}
.wglButton span.wglButtonIcon-feedback:before           {background-position:-6px -389px !important}
.wglButton span.wglButtonIcon-help:before               {background-position:-518px -358px !important}
.wglButton span.wglButtonIcon-change_password:before    {background-position:-38px -358px !important}
.wglButton span.wglButtonIcon-cloud:before              {background-position:-134px -102px !important}
.wglButton span.wglButtonIcon-send:before               {background-position:-550px -102px !important}
.wglButton span.wglButtonIcon-encryptedInbox:before     {background-position:-582px -102px !important}
.wglButton span.wglButtonIcon-userSimulation:before     {background-position:-166px -262px !important}
.wglButton span.wglButtonIcon-layoutwizard:before       {background-position:-39px -324px !important}
.wglButton span.wglButtonIcon-layoutwizard_variants:before       {background-position:-198px -359px !important}
.wglButton span.wglButtonIcon-colors:before             {background-position:-390px -358px !important}
.wglButton span.wglButtonIcon-fonts:before              {background-position:-71px -294px !important}
.wglButton span.wglButtonIcon-clickAnalyser:before      {background-position:-230px -356px !important}
.wglButton span.wglButtonIcon-tools:before              {background-position:-262px -358px !important}
.wglButton span.wglButtonIcon-logout:before             {background-position:-70px -358px !important}
.wglButton span.wglButtonIcon-weblics:before            {background-position:-7px -294px !important}
.wglButton span.wglButtonIcon-backgroundImage:before    {background-position:-6px -230px !important}
.wglButton span.wglButtonIcon-checkbox:before           {background-position:-486px -166px !important}
.wglButton span.wglButtonIcon-checkbox_selected:before  {background-position:-518px -166px !important}
.wglButton span.wglButtonIcon-css_stylesheets:before    {background-position:-102px -326px !important}
.wglButton span.wglButtonIcon-php:before                {background-position:-358px -230px !important}
.wglButton span.wglButtonIcon-templates:before          {background-position:-134px -326px !important}
.wglButton span.wglButtonIcon-templates_objects:before  {background-position:-230px -326px !important}
.wglButton span.wglButtonIcon-templates_navigations:before  {background-position:-294px -326px !important}
.wglButton span.wglButtonIcon-templates_lists:before    {background-position:-262px -326px !important}
.wglButton span.wglButtonIcon-templates_items:before    {background-position:-230px -326px !important}
.wglButton span.wglButtonIcon-templates_globals:before  {background-position:-230px -294px !important}
.wglButton span.wglButtonIcon-template_includes:before  {background-position:-166px -326px !important}
.wglButton span.wglButtonIcon-template_header:before    {background-position:-454px -358px !important}
.wglButton span.wglButtonIcon-templates_objects:before  {background-position:-198px -326px !important}
.wglButton span.wglButtonIcon-edit_template_object:before  {background-position:-198px -326px !important}
.wglButton span.wglButtonIcon-wizard_template_elements:after  {background-position:-486px -99px !important}
.wglButton span.wglButtonIcon-javascripts:before         {background-position:-326px -230px !important}
.wglButton span.wglButtonIcon-templates_all:before       {background-position:-326px -293px !important}
.wglButton span.wglButtonIcon-overview:before            {background-position:-102px -358px !important}
.wglButton span.wglButtonIcon-project:before             {background-position:-70px -102px !important}
.wglButton span.wglButtonIcon-user:before                {background-position:-198px -262px !important}
.wglButton span.wglButtonIcon-renameAdmin:before         {background-position:-230px -262px !important}
/*.wglButton span.wglButtonIcon-renameAdmin:after          {background-position:-198px -166px !important}*/
.wglButton span.wglButtonIcon-group:before               {background-position:-294px -262px !important}
.wglButton span.wglButtonIcon-cronscripts:before         {background-position:-582px -358px !important}
.wglButton span.wglButtonIcon-securitycenter:before      {background-position:-614px -38px !important}
.wglButton span.wglButtonIcon-controlcenter:before       {background-position:-134px -358px !important}
.wglButton span.wglButtonIcon-options:before             {background-position:-39px -166px !important}
.wglButton span.wglButtonIcon-license:before             {background-position:-166px -358px !important}
.wglButton span.wglButtonIcon-update_system:before       {background-position:-70px -38px !important}
.wglButton span.wglButtonIcon-templates_editmasks:before {background-position:-361px -100px !important}
.wglButton span.wglButtonIcon-cancel:before              {background-position:-420px -6px !important}
.wglButton span.wglButtonIcon-approve_document:before    {background-position:-388px -6px !important}
.wglButton span.wglButtonIcon-reject_document:before     {background-position:-420px -6px !important}
.wglButton span.wglButtonIcon-versions:before            {background-position:-100px -262px !important}
.wglButton span.wglButtonIcon-backgroundImageArea:after  {background-position:-6px -230px !important}
.wglButton span.wglButtonIcon-clearCache:after           {background-position:-327px -70px !important}
.wglButton span.wglButtonIcon-purgeProject:after         {background-position:-359px -70px !important}
.wglButton span.wglButtonIcon-pictureSizes:after         {background-position:-390px -230px !important}

.wglButton span.wglButtonIcon-sitemap:after    {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon-sitemap:after    {background-position:-325px -6px !important}

.wglButton .wglButtonCaption       {float:left;margin:0;padding:0 5px 0 2px;white-space:nowrap;text-shadow:none;letter-spacing:0;font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:20px;color:#000000;text-decoration:none;font-weight:normal}
.wglButton .wglButtonCaptionInfo   {margin:0;padding:0 0 0 5px;white-space:nowrap;text-shadow:none;letter-spacing:0;font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:20px;color:#888888 !important;text-decoration:none;font-weight:normal}
.wglButton .wglButtonCaption:first-child {padding-left:5px}

.wglButtonSmall                {padding:0}
.wglButtonSmall:hover          {padding:0}

.wglButtonSmall .wglButtonIcon {}

.wglSelect                                {cursor:default;display:inline-block;vertical-align:bottom;overflow:hidden;border:solid 1px #a0a0a0;background-color:#ffffff}
.wglSelect .wglSelectSelected             {background-color:#ffffff;font-size:11px;line-height:16px;padding:0px 20px 0px 4px;background-image:url(/weblication/grid5/gui/images/icon_small/open.gif);background-repeat:no-repeat;background-position:right center}
.wglSelect .wglSelectSelectable           {z-index:1;background-color:#ffffff;border:solid 1px #a0a0a0;border-top:none;position:absolute;margin:1px 0 0 -1px;display:none;overflow:hidden;font-size:11px;}
.wglSelect .wglSelectSelectable div       {padding:1px 20px 1px 4px}
.wglSelect .wglSelectSelectable div:hover {background-color:#f0f0f0}

.wui-select                                {cursor:default;display:inline-block;vertical-align:bottom;overflow:hidden;border:solid 1px #a0a0a0;background-color:#ffffff}
.wui-select .wui-select-selected           {background-color:#ffffff;font-size:11px;line-height:16px;padding:0px 20px 0px 4px;}
.wui-select .wui-select-selected:after       {pointer-events:none;content:'';position:absolute;width:0;right:6px;top:8px;height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}
.wui-select .wui-select-selectable         {z-index:1;background-color:#ffffff;position:absolute;margin:1px 0 0 0;display:none;overflow:hidden;font-size:11px;}
.wui-select .wui-select-selectable div       {padding:1px 20px 1px 4px}
.wui-select .wui-select-selectable div:hover {background-color:#f0f0f0}

.wglLayer                      {display:none;position:absolute;z-index:1}
.wglInfo                       {font-size:10px;color:#888888}

.wglConditionalContainer       {outline:dashed 1px magenta;margin-bottom:2rem}
.wglConditionalContainerInfo   {padding:4px 8px;background:rgba(234, 5, 227, 0.2);border-bottom:dashed 1px magenta;color:magenta}
.wglConditionalContainerInfo * {color:magenta}

.wglButtonClosePreview         {position:absolute;position:fixed;top:8px;left:8px}

.wglInput                      {font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglInputFileSelect            {cursor:pointer;width:16px;height:16px;border-style:none;margin: 3px 0 0 -19px;background-color:#ffffff}

.wglTextarea                   {font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}

.wglEditorPanel                             {box-sizing:content-box;position:fixed;z-index:1000;overflow:hidden;padding:0 40px 40px 0;width:64px;min-height:300px;}
.wglEditorPanel .wglBrowseEditPanelBanner   {position:absolute;left:0;bottom:46px}
.wglEditorPanel .wglBrowseEditPanelInnerTop {float:left;width:64px;height:6px;line-height:5px;margin:0 0 0 0 ;padding:0;background-position:top right;background-image:url(/weblication/grid5/gui/images/style/be_panel_bg_bottom_right.png);background-repeat:no-repeat;}
.wglEditorPanel .wglBrowseEditPanelInner    {clear:left;min-height:300px;margin:0 0 0 0;padding:0 10px 12px 34px;background-position:bottom right;background-image:url(/weblication/grid5/gui/images/style/be_panel_bg_bottom_right.png);background-repeat:no-repeat;}
.wglEditorPanel .wglSectionHeader       {white-space:nowrap;visibility:hidden;margin-top:2px;clear:left;margin:6px 0 2px 21px;font-size:12px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#000000;}
.wglEditorPanel .wglButton              {margin-top:2px;clear:left;margin-left:0;border-color:#BCBCBC #999999 #999999 #BCBCBC}
.wglEditorPanel .wglButtonCaption       {display:none}
.wglEditorPanel:hover                   {display:block;width:269px}
.wglEditorPanel:hover .wglBrowseEditPanelInnerTop  {width:269px}
.wglEditorPanel:hover .wglButton        {display:block;width:220px}
.wglEditorPanel:hover .wglButtonCaption {display:block}
.wglEditorPanel:hover .wglSectionHeader {visibility:visible;}

.wglBePanelContainer           {position:fixed;z-index:1000000;top:0;left:0}
.wglBePanelContainerRight      {position:fixed;z-index:1000000;top:0;right:0}

.wglBePanel                    {box-sizing:content-box;position:fixed;z-index:10000;left:0;width:30px;top:40px;padding-top:16px;background-color:#d0d0d0;background-image:linear-gradient(90deg, #e0e0e0 0%, #d9d9d9 35%, #bbbbbb 100%);box-shadow:3px 3px 6px rgba(0, 0, 0, 0.5);font-family:Arial, Sans-serif, Helvetica;line-height:125%;text-transform:none;font-weight:normal;font-style:normal;color:#000000;letter-spacing:normal}

@media print {
  .wglBePanelContainer {
    display:none;
  }
}

.browseedit .wglBePanel {display:block}
.isInDesk .wglBePanel {top:0;height:100%;background-image:none;background-color:#e0e0e0;box-shadow:4px 0px 14px rgba(0, 0, 0, 0.3);border-right:solid 1px #BDBDBD;width:30px;}
.isInDesk .wglBePanelLogo {display:none}
.isInDesk #wglBePanelSectionDashboard {display:none}
.isInDesk #wglBePanelSectionFunctions {display:none}

.wglBePanelMin                 {transition:left 0.3s linear}
.wglBePanelMin:hover           {left:0}
.wglBePanelRight               {left:auto;right:0px;box-shadow:-4px 0px 14px rgba(0, 0, 0, 0.3);border-left:solid 1px #BDBDBD;width:30px;}

.wglBePanelBanner              {float:left;width:30px;height:100%;background-image:url('/weblication/grid5/scripts/wImage.php?action=getPanelBackground');background-position:bottom;}
.wglBePanelSection             {height:36px;display:block;overflow:hidden}
.wglBePanelSectionInner .bePanelIconMain,
.wglBePanelSectionLayer .bePanelIconMain      {padding:6px 6px 6px 3px;position:absolute;}

.wglBePanelSectionInner .bePanelIconMain.bePanelIconMainQuickAccess      {padding-bottom:14px}

.wglBePanelSectionLayer .bePanelIconMain img  {display:block}
.wglBePanelSectionInner .bePanelIconMain span,
.wglBePanelSectionLayer .bePanelIconMain span {display:block;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:0 0}
.wglBePanelSectionLayer .bePanelIconMainAdmin       span {background-position:-4px -547px}
.wglBePanelSectionLayer .bePanelIconMainStructure   span {background-position:-36px -548px}
.wglBePanelSectionInner .bePanelIconMainDashboard   span,
.wglBePanelSectionLayer .bePanelIconMainDashboard   span {background-position:-196px -548px}
.wglBePanelSectionInner .bePanelIconMainFilemanager span,
.wglBePanelSectionLayer .bePanelIconMainFilemanager span {background-position:-164px -548px}
.wglBePanelSectionLayer .bePanelIconMainContent     span {background-position:-68px -548px}
.wglBePanelSectionLayer .bePanelIconMainTools       span {background-position:-100px -547px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess span,
.wglBePanelSectionLayer .bePanelIconMainQuickAccess span {background-position:-223px -548px}
.wglBePanelSectionLayer .bePanelIconMainFunctions   span {background-position:-132px -548px}
.wglBePanelSectionLayer .bePanelIconMainDashboard   span {background-position:-196px -548px}
.wglBePanelSectionInner .bePanelIconMainHelp        span {background-position:-228px -548px}
.wglBePanelSectionLayer .bePanelIconMainInfo        span {background-position:-260px -548px}

.wglBePanelSectionLayer .bePanelIconMainFunctions.nva:before {content:'!';font-family:'courier new';font-weight:bold;font-size:13px;line-height:13px;width:13px;height:13px;text-align:center;margin:15px 0 0 12px;position:absolute;color:#000000;background-color:#FFB365;border-radius:50%;box-shadow:0 0 3px rgba(0, 0, 0, 0.5)}

.wglBePanelInfo                  {}
.wglBePanelInfo > div            {}

.wglBePanelInfoSite              {box-sizing:border-box;width:30px}

#wglBePanelMessages              {cursor:pointer;position:relative;width:30px;height:36px}
#wglBePanelMessages:hover > div:before       {content:'';position:absolute;top:0;left:0;width:30px;height:36px;background:#eeeeee;z-index:0}
#wglBePanelMessages:hover #wglBePanelMessagesLayer {position:absolute;top:0;left:0px;z-index:-2}
#wglBePanelMessages:hover #wglBePanelMessagesLayer:after  {z-index:-1;content:'Aufgaben / Notizen';font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:36px;box-sizing:border-box;width:148px;height:36px;padding:0 12px;background:#eeeeee;border:solid 1px #c6c6c6;border-left:none;box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.3);}
html[data-wuserlang='en'] #wglBePanelMessages:hover #wglBePanelMessagesLayer:after {content:'Todos / Notes';width:128px}
html[data-wuserlang='fr'] #wglBePanelMessages:hover #wglBePanelMessagesLayer:after {content:'Tâches / Notes';width:128px}

#wglBePanelMessages:hover:before     {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.15);}
#wglBePanelMessages:hover:after      {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;bottom:0;background:rgba(0, 0, 0, 0.15);}
#wglBePanelMessages div div    {display:block;position:absolute;top:9px;left:7px;width:16px;height:16px;font-size:11px;line-height:16px;text-align:center}
#wglBePanelMessages div.todo   {z-index:2;background:rgb(5, 111, 252);margin:0 0 0 -4px;color:#ffffff}
#wglBePanelMessages div.done   {z-index:1;background:rgb(166, 252, 165);margin:2px 0 0 0}
#wglBePanelMessages div.note   {z-index:0;background:rgb(255, 255, 170);margin:4px 0 0 4px}
#wglBePanelMessages div.none   {z-index:0;background:transparent;margin:0 0 0 0;outline:solid 1px #a0a0a0;background:rgba(255, 255, 255, 0.35);}

#wglBePanelMessages[data-hasmessagesimportant="11"] {background:rgba(255, 0, 0, 0.5);}
#wglBePanelMessages[data-hasmessagesimportant="1"]:before {content:'!';position:absolute;z-index:10;top:0px;left:0px;font-size:17px;color:red;text-shadow:1px 1px #ffffff}

#wglBePanelMessages[data-hasmessages="1"] div.none   {display:none}
#wglBePanelMessages[data-numbertodo="0"]  div.todo   {display:none}
#wglBePanelMessages[data-numberdone="0"]  div.done   {display:none}
#wglBePanelMessages[data-numbernote="0"]  div.note {display:none}

#wglBePanelMessages[data-numberdone="0"]  div.todo   {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]  div.todo {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]#wglBePanelMessages[data-numbernote="0"] div.todo {margin:0 0 0 0}
#wglBePanelMessages[data-numbertodo="0"]  div.done   {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]  div.done {margin:1px 0 0 2px}
#wglBePanelMessages[data-numbertodo="0"]#wglBePanelMessages[data-numbernote="0"] div.done {margin:0 0 0 0}
#wglBePanelMessages[data-numbertodo="0"]  div.note {margin:1px 0 0 2px}
#wglBePanelMessages[data-numberdone="0"]  div.note {margin:1px 0 0 2px}
#wglBePanelMessages[data-numbertodo="0"]#wglBePanelMessages[data-numberdone="0"]  div.note {margin:0 0 0 0}

.wglBePanel #wglBePanelMessagesPage {display:none}

#wglSiteinfoMessages              {cursor:pointer;position:relative;width:30px;height:20px}
#wglSiteinfoMessages:hover        {}
#wglSiteinfoMessages > div        {display:block;position:absolute;top:3px;left:7px;width:16px;height:16px;font-size:11px;line-height:16px;text-align:center}
#wglSiteinfoMessages div.todo     {z-index:2;background:rgb(5, 111, 252);margin:-2px 0 0 -4px;color:#ffffff}
#wglSiteinfoMessages div.done     {z-index:1;background:rgb(166, 252, 165);margin:0 0 0 0}
#wglSiteinfoMessages div.note     {z-index:0;background:rgb(255, 255, 170);margin:2px 0 0 4px}
#wglSiteinfoMessages div.none     {z-index:0;background:transparent;margin:0 0 0 0;outline:none 1px #a0a0a0;background:rgba(255, 255, 255, 1);left:1px}

#wglSiteinfoMessages[data-hasmessagesimportant="11"] {background:rgba(255, 0, 0, 0.5);}
#wglSiteinfoMessages[data-hasmessagesimportant="1"]:before {content:'!';position:absolute;z-index:10;top:-3px;left:0px;font-size:17px;color:red;text-shadow:1px 1px #ffffff}

#wglSiteinfoMessages[data-hasmessages="1"]  div.none   {display:none}
#wglSiteinfoMessages[data-numbertodo="0"]   div.todo   {display:none}
#wglSiteinfoMessages[data-numberdone="0"]   div.done   {display:none}
#wglSiteinfoMessages[data-numbernote="0"]   div.note {display:none}

#wglSiteinfoMessages[data-numberdone="0"]  div.todo   {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numbernote="0"]  div.todo {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numberdone="0"]#wglSiteinfoMessages[data-numbernote="0"] div.todo {margin:0 0 0 0}
#wglSiteinfoMessages[data-numbertodo="0"]  div.done   {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numbernote="0"]  div.done {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numbertodo="0"]#wglSiteinfoMessages[data-numbernote="0"] div.done {margin:0 0 0 0}
#wglSiteinfoMessages[data-numbertodo="0"]  div.note {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numberdone="0"]  div.note {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numbertodo="0"]#wglSiteinfoMessages[data-numberdone="0"]  div.note {margin:0 0 0 0}

#wglBePanelSiteinfo                                                {cursor:pointer;box-sizing:border-box;position:relative;width:30px;height:36px;}
#wglBePanelSiteinfo:hover                                          {background:#f3f3f3}
#wglBePanelSiteinfo:hover:before                                   {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.15);}
#wglBePanelSiteinfo:hover:after                                    {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;bottom:0;background:rgba(0, 0, 0, 0.15);}

.wglSiteInfoLayer #wglBePanelSiteinfo:hover                        {width:40px;}
.wglSiteInfoLayer #wglBePanelSiteinfo:hover:before,
.wglSiteInfoLayer #wglBePanelSiteinfo:hover:after                  {width:35px}

#wglBePanelSiteinfo #wglBePanelStatusMode.development              {position:relative;width:30px;height:24px;background:linear-gradient(90deg, rgba(6, 132, 221, 0.16) 0%, rgba(6, 132, 221, 0.32) 100%)}
#wglBePanelSiteinfo #wglBePanelStatusMode.development:before       {content:'';display:block;position:absolute;top:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.05);}
#wglBePanelSiteinfo #wglBePanelStatusMode.development:after        {content:'';display:block;position:absolute;bottom:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.05);}
#wglBePanelSiteinfo #wglBePanelStatusMode.development div          {position:absolute;width:16px;height:16px;margin:4px 0 0 5px}
#wglBePanelSiteinfo #wglBePanelStatusMode.development div:before   {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:-236px -324px}

#wglBePanelSiteinfo #wglBePanelSiteinfoStatus {}
#wglBePanelSiteinfo #bar1   {position:absolute;top:9px;left:11px;height:4px;width:6px;background:#999999;box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);}
#wglBePanelSiteinfo #bar2   {position:absolute;top:15px;left:11px;height:4px;width:10px;background:#999999;box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);}
#wglBePanelSiteinfo #bar3   {position:absolute;top:21px;left:11px;height:4px;width:14px;background:#999999;box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);}
#wglBePanelSiteinfo #bottom {position:absolute;top:9px;left:7px;height:16px;width:3px;background:#999999;box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);}

#wglBePanelSiteinfo[data-status="g"] #bottom {background:#1cb526}
#wglBePanelSiteinfo[data-status="r"] #bottom {background:#dd6575}

#wglBePanelSiteinfo[data-generateimagesizes="1"] #wglBePanelSiteinfoStatus {opacity:0.3}

/*
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress {
  display:block;
  position:absolute;
  top:5px;
  left:4px;
  width:24px;
  height:24px;
  background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -230px;
  animation: animateProgressImagegenerationPicture 3s infinite steps(20);
}

@keyframes animateProgressImagegenerationPicture {
  0%, 100% {
    transform:scale(1, 1);  
  }
  25%, 75% {
    transform:scale(0.5, 1);  
  }  
  50% {
    transform:scale(1, 0.5);  
  }  
}
*/

#wStatusGenerateImageSizes  {display:inline-block;position:relative}
#wStatusGenerateImageSizesAnimation {display:inline-block;position:relative}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span,
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress > span:first-child {
  display:block;
  position:absolute;
  width:4px;
  height:5px;
  border-radius:0;
  left:7px;
  bottom:1px;
  border:solid 1px #666666;
  border-style:none solid;
  animation: animateProgressImagegeneration 2s infinite steps(10);
}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span {
 bottom:1px;
}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span::after,
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress > span:first-child::after {
  display:block;content:'';height:3px;border-bottom:dotted 1px #888888;
}

#wglBePanelSiteinfox[data-generateimagesizes="1"] #progress {
  display:block;position:absolute;width:4px;height:4px;border-radius:4px;left:4px;bottom:2px;background:#888888;
  background: linear-gradient(to right, red 0%, orange 25%, yellow 40%, blue 66%, green 75%);
  animation: animateProgressImagegeneration 2s infinite steps(10);
}

@keyframes animateProgressImagegeneration {
  0%, 100% {
    margin-left:0px;
    width:3px;
  }
  25% {
    margin-left:6px;
    width:12px;
  }  
  50% {
    margin-left:12px;
    width:3px;
  }  
  75% {
    margin-left:6px;
    width:12px;
  }
}

.wglBePanelLogo                {overflow:hidden;transition:height 0.3s ease-in-out;height:200px;background:linear-gradient(90deg, #475772 0%, #061C3B 100%);margin-top:8px}
.wglBePanelLogo:before         {transition:all 0.3s ease-in-out;content:'';display:block;width:200px;height:130px;background-size:120px;transform:rotate(-90deg);transform-origin:92px 85px;background-image:url('/weblication/grid5/scripts/wImage.php?action=getPanelBackground');background-repeat:no-repeat}
.wglBePanelLogo.isDev:before   {background-size:96px;transform-origin:98px 89px;}
.wglBePanelLogo.isDev span     {display:inline-block;width:auto;white-space:nowrap;height:13px;border-radius:7px;line-height:13px;padding:0 6px;text-align:center;transition:all 0.3s ease-in-out;content:'';transform:rotate(-90deg);transform-origin:-24px -32px;color:#ffffff !important;background:#b705ff !important;font-size:8px !important;font-family:Arial, Sans-serif, Helvetica}
.wglBePanelSectionInner,
.wglBePanelSectionLayer        {position:absolute;width:36px;height:36px}
.wglBePanelSectionLayerLast    {height:32px}
.wglBePanelSectionLayer:hover,
.wglBePanelSectionLayer.hover  {width:auto}
.wglBePanelSectionLayer:hover .bePanelIconMain,
.wglBePanelSectionLayer.hover .bePanelIconMain {position:absolute;left:0;background-color:#eeeeee;margin-left:0px;padding:6px 9px 6px 3px}
.wglBePanelSectionLayer:hover .bePanelIconMain:before,
.wglBePanelSectionLayer.hover .bePanelIconMain:before {content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:35px;height:1px;background:rgba(0, 0, 0, 0.15);margin:0;box-shadow:none}
.wglBePanelSectionLayer:hover .bePanelIconMain:after,
.wglBePanelSectionLayer.hover .bePanelIconMain:after {content:'';display:block;position:absolute;bottom:0;left:0;box-sizing:border-box;width:35px;height:1px;background:rgba(0, 0, 0, 0.15);margin:0;box-shadow:none}


.wglBePanelSectionInner .bePanelIconMainDashboard,
.wglBePanelSectionInner .bePanelIconMainQuickAccess,
.wglBePanelSectionInner .bePanelIconMainFilemanager       {width:21px}
.wglBePanelSectionInner .bePanelIconMainDashboard:hover,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover {background:#eeeeee}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover:before,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover:before,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover:before {content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.15);}
.wglBePanelSectionInner .bePanelIconMainDashboard:hover:after,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover:after,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover:after {content:'';display:block;position:absolute;bottom:0;left:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.15);}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover span:after,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover span > div {z-index:-1;content:'';font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:36px;box-sizing:border-box !important;width:160px;height:36px;padding:0 12px;background:#eeeeee;border:solid 1px #c6c6c6;border-left:none;box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.3);}

.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.bePanelIconCaptionOuter {z-index:-1;font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:20px;box-sizing:border-box !important;width:116px;height:44px;padding:4px 12px 0px 12px;background:#eeeeee;border:solid 1px #c6c6c6;border-left:none;box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.3);}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut            {color:#888888;line-height:12px;padding-bottom:6px;font-size:12px;font-weight:normal;}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover > span:after {content:'Dashboard';width:96px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.bePanelIconCaption:after {content:'Schnellzugriff';width:116px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut:after {content:'Strg + e'}
.isMac .wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut:after {content:'Cmd + e'}
.wglBePanelSectionInner .bePanelIconMainFilemanager > span > div {display:none}
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover > span > div {display:inline;width:136px}

.wglBePanelSectionLayer       .wglBePanelSectionLayerContent   {background:#eeeeee;}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent * {letter-spacing:0;font-family:Arial, Sans-serif, Helvetica;color:#000000;line-height:19px;text-decoration:none;font-size:11px}
.wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent,
.wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent {margin:-16px 0 0 34px;padding:10px;overflow:hidden;border:solid 1px #c6c6c6;box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.3);}
.wglBePanelSectionLayer:hover #wBePanelSectionLayerContentFilemanagerEmbed.wglBePanelSectionLayerContent,
.wglBePanelSectionLayer.hover #wBePanelSectionLayerContentFilemanagerEmbed.wglBePanelSectionLayerContent {padding:10px 0}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {display:none;padding:10px;overflow:hidden}
#wglBePanelSectionFilemanagerEmbed .wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {padding:0}
.wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault,
.wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {display:block}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionInfo {float:left;clear:both;overflow:hidden;width:100%;color:#333333;font-size:11px;text-align:left;text-shadow:none}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionInfo div {margin-top:20px;padding:10px 2px 10px 2px;border-top:solid 1px #d0d0d0;color:#999999;line-height:17px;}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglSectionInfo {color:#888888;font-size:11px}
.x___wglBePanelSectionLayer .bePanelCategoryMiddle,
.x___wglBePanelSectionLayer .bePanelCategoryLast {background-image:url(/weblication/grid5/gui/images/wgl/bg-bePanel-category.png);background-repeat:no-repeat}

.wglBePanelSectionLayer       .wglBePanelLayerInfo     {float:left;clear:both;overflow:hidden;width:100%;color:#666666;font-size:10px}
.wglBePanelSectionLayer       .wglBePanelLayerInfo div {margin-top:20px;padding:10px 2px 10px 2px;border-top:solid 1px #d0d0d0}

.wglBePanelRight .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {width:460px;margin-left:-484px}
.wglBePanelRight #wglBePanelSectionTools .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {width:661px;margin-left:-685px}
.wglBePanelRight .wglBePanelSectionLayer:hover .bePanelIconMain               {margin-left:-4px;padding:6px 3px 6px 7px;box-shadow:10px 2px 10px rgba(0, 0, 0, 0.5);}
.wglBePanelRight .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {box-shadow:-10px 3px 15px rgba(0, 0, 0, 0.3);}

.wglBePanel .bePanelIconMainOnly       {padding:6px 6px 6px 6px;cursor:pointer}
.wglBePanel .bePanelIconMainOnly:hover {background-color:#e6e6e6}
.wglBePanel .bePanelIconMainOnly img   {display:block}
.wglBePanel .bePanelIconMainLink       {cursor:pointer}

.wglBePanel .wglSectionHeader                   {white-space:nowrap;clear:left;float:left;margin:31px 0 8px 2px;font-size:15px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;}
.wglBePanel .wglSectionHeader:first-child       {margin-top:4px}
.wglBePanel .wglSectionText                     {white-space:nowrap;clear:left;float:left;margin:12px 0 6px 2px;font-size:11px;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#444444;}
.wglBePanel .wglButton                          {box-shadow:none;width:202px;max-width:calc(100% - 2px);height:24px;line-height:24px;margin:0 1px 2px 1px;border:none;background:none;clear:both;border:none;background:none;box-shadow:none}
.wglBePanel .wglButton .wglButtonIcon           {margin-top:2px}
.wglBePanel .wglButton .wglButtonCaption        {line-height:24px;padding-left:4px}
.wglBePanel .wglButton:hover                    {margin:0 0 2px 0;box-sizing:content-box;height:22px;line-height:22px;border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4);}

.wglBePanel .wglButton:hover .wglButtonCaption  {line-height:22px}
.wglBePanel .wglButton:hover .wglButtonIcon     {margin-top:1px}

.wglBePanel .wglLayer                 {padding:4px !important;background-color:#e9e9e9;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3)}
.wglBePanel .wglLayer .wglLayer       {box-shadow:none;padding:16px !important}
.wglBePanel .wglLayer .wglLayer:after {content:'';display:block;clear:both;width:1px;height:100%;}

.wglBePanel #simulationUser {height:20px;font-size:11px;line-height:20px;background:#ffffff}

.wglBePanelInfoEmbed {font-weight:bold}

.wglPanelEditorActivatorLayer                                  {position:absolute;margin-top:-8px;width:36px;height:220px;overflow:hidden}
.wglPanelEditorActivatorLayer:hover                            {width:auto;padding:0 20px 20px 0}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer       {display:none;overflow:hidden;}
.wglPanelEditorActivatorLayer:hover .wglPanelEditorActiveLayer {display:block;padding:11px 4px 4px 3px;background-color:#e9e9e9;background-image:-moz-linear-gradient(top, #e6e6e6 40%, #d9d9d9 100%);background-image:-webkit-linear-gradient(top, #e6e6e6 40%, #d9d9d9 100%);overflow:hidden;box-shadow:6px 6px 10px rgba(0, 0, 0, 0.3);}
.wglPanelEditorActivatorLayer:hover .wglPanelEditorActiveLayer .wglButton {margin-bottom:6px}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer .wglButton .wglButtonIcon       {margin-top:2px}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer .wglButton:hover .wglButtonIcon {margin-top:1px}

.wglTwitterMask                         {position:absolute;overflow:hidden;top:100px;left:320px;width:328px;z-index:20000;padding:10px;background-color:#32CBFF;border:solid 2px #ffffff}
.wglTwitterMask textarea                {float:left;width:320px;height:60px;margin-bottom:4px;padding:2px;font-size:12px;font-family:arial}
.wglTwitterMask #wTwitterRemainingChars {float:left;color:#ffffff;clear:both;font-weight:bold}
.wglTwitterMask .wglButton              {float:right}

.wglFacebookMask                           {position:absolute;overflow:hidden;top:100px;left:320px;width:480px;z-index:20000;padding:10px;background-color:#6D84B4;border:solid 2px #ffffff}
.wglFacebookMask #wFacebookMessage         {width:100%;height:120px;font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglFacebookMask #wFacebookDescription     {width:100%;height:100px;font-family:Arial,Sans-serif,Helvetica;font-size:11px;line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglFacebookMask #wFacebookRemainingChars  {float:left;color:#ffffff;clear:both;font-weight:bold}
.wglFacebookMask #wFacebookPictureSelected {margin-bottom:4px}
.wglFacebookMask .wFacebookPictureToSelect {float:left;cursor:pointer;margin:0 2px 2px 0;border:solid 2px #ffffff}
.wglFacebookMask .wglButton                {float:right}

.wglSiteInfo                               {transition:transform 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;width:360px;height:auto;position:fixed;top:10px;right:10px;background-color:#f3f3f3;font-size:10px;font-family:Arial,Sans-serif,Helvetica;color:#000000;z-index:990000;line-height:15px;overflow:hidden;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);border:solid 1px #c6c6c6;letter-spacing:normal}
.wglSiteInfoOpened .wglSiteInfo,
.wglSiteInfoOpenedOver .wglSiteInfo        {width:430px;box-sizing:border-box}
.wglSiteInfoClosed .wglSiteInfo            {transform:scale(0.3);right:150%;top:260px;}
.wglSiteInfoLayer  .wglSiteInfo            {transition:none !important;right:auto;left:34px;top:40px;transform:scale(1);box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.3)}
.wglSiteInfoLayer  .wglSiteInfoOuter       {z-index:10000;position:fixed;right:auto;left:34px;top:0px;width:calc(100vw - 34px);height:100vh;padding:20px 20px 20px 0}
.wglSiteInfo #wglSiteinfoError {padding:5px 12px;background:#ffcccc;border-bottom:solid 1px #ffb9ac;}
.wglSiteInfo #wglSiteinfoError:empty {display:none}
.wglSiteInfo #siteinfoTodos {position:absolute;top:3px;left:8px}

.wglSiteInfo .wui-issue-class        {display:block}
.wglSiteInfo .wui-issue-class-title  {display:inline-block;font-weight:bold;padding:0 6px 0 0}
.wglSiteInfo .wui-issue-class-issues {display:inline;}
.wglSiteInfo .wui-issue-class-issue  {display:inline-block;color:#666666}
.wglSiteInfo .wui-issue-class-issue > span:first-child {display:none}

.wglSiteInfo .wui-issue-class-issue {color:#666666}
.wglSiteInfo .wui-issue-class-issue .wui-issue-status {padding:0 4px 0 2px;font-weight:bold}
.wglSiteInfo .wui-issue-class-issue .wui-issue-status:before {content:"?";padding-right:4px}
.wglSiteInfo .wui-issue-class-issue[data-type="value"] .wui-issue-status {font-weight:normal;color:inherit}
.wglSiteInfo .wui-issue-class-issue[data-type="value"] .wui-issue-status:before {content:"";}
.wglSiteInfo .wui-issue-class-issue[data-result="1"]  {color:green}
.wglSiteInfo .wui-issue-class-issue[data-result="1"] .wui-issue-status:before {content:"\2713";}
.wglSiteInfo .wui-issue-class-issue[data-result="0"] {color:rgb(143, 64, 58)}
.wglSiteInfo .wui-issue-class-issue[data-result="0"] .wui-issue-status:before {content:"\2717";}

.waterfallEntry {min-height:8px;position:relative}

.bePanelRight                   .wglSiteInfo      {left:10px;right:auto}
.bePanelRight.wglSiteInfoClosed .wglSiteInfo      {transform:scale(0.3);left:100%;right:auto;top:260px;}
.bePanelRight.wglSiteInfoLayer .wglSiteInfo       {left:auto;right:34px;}
.bePanelRight.wglSiteInfoLayer .wglSiteInfoOuter  {left:auto;right:34px;}

.wglSiteInfo *, .wglSiteInfo *:before, .wglSiteInfo *:after {box-sizing:border-box}

.wglSiteInfo       .wglSiteInfoInner              {padding:6px 12px 12px 12px;overflow:hidden;position:relative}
.wglSiteInfo       .wglSiteInfoOpener             {position:absolute;right:4px;top:4px;width:32px;height:24px;z-index:2;cursor:pointer}
.wglSiteInfo       .wglSiteInfoOpener:before      {margin:6px 4px 0 12px;width:20px;height:20px;background:none;content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:-151px -122px}

.wglSiteInfoLayer  .wglSiteInfo .wglSiteInfoOpener:before  {background-position:-180px -36px}

.wglSiteInfoLayerx .wglSiteInfoOpener      {display:none}
.wglSiteinfoOverDock                       {position:absolute;right:-20px;top:-4px;height:24px;width:28px}

.wglSiteInfoLayerx .wglSiteInfo * {text-decoration:none !important}

.wglSiteInfoHeader {padding:8px 12px;font-size:15px;line-height:19px;font-weight:bold;color:#666666;margin:0 0 0 0;text-align:center;background:#dddddd;border-bottom:solid 1px #d0d0d0;}

.wglSiteInfo .siteinfoRegisterSection                                                  {}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader              {padding:0 0px;font-size:15px;font-weight:bold;color:#888888;line-height:23px;border-bottom:solid 1px #d0d0d0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader:after        {content:'';position:absolute;top:8px;right:4px;width:8px;height:8px;border:solid 4px transparent;border-bottom-color:#888888}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader:hover:after  {border-bottom-color:#000000}

.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionHeader:after {top:12px;border-bottom-color:transparent;border-top-color:#888888}
.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionHeader:hover:after  {border-top-color:#000000}


.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionContent  {display:none}

.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionContent {padding:5px 0 10px 0}
.wglSiteInfo .siteinfoRegisterSection:last-child > div:last-child  {padding:5px 0 0 0}
.wglSiteInfo .siteinfoRegisterSection .wui-button       {float:left;display:block;text-align:center;border:solid 1px #d0d0d0;background:#e3e3e3;padding:4px 8px;line-height:12px;font-weight:bold;cursor:pointer;margin:5px 0 0 0}
.wglSiteInfo .siteinfoRegisterSection .wui-button:hover {border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}

._wglSiteInfo #siteinfoRegisterMobile.siteinfoRegisterSection > div:first-child {border-bottom:none}

.wglSiteInfo .siteinfoRegisterSection > div:last-child:after {content:'';display:block;width:1px;height:1px;clear:both;}

.wglSiteInfo .wui-button-simulate-mobile {width:100%}

.wglSiteInfo .wui-select {vertical-align:middle;margin-top:-1px}
.wglSiteInfo .wui-select .wui-select-selected {background-color:#f5f5f5;font-size:10px;}

#wDeviceSimulationLayer  {position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#eeeeee;z-index:1000008;}
#wDeviceSimulationIframe {background:#ffffff;position:absolute;left:calc(50vw - 187px);top:calc(50vh - 313px);margin:0;width:375px;height:667px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);border:solid 1px #c6c6c6;}

#wDeviceSimulationLayer .wui-devicesimulation-header {position:absolute;width:348px;height:30px;left:calc(50vw - 172px);top:calc(50vh - 353px);text-align:left}
@media only screen and (min-height: 770px){

}
#wDeviceSimulationLayer .wui-devicesimulation-header-title {font-size:33px;color:#999999}
#wDeviceSimulationLayer .wui-devicesimulation-closer {cursor:pointer;display:none;position:absolute;right:0px;top:1px;width:24px;height:24px}
#wDeviceSimulationLayer .wui-devicesimulation-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(45deg)}
#wDeviceSimulationLayer .wui-devicesimulation-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(-45deg)}
#wDeviceSimulationLayer .wui-devicesimulation-closer:hover:before,
#wDeviceSimulationLayer .wui-devicesimulation-closer:hover:after {background-color:#666666}

.googleClicks                            {float:left;margin-left:10px;height:30px;background-color:#ffffff;border:solid 1px #a0a0a0;border-style:none;border-color:#ffffff #ffffff #444444 #a0a0a0;background-image:url(/weblication/grid5/gui/images/style/bg-google-clicks.png)}
.keywordRankingTermSmart                 {display:block;float:left;height:1px;width:10px;margin-left:1px}
.keywordRankingTermSmart:hover           {background-color:#f0f0f0;cursor:pointer;}
.keywordRankingTermSmart span.tinf       {position:absolute;margin-top:-17px;margin-left:-1px;display:none;background-color:#f0f0f0;color:#000000}
.keywordRankingTermSmart:hover span.tinf {display:inline;font-size:10px;left:0;white-space:nowrap;padding:1px 2px 1px 2px;background-color:#999999;color:#ffffff}
.keywordRankingTermSmart span.tpos       {color:#000000;padding:0 3px 0 3px}
.keywordRankingTermSmart span.tterm      {background-color:#ffffff;color:#000000;padding:0 3px 0 3px}
.keywordRankingTermSmart span.tclicks    {background-color:transparent;color:#ffffff;padding:0 3px 0 3px}
.keywordRankingTermSmart span.ttrend     {display:none}
.keywordRankingPosition          {font-weight:bold;border-bottom: 2px solid black;padding:1px 2px 0px 2px;margin:0 0 0 0;color:#ffffff;background-color:black;}
.keywordRankingKeywordExists     {padding:0px 2px 0px 2px;color:#444444;background-color:#e0e0e0;border:solid 1px #e0e0e0;border-left:none}
.keywordRankingKeywordNotExists  {padding:0px 2px 0px 2px;color:#a0a0a0;background-color:#ffffff;border:solid 1px #d0d0d0;border-left:none}

.pageCallsLastMonth                      {float:left;height:30px;background-color:#ffffff;border:solid 1px #a0a0a0;border-style:none none none none;border-color:#ffffff #ffffff #a0a0a0 #a0a0a0;background-image:url(/weblication/grid5/gui/images/style/bg-google-clicks.png)}
.pageCallsMonthRel                       {bottom:0;display:block;float:left;height:1px;width:10px;margin-left:1px;border-bottom:solid 1px #b0b0b0}
.pageCallsMonthRel span.tclicks          {white-space:nowrap;position:absolute;margin-top:-17px;margin-left:-1px;display:none;background-color:#999999;color:#ffffff;padding:0 3px 0 3px}
.pageCallsMonthRel:hover span.tclicks    {display:inline;left:0}

.lastAccesGoogleBot                      {clear:both;color:#666666;padding:2px 0 0 0}
.lastAccesBingBot                        {clear:both;color:#666666;padding:0 0 0 0}

.wglMarkerManualSort          {position:absolute;margin-top:-7px;z-index:2200;box-sizing:content-box;height:3px;background-color:#2364A566;border:dashed 2px #2364A5;border-radius:7px;}
.wglMarkerManualSort:hover,
.wglMarkerManualSortMo        {position:absolute;margin-top:-7px;z-index:2200;box-sizing:content-box;height:3px;background-color:green;border:solid 2px green;border-radius:7px}

.wglListEntryMover         {display:block;cursor:move;position:absolute;z-index:5;width:32px;height:40px;opacity:0.3;margin:-8px 0 0 -30px;background-image:url(/weblication/grid5/gui/images/icons/edit_item_move_small_n.gif);background-repeat:no-repeat;background-position:8px 8px}
div:hover .wglListEntryMover,
li:hover .wglListEntryMover   {display:block;opacity:1;}
 .wglListEntryMover:hover   {display:block;background-image:url(/weblication/grid5/gui/images/icons/edit_item_move_small_a.gif);background-repeat:no-repeat}

.wglListEntryMoverManualOrderId {display:block;opacity:1;}
.wglListEntryDeleteManualOrderId {cursor:pointer;z-index:10;position:absolute;margin:0px 0 0 19px;width:16px;height:16px;background-image:url(/weblication/grid5/gui/images/icons/entry-sort-cancel-grey.png);background-repeat:no-repeat;background-position:4px 4px}
.wglListEntryDeleteManualOrderId:hover {background-image:url(/weblication/grid5/gui/images/icons/entry-sort-cancel-red.png)}

.wCl {position:absolute;z-index:100000;opacity:0.2;border-radius:5px;width:10px;height:10px;}

.wglUserSimulationLayer {z-index:20010;position:fixed;top:0;left:0;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#ffffff;background-color:blue;-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.7}
.wglPageOfflineLayer    {z-index:2000020;position:fixed;top:0;right:32px;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#ffffff;background-color:#ff0000;-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.7}
.wglMaintenanceLayer    {z-index:20030;position:fixed;top:0;left:0;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#000000;background-color:yellow;-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.7}

.wglPreviewLayout         {z-index:2000020;position:absolute;top:0;right:32px;margin:0 0 0 20px;color:#ffffff;padding:20px 20px 20px 20px;background-color:#008FFF;-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:1}
.wglPreviewLayoutHeader   {font-size:20px;padding:0 0 0 0;font-weight:bold;text-align:center;}
.wglPreviewLayoutFunction {overflow:hidden;padding:10px 0 10px 0;}
.wglPreviewLayoutBody     {font-size:16px;}

.wglPreviewLayout .wglVariantEntry         {border-left:solid 4px transparent;padding-left:4px}
.wglPreviewLayout .wglVariantEntry:hover   {background-color:rgba(255, 255, 255, 0.5)}
.wglPreviewLayout .wglVariantEntrySelected {border-left:solid 4px #ffffff;background-color:rgba(255, 255, 255, 0.5)}
.wglPreviewLayout .wglVariantEntry > span  {cursor:pointer}

.wui-popup        {position:fixed;z-index:1000001;display:none;margin:0;padding:0;left:0;top:0;width:0;height:0;border:none 1px #909090;box-shadow:0px 3px 24px -2px rgba(0, 0, 0, 0.8)}
.wui-popup-header {box-sizing:border-box;-moz-box-sizing:border-box;font-size:11px;font-family:Arial,Sans-serif,Helvetica;color:#ffffff;font-weight:normal;line-height:12px;padding:6px 4px 6px 13px;width:100%;cursor:move;box-sizing:border-box;position:absolute;background-image:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
.wui-popup-init   {display:block;opacity:0;transform:scale(0.95);transition:transform 0.3s ease-in-out}
.wui-popup-loaded {opacity:1;transform:scale(1)}

.wui-popup-blocker      {opacity:1;transition:opacity 0.2s linear;cursor:wait;position:fixed;left:0px;top:0px;z-index:100000;height:100%;width:100%;background-color:rgba(200, 200, 200, 0.6);}
.wui-popup-blocker-init {opacity:0}
.wui-popup-blocker-loaded {opacity:1;cursor:pointer}

@media only screen and (max-width: 1064px){
  .wglBePanelSectionLayer {width:32px}
}

@media only screen and (max-width: 768px){
  .wglMaintenanceLayer    {top:auto;bottom:0;padding:3px 8px 3px 8px;font-size:11px}  
}

@media only screen and (max-width: 480px){
  .wglBePanelSectionLayer {width:32px}  
  .wglSiteInfoOpened .wglSiteInfo{width:240px}
}

@media only screen and (max-width: 320px){
  .wglSiteInfoOpened .wglSiteInfo{display:none}
}

@media only screen and (max-height: 576px){
  .wglBePanelLogo {height:132px;}
  .wglBePanelLogo:before         {background-size:96px;transform-origin:62px 54px}
  .wglBePanelLogo.isDev:before   {transform-origin:62px 54px}
  .wglBePanelLogo.isDev span     {transform-origin:-16px -32px}
  
  #wglBePanelSectionContent .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionContent .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-124px}

  #wglBePanelSectionTools .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionTools .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-214px}

  #wglBePanelSectionFunctions .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionFunctions .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-184px}
}

#containerRecentDocuments       {display:block;clear:left;background-color:#ffffff;border:solid 1px #d0d0d0;height:160px;width:360px;overflow:auto;}
#containerDrafts                {display:block;clear:left;background-color:#ffffff;border:solid 1px #d0d0d0;height:160px;width:360px;overflow:auto;}

#infoOldBrowser {z-index:2000020;position:fixed;top:0;margin:0 auto;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#ffffff;background-color:#ff0000;-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.8}
#infoOldBrowser a {font-size:20px;color:#000000;text-decoration:underline}


#navigationSitemapPanel                                    {clear:left;margin:26px 0 0 4px;max-height:400px;overflow:auto}
#navigationSitemapPanel ul                                 {list-style-type:none;margin:0;padding:0}
#navigationSitemapPanel li                                 {overflow:hidden;margin:0;padding:0}
#navigationSitemapPanel a                                  {display:inline-block;font-size:11px;line-height:13px;margin:3px 0;padding:0;text-decoration:none;color:#888888}
#navigationSitemapPanel a:hover                            {color:#000000}

#navigationSitemapPanel  li.navLevel1                      {}
#navigationSitemapPanel  a.navLevel1                       {}

#navigationSitemapPanel  li.navLevel2                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel2                       {}

#navigationSitemapPanel  li.navLevel3                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel3                       {}

#navigationSitemapPanel  li.navLevel4                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel4                       {}

.wQuickAccessVisible,
.wQuickAccessVisible body {overflow:hidden}

.wglButtonEditObjectTemplate {position:relative;float:right;z-index:1}

.wglInputMultipleEntry {position:relative}
.wglInputMultipleEntry input {width:100%;border-top-style:none}
.wglInputMultipleEntry:first-child input {border-top-style:solid}

.wglInputMultipleEntryFunctions {position:absolute;right:3px;top:5px;z-index:1}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionSelect {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionDelete {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}

.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunction:before     {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:16px 16px}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunction:after      {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:16px 16px}

.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionSelect:before  {background-position:-179px -63px !important}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionDelete:before  {background-position:-151px -63px !important}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd:before     {content:'';position:absolute;width:2px;height:10px;background-color:#a0a0a0;right:7px;top:3px}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd:after      {content:'';position:absolute;width:2px;height:10px;background-color:#a0a0a0;right:7px;top:3px;transform:rotate(90deg)}

#wImageSizerOuter   {position:fixed;top:0;left:-100%;width:100%;z-index:100000;}
#wImageSizerTitle   {position:absolute;top:0;left:0;z-index:100001;font-size:17px;line-height:27px;font-family:Arial,Sans-serif,Helvetica;font-weight:normal;color:#555555;background-color:#ffffff;padding:0 10px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);}
#wImageSizer        {position:absolute;top:0;left:0;width:30em;z-index:100000;height:100%;margin:0 auto;outline:none 4px #666666;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);}
#wImageSizer iframe {border:none;width:100%;height:100%}

.wCalendarBlocker      {box-sizing:border-box;position:absolute;z-index:1000;width:100%;height:100%;background-color:#f0f0f0;display:none;}

.wCalendar             {background-color:#ffffff;font-family:arial;font-size:11px;border:1px solid #c0c0c0;position:absolute}
.wCalendar th          {vertical-align:middle;border-style:none;padding:0}
.wCalendar td          {vertical-align:middle;border-style:none;padding:0}

.wCalendar *:before,
.wCalendar *:after {
  box-sizing:border-box;
}

.wCalendar a           {color:#606060;}

.wCalendar .day                {color:#000000;text-align:center;border:none;cursor:pointer;padding:1px}
.wCalendar .day div            {line-height:20px}

.wCalendar .day.selected div   {background:#5E6C83;color:#ffffff}

.wCalendar .day.today          {font-weight:bold}

.wCalendar .day div:hover      {background:#5E6C83;color:#ffffff}

.wCalendar {
  font-family:arial;
  box-sizing:border-box;
}

.wCalendar #cal_head {

  height:18px;
  color:#000000;
  font-weight:normal;
  line-height:18px;
  padding:0 5px;
  border-bottom:1px solid #999999;
  background-image:linear-gradient(900deg, #dddddd 0%, #bcbcbc 100%)
}

.wCalendarTitle {
  float:left;
}

.wCalendarClose {
  position:absolute;top:3px;right:1px;width:16px;height:16px;
}

.wCalendarClose:before {
  width:16px;height:16px;position:absolute;display:block;content:'';background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-125px -101px;
}

.wCalendarDelete {
  position:absolute;top:3px;right:18px;width:16px;height:16px;
}

.wCalendarDelete:before {
  width:16px;height:16px;position:absolute;display:block;content:'';background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-125px -53px;
}

.wCalendarNav th {
  background:#e0e0e0;
  height:20px;
}

.wCalendarNavPrevYear {
  display:block;position:relative;float:left;width:24px;height:16px;
}

.wCalendarNavPrevYear:before{  
  content:'';display:block;position:absolute;top:2px;left:0;width:12px;height:12px;border:solid 6px transparent;border-right-color:#777777;
}
  
.wCalendarNavPrevYear:after{   
  content:'';display:block;position:absolute;top:2px;left:5px;width:12px;height:12px;border:solid 6px transparent;border-right-color:#777777;
}

.wCalendarNavPrevYear:hover:before,
.wCalendarNavPrevYear:hover:after {
  border-right-color:#333333;
}

.wCalendarNavPrevMonth {
  display:block;position:relative;float:left;width:20px;height:16px;
}

.wCalendarNavPrevMonth:before{  
  content:'';display:block;position:absolute;width:12px;height:12px;top:2px;border:solid 6px transparent;border-right-color:#777777;
}

.wCalendarNavPrevMonth:hover:before {
  border-right-color:#333333;
}

.wCalendarNavToday {
  color:#777777;
  cursor:default;
}

.wCalendarNavToday:hover {
  color:#333333;
}

.wCalendarNavNextYear {
  display:block;position:relative;float:right;width:24px;height:16px;
}

.wCalendarNavNextYear:before{  
  content:'';display:block;position:absolute;top:2px;right:0;width:12px;height:12px;border:solid 6px transparent;border-left-color:#777777;
}
  
.wCalendarNavNextYear:after{    
  content:'';display:block;position:absolute;top:2px;right:5px;width:12px;height:12px;border:solid 6px transparent;border-left-color:#777777;
}

.wCalendarNavNextYear:hover:before,
.wCalendarNavNextYear:hover:after {
  border-left-color:#333333;
}

.wCalendarNavNextMonth {
  display:block;position:relative;float:right;width:20px;height:16px;
}

.wCalendarNavNextMonth:before{  
  content:'';display:block;position:absolute;width:12px;height:12px;top:2px;right:0;border:solid 6px transparent;border-left-color:#777777;
}

.wCalendarNavNextMonth:hover:before {
  border-left-color:#333333;
}

.wglBePanel.wglBePanelMinimize {

  left:-25px;
  transition:left 0.3s ease-in-out;
}

.wglBePanel.wglBePanelMinimize:hover {
  left:0;
}

@media only screen and (max-width: 544px){

  .wglBePanel {
    left:-25px;
    transition:left 0.3s ease-in-out;
  } 
  
  .wglBePanel:hover {
    left:0;
  }    
}

.wglBePanel.wglBePanelRight.wglBePanelMinimize {

  right:-25px;
  left:auto;
  transition:right 0.3s ease-in-out;
}

.wglBePanel.wglBePanelRight.wglBePanelMinimize:hover {
  right:0;
  left:auto;
}


#beButtonsPage {position:absolute;z-index:15;margin:2px 0 0 48px}
#beButtonsPage .wglButton {margin-bottom:2px;}

#beButtonEditMetaNavigation        {position:absolute;z-index:15;margin:2px 0 0 2px}
#beButtonEditNavigation            {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditNavigationSub         {position:absolute;z-index:15;margin:0 0 0 0;right:0}
#beButtonEditLogo                  {position:absolute;z-index:15;margin:16px 0 0 8px}
#logo #beButtonEditLogo {margin:0;right:0}
#beButtonEditBackgroundImagePage   {position:absolute;z-index:15;margin:8px 0 0 0;right:8px}
#beButtonEditBackgroundImageTop    {position:absolute;z-index:15;margin:36px 0 0 0;right:0}

#beButtonEditContentInclude        {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2Includes      {position:absolute;z-index:15;margin:2px 24px  0 0;right:0}
#beButtonEditContent2Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent3Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent4Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent5Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent6Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}

#beButtonEditLeft                  {position:absolute;z-index:15;margin:2px 2px 0 2px}
#beButtonEditFooter                {position:absolute;z-index:15;margin:2px 2px 0 2px}

.beButtonEditGlobalInclude         {position:absolute;z-index:15;bottom:0;right:0}
.beButtonEditIncludedElements      {position:absolute;z-index:15;right:0;margin:2px 0 0 0}
.beButtonEditIncludedElements .wglButton  {margin:0}

.beButtonDeleteRow                 {position:relative;float:right;z-index:15}
.beButtonEditRow                   {position:relative;float:right;z-index:15}
.beButtonUploadRow                  {position:relative;float:right;z-index:15}
.beButtonEditSitemap               {position:absolute;right:0;z-index:15;margin:0 0 0 0}
.beButtonEditSubmap                {position:absolute;z-index:15;margin:0 0 0 0}

.listGlobalButtons                 {position:absolute;z-index:15;margin:2px}


.xweditor div.wWebtagTextEditorSelect                    {position:relative;}
.xweditor div.wWebtagTextEditorSelect:after              {pointer-events:none;content:'';position:absolute;width:0;right:5px;top:6px;height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}
.xweditor div.wWebtagTextEditorSelect select.wEditorText {-webkit-appearance:none}

#wglLinkMarkLoadedSizes   {display:block;text-decoration:underline;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#wglLinkUnmarkLoadedSizes {display:none;text-decoration:underline;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255, 251, 205, 1) !important}

.wglSizeLabel         {position:absolute;z-index:20;margin:8px 0 0 8px}
.wglSizeLabel > div   {display:inline-block;max-width:240px;padding:4px 4px !important;border solid 1px rgba(213, 203, 4, 1) !important;background:rgba(255, 251, 205, 1) !important;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2)}
.wglSizeLabel > div * {font-family:Arial,Sans-serif,Helvetica !important;font-size:10px !important;line-height:13px !important;color:#000000 !important;text-decoration:none !important;font-weight:normal;letter-spacing:0;text-transform:none;}
.wglSizeLabelSmall         {margin:4px 0 0 4px}
.wglSizeLabelSmall > div   {padding:1px 2px !important}
.wglSizeLabelSmall > div * {font-size:9px !important;line-height:11px !important}

.wglSizeLabel > div span:before {color:#888888}
.wglSizeLabel > div span.wglSizeLabel-size                {display:block}
.wglSizeLabel > div span.wglSizeLabel-size:before         {content:'Größe: '}
.wglSizeLabel > div span.wglSizeLabel-lazyloading         {display:block}
.wglSizeLabel > div span.wglSizeLabel-lazyloading:before  {content:'Lazy Loading: '}
.wglSizeLabel > div span.wglSizeLabel-quality             {display:block}
.wglSizeLabel > div span.wglSizeLabel-quality:before      {content:'Qualität: '}
.wglSizeLabel > div span.wglSizeLabel-extension           {display:block}
.wglSizeLabel > div span.wglSizeLabel-extension:before    {content:'Bildtyp: '}
.wglSizeLabel > div span.wglSizeLabel-alt                 {display:block;color: #666666 !important;margin:4px -4px -2px -4px;padding:3px 4px 1px 4px;background:#fff9e6;border-top:solid 1px #d9d593;}
.wglSizeLabel > div span.wglSizeLabel-alt:before          {content:''}
.wglSizeLabel > div span.wglSizeLabel-alt:empty:before    {content:'Alternativtext fehlt';color:rgba(238, 134, 106, 1) !important}

.wglSizeLabelSmall > div span.wglSizeLabel-size:before      {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-quality:before   {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-extension:before {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-alt:before       {content:''}
.wglSizeLabel > div span.wglSizeLabel-alt:empty:before      {content:'Alt fehlt';color:rgba(238, 134, 106, 1) !important}

#wglMigrationAssistantButton {}

#wglMigrationAssistantHeader {width:100%;height:32px;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
#wglMigrationAssistantHeaderTitle {line-height:32px;margin:0 4px;color:#ffffff;font-family:arial, helvetica;font-size:12px;font-weight:normal;}
#wglMigrationAssistantCloser         {position:absolute;height:32px;width:24px;right:0;top:0;cursor:pointer}
#wglMigrationAssistantCloser:before  {content:'';position:absolute;margin:14px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(45deg)}
#wglMigrationAssistantCloser:after   {content:'';position:absolute;margin:14px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(-45deg)}

#wglMigrationAssistantMenu {width:100%;height:32px;background:#f0f0f0;box-sizing:border-box;border-bottom:solid 1px #c0c0c0}
#wglMigrationAssistantMenuSource {float:left;width:calc(50vw - 8px)}
#wglMigrationAssistantMenuDest {float:right;width:calc(50vw - 8px)}
#wglMigrationAssistantMenuSourcePath {text-align:left;padding-left:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}
#wglMigrationAssistantMenuDestPath  {float:left;padding-left:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}
#wglMigrationAssistantMenuDestWidth {float:right;padding-right:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}

#wglIframeMigrationSource  {float:left;height:calc(100vh - 64px);width:calc(50% - 8px);border:none;margin:0;padding:0}
#wglIframeMigrationDivider {float:left;height:calc(100vh - 64px);margin-top:-1px;width:16px;background:#f0f0f0;border-left:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;margin:0;padding:0}
#wglIframeMigrationDivider:before {content:'';display:block;position:absolute;top:63px;height:2px;width:14px;background:#f0f0f0;}
#wglIframeMigrationDest    {float:left;height:calc(100vh - 64px);width:calc(50% - 8px);border:none;margin:0;padding:0}

.wglButtonEditEmbedElement        {position:absolute;box-sizing:border-box;padding:0 !important;link-height:18px;width:18px;height:18px;margin:-12px 0 0 -12px;border-radius:0px;display:block;z-index:1;border-radius:50%}
.wglButtonEditEmbedElement:before {content:'';display:block;padding:0 !important;link-height:18px;position:absolute;width:18px;height:18px;background-image: url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-270px -75px}
.wglButtonEditEmbedElement._loading:after  {content:'';position:absolute;left:-2px;top:-2px;width:20px;height:20px;border:solid 3px #7285a7;border-radius:22px;clip:rect(0px, 20px, 12px, 8px);animation:animateRotationSmart 1s infinite steps(10)}

@keyframes animateRotationSmart {
  from {
    transform:rotate(90deg);
  }
  to {
    transform:rotate(450deg);
  }
}
#blockFooter .wglButtonEditEmbedElement,
.elementIncludeGroup .wglButtonEditEmbedElement {display:none !important}

#wglBeEmbedPage     {position:absolute;width:calc(100vw - 320px);height:100vh;border:none}
#wglBeEmbedSiteinfo {position:absolute;right:0;width:320px;height:100vh;box-shadow:0 0 12px rgba(0, 0, 0, 0.3)}
#wglBeEmbedSiteinfo #wSiteInfo {position:relative;width:100%;height:100vh;top:0;left:0;border:none;box-shadow:none}

