body {
  /* background-color: #f0f0f0; */
  /* background-color: #C0C0C0; */
  /* background-color: #999999; */
}

p {
  color: #666666;
  font-family: Arial;
  font-weight: bold;
}



input {
  outline: none;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

}

/* button {
  outline: none;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
    
    */


.menuClass,
.menu2Class,
.menu3Class {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  /* padding:10px 21px; */
  padding: 8px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}

.menuClass:hover,
.menu2Class:hover,
.menu3Class:hover {
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
}

.menuClass:active,
.menu2Class:active,
.menu3Class:active {
  position: relative;
  top: 1px;
}

.goClass,
.go2Class,
.go3Class {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}

.goClass:hover,
.go2Class:hover,
.go3Class:hover {
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
}

.goClass:active,
.go2Class:active,
.go3Class:active {
  position: relative;
  top: 1px;
}


.addressClass,
.address2Class,
.address3Class {
  background-color: #f9f9f9;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  padding: 8px 10px;
  border-radius: 5px;


  /* line-height: 50px;
        background: #fafafa;
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 20px;
        font-size: 16px;
        color:#666666;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease; */


}

.clearLogClass {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}

.clearLogClass:hover {
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
}

.clearLogClass:active {
  position: relative;
  top: 1px;
}

#stopId {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}

#stopId:hover {
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
}

#stopId:active {
  position: relative;
  top: 1px;
}

#progressId {
  display: inline-block;
  color: #666666;
  font-family: Arial;
  font-size: 15px;

}

#displayId {
  display: block;
  width: 900px;
  /* Set the width as needed */
  height: 500px;
  /* Set the height as needed */
  /* background-color: black; */
  background-color: #f9f9f9;
  /* border:1px solid #dcdcdc; */
  /* color: #FFFF00; */
  color: #666666;
  font-family: Arial;
  font-family: 'Courier New', Courier, monospace;
  font-size: 15px;
  font-weight: bold;
  /* color: #00FF00; */

  /* outline: none;
      margin: 0; */
  border: none;
  border-radius: 5px;
  outline: none;
  /* -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; */
}

.bottom-link {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  /* background-color: #333; */
  /* color: white; */
  /* text-align: center; */
  text-align: left;
  padding: 10px;
  text-decoration: none;

  background-color: #f9f9f9;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
}