/*Date Picker*/



.posting_date_picker{
    position: absolute;
    z-index: 1;
}
.apply-btn{
    width:100px;
}
.reset-btn{
    width:200px;
}


/*---------------------------------*/

.daterangepicker * {
    font-family: var(--cal-fontfamily) !important;
}
.daterangepicker .calendar-table td {
    width: 20px !important;
    height: 20px !important;
    border-radius: 20px !important;
    padding: 3px 0px !important;
    background: #f5f5f5;
}
.daterangepicker .calendar-table td.active {
    background: var(--cal_primary) !important; /*change as per the theme color*/
    color: var(--cal-lightfontcolor) !important; /*change if background color is light*/
}
.daterangepicker td.in-range {
    background: var(--cal_primarylight); /*change as per the theme LIGHT color*/
    color: var(--cal-fontcolor) !important;
}
.daterangepicker td:hover /*date hover styles*/ {
    background: var(--cal_primarylight) !important; /*change as per the theme LIGHT color*/
    color: var(--cal-fontcolor) !important;
}
.daterangepicker .drp-buttons .btn {
    padding: 8px 12px !important;
}
.daterangepicker td.off {
    background: transparent !important;
}
.drp-buttons button.applyBtn, 
.drp-buttons .btn-primary {
    background-color: var(--cal_primary) !important;
    border-color: var(--cal_primary) !important;
}
.daterangepicker .calendar-table td:hover,
.drp-buttons button.applyBtn:hover, 
.drp-buttons .btn-primary:hover {
    opacity: 0.8 !important;
}
.posting_date.form-control {
    border-radius: 0px 0px;
    min-height: 43px;
}
.mainsearch-field.form-control {
    border-radius: 0px 0px;
    min-height: 43px;
}
.filter-btnContainer {
    display: flex;
    justify-content: flex-end;
}

.posting_date .fs-arrow {
    z-index: 99999 !important;
}
.input-group .fs-arrow {
    z-index: 999 !important;
}