.icon-48 {
    max-width: 48px;
    max-height: 48px;
}

.icon-36 {
    max-width: 36px;
    max-height: 36px;
}


.flair {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px !important;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: nowrap;
    border-radius: 0.35rem !important;
    overflow: hidden;
    padding: 0px 4px;
    background-color: #0dd3bb;
}

.flair:hover {
    background-color: #0cbda8;
}

.flair-active {
    font-size: 14px;
    padding: 3px 10px;
    color: #FFFFFF;
    line-height: 24px;
}

.flair-active-language {
    background-color: #0dd3bb;
    color: #FFFFFF;
}

.flair-active-language:hover {
    background-color: #0aa998;
}

.flair-active-architecture {
    background-color: #8885a5;
    color: #FFFFFF;
}

.flair-active-architecture:hover {
    background-color: #6f6c8a;
}

.flair-active-categorie {
    background-color: #ffb000;
    color: #FFFFFF;
}

.flair-active-categorie:hover {
    background-color: #cc8e00;
}

.flair-active-licence {
    background-color: #f8c471;
    color: #FFFFFF;
}

.flair-active-licence:hover {
    background-color: #d5a555;
}

.flair-windows {
    background-color: #0079D3;
    color: #FFFFFF;
}

.flair-windows:hover {
    background-color: #005ea3;
}

.flair-linux {
    background-color: #ab3995;
    color: #FFFFFF;
}

.flair-linux:hover {
    background-color: #8b2f79;
}

.flair-macos {
    background-color: #828282;
    color: #FFFFFF;
}

.flair-macos:hover {
    background-color: #666666;
}

.flair-language {
    background-color: #e99ee9;
    color: #FFFFFF;
}

.flair-language:hover {
    background-color: #c77ac6;
}

.flair-internet {
    background-color: #59C3C3;
    color: #FFFFFF;
}

.flair-internet:hover {
    background-color: #4ab3b3;
    color: #FFFFFF;
}

.flair-utilities {
    background-color: #FFB000;
    color: #FFFFFF;
}

.flair-utilities:hover {
    background-color: #e6a000;
    color: #FFFFFF;
}

.flair-messaging {
    background-color: #3964ab;
    color: #FFFFFF;
}

.flair-messaging:hover {
    background-color: #2e5495;
    color: #FFFFFF;
}

.flair-security {
    background-color: #46D160;
    color: #FFFFFF;
}

.flair-security:hover {
    background-color: #3cb857;
    color: #FFFFFF;
}

.flair-systemandnetwork {
    background-color: #BBBDBF;
    color: #FFFFFF;
}

.flair-systemandnetwork:hover {
    background-color: #a5a7a9;
    color: #FFFFFF;
}

.flair-media {
    background-color: #FF66AC;
    color: #FFFFFF;
}

.flair-media:hover {
    background-color: #e65a99;
    color: #FFFFFF;
}

.flair-development {
    background-color: #7193FF;
    color: #FFFFFF;
}

.flair-development:hover {
    background-color: #5e81f7;
    color: #FFFFFF;
}

.flair-list-href {
    background-color: #009EBD;
    color: #FFFFFF;
}

.flair-list-href:hover {
    background-color: #006f8a;
    color: #FFFFFF;
}

.flair-office {
    background-color: #0DD3BB;
    color: #FFFFFF;
}

.flair-office:hover {
    background-color: #0cbda8;
    color: #FFFFFF;
}

.flair-drivers {
    background-color: #80b5f3;
    color: #FFFFFF;
}

.flair-drivers:hover {
    background-color: #70a3dc;
    color: #FFFFFF;
}

.flair-education {
    background-color: #8E3B46;
    color: #FFFFFF;
}

.flair-education:hover {
    background-color: #7c343e;
    color: #FFFFFF;
}

.fa-trash {
    color: #999;
}

.testing-version {
    color: #fd7e14;
}

.social_icon_link {
    color: #686b7b;
}

.social_icon_link:hover {
    color: #ffffff;
}

.btn-custom-color {
    color: #fff;
    background-color: #009EBD;
    border-color: #009EBD;
}

.btn-custom-color:hover {
    color: #fff;
    background-color: #007EAD;
    border-color: #007EAD;
}

.fa-windows:hover .fa-apple:hover .fa-linux:hover {
    color: #6c6d79;
}

/*  fix sb-admin2 with bootstrap5  */

/* Caret Bootstrap 5 sidebar SB Admin 2 only ≥ md */
@media (min-width: 768px) {
    .sidebar .nav-item .nav-link[data-bs-toggle="collapse"]::after {
        content: "\f105"; /* Font Awesome 5: angle-right */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        float: right;
        transition: transform .2s ease;
        color: #858796;
    }

    .sidebar .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
        transform: rotate(90deg); /* devient angle-down visuel */
        color: #d1d3e2;
    }
}

.collapse-toggle .collapse-arrow-icon {
    transition: transform .2s ease;
}

.collapse-toggle[aria-expanded="true"] .collapse-arrow-icon {
    transform: rotate(90deg);
}

.scroll-to-top {
    display: none;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.scroll-to-top.show {
    display: flex !important;
}

/* ----- SB Admin 2 Colors ----- */
:root {
    /* colors SB Admin 2 */
    --sb-primary: #4e73df;
    --sb-primary-d: #224abe;
    --sb-secondary: #858796;
    --sb-success: #1cc88a;
    --sb-info: #36b9cc;
    --sb-warning: #f6c23e;
    --sb-danger: #e74a3b;
    --sb-light: #f8f9fc;
    --sb-dark: #5a5c69;
}

/* ----- Bootstrap 5 ← SB Admin 2 ----- */
:root {
    --bs-body-font-family: "Nunito", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Liberation Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --bs-body-color: var(--sb-dark);
    --bs-emphasis-color: var(--sb-dark);

    --bs-primary: var(--sb-primary);
    --bs-secondary: var(--sb-secondary);
    --bs-success: var(--sb-success);
    --bs-info: var(--sb-info);
    --bs-warning: var(--sb-warning);
    --bs-danger: var(--sb-danger);
    --bs-light: var(--sb-light);
    --bs-dark: var(--sb-dark);

    --bs-link-color: var(--sb-primary);
    --bs-link-hover-color: var(--sb-primary-d);

    --bs-heading-color: var(--sb-dark);
}

.text-gray-800 {
    color: #5a5c69 !important;
}

.text-gray-600 {
    color: #858796 !important;
}

.text-gray-400 {
    color: #d1d3e2 !important;
}