html {
    height: 100%;
}

body.signin {
    height: auto;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.signinpanel .form-box {
    margin-top: 3vh;
    border-bottom: 1px solid #ECECEC;
}

.signinpanel .btn {
    margin-top: 15px;
    background-color: #2993FF;
    border: #2993FF;
    color: #fff;
    height: 6vh;
    font-size: 2vh;
}

.signinpanel form {
    width: 30vw;
    position: absolute;
    top: 40vh;
    right: 40vh;
}

.flex {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.no-user {
    color: #2993FF;
    cursor: pointer;
    font-size: 2vh;
}

.no-user span {
    color: #2993FF;
    cursor: pointer;
    font-size: 2vh;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: 2vh;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 2vh;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 2vh;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 2vh;
}

.form-control {
    height: 6vh;
    font-size: 2vh;
}