/* Botões dos tipo estação */
.btn-eg {
  background: rgb(250, 255, 140);
  color: #574500;
  font-weight: bold;

}
.btn-eg:hover, .btn-eg:focus {
  background: rgb(252, 255, 179);
}
.btn-eg:active {
  background: rgb(247, 255, 71);
}

.btn-eg .badge {
  color: black;
  background-color: #fff;

}




.btn-rn {
  color: #fff;
  font-weight: bold;
  background-color: #E81504;
  border-color: #E82800;
}

.btn-rn:focus,
.btn-rn.focus {
  color: #fff;
  background-color: #FF211D;
  border-color: #E82800;
}
.btn-rn:hover {
  color: #fff;
  background-color: #FF211D;
  border-color: #E82800;
}
.btn-rn:active,
.btn-rn.active,
.open > .dropdown-toggle.btn-rn {
  color: #fff;
  background-color: #FF211D;
  border-color: #E82800;
}

.btn-rn .badge {
  color: #E81504;
  background-color: #fff;
}


.btn-vt {
  color: #fff;
  font-weight: bold;
  background-color: #f0ad4e;
  border-color: #eea236;
}


.btn-vt:focus,
.btn-vt.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-vt:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-vt:active,
.btn-vt.active,
.open > .dropdown-toggle.btn-rn {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;;
}

.btn-vt .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-dop {
  color: #fff;
  font-weight: bold;
  background-color: #5cb85c;
  border-color: #4cae4c;
}


.btn-dop:focus,
.btn-dop.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-dop:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-dop:active,
.btn-dop.active,
.open > .dropdown-toggle.btn-rn {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-dop .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-ep {
  color: #fff;
  font-weight: bold;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-ep:focus,
.btn-ep.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-ep:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-ep:active,
.btn-ep.active,
.open > .dropdown-toggle.btn-ep {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-ep .badge {
  color: #d9534f;
  background-color: #fff;
}





/* Custom button -------------------------------------------------- */

/* Override base .btn styles */

/* Apply text and background changes to three key states: default, hover, and active (click). */

.btn-ttc, .btn-ttc:hover, .btn-ttc:active {
color: white; text-shadow:
0 -1px 0 rgba(0, 0, 0, 0.25);
font-weight: bold;
background-color: #ac125e;
}

/* Apply the custom-colored gradients */

/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */

.btn-ttc {
background-repeat: repeat-x;
background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);
...

}

/* Set the hover state */

/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */

.btn-ttc:hover {
background-position: 0 -15px;
}

.btn-ttc .badge {
  color: #ac125e;
  background-color: #fff;
}


.btn-uf {
  color: #fff;
  font-weight: bold;
  background-color: #A9A9A9;
  border-color: #d43f3a;
}

.btn-uf .badge {
  color: black;
  background-color: #fff;

}

.btn-uf2 {
  color: #fff;
  font-weight: bold;
  background-color: #808080;
  border-color: #d43f3a;
}

.btn-uf2 .badge {
  color: black;
  background-color: #fff;

}