WAS/ui/LaserUI/css/evva.css

body{
  margin: 0px;
  margin-bottom:50px;
}

#LogoTop{
  background-color:#fae800;
  width: 100%;
  height: 5em;
  background-image:url("../images/EVVA-Logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  position:fixed;
}

#Footer {
  position:fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height:50px;
  background-color: red;
  color: white;
  text-align: center;
}



#MenuLinks {
  position:fixed;
  margin-top: 5em;
  background-color:lightgrey;
  height: 100%;
  width: 10em;
}

#MenuLinks + #Content{
  margin-left: 10em;
}

#MenuLinks a:link, #MenuLinks a:visited, #MenuLinks a:hover, #MenuLinks a:active{
  color: black;
  text-decoration: none;
}

#Content{
  padding-top: 6em;
}

.MenuItem{
	border: 1px solid;
	border-color: black;
	margin: 0.5em;
	padding: 0.2em;
}

.row {
  display: flex;
  flex-wrap:wrap;
}

.column2 {
  flex: 50%;
}
.column3 {
  flex: 33%;
}
.column4 {
  flex: 25%;
}
.column5{
  flex: 20%;
}

.center{
  text-align:center;
}

.lightgrey{
  background-color: lightgrey;
}
.grey{
  background-color: grey;
}

.adaptive_img{
  width: 100%;
}

.round_border1{
  border-radius: 1em;
}

.round_border2{
  border-radius: 2em;
}

.round_border3{
  border-radius: 3em;
}

.round_border4{
  border-radius: 4em;
}

.round_border5{
  border-radius: 4em;
}

.paddingtop1{
  padding-top: 1em;
}

.paddingtop2{
  padding-top: 2em;
}

.paddingtop3{
  padding-top: 3em;
}

.paddingtop4{
  padding-top: 4em;
}
.paddingtop5{
  padding-top: 5em;
}



.paddingleft3{
  padding-left: 3em;
}