body.repricerV2 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

.repricerV2 .container {
    width: 75%;
    margin: 48px auto;
}

.repricerV2 h1, 
.repricerV2 h2 {
    text-align: center;
}

.repricerV2 h1 {
    font-size: 3em;
    margin: 2em 0;
}

.repricerV2 h2 {    
    font-size: 2.2em;
    font-weight: 300;
}

.repricerV2 table.notifications-table {
    width: 100%;
    border-collapse: collapse;
}

.repricerV2 table.notifications-table thead {
    background: black;
    color: white;
}

.repricerV2 table.notifications-table thead tr th,
.repricerV2 table.notifications-table tbody tr td {
    border: none;
    padding: 12px 0;
    margin: 0;
    text-align: center;
    padding: 12px 0;
}

.repricerV2 table.notifications-table tbody tr.is-buybox-non-prime {
    background: #b8e994;
    color: #079992;
    border-bottom: 1px solid #07999220;
}

.repricerV2 table.notifications-table tbody tr.is-buybox-prime {
    background: #74b9ff;
    color: #0984e3;
    border-bottom: 1px solid #0984e320;
}

.repricerV2 table.notifications-table tbody tr.is-not-buybox {
    background: #fab1a0;
    color: #c44569;
    border-bottom: 1px solid #c4456920; 
}

.repricerV2 table.notifications-table tbody tr.maj-prix-row {
    background: #616161;
    color: #f3f3f3;
}

.repricerV2 table.notifications-table tbody tr.product-row {
    border-bottom: 1px solid #F4F4F4;
}

.repricerV2 .change-arrow {
    font-size: 1.25em;
}

.repricerV2 .change-arrow.change-arrow-up {
    color: #079992;
}
.repricerV2 .change-arrow.change-arrow-down {
    color: #c44569;
}

.repricerV2 table.notifications-table a.table-action {
    display: inline-block;
    background: #557cff;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 16px;
    margin: 0 2px;
    border-radius: 4px;
}

.repricerV2 table.notifications-table a.table-action:hover {
    background: #4469e3;
}


.repricerV2 table.notifications-table a.table-action.table-action-success {
    background: #1dd1a1;
}

.repricerV2 table.notifications-table a.table-action.table-action-success:hover {
    background: #10ac84;
}


