/* styles.css */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    margin: 0;
}

#request-form,
#login-container,
#manager-portal {
	height: 80%;
    width: 90%;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#manager-portal {
    width: 80%;

}
#calendar {
    padding-left: 5%;
    width: 95%;
    height: auto;
}

#navigation {
    height: 80%;
    border-radius: 5px;
	width: 100%;
	color: #020202;
	background-color: white;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #020202;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color:#7F5A83;
}
input[type="text"],
input[type="email"],
input[type="date"],
input[type="password"] {
    width: 95%;
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #020202;
    color: white;
    border: none;
    border-radius: 5px;
}

a {
	text-decoration: none;
}

button:hover {
    background-color: #7F5A83;
}

#confirmation-message {
    margin-top: 10px;
    font-weight: bold;
}

#error-message {
    margin-top: 10px;
    color: red;
}

.hidden {
    display: none;
}

header {
	margin-left: none;
	margin-bottom: none;
}
img {
	margin: none;
}