/* =========================================================
   LIFTERLMS — TABLEAU DE PROGRESSION
   ========================================================= */

.llms-sd-grades {
    width: 100% !important;
    margin: 0 !important;
}

/* Conteneur du tableau */
.llms-sd-grades .llms-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff !important;
    border: 1px solid #e3e7eb !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow: 0 2px 8px rgba(25, 38, 50, .05) !important;
}


/* =========================================================
   EN-TÊTE
   ========================================================= */

.llms-sd-grades .llms-table thead th {
    padding: 13px 18px !important;

    background: #f7f9fa !important;

    border: 0 !important;
    border-bottom: 1px solid #e3e7eb !important;

    color: #344454 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .03em !important;
    text-transform: uppercase !important;

    text-align: left !important;
}


/* =========================================================
   LIGNES
   ========================================================= */

.llms-sd-grades .llms-table tbody td {
    padding: 16px 18px !important;

    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;

    color: #52616f !important;

    font-size: 13px !important;
    vertical-align: middle !important;
}


/* Dernière ligne */
.llms-sd-grades .llms-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* Survol */
.llms-sd-grades .llms-table tbody tr {
    transition: background-color .16s ease !important;
}

.llms-sd-grades .llms-table tbody tr:hover {
    background: #fafcfd !important;
}


/* =========================================================
   NOM DU COURS
   ========================================================= */

.llms-sd-grades .llms-table tbody td:first-child a {
    color: #243746 !important;

    font-size: 13.5px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color .15s ease !important;
}

.llms-sd-grades .llms-table tbody td:first-child a:hover {
    color: #1769aa !important;
}


/* =========================================================
   DATE
   ========================================================= */

.llms-sd-grades .llms-table tbody td:nth-child(2) {
    color: #71808d !important;
    white-space: nowrap !important;
}


/* =========================================================
   PROGRESSION — BARRE + POURCENTAGE SUR LA MÊME LIGNE
   ========================================================= */

.llms-sd-grades .llms-progress {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: 100% !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Pourcentage : à DROITE de la barre */
.llms-sd-grades .llms-progress .progress__indicator {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    order: 2 !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: auto !important;

    margin: 0 0 0 10px !important;
    padding: 0 !important;

    color: #263744 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    text-align: right !important;

    transform: none !important;
	background: none !important;
}