#page {
    display: flex;
    height: 100%;
}

.panel {
    position: relative;
    width:  50%;
    height: 100%;
}

.panel h2 {
    color: #606060;
    font-weight: bold;
    margin: 80px auto auto 40px;
}
.panel .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    color: #ffc0c0;
}
.panel .box .ctrl {
    height: 120px;
    margin-top: 24px;
}

.panel .item {
    width: 100%;
    display: block;
    padding-left: 32px;
}
.panel #user {
    background: url('../img/login_user.png') no-repeat 5px 5px;
    background-color: white;
}
.panel #pass {
    background: url('../img/login_pass.png') no-repeat 5px 5px;
    background-color: white;
}
.panel input {
    margin-bottom: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.panel button {
    margin-top: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#logo_pane {
    background-color: #202227;
}