.btn {
  -webkit-font-smoothing: antialiased;
   font-weight: bold !important;
  color: #ffffff !important;
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
.btn:hover,
.btn:focus {
  color: #ffffff !important;
  text-decoration: none;
}
.btn.disabled {
  background-color: #555657;
  color: #828384 !important;
  cursor: default;
}
.btn.red {
  background-color: #C20000;
}
.btn.red:hover {
  background-color: #e90000;
}
.btn.red:active {
  background-color: #e90000;
}
.btn.green {
  background-color: #45981c;
}
.btn.green:hover {
  background-color: #4da920;
}
.btn.green:active {
  background-color: #4da920;
}
.btn.blue {
  background-color: #4d8cdf;
}
.btn.blue:hover {
  background-color: #3498db;
}
.btn.blue:active {
  background-color: #457cc4;
}
.btn.gray {
  background-color: #828c8e;
}
.btn.gray:hover {
  background-color: #576163;
}
.btn.gray:active {
  background-color: #677173;
}
.btn.white {
  color: #7f8c8d !important;
  background-color: transparent;
}
.btn.white:hover {
  background-color: transparent;
}
.btn.white:active {
  background-color: transparent;
}
.btn.dark {
  background-color: #576f88;
}
.btn.dark:hover {
  background-color: #576f88;
}
.btn.dark:active {
  background-color: #576f88;
}


.small {
	font-size: 11px;
	font-family: tahoma;
	padding: 3px 6px !important;
	vertical-align: sub;
}
.medium {
	font-size: 12px;
	padding: 7px 10px !important;
	vertical-align: sub;
}