/* styles.css */

#title {
	text-align: center;
}

.TheSelect1 {
   -o-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

/* styles.css */
.flex-container {
	margin-top: 60px;
}

.leftDiv {
	border: 1px solid lightgrey;
	background-color: white;
	height: 100%;
	width: 100%;
}

.rightDiv {
	border: 1px solid lightgrey;
	background-color: white;
	height: 100vh;
	width: 100%;
	text-align: center;
}

.leftDivLelola {
	border: 1px solid lightgrey;
	background-color: white;
	height: 150px;
	width: 100%;
}

.rightDivLelola {
	border: 1px solid lightgrey;
	background-color: white;
	height: 150px;
	width: 100%;
	text-align: center;
}

.otherDivLelola {
	border: 1px solid lightgrey;
	background-color: white;
	height: 100vh;
	width: 100%;
	text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding-top: 100px;
}

.pcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 12px;
}

.MenuImage {
	width: 40px; 
	height:30px;
	padding-left: 0;
	text-align: left;
}

ul {
  list-style-type: none;
}

#TheHeader {
	width: 200px;
	height:60px
}

#header{
	text-align: center;
	z-index:999;
	position: fixed;
	width: 100%;
	left:0;
	top:0;

	background-color: #503F7F;
}


.Page {
	border: 1px solid lightgrey;
	background-color: white;
	height: 100vh;
	width: 100%;
	text-align: center;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size:10px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

#managerTable {
    max-height: 500px;
    overflow: auto;
}


#main_image {
	height: 100%; 
	width: 100%; 
	object-fit: cover;
}

.Page {
	border: 1px solid lightgrey;
	background-color: white;
	height: 100vh;
	width: 100%;
	text-align: center;
}