.login-header {
    width: 250px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-align: center;
    font-size: 1.3rem;
    text-decoration: underline;
}

.login-form {
    width: 400px;
    height: 50%;
    position: relative;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 1.2rem;
}

.login-form form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-form form .showBox {
    position: relative;
    background: #ea3931;
    border-radius: 25px;
    color: white;
    padding: 10px;
    font-size: 0.9rem;
    text-align: center;
}

.login-form label {
    color: white;
}

.login-form .labelhr {
    margin-bottom: -10px;
    border-color: rgb(0, 146, 255);
}

.login-form input {
    width: 300px;
    border-radius: 2px;
}

.login-form input[type=email], input[type=password], input[type=text] {
    outline: none;
    padding: 10px 10px 10px 15px;
    border: 1px solid #dadce0;
    color: #05091d;
    background: #f0f8ff;
    -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
    box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
}

.login-form input[type=email]:disabled, input[type=password]:disabled, input[type=text]:disabled {
    background: #cbcbd0;
    cursor: not-allowed;
}

.login-form input[type=email]:focus, input[type=password]:focus, input[type=text]:focus {
    outline: 1.9px solid #05091d;
}

.login-form input[type=submit] {
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: white;
    padding: 8px;
    -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
    margin-bottom: 15px;
    box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.8);
    background: rgb(0, 157, 255);
    background: -moz-linear-gradient(90deg, rgba(0, 157, 255, 1) 54%, rgba(0, 191, 255, 1) 83%);
    background: -webkit-linear-gradient(90deg, rgba(0, 157, 255, 1) 54%, rgba(0, 191, 255, 1) 83%);
    background: linear-gradient(90deg, rgba(0, 157, 255, 1) 54%, rgba(0, 191, 255, 1) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009dff", endColorstr="#00bfff", GradientType=1);
    transition: 0.2s;
    opacity: 80%;
}

.login-form input[type=submit]:hover {
    opacity: 100%;
}

.errorMessage {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
}

.errorMessage {
    color: red;
}