body {
  font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
  margin: 20px;
}
table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
}
th, td {
  text-align: left;
  padding: 10px;
}
th {
  width:auto;    
  height: 20px;    
}
td {
  height: 20px;
}
option {
  font-family: "Helvetica";
}
footer {
  text-align: center;
  padding: 3px;
  background-color: #f3f4ef;
  padding-top: 20px;
  color: black;
}


.overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.overlay-content {
  z-index: 9999;
  position: fixed;
  margin: auto;
  width: 90%;
  height: 90%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
}
.responsive-overlay {
  max-width: 95%;
  max-height: 95%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: scroll;
}
.selectable tr {
    cursor: pointer;
}
.responsive {
  width: 100%;
  height: auto;
}
.clickable:hover {
  cursor: pointer;
}
.menu {
  font-weight: 900;
}
.menu a {
  color: black !important;
}
.menu a:hover{
  color: #009A00  !important;
  cursor: pointer !important;
  opacity: 0.6    !important;
  transition: 0.3s!important; 
}
p a:hover{
  color: #009A00  !important;
  cursor: pointer !important;
  opacity: 0.6    !important;
  transition: 0.3s!important; 
}
.slider-responsive {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: auto;
  position: relative;
}
.img-slider{
  overflow: hidden;
  position: relative;
  height: 600px;
  width: 800px;:
}

.img-slider img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right:0;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.home-enter-active, .home-leave-active {
  position: inherit;
  transition: 0.5s;
}
.home-enter, .home-leave-to /* .fade-leave-active below version 2.1.8 */ {
  position: inherit;
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: all 0.9s ease;
  overflow: hidden;
  visibility: visible;
  width:100%;
  opacity: 1;
}
.fade-leave-active {
  position: absolute;
}

.fade-enter,
.fade-leave-to {
  visibility: hidden;
  width:100%;
  opacity: 0;
}

@media screen and (max-width: 600px) {
  p {
    font-size: 12px;
  }
  li {
    font-size: 12px;
  }
  a {
    font-size: 11px;
  }
}
.footer {
  position: block;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #f3f4ef;
  color: black;
  text-align: center;
}