/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .servirtual-dictations-table tr.can_access_lesson {
    background: #005596 !important;
    color: white !important;
}
.servirtual-dictations-table  tr.can_access_lesson a {
    background: #005596;
    color: #ffffff !important;
    text-decoration: underline;
}
.servirtual-table-container {
    overflow-x: auto;
    max-width: 800px;
    padding-bottom: 10px;
}

.servirtual-table-container table {
    width: 100%;
    border-collapse: collapse;
}

.servirtual-table-container thead th {
    position: sticky;
    top: 0;
    background: #fff;
}

.servirtual-table-container tbody td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 100;
}
.servirtual-table-container thead th:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 100;
}
.servirtual-table-container td, th {
    border: 1px solid #ddd;
    padding: 8px;
}
div[aria-labelledby="dictation_lessons"].ld-tab-content.ld-visible + #learndash_documents {
    display:none;
}
.session_alert_shortcode {
    padding: 5px !important;
}
.session_alert_shortcode table td {
    border: none !important;
    vertical-align:middle;
}

.session_alert_shortcode table td a {
    padding: 10px;
}
.tooltip-dict{
        position:relative !important;
        cursor: pointer;
    }
    .tooltip-dict .tooltip-text {
        display: none;
        width: 200px;
        background-color: #071e26;
        border-radius: 10px;
        color: #fff;
        padding: 6px;
        position: absolute;
        z-index: 100;
        text-align: left;
    }
    .tooltip-dict:hover .tooltip-text {
        display: block;
    }
    .tooltip-right .tooltip-text {
        right: 0;
    }
    td.tooltip-dict.green_status {
        background: #97ed73;
    }
    td.tooltip-dict.yellow_status {
        background: #e9e9a9;
    }
    th.tooltip-dict b.attendance_header_line {
        display: block;
        font-size: 12px;
    }
     .exportable_table.editable .tooltip-text {
        display:none !important;
    }
    .exportable_table .only-in-export {
    display: none;
}