.appReg_popup .loading_spinner { width: 40px;height: 40px;position: absolute;left:50%;margin-left:-20px;margin-top:-20px;top:50%;display:none;z-index:2; }
.appReg_popup .loading_spinner .double-bounce1, .appRegForm  .loading_spinner .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #2d3f53;opacity: 0.2;position: absolute;top: 0;left: 0;-webkit-animation: appRegForm-bounce 2.0s infinite ease-in-out;animation: appRegForm-bounce 2.0s infinite ease-in-out;}
.appReg_popup .loading_spinner .double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes appRegForm-bounce {0%, 100% { -webkit-transform: scale(0.0) }50% { -webkit-transform: scale(1.0) }}
@keyframes appRegForm-bounce {0%, 100% {  transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {  transform: scale(1.0);-webkit-transform: scale(1.0);}}
.appReg_overlay { background-color:rgba(0,0,0,0.9) !important;transition:all 0.2s linear 0s;position:fixed;top:0;bottom:0;right:0;left:0;z-index:998;opacity:0; }
.appReg_overlay.show { opacity:1; }
.appReg_overlay.hide { display:none; }
.appReg_popup { position:absolute;top:0;bottom:0;right:0;left:0;z-index:999;overflow-y: auto;overflow-x: hidden; }
.appReg_popup .appReg_popup_inner {box-sizing: border-box;transition:all 0.2s cubic-bezier(.69,1.88,1,.99) 0s;opacity:0;transform:scale(0.9);margin:0px auto;max-width:400px;margin-top:20px;margin-bottom:10px;min-height:100px;background-color:#fff;border-radius:5px;color:#000;padding:20px;position:relative; }
@media only screen and (max-width: 390px) {
.appReg_popup .appReg_popup_inner { margin:0 20px; }
}
.appReg_popup .appReg_popup_inner .close {width:40px;height:40px;border-radius:50%;border:2px solid #000;position:absolute;right:20px; }
.appReg_popup .appReg_popup_inner .close::before,
.appReg_popup .appReg_popup_inner .close::after { content:" ";display:block;width:50%;height:4px;border-radius:1px;left:50%;margin-left:-25%;top:50%;margin-top:-2px;position:absolute;top:50%;background-color:#000; }
.appReg_popup .appReg_popup_inner .close::after { transform:rotate(45deg); }
.appReg_popup .appReg_popup_inner .close::before { transform:rotate(-45deg); }
.appReg_popup.hide { display:none; }
.appReg_popup.show .appReg_popup_inner { opacity:1;transform:scale(1); }
.appReg_popup.bounceAnimation .appReg_popup_inner { transition:all 0.2s linear 0s; }
.appReg_popup.bounce .appReg_popup_inner { transform:scale(1.1); }
.appReg_popup.load .loading_spinner { display:block; }
.appReg_popup.shakeit .appReg_popup_inner { animation-name: appReg_popup_shake_loginbox;animation-duration: 0.1s;animation-iteration-count: infinite;}
.appReg_popup.error .appReg_popup_inner { background-color:#DC143C;color:#fff; }
.appReg_popup.error .appReg_popup_inner h1 { color:#fff; }
.appReg_popup.error .appReg_popup_inner .close { border-color:#fff; }
.appReg_popup.error .appReg_popup_inner .close::after ,
.appReg_popup.error .appReg_popup_inner .close::before { background-color:#fff; }
.appReg_popup.done .appReg_popup_inner { background-color:#3CB371;color:#fff; }
.appReg_popup.done .appReg_popup_inner h1 { color:#fff; }
.appReg_popup.done .appReg_popup_inner .close { border-color:#fff; }
.appReg_popup.done .appReg_popup_inner .close::after ,
.appReg_popup.done .appReg_popup_inner .close::before { background-color:#fff; }
@keyframes appReg_popup_shake_loginbox {0% {transform:translateX(0px);}   25% {transform:translateX(-3px);}75% {transform:translateX(3px);}100% {transform:translateX(0px);}}
.appRegForm input[type='text'],
.appRegForm input[type='password'] { font-size:16px;width:100%;box-sizing:border-box;padding:10px;border-radius:3px;margin-bottom:10px;border-radius:0px;background-color:rgba(0,0,0,0.1);border:0px;min-height:40px;border-radius:3px; }
.appRegForm .sicherheitsabfrage { display:flex;align-items:center;margin-bottom:10px; }
.appRegForm .sicherheitsabfrage input { margin:0px; }
.appRegForm input.err { background-color:rgba(255,0,0,0.1);color:#DC143C; }
.appRegForm span { margin-bottom:10px;margin-right:100%;display:inline-block;white-space: nowrap; }
.appRegForm form.error .errors { margin-bottom:5px;background-color:#DC143C;padding:10px;border-radius:3px;color:#fff;text-align:center; }
.appRegForm form.error .errors ul { list-style:none;margin:0;padding:0; }
.appRegForm form.error .errors ul li { display:inline;padding-right:5px; }
.appRegForm form:not(.error) .errors { display:none; }
.appRegForm form { position:relative; }
.appRegForm form.load::after { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0; }
.appRegForm form.load > div { opacity:0.2; }
.appRegForm input[type='submit'],
.appRegForm .socialMediaLogin,
.appRegForm .confirm,
.appRegForm .logout,
.appRegForm .btn,
.appRegForm .back { font-family: inherit;cursor:pointer;-webkit-appearance: none;text-align:center;font-weight:bold;font-size:16px;border:0px;border-radius:3px;background-color:#ccc;color:#fff;display:block;padding:10px 5px;width:100%;margin-bottom:5px;box-sizing:border-box; }
.appRegForm input[type='submit'] {background-color:#000; }
.appRegForm .btn[kind='login'],
.appRegForm .btn[kind='social_media_disclaimer'],
.appRegForm .btn[kind='guest'],
.appRegForm .btn[kind='register'],
.appRegForm .btn[kind='user'],
.appRegForm .btn[kind='changeusername'],
.appRegForm .btn[kind='changepw'],
.appRegForm .btn[kind='deleteaccount'],
.appRegForm .btn[kind='changeemail'],
.appRegForm .logout,
.appRegForm .back,
.appRegForm .btn[kind='settings'],
.appRegForm .confirm { display: inline-block;padding: 10px 20px;width: inherit;background-color:#000;}
.appRegForm .btn[kind='settings'] { background:url(../img/appReg_settings.svg) center center no-repeat #000;background-size:60% auto; }


.appRegForm .btn.active-helper,
.appRegForm .confirm.active-helper,
.appRegForm .logout.active-helper,
.appRegForm .btn.active-helper { opacity:0.1; }
.appRegForm .btn[kind='settings'] { width:40px; }
.appRegForm form { margin:0px; }
.appRegForm h1 { margin-top:0px;padding-right:50px;margin-bottom:10px; }
.appRegForm p { margin:0px;margin-bottom:20px; }
.appRegForm .container { display: block;min-height: 25px;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.appRegForm .container input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; }
.appRegForm .checkmark { position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:2px;}
.appRegForm .container:hover input ~ .checkmark { background-color: #ccc; }
.appRegForm .container input:checked ~ .checkmark { background-color: #000; }
.appRegForm .checkmark:after { content: "";position: absolute;display: none; }
.appRegForm .container input:checked ~ .checkmark:after { display: block; }
.appRegForm .container .checkmark:after { left: 9px;top: 5px;width: 5px;height: 10px;border: solid #fff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.appRegForm a { color:#DC143C; }
.appRegForm textarea { min-height:250px;padding:10px;background-color:rgba(0,0,0,0.1);border-radius:2px;font-size:14px;font-family:inherit;width:100%; }
@media only screen and (max-width: 440px) {
  .appReg_popup .appReg_popup_inner { margin:20px; }
}