body{
    background: #efefef;
}

.card{
    padding: 25px 40px;
}

.bg-demin {
    --bs-bg-opacity: 1;
    --bs-demin-rgb: 192, 192, 192;
    background-color: rgba(var(--bs-demin-rgb),var(--bs-bg-opacity))!important;
}

.bg-demin-disabled {
    --bs-bg-opacity: 0.2;
    --bs-demin-rgb: 192, 192, 192;
    background-color: rgba(var(--bs-demin-rgb),var(--bs-bg-opacity))!important;
}

.bg-casual {
    --bs-bg-opacity: 1;
    --bs-casual-rgb: 255, 215, 0 ;
    background-color: rgba(var(--bs-casual-rgb),var(--bs-bg-opacity))!important;
}

.bg-casual-disabled {
    --bs-bg-opacity: 0.2;
    --bs-casual-rgb: 255, 215, 0 ;
    background-color: rgba(var(--bs-casual-rgb),var(--bs-bg-opacity))!important;
}


.bg-escencial {
    --bs-bg-opacity: 1;
    --bs-escencial-rgb: 255, 87, 51 ;
    background-color: rgba(var(--bs-escencial-rgb),var(--bs-bg-opacity))!important;
}

.bg-escencial-disabled {
    --bs-bg-opacity: 0.2;
    --bs-escencial-rgb: 255, 87, 51;
    background-color: rgba(var(--bs-escencial-rgb),var(--bs-bg-opacity))!important;
}

.bg-fashion {
    --bs-bg-opacity: 1;
    --bs-fashion-rgb: 0,0,0;
    background-color: rgba(var(--bs-fashion-rgb),var(--bs-bg-opacity))!important;
    color: #FFF;
}

.bg-fashion-disabled {
    --bs-bg-opacity: 0.2;
    --bs-fashion-rgb: 59,3,78;
    background-color: rgba(var(--bs-fashion-rgb),var(--bs-bg-opacity))!important;
}