/* START navbar related styles */
#main-logo {
  width: 160px !important;
}

.navbar-nav .nav-link {
    color: rgb(33, 37, 41);
}

nav ul .nav-item {
  margin: 5px;
}

nav .nav-item {
  text-decoration: none;
}

nav .nav-item a:hover,
nav .nav-item form:hover{
  text-decoration: underline;
}
/* END navbar related styles */


.late {
    background-color: rgba(255, 25, 0, 0.7);
}


/* START styles added on top of auto-generated login form */
#login-container,
#upload-container {
  display: flex;
  justify-content: center;
}

#login-card-container {
  width: 320px;
  padding: 20px 20px 0px 20px;
  border-radius: 10px;
  box-shadow: 8px 8px #373737;
  align-self: center;
}

#login-card-container > form > div {
  margin-bottom: 20px;
}

#login-card-container > form > div > input {
  float: right;
}
/* END styles on top of auto-generated lgoin form */


#upload-card-container {
  width: 420px;
  padding: 20px 20px 0px 20px;
  border-radius: 10px;
  box-shadow: 8px 8px #373737;
  align-self: center;
}

#upload-card-container > form > div > input {
  float: right;
}


/* START load-details table styles */

/* END load-details table styles */