.btn-primary, .btn-danger{
    background-color: #006CA0 !important;
    border-color: #51c2ff !important;
}
.btn-danger{
    background-color: #D11017 !important;
    border-color: #d73925 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.focus,
.btn-primary:focus
{
    background-color: #006CA0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #006CA0;
    color: #fff;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active{
    background: #006CA0;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled]{
    background: #006CA0;
}
.bg-red{
    background: #D11017 !important;
}
.text-red{
    color: #D11017 !important;
}
.pagination .active a{
    background-color: #006CA0 !important;
    border-color: #51c2ff !important;
}
.ranges li{
}
.ranges li.active, .ranges li:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover{
    background-color: #006CA0 !important;
    border-color: #51c2ff !important;
}

.fa-info-circle:hover::after {
    content: 'Full Access: Full access to app features \A Driver: No access to “Invoice Dashboard” or “Credit Check”'; /* Add your description text here */
    display: block;
    position: absolute;
    top: 100%; 
    left: 33%; 
    width: auto;
    transform: translateX(-50%); /* Center it horizontally */
    background-color: #3498db; /* Background color for the description */
    color: #fff; /* Text color for the description */
    padding: 5px; /* Add padding for better visibility */
    border-radius: 5px; /* Add border radius for rounded corners */
    white-space: pre-wrap; /* Prevent text from wrapping */
}