/* Minification failed. Returning unminified contents.
(20,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
 */
.ui-autocomplete {
    z-index: 5000;
}

span.required {
    margin-left: 3px;
}

.m0 {
    margin: 0px !important;
}

@media (max-width: 576px) {
    body {
        padding-top: 8rem !important;
    }
}

a[href="javascript:void(0)"]:hover, a[href="javascript:void(0)"]:active, a[href="javascript:void(0)"]:focus {
    background-color: var(--blue);
    color: #fff;
}

/*#agree:hover, #agree:active, #agree:focus,*/ #spCar:hover, #spCar:active, #spCar:focus {
    background-color: yellow;
}

.tab-effect, .tab-effect {
    outline: 2px solid transparent !important;
    padding: 3px 4px;
}

    .tab-effect:focus, .tab-effect:focus-visible {
        outline: 2px solid black !important;
        padding: 3px 4px;
    }

.hide {
    display: none;
}

.card-header {
    height: 48px; /* Change the color on hover if desired */
}

.expand-collapse-btn {
    float: right;
    border-radius: 50%;
    background-color: #03568c;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    cursor: pointer; /* Add cursor pointer for the clickable span */
    margin-top: -3px;
}

#referralInfoHeader {
    background: center;
}