body,html{
    height:100%;
    margin: 0;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.mainBox {
    padding: 20px;
}

input[type="number"] {
    margin-top: 6px;
    width: 60px;
    font-size: 16px;
    padding: 0 8px;
}

input[type="file"] {
    background: #ffffff;
}

input[type="text"] {
    width: 300px;
    font-size: 16px;
    padding: 0 8px;
}

input[type="number"], input[type="text"] {
    height: 42px;
}

button, input[type="submit"] {
    margin-top: 6px;
}

button, input[type="submit"] {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

button:hover, input[type="submit"]:hover {
    background-color: #007296;
}

button:disabled, input[type="submit"]:disabled {
    background-color: #66838d;
}

/* login */
input[type="submit"] {
    margin-left: 12px;
}

.loginForm {
    margin: 26px;
}

/* iframe */
textarea {
    margin-top: 20px;
    width: 533px;
    background: bisque;
    font-size: 15px;
    height: 200px;
}