

.blue-std-button {

    border-style: solid;
    border-width: .125em;
    border-color: #29374b;
    background-color: #29374b;
  
    color: #FFF; 
    text-align: center; 
    margin: .5em;
    padding: .75em;
}
.blue-std-button:hover {
  background-color: #FFF;
  color: #29374b;
}

.clear-white-white-button {
  border-style: solid;
  border-width: .125em;
  border-color: #FFF;
  border-radius: .2em;
  background: transparent;

  color: #FFF; 
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.clear-white-white-button:hover {
  background-color: #FFF;
  color: #29374b;
}

.clear-blue-blue-button {
  border-style: solid;
  border-width: .125em;
  border-color: #29374b;
  border-radius: .2em;
  background: transparent;

  color: #29374b; 
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.clear-blue-blue-button:hover {
  background-color: #29374b;
  color: #FFF;
}

.clear-black-black-button {
  border-style: solid;
  border-width: .125em;
  /* border-color: #555; */
  border-color: #333;
  border-radius: .2em;
  background: transparent;

  /* color: #555;  */
  color: #333;
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.clear-black-black-button:hover {
  /* background-color: #555; */
  background-color: #333;
  color: #FFF;
}

.solid-blue-white-button {
  border-style: solid;
  border-width: .125em;
  border-color: #29374b;
  border-radius: .2em;
  background-color: #29374b;

  color: #FFF; 
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.solid-blue-white-button:hover {
  background-color: #FFF;
  color: #29374b;
}

.clear-blue-std-button {
  border-style: solid;
  border-width: .125em;
  border-color: #0095c6;
  background: transparent;

  color: #0095c6; 
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.clear-blue-std-button:hover {
  background-color: #0095c6;
}

.generic_span_button {
  border-style: solid;
  border-width: .125em;
  border-color: #55555a;
  background: transparent;

  color: #55555a; 
  text-align: center; 
  margin: .5em;
  padding: .75em;
}
.generic_span_button:hover {
  background-color: #4CAF50;
}