/* * btn */
.btn-primary {color: #fff; background-color: #ff5754; border-color: #ff5754;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:hover,.btn-primary:active:focus {
    color: #3d3d3d;
    background-color: #fff;
    border-color: #3d3d3d;
}
.btn-secondary{ color: #fff;    background-color: #3d3d3d;    border-color: #3d3d3d;}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:hover,.btn-secondary:active:focus {
    color: #fff;
    background-color: #ff5754;
    border-color: #ff5754;
}


.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}


.border{border: 1px solid #ddd;}
/* * theme ************************************************/
.theme-primary {color: #fff; background-color: #ff5754;}
.theme-secondary {color: #fff;background-color: #3d3d3d;}

.text-primary {color: #ff5754;}
.text-secondary {color: #3d3d3d;}
.text-white {color: #fff;}
.text-dark { color: #000;}
.text-muted { color: #777;}
.text-gray { color: #838383;}
.text-b-gray { color: #dfdfdf;}



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

.bg-white { background-color: #fff;}
.bg-gray { background-color: #f2f2f2;}
.bg-gray1 {background-color: #f5f5f5;}
.bg-gray2 { background-color: #f6f6f6;}
.bg-gray--dark {background-color: #e6e6e6;}

.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;}