.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.btn-one {
    color: #fff;
    background-color: var(--one);
    border-color: var(--one-border);
}

.btn-one:hover {
    color: #fff;
    background-color: var(--one-hover);
    border-color: var(--one-hover);
}

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.link-one {
    color: var(--one);
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

.link-one:hover {
    color: var(--one-hover);
    text-decoration: underline;
}

.btn-outline-one {
    color: var(--one) !important;
    background-color: transparent !important;
    border-color: var(--on-border) !important;
}

.btn-outline-one:hover {
    color: #fff !important;
    background-color: var(--one) !important;
    border-color: var(--one) !important;
}

.btn-one:focus,
.btn-one.focus {
    color: #fff !important;
    background-color: var(--one-hover) !important;
    border-color: darken(var(--one-hover), 10%);
    box-shadow: 0 0 0 0.2rem rgba(var(--one-shadow-rgb), 0.5) !important;
    /* Utilise les couleurs personnalisées */
}

/* Styles personnalisés pour les boutons en état focus */
.btn.focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--one-shadow-rgb), 0.5) !important;
}

.btn-one:not(:disabled):not(.disabled):active,
.btn-one:not(:disabled):not(.disabled).active,
.show>.btn-one.dropdown-toggle {
    color: #fff !important;
    background-color: var(--one-hover) !important;
    border-color: darken(var(--one-hover), 10%) !important;
}

/* Styles personnalisés pour les inputs */
.form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: var(--one-border) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--one-shadow-rgb), 0.5) !important;
}

/* Styles de base des badges */
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

/* Styles pour badge-one */
.badge-one {
    color: #fff;
    background-color: var(--one);
}

.badge-one:hover {
    background-color: var(--one-hover);
}


#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
    border-color: var(--one) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--one);
    color: #fff;
}

/* Styles pour les tables de prix génériques */
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg, 
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
    border-color: var(--one) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--one);
    color: #fff;
}

#generic_price_table .generic_content .generic_price_btn a {
    border: 1px solid var(--one) !important;
    color: var(--one) !important;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a {
    background-color: var(--one) !important;
    color: #fff !important;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    background-color: #E4E4E4;
    border-left: 5px solid var(--one) !important;
    cursor: pointer;
}

.check-success {
    color: #28A745;
}

a,
button {
    cursor: pointer !important;
}