/* RETRO */
/* Bande bleue avec dégradé */
.topbar {
    background: linear-gradient(to right, #4a82a5, #2e6a9c);
    padding: 5px 15px;
    color: white;
    font-size: 12px;
    text-align: right;
}

/* Bloc principal avec logo */
.header-retro {
    background: linear-gradient(to right, #4a82a5, #2e6a9c);
    padding: 20px 15px 10px;
    color: white;
    text-align: center;
    height: 70px;
}


.subtitle {
    font-size: 12px;
    margin-top: 5px;
}

/* Barre noire/grise de navigation */
.navbar-retro {
    background: linear-gradient(to right, #2a2a2a, #555);
    color: white;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
}

    .navbar-retro a {
        color: white;
        text-decoration: none;
        margin: 0 5px;
    }

.dropdown > button.show {
    background-color: transparent !important;
    color: white !important;
}

.input-retro {
    height: 24px !important;
    max-height: 24px !important;
    font-size: 12px !important;
    border-radius: 0px;
    border-color: black;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padding-table-retro {
    padding: 0px !important;
    text-align: center;
    font-size: 12px !important;
}

:root {
    font-family: Arial, sans-serif !important;
}

.footer-retro {
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #338bbd;
}

.bordered-table td, .bordered-table th {
    border-right: 1px solid black; /* Bordure verticale noire */
    border-bottom: 1px solid black !important; /* Bordure horizontale noire */
}

.bordered-table th {
    border-top: 1px solid black; /* Bordure en haut pour l'en-tête */
}

    .bordered-table td:first-child, .bordered-table th:first-child {
        border-left: 1px solid black; /* Bordure à gauche pour la première colonne */
    }

.bordered-table tr:first-child th {
    border-top: 1px solid black; /* Bordure en haut pour la première ligne */
}

.peer_table_100px {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.peer_table_25px {
    width: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 25px;
}

.peer_table_40px {
    width: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
}

.peer_table_50px {
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
}
.peer_table_60px {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}

.peer_table_70px {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
}

.peer_table_75px {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px;
}

.button_switch {
    color: #1C78C3;
}

.button_switch:hover {
    text-decoration: underline;
    color: blue;
}


/* FIN - RETRO */

body {
    font-family: Arial, sans-serif; /* Retro */
    /*    font-family: Verdana, Helvetica, Arial, Sans-serif;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0; /* Supprime les marges par défaut */
    align-items: center;
    overflow-x: auto;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    min-width: 1100px;
}

main {
    width: 1042px; /* Optionnel : Ajustez la largeur si nécessaire */
    max-width: 1042px; /* Optionnel : Limite la largeur maximale */
    min-width: 1042px; /* Optionnel : Limite la largeur minimale */

    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2), 5px 0 10px rgba(0, 0, 0, 0.2); /* Retro */
    border-radius: 8px;
    background-color: white; /* Retro */
}
:root {
    --color-class: #1C78C3;
}
.fundclass_card {
    border: black solid 1px;
    border-radius: 0px;
}

.fundclass_no_border_col {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
}

.fundclass_background_color_table {
    background-color: #9bd2ff42 !important;
}

.tooltip-fundclass {
    --bs-tooltip-bg: var(--color-class);
}

.fundclass_color_text {
    color: #1C78C3;
}

.highlight {
    background-color: yellow;
}

/* Exclude variant-row from striped-table styling */
.color-odd {
    background-color: #f9f9f9 !important;
}

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

.color-variant {
    background-color: #2680b4 !important;
    font-style: italic;
    border: 0px white solid !important;
}

.line-variant{
    border-left: 1.5px solid black;
}