/* default button */
.md-btn {
    display: inline-block;
    font-weight: 500;
    color: #212529;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 0.8rem;
    padding: 7px 16px;
    border-radius: .15rem;
    box-shadow: -1px 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 rgba(0,0,0,.2);
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
/* default button hover  & focus*/
.md-btn:hover {
    box-shadow: 0px 5px 7px 0 rgba(0,0,0,.15), 0 3px 5px 0 rgba(0,0,0,.2)
}
.md-btn:focus {
    outline: 0;
    box-shadow: -1px 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 rgba(0,0,0,.2);
}
/* Primary */
.md-btn-primary {
    background-color: #4886ff !important;
    color: #fff
}
/* Default */
.md-btn-default {
    background-color: #009688  !important;
    color: #fff
}
/* SECONDORY */
.md-btn-secondary {
    background-color: #03dac6 !important;
    color: #fff
}
/* success */
.md-btn-success {
    color: #fff;
    background-color: #7ad835;
}
/* info */
.md-btn-info {
    color: #fff;
    background-color: #17a2b8;
}
/* warning */
.md-btn-warning {
    color: #fff;
    background-color: #ffc107;
}
/* danger */
.md-btn-danger {
    color: #fff;
    background-color: #ff484c;
}
/* unique */
.md-btn-unique {
    background-color: #880e4f!important;
    color: #fff
}
/* elegant */
.md-btn-elegant {
    background-color: #2e2e2e!important;
    color: #fff
}
/* pink */
.md-btn-pink {
    background-color: #ec407a!important;
    color: #fff
}3b5998
/* Facebook */
.md-btn-facebook {
    background-color: #3b5998 !important;
    color: #fff
}
/* purple */
.md-btn-purple {
    background-color: #8e24aa!important;
    color: #fff
}
/* deep purple */
.md-btn-deep-purple {
    background-color: #512da8!important;
    color: #fff
}
/* indigo */
.md-btn-indigo {
    background-color: #3f51b5!important;
    color: #fff
}
/* light blue */
.md-btn-light-blue {
    background-color: #82b1ff!important;
    color: #fff
}
/* cyan */
.md-btn-cyan {
    background-color: #00bcd4!important;
    color: #fff
}
/* dark green */
.md-btn-dark-green {
    background-color: #388e3c!important;
    color: #fff
}
/* light green */
.md-btn-light-green {
    background-color: #7ad835!important;
    color: #fff
}
/* yellow */
.md-btn-yellow {
    background-color: #fbc02d!important;
    color: #fff
}
/* outline button css */
.md-btn-outline-primary {
    border: 2px solid #4886ff!important;
    background-color: transparent!important;
    color: #4886ff!important
}
.md-btn-outline-default {
    border: 2px solid #009688!important;
    background-color: transparent!important;
    color: #009688!important
}
.md-btn-outline-secondary {
    border: 2px solid #03dac6!important;
    background-color: transparent!important;
    color: #03dac6!important
}
.md-btn-outline-success {
    border: 2px solid #7ad835!important;
    background-color: transparent!important;
    color: #7ad835!important
}
.md-btn-outline-info {
    border: 2px solid #17a2b8!important;
    background-color: transparent!important;
    color: #17a2b8!important
}
.md-btn-outline-warning {
    border: 2px solid #ffc107!important;
    background-color: transparent!important;
    color: #ffc107!important
}
.md-btn-outline-danger {
    border: 2px solid #ff484c!important;
    background-color: transparent!important;
    color: #ff484c!important;
}
/* large size */
.md-btn-lg{
  padding: 10px 16px;
  font-size: 0.9rem;
}
/* medium size for icon button */
.md-btn-md .material-icons{
  font-size: 20px;
}
/* small size */
.md-btn-sm{
  padding: 5px 16px;
  font-size: 0.72rem;
}
/* small size for material icon */
.md-btn-sm .material-icons{
  font-size: 18px;
}
/* rounded button */
.md-btn-rounded{
  border-radius: 50px;
}
/* circle button */
.md-btn-circle{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
/* circle small button */
.md-btn-circle.md-btn-sm{
  height: 28px;
  width: 28px;
}
/* circle large button */
.md-btn-circle.md-btn-lg{
  height: 40px;
  width: 40px;
}