.btn-xs {
    
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-xs:hover {
    background-color: #000;
    color: #fff;
}


.form-control-sm {
    height: 2.5rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-select-sm {
    padding-right: 2rem;
}

form[name="contact"] div .ts-wrapper .ts-control {
    background-color: #fff;
    border: 1px solid #dae0ec;
    height: 56px;
    color: #475569 !important;
    font-size: 16px;
    padding: 14px 15px;
    width: 100%;
    transition: all ease 0.5s;
    border-radius: 5px;
    
}


form[name="sales_report_filter"] div .ts-wrapper .ts-control {
    padding: 8.5px 8.5px;
    
}

form[name="appointment"] div .ts-wrapper .ts-control,
form[name="campaign_filter"] div .ts-wrapper .ts-control,
form[name="contact"] div .ts-wrapper .ts-control,
form[name="whatsapp_chat"] div .ts-wrapper .ts-control {
    background-color: #fff;
    border: 1px solid #dae0ec;
    height: 54px;
    color: #475569 !important;
    font-size: 16px;
    padding: 14px 15px;
    width: 100%;
    transition: all ease 0.5s;
    border-radius: 5px;
}