.bg-primary {
    background-color: #ffffff !important;
}

.bg-success {
    background-color: #ffffff !important;
}

.bg-info {
    background-color: #ffffff !important;
}

.bg-warning {
    background-color: #ffffff !important;
}

.text-white {
    --bb-text-opacity: 1;
    color: rgb(0 0 0) !important;
}

.ps-main .ps-main__sidebar {
    min-width: 325px;
}

@media screen and (min-width: 1200px) {
    .ps-main .ps-main__sidebar {
        background-color: #ffffff;
        display: block;
        max-width: 325px;
        padding: 30px 0 30px 20px;
    }
}


.card {
    --bb-card-spacer-y: 1rem;
    --bb-card-spacer-x: 1.25rem;
    --bb-card-title-spacer-y: 1.25rem;
    --bb-card-title-color: ;
    --bb-card-subtitle-color: ;
    --bb-card-border-width: var(--bb-border-width);
    --bb-card-border-color: var(--bb-border-color-translucent);
    --bb-card-border-radius: var(--bb-border-radius-lg);
    --bb-card-box-shadow: var(--bb-shadow-card);
    --bb-card-inner-border-radius: calc(var(--bb-border-radius-lg) - var(--bb-border-width));
    --bb-card-cap-padding-y: 1rem;
    --bb-card-cap-padding-x: 1.25rem;
    --bb-card-cap-bg: var(--bb-bg-surface-tertiary);
    --bb-card-cap-color: inherit;
    --bb-card-height: ;
    --bb-card-color: inherit;
    --bb-card-bg: var(--bb-bg-surface);
    --bb-card-img-overlay-padding: 1rem;
    --bb-card-group-margin: 1.5rem;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--bb-card-bg);
    border: var(--bb-card-border-width) solid var(--bb-card-border-color);
    border-radius: none;
    box-shadow: none; 
    color: var(--bb-body-color);
    display: flex;

}

.text-warning-fg
 {
    color: #ff0000 !important;
}

.discount {
    background: #1d85e7;
    border-radius: 3px;
    padding: 3px;
    position: relative;
}