.login-form {
    background-color: #ffffff;
    margin-top: 5%;
    padding: 10px;
    width: 25%;
    border-radius: 5px;
    display: inline-block;
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

.center {
    text-align: center;
}

.form-label {
    margin-top: 15px;
    text-align: left;
    font-weight: 600;
}

div.mb-3 {
    text-align: left;
    margin-top: 5%;
}



img.logo {
    border-radius: 5px;
    max-width: 60%;
    height: auto;
}

img.mini-logo {
    border-radius: 5px;
    max-width: 50px;
    height: auto;
    margin-left: 15px;
}

a.navbar-adjust {
    width: fit-content;
}

.row {
    margin-bottom: 15px;
}

.top {
    margin-top: 15px;
}

.input-file {
    margin-bottom: 15px;
}

div.form-check {
    margin-bottom: 15px;
}

.form-select {
    height: 100%;
}

.submit-card-title {
    display: flex;
    align-items: center;
}

.submission-verification-text {
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    margin-right: 5px;
    display: inline-block;
    width: 35%;
    text-align: center;
}

.submission-correct {
    border-color: green;
    background-color: #D5E8D4;

}

.submission-incorrect {
    border-color: red;
    background-color: #F8CECC;
}

.submission-queued {
    border-color: yellow;
    background-color: #FFF2CC;
}


.submission-not-checked {
    border-color: black;
    background-color: #EEEEEE;
}

.submission-id-div {
    text-align: center;
    width: 20%;
    margin: auto;
}

.form-control {
    margin-bottom: 10px;
}

table.display-submission {
    width: 80%;
    margin: auto;
}

.error-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: red;
    background-color: #ffa6a1;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.success-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: green;
    background-color: #a4ffa1;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.warning-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffee00;
    background-color: rgb(255, 208, 0);
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

#error-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: red;
    background-color: #ffa6a1;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}

#success-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: green;
    background-color: #a4ffa1;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}

#warning-log {
    width: 30%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffee00;
    background-color: rgb(255, 208, 0);
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}


.black {
    background-color: #212529;
    color: white;
}

.navbar-dark .navbar-brand {
    color: #bbb !important;
}

.navbar-dark .navbar-brand:hover {
    color: #fff !important;
}

pre {
    background-color: #ddd;
    border-radius: 5px;
}

.success-status {
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: green;
    background-color: #a4ffa1;
}

.warning-status {
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffee00;
    background-color: rgb(255, 208, 0);
}

.error-status {
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: red;
    background-color: #ffa6a1;
}

.bar {
    background-color: green;
}

.progress {
    visibility: hidden;
    margin-bottom: 10px;
}

.status {
    visibility: hidden;
    margin-bottom: 2px;
}

.right {
    margin-left: auto; 
    margin-right: 0;
}