html  {height:100%}
body  {background:-webkit-radial-gradient(center, ellipse cover, #dbdbdb 0%,#bebebe 100%);background:-moz-radial-gradient(center, ellipse cover, #dbdbdb 0%,#bebebe 100%);background:-ms-radial-gradient(center, ellipse cover, #dbdbdb 0%,#bebebe 100%);}

a     {color:#000000}
form  {margin:20px}
#wSendPage .button .wglButton                   {background:transparent}
#wSendPage .button .wglButton .wglButtonCaption {padding:0px 5px}
#wSendPage .button .wglButton .wglButtonIcon    {padding:0}

.wSendFormUploaderrors  {clear:both;overflow:hidden;padding:10px 0px;margin:10px 0px;color:red;background:white;border:none}
.wSendFormUploadSuccess {clear:both;overflow:hidden;padding:10px;margin:10px;}



.wSendForm                          {width:100%;overflow:hidden;margin:0}
.wSendForm dt                       {text-align:left}
.wSendForm dd                       {margin:5px;height:auto}

.wSendForm textarea,
.wSendForm textarea.XXL             {padding:5px;}
.wSendForm .wglInputMultipleEntry   {margin:0px 0px 5px 0px}

#wSendPage .errorAreaDefault  {margin:20px}
#wSendPage .error             {color:red !important;}
.wSendForm .formSuccess       {color:green}

.wSendFormUpload #logo      {float:left;}
#wSendPage #poweredBy     {float:right;margin:20px}
#wSendPage #poweredBy img {width:150px;}
.wSendFormUpload form       {padding-top:40px;clear:both;overflow:hidden;}

#wSendPage.wSendFormUpload .checkbox        {}
#wSendPage.wSendFormUpload .checkbox input  {width:auto;margin:0}



#wSendPage.wSendFormUpload .uploadInfo                {display:none;clear:both;overflow:hidden;font-size:11px}
#wSendPage.wSendFormUpload .validationErrors          {color:red;border:none;margin:20px 0px 20px 0px;width:70%;float:right}
#wSendPage.wSendFormUpload .validationErrors .caption {font-size:large;}
#wSendPage .wSendFormError            {border:1px solid red !important}

.wSendProfiles                                              {width:100%;margin:0;background:rgba(240,240,240,1);overflow:hidden;clear:both;font-size:12px;line-height:16px;height:100%}
.wSendProfiles  h2                                          {background:#676767;padding:10px;margin:0px;color:white;font-weight:normal}
.wSendProfiles .inner                                       {margin:auto;max-width:980px;background:white;height:100%}
.wSendProfiles .profilesList		                            {padding-top:20px}
.wSendProfiles .profilesList .profiles						          {margin:0px;background:white;}
.wSendProfiles .profilesList .profiles .profile	            {margin:5px 0px;border-bottom:1px solid #ddd;padding:5px 15px;clear:both;overflow:hidden}
.wSendProfiles .profilesList .profiles .profile:last-child	{border-bottom:0;margin-bottom:0}
.wSendProfiles .profilesList .profiles .profile .title		  {float:left;}
.wSendProfiles .profilesList .profiles .profile .button	    {float:right;margin-left:10px;margin:2px 5px !important;padding:5px !important;}

.wSendProfiles .profilesList .functions	                                            {clear:both;overflow:hidden;background:rgba(0,0,0,0.1);margin-top:-20px;margin-bottom:1px}
.wSendProfiles .profilesList .functions .createProfile	                            {margin:5px;float:right;background:none}
.wSendProfiles .profilesList .functions .createProfile .wglButton                   {background:none;border:none;font-size:16px}
.wSendProfiles .profilesList .functions .createProfile .wglButton .wglButtonCaption {font-size:14px}
.wSendProfiles .profilesList .functions .editTexts	                                {margin:5px;float:right;background:none}
.wSendProfiles .profilesList .functions .editTexts .wglButton                       {background:none;border:none;font-size:16px}
.wSendProfiles .profilesList .functions .editTexts .wglButton .wglButtonCaption     {font-size:14px}


body.wSendProfileConfigEditor           {margin:0}
#wSendProfileConfigEditor               {width:100%;margin:0;background:rgba(240,240,240,1);overflow:hidden;clear:both;font-size:14px;line-height:19px;height:100%}
#wSendProfileConfigEditor  h2           {background:#676767;padding:10px;margin:0px;color:white;font-weight:normal}
#wSendProfileConfigEditor .inner        {margin:auto;max-width:1140px;background:transparent;height:100%}

#wSendProfileConfigEditor .inner .group                             {margin:10px 0px;background:white}
#wSendProfileConfigEditor .inner .group > .caption                  {font-size:16px;padding:10px;border-bottom:1px solid grey;background:rgba(0,0,0,0.1);transition:background 0.1s ease;cursor:pointer}
#wSendProfileConfigEditor .inner .group > .caption:hover            {background:rgba(0,0,0,0.15)}
#wSendProfileConfigEditor .inner .group.hidden .content             {display:none}

#wSendProfileConfigEditor .inner .group .content                    {overflow:hidden;clear:both;margin:10px}
#wSendProfileConfigEditor .inner .group .content .field             {overflow:hidden;clear:both;margin:5px}
#wSendProfileConfigEditor .inner .group .content .field .caption    {float:left;width:400px;max-width:500px;}
#wSendProfileConfigEditor .inner .group .content .field .caption span.help  {padding:2px 5px;background:#eaeaea;border-radius:50%;cursor:help}
#wSendProfileConfigEditor .inner .group .content .field .caption span.text  {padding-left:5px}
#wSendProfileConfigEditor .inner .group .content .field .editValue  {float:left;width:400px}
#wSendProfileConfigEditor .inner .group .content .field .keyVal     {float:right;font-size:10px;color:darkgrey;width:250px}
#wSendProfileConfigEditor .inner .group .content .field.hidden      {display:none}

#wSendProfileConfigEditor .tooltip  {z-index:100;background:rgba(230,230,230,0.95);padding:10px 15px;display:none;position:absolute;width:300px;border:1px solid grey;box-shadow:2px 2px 2px rgba(0,0,0,0.3);}





.wui-mask-body-inner					{}
body									{overflow-y:scroll}





#wSendPage .true		      {background-color:green}
#wSendPage .false	        {background-color:red}
#wSendPage .warning	      {color:red}

#wSendPage                          {}
#wSendPage  h2                      {}
#wSendPage .summaryText             {padding:20px 20px 20px 15px}
#wSendPage .inner                   {margin:30px auto 20px auto;max-width:880px;background:white;height:100%;clear:both;overflow:hidden}
#wSendPage .inner .area             {padding:10px}
#wSendPage .inner .area > .caption  { border-bottom:1px solid rgba(0,0,0,0.15);padding:2px 5px}
#wSendPage .inner .entry            {clear:both;overflow:hidden;margin:5px}
#wSendPage .inner .entry .caption   {float:left;width:120px}
#wSendPage .inner .entry .value     {float:left;}

#wSendPage .inner .area.message .entry        {margin:10px 0px;padding:10px;display:block;background:#ededed}
#wSendPage .inner .area.messageSecure .entry  {margin:10px 0px;padding:10px;display:block;background:#ededed}

#wSendPage form[name="wSendForgotPassword"]                     {margin:30px auto;padding:10px;display:block;overflow:hidden;clear:both;position:relative;max-width:520px;max-height:420px;box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.48);background-color:#f0f0f0}
#wSendPage form[name="wSendForgotPassword"] .branding           {display:none;text-align:right;margin:40px 40px 0px 20px;overflow:hidden;clear:both}
#wSendPage form[name="wSendForgotPassword"] .info               {text-align:left;margin:30px 0px 20px 0px;overflow:hidden;clear:both}
#wSendPage form[name="wSendForgotPassword"] .form               {font-size:11px;margin:10px 20px 30px 20px}
#wSendPage form[name="wSendForgotPassword"] input               {width:94%}
#wSendPage form[name="wSendForgotPassword"] .validationErrors * {border:none !important;color:red;font-size:11px;}
#wSendPage form[name="wSendForgotPassword"] dt {width:45%}
#wSendPage form[name="wSendForgotPassword"] dd {width:55%}
#wSendPage form[name="wSendForgotPassword"] .passwordStatusWindow {position:relative;width:100%;top:0px !important;}

#wSendPage.wSendRegisterAccount h2                                    {display:block}
#wSendPage.wSendRegisterAccount div.loggedInAs                        {color:white;margin-left:480px}
#wSendPage form[name="wSendRegisterAccount"]                          {margin:30px auto;padding:0px 20px 20px 20px;display:block;overflow:hidden;clear:both;position:relative;}
#wSendPage form[name="wSendRegisterAccount"] .form                    {font-size:11px;margin:0px 20px 30px 20px}
#wSendPage form[name="wSendRegisterAccount"] dt.caption               {border-bottom:1px solid silver;width:90%}
#wSendPage form[name="wSendRegisterAccount"] .checkbox                {float:left;display:block;margin-top:0px;}
#wSendPage form[name="wSendRegisterAccount"] .select                  {float:left;display:block;margin-top:0px;}
#wSendPage form[name="wSendRegisterAccount"] .checkboxCaption         {float:left;display:block;margin-top:3px;margin-left:8px}
#wSendPage form[name="wSendRegisterAccount"] input                    {width:94%}
#wSendPage form[name="wSendRegisterAccount"] select                   {width:96%;border:1px solid silver;}
#wSendPage form[name="wSendRegisterAccount"] select[name="groups[]"]  {height:100px}
#wSendPage form[name="wSendRegisterAccount"] input[type="checkbox"]   {width:auto}
#wSendPage form[name="wSendRegisterAccount"] .validationErrors *      {border:none !important;color:red;font-size:11px;}
#wSendPage form[name="wSendRegisterAccount"] .error                   {border:red 1px solid}
#wSendPage form[name="wSendRegisterAccount"] .formFormEditPassword    {margin-top:20px}
#wSendPage form[name="wSendRegisterAccount"] .formFormOptions         {margin-top:20px}
#wSendPage form[name="wSendRegisterAccount"] .noticePasswordPolicy    {display:none;position:absolute;margin-top:-16px;font-size:11px;}
#wSendPage form[name="wSendRegisterAccount"] .manageGroups            {float:right;margin:0px 18px 2px 0px}
#wSendPage form[name="wSendRegisterAccount"] .passwordStatusWindow    {top:151px !important;}


#wSendPage form[name="wSendConfirmRegistrationAccount"]                     {margin:30px auto;padding:20px;display:block;overflow:hidden;clear:both;position:relative;}
#wSendPage form[name="wSendConfirmRegistrationAccount"] .form               {font-size:11px;margin:10px 20px 30px 20px}
#wSendPage form[name="wSendConfirmRegistrationAccount"] input               {width:94%}
#wSendPage form[name="wSendConfirmRegistrationAccount"] .validationErrors * {border:none !important;color:red;font-size:11px;}
#wSendPage form[name="wSendConfirmRegistrationAccount"] .formFormEditPassword  {margin-top:20px}
#wSendPage form[name="wSendConfirmRegistrationAccount"] .formFormOptions       {margin-top:20px}
#wSendPage form[name="wSendConfirmRegistrationAccount"] .noticePasswordPolicy  {display:none;position:absolute;margin-top:-16px;font-size:11px;}

#wSendPage .wSendChangePasswordWindow                                                      {overflow:hidden;position:absolute;z-index:2000;width:500px;min-height:220px;background:rgba(240,240,240,1);border:1px solid rgba(0,0,0,0.15);box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"]                     {width:auto;margin:0px auto;padding:10px 20px;display:block;overflow:hidden;clear:both;position:relative;}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .form               {font-size:11px;margin:10px 20px 30px 20px}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] input               {width:94%;background:white;border:1px solid #ccc}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .validationErrors * {border:none !important;color:red;font-size:11px;}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .noticePasswordPolicy  {display:none}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .error                 {border:red 1px solid}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .caption               {font-size:14px;margin:10px 0px 20px 0px}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] button                 {float:left}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] dt {width:45%}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] dd {width:55%}
#wSendPage .wSendChangePasswordWindow form[name="wSendChangePassword"] .passwordStatusWindow {position:relative;width:100%;top:0px !important;}



#wSendPage::after {content:'';}

#wSendPage .statusMessage           {font-size:11px;width:500px;margin:100px 20px 20px 20px}
#wSendPage .statusMessage.failure   {color:red}

#wSendPage.wSendFormLogs        {height:auto}
#wSendPage.wSendFormLogs .inner {height:auto;background:transparent}

.wSend#logo     {position:relative;margin:20px;max-width:200px}
.wSend#logo img {max-width:200px}

.logo     {position:relative;margin:20px;max-width:200px}
.logo img {max-width:200px}

.integrityCheckFailed                 {position:absolute;background:lightgrey;padding:2px 5px;font-size:10px;color:red;margin-top:2px;margin-left:-110px}

.red {color:#c50412}

#loader       {position:absolute;background:rgba(0,0,0,0.3);height:100%;width:100%;z-index:10000;top:0;left:0}
#loader:after {content:'Ihr Download wird bereitgestellt';width:200px;position:absolute;top:50%;padding:5px;text-align:center;left:40%;display:inline;background:rgba(255,255,255,0.8)}



#wSendPage #cookieNotice              {position:relative;background-color:#c0c0c0;border-bottom:solid 1px #a0a0a0;padding:10px;padding-left:30px;text-align:left;font-size:10px}
#wSendPage #cookieNotice a            {display:none}
#wSendPage #cookieNoticeCloser        {color:transparent;position:absolute;left:10px;width:15px;height:15px;cursor:pointer}
#wSendPage #cookieNoticeCloser:before {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(-45deg);}
#wSendPage #cookieNoticeCloser:after  {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(45deg);}

.passwordGenerator                  {font-size:11px;clear:Both; overflow:hidden;}
.passwordGenerator .buttonGenerate  {float:left;margin:2px;cursor:pointer}
.passwordGenerator .use             {display:none;font-weight:bold;float:left;margin:2px;cursor:pointer}
.passwordGenerator .showArea        {float:left;margin:2px;background:#0050a0;color:white;padding:0px 3px;margin-left:10px;margin-right:10px;font-family:"Courier New"}

#wSendPage .wglButton             {padding:2px}
#wSendPage .wglButton span        {}
#wSendPage .wglButton:hover       {}
#wSendPage .wglButton:hover span  {}

#wSendPage .button                          {position:relative;line-height:24px;margin:0 4px;padding:3px 14px 3px 12px;display:inline-block;background-image:-moz-linear-gradient(top, #EAEAEA 0%, #C7C7C7 100%) !important;border-color:#bcbcbc #aaaaaa #aaaaaa #bcbcbc !important;}
#wSendPage .button .wglButtonCaption        {padding:0 0 0 20px !important;margin:0;float:none !important;}
#wSendPage .button .wglButtonIcon           {display:none !important}
#wSendPage .button:before                   {content:'';position:absolute;top:8px;left:2px;width:20px;height:20px;background-color:transparent;background-size:800px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-repeat:no-repeat}


#wSendPage button.button        {width:auto;padding-left:20px;padding-right:20px;}
#wSendPage button.button:before {background-image:none}


.wSendButton                {margin:5px;display:inline-block;background:rgba(0,0,0,0.18);padding:5px 8px;cursor:pointer;transition:all 0.1s ease-in-out;border:none}
.wSendButton:hover          {background:rgba(0,0,0,0.28)}






.nocroll  {overflow:hidden;}


#loginWindow                                    {overflow:hidden;position:absolute;z-index:10000;width:450px;height:240px;background:rgba(240,240,240,1);box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2);border:1px solid rgba(0,0,0,0.15);}
#loginWindow .inner                             {margin:20px;padding:20px;height:160px}
#loginWindow .caption                           {font-weight:bold}
#loginWindow .text                              {}
#loginWindow .closer                            {position:absolute;display:block;right:2px;top:2px;padding-top:0px;width:16px;height:16px;text-align:center;cursor:pointer;}
#loginWindow .closer:hover                      {}
#loginWindow form[name="wSendLoginApplication"] {margin:0;padding:0;background:none;box-shadow:none}

.messageAutoUpdateFailed              {background:rgb(200,0,0);color:white;padding:5px;font-weight:bold}
.messageAutoUpdateFailedUpdateButton  {text-decoration:underline;cursor:pointer}

.ivl {position:fixed;top:0px;width:100%;padding:10px 10px;color:white;background:rgba(255,0,0,0.5);z-index:1000000000;text-align:center;}
.ulr {color:black;text-align:left;padding-top:15px;padding-right:20px;text-align:right;}


.loadingLogs .text  {text-align:center}
.sk-cube-grid             {width:40px;height:40px;margin:100px auto 10px auto;}
.sk-cube-grid .sk-cube    {width:33%;height:33%;background-color:silver;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1   {-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2   {-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3   {-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4   {-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5   {-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6   {-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7   {-webkit-animation-delay:0s;animation-delay:0s;}
.sk-cube-grid .sk-cube8   {-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9   {-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
  35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}
@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
  35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}


@media print {
  .button {display:none}
}

@media only screen and (max-width:1024px){
  #wSendPage .buttonsPage                             {position:relative;width:100%;margin-left:2%;top:2%;font-size:11px}
  #wSendPage .buttonsPage > div                       {float:none;width:100%;clear:both; overflow:hidden;margin:2px}
  #wSendPage .buttonsPage > div .wglButton            {width:90%}
  #wSendPage .buttonsPage > div.wglButton {width:90%}
  #wSendPage .flyoutArea                  {width:90%}
  .wSendUsermanagerWindowV2               {left:auto !important;margin:auto !important;width:100% !important}
  #wSendPage .formRow.receiversUsers      {}
  #wSendPage .wSendFormUpload div.formRow > div.label     {float:none;width:100%}
  #wSendPage .wSendFormUpload div.formRow > div.field     {float:none;width:100%}
  .wSendUsermanagerWindowV2                               {margin-top:-46px !important;}
}

@media only screen and (max-width: 480px) {
  #wSendPage        {box-shadow:none;}
  #wSendPage .inner {margin:2%}
  #wSendPage form[name="wSendFileAuthorizationForm"]        {background:none !important;box-shadow:none !important;}
  #wSendPage form[name="wSendFileAuthorizationForm"] .form  {margin:0 !important;}
  #wSendPage form[name="wSendFileAuthorizationForm"] dt,
  #wSendPage form[name="wSendFileAuthorizationForm"] dd     {float:none;max-width:100%;width:auto;text-align:left !important}
  #wSendPage form[name="wSendFileAuthorizationForm"] button {float:none;max-width:97%}

}