div.part-login {

}

div.part-login .box-input {
    margin-bottom:10px;
}

div.part-login .box-input::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.part-login label {
    display:block;
    font-weight:normal;
    padding-top:0;
}

div.part-login .logged .logout {
    display:block;
    clear:both;
}

#content .part-login {
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

#content .part-login form {
    text-align:center;
}

#content .part-login label {
    padding-top:7px;
}

.part-login a.reglink {
    display:block;
    text-decoration:underline;
    margin-top:10px;
}

#content .part-login input[type=submit] {
    margin-top:32px;
}

@media only screen and (min-width:640px) {

    #content .part-login .box-input > label,
    #content .part-login .input-box > label,
    #content .part-login .box-desc {
        float:left;
        width:50%;
    }

    .box-input > .descr, .box-input .descr-last {
        padding-right:20px;
    }

    #content .part-login input[type=text],
    #content .part-login input[type=password],
    #content .part-login input[type=email],
    #content .part-login textarea,
    #content .part-login select {
        float:left;
        width:50%;
    }
}

@media only screen and (max-width:639px) {
    #content .part-login {
        width:auto;
    }

    #content .part-login .box-input label,
    #content .part-login .input-box label,
    #content .part-login .box-desc {
        width:100%;
        float:none;
    }
}

/* header */

header div.part-login h2.component-heading {
    background-image:url('../../../gfx/controls_login.svg');
}

body.loggedin header div.part-login h2.component-heading {
    background-image:url('../../../gfx/controls_logged.svg');
}

header div.part-login .component-body {
    padding:32px;
    width:320px;
}

header div.part-login .component-body * {
    color:#ffffff;
}

header div.part-login label {
    color:#ffffff;
}

header div.part-login input[type="text"],
header div.part-login input[type="password"] {
    margin-top: 0;
    background-color: rgba(255,255,255,0.2);
    border: none;
    width: 100%;
}

header div.part-login span.logout {
    padding-top:10px;
}

header div.part-login input[type="submit"] {
    
}

@media only screen and (max-width: 993px) {
    body.scrolled .header-controls > div.part-login.box:not(.part-blindfriendly) > .component-body {
        width: 300px;
    }
}