.green-btn {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(68, 118, 3);
  border-radius: 3px;
  background: #63a70a;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(117, 186, 26, 1);
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.green-btn:hover {
	background: #5fa108;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(117, 186, 26, 1);
}
.green-btn:active {
	background: #63a70a;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(117, 186, 26, 1);
}


.green-btn-flt {
  border-radius: 4px;
  background: #63a70a;
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  border: none;
  border: 1px solid transparent;
  
}
.green-btn-flt:hover {
	background: #63a70a;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(68, 118, 3);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(117, 186, 26, 1);
	
}
.green-btn-flt:active {
	background: #5fa108;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(117, 186, 26, 1);
}


.lgrey-btn {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(69, 74, 81);
  border-radius: 3px;
  background: #686c72;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(139, 141, 145, 1);
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.lgrey-btn:hover {
	background: #5f636a;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(128, 132, 137, 1);
}
.lgrey-btn:active {
	background: #686c72;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(139, 141, 145, 1);
}


.lgrey-btn-flt {
  border-radius: 4px;
  background: #686c72;
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  border: none;
  border: 1px solid transparent;
}
.lgrey-btn-flt:hover {
	background: #686c72;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(69, 74, 81);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(139, 141, 145, 1);

}
.lgrey-btn-flt:active {
	background: #5f636a;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(139, 141, 145, 1);
}


.red-btn {
  border-style: solid;
  border-width: 1px;
  border-color: #a61e1e;
  border-radius: 3px;
  background-color: #eb5050;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(250, 128, 128, 1);
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.red-btn:hover {
	background: #de4545;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(250, 128, 128, 1);
}
.red-btn:active {
	background: #eb5050;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(250, 128, 128, 1);
}


.red-btn-flt {
  border-radius: 4px;
  background-color: #eb5050;
  color: #FFF;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  border: 1px solid transparent;
}
.red-btn-flt:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #a61e1e;
	background: #eb5050;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(250, 128, 128, 1);
}
.red-btn-flt:active {
	background: #de4545;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 0px 0px rgba(250, 128, 128, 1);
}
.slate-btn {
  border-style: solid;
  border-width: 1px;
  border-color: #a4a4a4;
  border-radius: 3px;
  background-color: #e9e9e9;
  box-shadow: 0px 1px 2px 0px rgba(108, 108, 108, 0.4),inset 0px 1px 0px 0px rgba(247, 247, 247, 1);
  color: #282d2f;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.slate-btn:hover {
	background: #e1e1e1;
	box-shadow: 0 0 4px 0 rgba(108, 108, 108, 0.4),inset 0px 1px 0px 0px rgba(247, 247, 247, 1);
}
.slate-btn:active {
	background: #e9e9e9;
	box-shadow: 0px 1px 2px 0px rgba(108, 108, 108, 0.4),inset 0px 1px 0px 0px rgba(247, 247, 247, 1);
}
.slate-btn-flt {
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #e1e1e1;
  
  color: #282d2f;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.slate-btn-flt:hover {
	background: #e9e9e9;
	box-shadow: 0px 1px 2px 0px rgba(108, 108, 108, 0.4),inset 0px 1px 0px 0px rgba(247, 247, 247, 1);
	border: 1px solid #a4a4a4;
}
.slate-btn-flt:active {
	background: #e1e1e1;
	box-shadow: 0px 1px 2px 0px rgba(108, 108, 108, 0.4),inset 0px 1px 0px 0px rgba(247, 247, 247, 1);
}

.slate-btn[disabled] {
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #bebebe;
  color: #868686;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.slate-btn[disabled]:hover {
	cursor: not-allowed;
}