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

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


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

 .flat-butt.medium {
  font-size: 16px !important;
  padding: 10px 14px !important;
 
}

 .flat-butt.small {
  font-size: 14px !important;
  padding: 3px 6px !important;
 
}
.flat-butt:hover {
  background: #000000;
}
.flat-primary-butt {
   background: rgba(17, 28, 50, 0.75);
	border: 1px solid #172238;
}
.flat-primary-butt:hover {
 
  background: #3d485e;
  
  
}
.flat-info-butt {
  background: #3498db;
}
.flat-info-butt:hover {
  background: #5dade2;
}
.flat-danger-butt {
  background: #75040e;
}
.flat-danger-butt:hover {
  background: #a7454e;
}

/*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%);
}