.btn-group-pill .btn.active{
    background-color: #343A40 !important;
    color: white !important;
}
.btn-group-pill .btn{
    background-color: #F8F9FA !important;
    color: #5e656b;
}

.loader-gradient {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     display: block;
     margin:15px auto;
     position: relative;
     background: #FFF;
     box-shadow: -24px 0 #FFF, 24px 0 #FFF;
     box-sizing: border-box;
     animation: shadowPulse 2s linear infinite;
 }

@keyframes shadowPulse {
    33% {
        background: #FFF;
        box-shadow: -24px 0 #FF3D00, 24px 0 #FFF;
    }
    66% {
        background: linear-gradient(to right, #f5af19 0%, #f12711 100%);;
        box-shadow: -24px 0 #FFF, 24px 0 #FFF;
    }
    100% {
        background: #FFF;
        box-shadow: -24px 0 #FFF, 24px 0 #FF3D00;
    }
}