:root {
    --button-disabled-color: rgba(85, 87, 90, 0.75);
    --button-disabled-bg: rgba(181, 184, 187, 0.5);
    --button-disabled-border: rgba(181, 184, 187, 0.5);
}

[data-bs-theme="dark"] {
    --button-disabled-color: rgba(158, 161, 164, 0.8);
    --button-disabled-bg: rgba(85, 87, 90, 0.5);
    --button-disabled-border: rgba(134, 136, 139, 0.5);
}


#list-subscriptions .subscriptions{
    border: 2px solid var(--border-subtle-01, #dae4ec);
}

#list-subscriptions .subscriptions .title{
    flex: 1 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
}

#list-subscriptions .subscriptions .title .type{
    color: var(--text-secondary, rgba(91, 105, 123, 1));
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 0.75rem; /* 109.091% */
    text-transform: uppercase;
}

#list-subscriptions .subscriptions .title .name{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.125rem;
}

#list-subscriptions .subscriptions div.info,
#list-subscriptions .subscriptions div.info div.block{
    flex: 1 0 0;
}

#list-subscriptions .subscriptions div.info p.title{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: var(--text-secondary, rgba(91, 105, 123, 1));
}

#list-subscriptions .subscriptions div.info p.value{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

#list-subscriptions .subscriptions div.cancellation div{
    border: 1px solid var(--tint-red, #AB1E1E);
    background: var(--tint-red-inverse, #FFF0F0);
    color: var(--tint-red, #AB1E1E);

    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}








#userAccount #add-data-pack:disabled{
    color: var(--button-disabled-color)!important;
    border: 1px solid var(--button-disabled-border)!important;
    background-color: var(--button-disabled-bg)!important;
}

#userAccount #msg-data-pack-no-standard{
    background: var(--tint-blue-inverse);
    color: var(--tint-blue);
    border: 1px solid var(--tint-blue);
    border-radius: 0.25rem;
    width: fit-content;
    padding: 0.5rem;

    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}