div.page {
    position:absolute;
    box-sizing:border-box;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background-color:#313131;
    color:white;
    font-size:24px;
    padding:30px 110px;
}

div.logo {
    position:absolute;
    right:0px;
    width:30%;
    top:0px;
    height:90px;
    background-color:#414141;
    display: flex;
}

div.info {
    position:absolute;
    box-sizing:border-box;
    right:0px;
    width:30%;
    top:90px;
    bottom:0px;
    padding:20px 30px;
    font-size:14px;
    background-color:#696969;
    overflow:auto;
}

div.content {
    position:absolute;
    box-sizing:border-box;
    left:0px;
    width:70%;
    top:90px;
    bottom:0px;
    padding:10px 110px 70px;
    background-color:#414141;
    overflow:auto;
}

div.error {
    position:absolute;
    color: #ea3f50;
    bottom:40px;
    left:0px;
    font-size:14px;
    padding-left:110px;
}

div.next {
    position:fixed;
    box-sizing:border-box;
    cursor:pointer;
    background-color:#1aa0ac;
    color:white;
    bottom:40px;
    left:55%;
    width:120px;
    height:34px;
    line-height:34px;
    border:none;
    text-align:center;
    font-size:14px;
}

div.button {
    box-sizing:border-box;
    cursor:pointer;
    background-color:#1aa0ac;
    color:white;
    display: inline-block;
    width:250px;
    height:34px;
    border:none;
    text-align:center;
    padding-top:5px;
    margin: 2px;
    font-size:14px;
}

div.element {
    position:relative;
    box-sizing:border-box;
    width:100%;
    height:70px;
    margin:2px;
    border: 1px solid transparent;
}

div.headline {
    position:absolute;
    left:10px;
    font-size:14px;
    color:#898989;
    white-space:nowrap;
}

div.errorinfo {
    position:absolute;
    left:10px;
    font-size:14px;
    color: #ea3f50;
}

div.headlineshow {
    position:absolute;
    right:20px;
    font-size:14px;
    color:#898989;
}

div.input {
    position:absolute;
    left:0px;
    right:20px;
    top:25px;
    height:34px;
}

div.input-text {
    position:absolute;
    left:200px;
    top:33px;
    font-size:14px;
    color: #898989;
}

input.input {
    position:absolute;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding: 0px 10px 2px;
    border-style:none;
    background-color:#313131;
    color:white;
}

input:invalid {
    outline: 1px solid red;
}

div.pwd {
    position:absolute;
    left:0px;
    right:70px;
    top:25px;
    height:34px;
}

input.pwd {
    position:absolute;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding: 0px 10px 2px;
    border-style:none;
    background-color:#313131;
    color:white;
}

select.input {
    position:absolute;
    top:25px;
    padding-left:5px;
    background-color:#313131;
    color:white;
    height:34px;
    border:none;
    font-size:14px;
    font-family:inherit;
}

div.log {
    font-size:14px;
}

a:link {
    color: #1aa0ac;
}

a:visited {
    color: #1aa0ac;
}

@media(max-width: 1000px) {
    div.next {
        left:550px;
    }
}