form{
    border:solid 1px #aaa;
    border-radius:6px;
    width:450px;
    margin:auto;
    padding:1em;
    background:#f5f5ee; /* #f4f8ff;*/
}
form h2{
    background:#e9ddd1;
    padding:0 0.5em;
    color:#a34f4f;
    text-align:center;
}
form h3{
    margin-top:1.5em;
    border-left:solid 0.6em #e9ddd1; /*#d38d8d*/
    border-right:solid 0.6em #e9ddd1; /*#d38d8d*/
    padding-left:0.5em;
}
.input-field label > div{
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
    margin-top:1.2em;
}
.input-field label input[type="text"], .input-field label input[type="password"], .input-field label textarea{
    display:block;
    width:100%;
    margin:2px 0 0 0;
    padding:2px 0.5em;
    border:solid 1px #aaa;
    border-radius:4px;
    font-size:1.2em;
    background:#fff;
}
.input-field label input[type="text"]:focus, .input-field label input[type="password"]:focus, .input-field label textarea:focus{
    border:solid 1px #e80;
    box-shadow: 0px 0px 3px 3px rgba(255,128,0,0.3);
}
.input-required{
    margin:0 0 0 auto;
    color:#05a;
    font-size:0.8em;
}
.input-message{
    color:red;
}
.ctrl-right{
    text-align:right;
}
#ctrl-show-password{
    margin-left:1em;
}
#accedence{
    margin-top:1em;
}
#account-submit{
    border-radius: 4px;
    padding: 3px 10px;
    background: #2b7ec9;
    color: #fff;
}
p{
    padding:1em;
}
#confirm-mail{
    display:block;
    padding:2px 0.5em;
    border:solid 1px #aaa;
    border-radius:4px;
    font-size:2em;
    background:#fff;
    font-family:monospace;
}
.input-field label > div.confirm-value{
    border:1px solid #aaa;
    border-radius: 4px;
    background-color:#fff;
    padding:0.5rem;
    margin-top:0;
}

#ctrl-submit{
    display:flex;
    justify-content: space-between;
    margin-top:2rem;
}
#ctrl-submit > *{
    display:block;
}