.repricerV2 .repricer-monitoring-dashboard {
    display: flex;
    width: 100%;
    height: 248px;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item {
    flex: 1 1 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid black;
    border-right: 1px solid black;
    background: #f1f1f1;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item-tres-faible,
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-minimum {
    background: #fab1a0;
    color: #c44569;
}
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-faible {
    background: #ffbe76;
    color: #e15f41;
}
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-moyen {
    background: #f7d794;
    color: #cc8e35;
}
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-fort {
    background: #74b9ff;
    color: #0984e3;
}
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-tres-fort,
.repricerV2 .repricer-monitoring-dashboard .dashboard-item-maximum {
    background: #b8e994;
    color: #079992;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item:last-child {
    border-right: 0;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-content {
    width: 80%;
    text-align: center;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-data {
    font-size: 2.4em;
    line-height: 1.6em;
    font-weight: bold;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-label {
    font-size: 1.2em;
    line-height: 2em;
    color: black;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-details {
    font-size: 1.4em;
    line-height: 2em;
    font-weight: bold;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-bar-label {
    font-size: 1em;
    line-height: 2em;
    font-weight: bold;
    margin-top: 8px;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-bar {
    width: 50%;
    bottom: 24px;
    height: 12px;
    margin: 0 auto;
    border: 1px solid currentColor;
}

.repricerV2 .repricer-monitoring-dashboard .dashboard-item .dashboard-item-bar .dashboard-item-bar-fill {
    bottom: 48px;
    height: 100%;
    background: currentColor;
}

.repricerV2 table.notifications-table td.notification-time {
    font-size: 0.9em;
}

.repricerV2 table.notifications-table td.decision {
    font-weight: bold;
}

.repricerV2 table.notifications-table th.explications {
    text-align: left;
}

.repricerV2 ul.explications {
    list-style: none;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    text-align: left;
}



/*
*   Stats
*/


.repricerV2 .bar-container {
    width: 90%;
    margin: 16px auto;
}

.repricerV2 .bar {
    width: 100%;
    height: 32px;
    background: black;
    display: flex;
}

.repricerV2 .part {
    width: 0;
    height: 100%;
    transition: width 1s;
}

.repricerV2 .part.BuyboxesNonGagnablesNonGagnees {
    background: #ff6b6b;
}

.repricerV2 .part.BuyboxesGagneesEnAttaque {
    background: #b71540;
}

.repricerV2 .part.BuyboxesNonGagneesAuMinimum {
    background: #ff9f43;
}

.repricerV2 .part.BuyboxesPrimeGagnees {
    background: #54a0ff;
}

.repricerV2 .part.BuyboxesGagnees {
    background: #1dd1a1;
}

.repricerV2 .part.BuyboxesGagnablesNonGagnees {
    background: #cecece;
}

.repricerV2 .part.Prime {
    background: #54a0ff;
}

.repricerV2 .part.NonPrime {
    background: #f6b93b;
}

.repricerV2 .bar-values {
    height: 36px;
    position: relative;
}

.repricerV2 .bar-values-percent {
    font-size: 1em;
    font-weight: bold;
}

.repricerV2 .bar-values-absolute {
    font-size: 1em;
    font-weight: normal;
}

.repricerV2 .value {
    display: block;
    position: absolute;
    width: fit-content;
    transform: translateX(-50%);
    line-height: 36px;
}

.repricerV2 .stats-container {
    display: flex;
}

.repricerV2 .stats-title {
    width: 10%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
} 

.repricerV2 .stats-title span {
    font-size: 0.4em;
    font-weight: normal;
}

.repricerV2 .legend-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
}

.repricerV2 .legend-item {
    background: #1dd1a1;
    color: white;
    flex: 1 0 0;
    margin: 0 16px;
    padding: 16px 24px;
    border-radius: 4px;
    text-align: center;
}

.repricerV2 .legend-item h3 {
    font-size: 1.4em;
}

.repricerV2 .legend-item a {
    background: white;
    color: black;
    display: block;
    border-radius: 3px;
    padding: 4px;
    margin-top: 24px;
    margin-bottom: 4px;
    text-decoration: none;
    font-weight: bold;
}

.repricerV2 .legend-item a:hover {
    opacity: 0.8;
}

.repricerV2 .legend-small {
    display: inline-block;
    border-radius: 4px;
    padding: 8px 12px;
    background: #000;
    color: white;
    font-weight: bold;
}

.repricerV2 .legend-small-container {
    text-align: center;
    margin-bottom: 48px;
}

.repricerV2 .legend-small.Prime {
    background: #54a0ff;
}

.repricerV2 .legend-small.NonPrime {
    background: #f6b93b;
}


/*
*   Fournisseurs
*/

.repricerV2 p.success-message {
    text-align: center;
    background-color: #557cff;
    width: fit-content;
    border-radius: 4px;
    color: white;
    padding: 8px 16px;
    font-weight: bold;
    margin: 64px auto;
}


/*
*   Produits
*/


.repricerV2 .liens {
    padding: 36px 0;
}

.repricerV2 .liens-pays {
    text-align: center;
}

.repricerV2 .liens-pays .lien-pays {
    display: inline-block;
    background: black;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    margin: 12px 4px;
    padding: 8px;
    border-radius: 6px;
    width: 96px;
    font-weight: bold;
}


.repricerV2 .liens-pays .lien-type {
    width: fit-content;
    font-size: 1em;
    padding: 8px 16px;
}

.repricerV2 .liens-pays .lien-pays.lien-pays-selected {
    background: #54a0ff;
}


/*
*   Rythme logistique
*/


.commande-chart {
    margin: 64px 0 48px 0;
}

.commande-table {
    font-size: 0.9em;
}

.commande-table tbody {
    display: block;
    max-height: 300px;
    overflow: auto;
}

.commande-table thead, .commande-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.commande-table thead {
    width: calc(100% - 1em);
}

.commande-table .command-table-left {
    text-align: left !important;
}

.commande-table .command-table-right {
    text-align: right !important;
}

.commande-table tbody tr.etape-sku-ignoree {
    background: #fab1a0;
    color: #c44569;
    border-bottom: 1px solid #c44569 !important;
}

.commande-table tbody tr.historique-logistique-row {
    font-weight: bold;
}

.commande-table tbody tr.historique-logistique-row.historique-logistique-odd {
    background: #FFFFFF;
}

.commande-table tbody tr.historique-logistique-row.historique-logistique-even {
    background: #F0F0F0;
}

.commande-table tbody tr.historique-logistique-row .historique-logistique-type-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
}

.commande-table tbody tr.historique-logistique-row.statut-commande .historique-logistique-type-bullet {
    background-color: #000000;
}

.commande-table tbody tr.historique-logistique-row.article-scanne .historique-logistique-type-bullet {
    background-color: #1dd1a1;
}

.commande-table tbody tr.historique-logistique-row.article-reliquat .historique-logistique-type-bullet {
    background-color: #f6b93b;
}

.commande-table tbody tr.historique-logistique-row.article-corrige .historique-logistique-type-bullet {
    background-color: #ff6b6b;
}

.commande-table tbody tr.historique-logistique-row.carton-normal .historique-logistique-type-bullet {
    background-color: #54a0ff;
}

.commande-table tbody tr.historique-logistique-row.carton-transfere .historique-logistique-type-bullet {
    background-color: #f368e0;
}

.commande-table tbody tr.historique-logistique-row.carton-a-faire .historique-logistique-type-bullet {
    background-color: #e67e22;
}

.commande-table tbody tr.historique-logistique-row.carton-fait .historique-logistique-type-bullet {
    background-color: #9b59b6;
}

.commande-table tbody tr.historique-logistique-row.a-faire-activation .historique-logistique-type-bullet {
    background-color: #914F3B;
}

.commande-table tbody tr.historique-logistique-row.impression .historique-logistique-type-bullet {
    background-color: #c0b0b0;
}

.commande-table tbody tr.historique-logistique-row.pause {
    background-color: #54a0ff;
    color: white;
}

.commande-table tbody tr.historique-logistique-row.donnees-incompletes {
    background-color: #F0F0F0;
}

.commande-table tbody tr.historique-logistique-row.pause .historique-logistique-type-bullet {
    background-color: #FFFFFF;
}

.commande-table tbody tr.historique-logistique-row span.transfert-carton-palette {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
}

.commande-table tbody tr.historique-logistique-row span.transfert-carton-palette span.transfert-carton-palette-label {
    display: inline-block;
    font-size: 1.2em;
}

.objectif-temps-standard {
    background-color: #F0F0F0;
    border-radius: 3px;
    padding: 2px 8px 2px 8px;
    display: inline-block;
    margin-right: 4px;
}

.objectif-temps-standard.objectif-temps-standard-atteint {
    background-color: #1dd1a1;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-moyen {
    background-color: #e67e22;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-rate {
    background-color: #c44569;
    color: white;
}

.objectif-temps-standard-label {
    font-weight: normal;
    position: relative;
    font-size: 0.7em;
    bottom: 1px;
    display: inline-block;
}

.price-mode {
    background-color: #F0F0F0;
    color: black;
    font-weight: bold;
    border-radius: 4px;
    font-size: 0.85em;
    padding: 4px 8px;
}

.price-mode.price-mode-prix-min {
    background-color: #c44569;
    color: white;
}

.price-mode.price-mode-prix-max {
    background-color: #1dd1a1;
    color: white;
}

/* Temps standards */

.commande-table tbody tr.historique-logistique-row td.temps-standard-fiable .historique-logistique-type-bullet {
    background-color: #1dd1a1;
}

.commande-table tbody tr.historique-logistique-row td.temps-standard-peu-fiable .historique-logistique-type-bullet {
    background-color: #e67e22;
}

.commande-table tbody tr.historique-logistique-row td.temps-standard-non-fiable .historique-logistique-type-bullet {
    background-color: #c44569;
}

.commande-table tbody tr.historique-logistique-row.transfert-ignore {
    background-color: #F0F0F0;
    color: gray;
    border-bottom: 1px solid #e8e8e8 !important;
}

/* Notes */

.objectif-temps-standard.objectif-temps-standard-excellent {
    background-color: #54a0ff;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-tres-bien {
    background-color: #1dd1a1;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-bien {
    background-color: #dece31;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-assez-bien {
    background-color: #e67e22;
    color: white;
}

.objectif-temps-standard.objectif-temps-standard-passable {
    background-color: #c44569;
    color: white;
}