body {
    background: #eee;
}

#login-controller h1 {
    color: #555;
    margin: 5px auto 25px 0;
}

#login-controller #logo {
    width: 50px;
    vertical-align: middle;
    /*margin: 0 auto 50px aut*/
}

#login-controller {
    max-width: 400px;
    width: 100%;
    margin: 50px auto;
    background: #fff;
    border-top: 2px solid #27292A;
    padding: 20px;
}

#scan-input-button.focused,
#scan-container-input-button.focused {
    background: #47d2b1;
}

.hidden-form {
    display: none;
}

.scan-message {
    font-size:14px;
    font-style: italic;
    margin-top:20px;
    height: 20px;
    text-align: center;
}

.pincode {
    display: none;
}

.pincode .four.fields {
    margin-left: 2px;
}

.pincode .four.fields input {
    width: 20%;
    margin-right:4%;
    text-align: center;
}

.keyboard-num {
    margin-left: 8%;
    margin-top: 30px;
}

.keyboard-num .three.fields .ui.black.button,
.keyboard-num .three.fields .ui.blue.button {
    margin-right: 5%;
    width: 25%;
    height: 70px;
    line-height: 70px;
    padding: 0;
}

.error.message.js.hide {
    display: none;
}