.bg-primary.bg-soft {
    /* background-color:rgb(255,193,77) !important; 
    background-color:rgb(255, 173, 0) !important; */

    background-color: rgb(255, 166, 1, 40%) !important;

}

.cliqbux-primary {
    color: #000 !important;
}

.cliqbux-primary-btn {
    /* background-color: rgb(255, 166, 1) !important;
    border: rgb(255, 166, 1) !important; */

    background-color: rgb(254, 192, 79) !important;
    border: rgb(254, 192, 79) !important;

}

.cliqbux-primary-btn:hover {
    background-color: rgb(250, 164, 26) !important;
    border: rgb(250, 164, 26) !important;
}

.form-check-input:checked {
    background-color: rgb(254, 192, 79) !important;
    border: rgb(254, 192, 79) !important;

}


 .ranges li {
    color: currentcolor;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    /* background-color: #556ee6; */
    background-color: slategray;
}

.ranges li.active {
    /* background-color: #556ee6; */
    background-color: slategray;
    border: 1px solid transparent;
}

.ranges li:hover {
    /* background-color: #556ee6; 
        border: 1px solid #556ee6;*/
    background-color: slategray;
    border: 1px solid slategray; 
    color: #fff;
}