/**
 * iKISS 7 Login - Maske
**/

body {width:100%;margin:0;padding:0;background:#1a3f5e;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;font-size:14px;color:#444;}

* {-webkit-box-sizing:border-box;box-sizing:border-box;}

p.error, p.ok {padding:5px;color:#fff;margin-bottom:1em;border-radius:0;}
p.error {background-color:#770000;}
p.ok {background-color:green;}

h1 {font-size:1.5em;margin:0;font-weight:100;background-color:#dcdfe3;padding:5px 15px;display:inline-block;}
h2 {margin:0 0 10px 0;font-weight:normal;font-size:1em;}

img {border:0;}

label {display:block;cursor:pointer;}
input {display:block;width:100%;margin:0;padding:10px 5px 10px 10px;border:1px solid #d4d4d4;background:#fff;font-family:arial, helvetica, sans-serif;font-size:1.2em;color:#245c9c;-webkit-transition:all .2s;transition:all .2s;font:inherit;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input#geckos {border-top:0;}
input:hover, input:focus {border:1px solid #9fbb21;}
input:focus {background:rgb(248, 255, 217);}
.button {display:block;width:100%;margin:0;border:2px solid #1979ca;background:#1979ca;color:#fff;cursor:pointer;padding:8px 25px;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input.button:hover, input.button:focus {border:2px solid #20538d;background:#20538d;cursor:pointer;color:#fff;}
input.name {border-bottom:none;}
input.pwspeichern {display:inline;float:left;width:15px;margin:0 10px 0 0;}
:root input.pwspeichern {margin-top:2px;}
label.pwspeichern:hover {color:#9fbb21;}
input.ikiss-mailform-button-disabled {opacity: 0.5;cursor: not-allowed !important;}
input.ikiss-mailform-button-disabled:active {transform: scale(1) !important;}

a.pw {display:block;margin:5px 0 0 0;padding:0;position:absolute;opacity:0.75;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;color:inherit;}
a.pw:hover {opacity:1;}

.unselectable {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}

.submit-container {width:100%;position:relative;margin:8px 0 0;display:inline-block;}

.wrapper {position:absolute;top:50%;left:50%;width:500px;margin-top:-210px;margin-left:-250px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3);max-width:100%;overflow:hidden;z-index:1;-webkit-animation:fade-in 0.35s ease-in-out;animation:fade-in 0.35s ease-in-out;}

.inner{background-color:#dcdfe3;padding:15px 15px 40px;}

.header {text-align:center;background:#fff;padding:20px;}
.header > a {display:block;}
.header::after, .header > a::after, .footer-buttons::after {content:'.';clear:both;display:block;visibility:hidden;height:0px;}
.header img {display:block;float:right;margin:0;width:100%;max-width:270px;height:auto;}

.content {padding:0;background-color:#cccccf;}
.content > h2 {display:inline-block;font-size:1.5em;font-weight:100;padding:15px 15px 0 15px;}
ul.out {padding:0 15px;}
ul.out li {color:#444 !important;}

.footer-buttons {padding:0 15px 15px 15px;}
.footer-buttons .button {display:inline-block;width:auto;}

.iinfo {position:absolute;bottom:18px;right:15px;font-size:0.75em;opacity:0.5}

.pwlevel ul {padding:0;}
.pwlevel ul li {list-style:none;background-repeat:no-repeat;font-size:0.8em;margin:2px 0;padding-left:22px;line-height:1.5em;}
.pwlevel ul.ok li {color:green !important;}
.pwlevel ul li.req {font-weight:bold;}
.pwlevel ul li.nok {background-image:url(/admin/cms/icons_silk/cross.png);}
.pwlevel ul li.ok {background-image:url(/admin/cms/icons_silk/tick.png);}
.pwlevel ul li.opt {background-image:url(/admin/cms/icons_silk/error.png);}

.bg-stripe {position:absolute;width:100%;height:50%;background-color:#000;opacity:0.1;z-index:0;}

@media screen and (max-width: 640px) {
    .wrapper {position:relative;margin:15px;top:auto;left:auto;width:auto;}
    .bg-stripe {display:none;}
    a.pw {padding:0;position:static;margin:10px 0 15px 0;float:right;}
    input {margin:0;}
    .button {width:100%;}
}

@-webkit-keyframes fade-in {
    from {opacity:0;transform:scale(0.95);}
    top {opacity:1;transform:scale(1);}
}

@keyframes fade-in {
    from {opacity:0;transform:scale(0.95);}
    top {opacity:1;transform:scale(1);}
}