/* * btn */
.btn-primary {color: #fff;background-color: #478cc7; border-color: #478cc7; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:hover,.btn-primary:active:focus {
    color: #478cc7;
    background-color: #fff;
    border-color: #478cc7;
}
.btn-secondary {color: #fff; background-color: #f35f5f; border-color: #f35f5f;}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:hover,.btn-secondary:active:focus {
    color: #f35f5f;
    background-color: #fff;
    border-color: #f35f5f;
}

.btn-green{background-color:#61b963; color:#fff}
.btn-yellow{background-color: #ffdb4f;  color:#fff}
.btn-purple{background-color: #8764c8;  color:#fff}

.btn-bor-green{border:1px solid #61b963; color:#61b963}
.btn-bor-yellow{border:1px solid  #ffdb4f;  color:#ffdb4f}
.btn-bor-purple{border:1px solid  #8764c8;  color:#8764c8}
.btn-bor-secondary{background-color:#fff; color:#f35f5f;border:1px solid #f35f5f;}

.btn-muted{color:#fff; background: #777;}


/* * theme ************************************************/
.theme-primary{color: #fff; background-color: #478cc7;}
.theme-bor-primary{color: #478cc7; background-color: #fff; border: 1px solid #478cc7;}
.theme-secondary{color: #fff;background-color: #f35f5f;}
.theme-bor-secondary{color: #f35f5f;background-color: #fff; border: 1px solid #f35f5f;}

.text-primary {color: #478cc7;}
.text-secondary {color: #f35f5f;}


.text-white {color: #fff;}
.text-dark { color: #000;}
.text-muted { color: #777;}


/* * background  ************************************************/

.bg-white{background-color: #fff}
.bg-pale{background-color: #eff3f4;}
.bg-green{background-color:#61b963}
.bg-yellow{background-color: #ffdb4f;}
.bg-purple{background-color: #8764c8;}
.bg-gray{background-color: #f5f5f5;}