body {
    background: -webkit-linear-gradient(#00245a, #4d94ff);
    background-attachment: fixed;
    overflow: hidden;
}

iframe {
    width:100vw;
    height: 100vh;
    margin: -10px;
}

.login-overlay {
    width: 260px;
    height: 130px;
    position: absolute;
    top: 20px;
    right: 540px;
}

.login-box {
    background-color: #e8e8e8;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.logo-box {
    text-align: center;
    padding: 10px;
}

.logo-box img {
    width: 140px;
}

.logo-box h3 {
    margin-bottom: 0px;
}

.input-box {
    padding-bottom: 10px;
}

.button-wrapper {
    text-align: center;
}

.input-box input {
    margin-bottom: 10px;
    margin-left: 110px;
}

.action-box {
    text-align: center;
    padding-bottom: 10px;
}

.action-box a {
    font-size: smaller;
}

.login-error {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

.login-success {
    color: green;
    text-align: center;
    padding-bottom: 10px;
}

.hide-password {
    display: none
}