/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
  margin-left: 190px; padding: 20px;
  
}


.sidenav {
  width: 150px;
  height: 600px;
  position: fixed;
  z-index: 1;
  top: 20px;
  left: 5px;
  background: #6495ED;
  overflow-x: hidden;
  padding: 8px 0px 0px 5px;
}

.sidenav a {
  text-decoration: none;
  font-size: 15px;
  display: block;
}

.sidenav1 {
  padding: 6px 0px 6px 0px;
  text-decoration: none;
  font-size: 15px;
  display: block;
}


.sidenav2 {
  width: 160px;
  position: relative;
  z-index: 1;
  top: 10px;
  right: 5px;
  background: #001029;
  overflow-y: visible;
  overflow-x: hidden;
  padding: 2px 0px 2px 0px;
}


.sidenavAux {
  position: fixed;
  z-index: 1;
  top: 10px;
  left: 25px;
}

.sidenavO {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenavO a {
  padding: 8px 0px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenavO a:hover {
  color: #f1f1f1;
}

.sidenavO .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}



.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button8 {border-radius: 8px;}





.div {
  overflow-y: visible;
}



.lista1 {
  padding: 6px 0px 6px 0px;
  list-style-type: disc;
  color: white;
}
.lista1:hover {
  background-color: blue;
  color: blue;
}



.lista2 {
  list-style-type: square;
  color: #d6f5ff;
}
.lista2:hover {
  background-color: #0000ff;
  color: #0000ff;
}


.lista3 {
  padding: 6px 0px 6px 0px;
  list-style-type: disc;
  color: white;
}
.lista3:hover {
  background-color: blue;
  color: blue;
}

.lista4 {
  list-style-type: none;
}



/*Original*/
.listaR {
  list-style-type: none
}
.listaR:hover {
  background-color: #9B00B0;
}

.listaCr {
  list-style-type: none
}
.listaCr:hover {
  background-color: #EDD400;
}
.listaCr1 {
  list-style-type: none
}
.listaCr1:hover {
  background-color: #D60E00;
}
.listaCr2 {
  list-style-type: none
}
.listaCr2:hover {
  background-color: #00D62A;
}
.listaCr3 {
  list-style-type: none
}
.listaCr3:hover {
  background-color: #4C008C;
}


.listaCAl {
  list-style-type: none
}
.listaCAl:hover {
  background-color: #EB7C00;
}


.listaCaG {
  list-style-type: none
}
.listaCaG:hover {
  background-color: #EB0C00;
}


.listaCaG {
  list-style-type: none
}
.listaCaG:hover {
  background-color: #EB0C00;
}


.listaCA {
  list-style-type: none
}
.listaCA:hover {
  background-color: #757575;
}


.listaDv {
  list-style-type: none
}
.listaDv:hover {
  background-color: #3B3B3B;
}


.listaMmp {
  list-style-type: none
}
.listaMmp:hover {
  background-color: #FF7593;
}


.listaPE {
  list-style-type: none
}
.listaPE:hover {
  background-color: #EB8400;
}
.listaPE1 {
  list-style-type: none
}
.listaPE1:hover {
  background-color: #2400BF;
}
.listaPE2 {
  list-style-type: none
}
.listaPE2:hover {
  background-color: #7000A1;
}
.listaPE3 {
  list-style-type: none
}
.listaPE3:hover {
  background-color: #005E13;
}