button {
/*minimum with add here if needed*/
}

.flat-butt .fa {
 /*padding: 0px 0px !important;*/
	color: #ffb344;
}


 .flat-butt {
  display: inline-block;
  margin: 4px 5px;
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 16.5px;
  padding: 12px 20px;
  border: 0;
  background: #525352;
  color: #FFF;
  cursor: pointer;
  outline: 0;
}

 .flat-butt.medium {
  font-size: 16px !important;
  padding: 10px 14px !important;
 
}
.flat-butt:hover {
  background: #000000;
}
.flat-primary-butt {
  background: #1abc9c;
}
.flat-primary-butt:hover {
  background: #2fe2bf;
}
.flat-info-butt {
  background: #3498db;
}
.flat-info-butt:hover {
  background: #5dade2;
}
.flat-danger-butt {
  background: #e74c3c;
}
.flat-danger-butt:hover {
  background: #ec7063;
}

/*blue buttons*/
.theme-blue-bg {
  background: #e74c3c;
}
.theme-blue-bg:hover {
 background: #005580;
}
.theme-blue-bg-grad {
  background-image: linear-gradient(#34495E 50%, #2C3E50 50%);
}


/*Gray buttons*/
.theme-gray-bg {
  background: #525352;
}
.theme-gray-bg:hover {
 background: #000000;
}
.theme-gray-bg-grad {
  background-image: linear-gradient(#434343 50%, #393939 50%);
}





/*
Gradient */

.flat-grad-butt {
  background-image: linear-gradient(#34495E 50%, #2C3E50 50%);
}
.flat-primary-grad-butt {
  background-image: linear-gradient(#1ABC9C 50%, #16A085 50%);
}
.flat-info-grad-butt {
  background-image: linear-gradient(#3498DB 50%, #2980B9 50%);
}
.flat-danger-grad-butt {
  background-image: linear-gradient(#E74C3C 50%, #C0392B 50%);
}