<div class="tab-content">     <div id="loadList3">  <div class="list-table list-examination3"> <div> <div class="table-responsive list-examination">  <table class="table table-pupil table-data"> <thead> <tr> <th scope="col" class="t-head th-first" colspan="2"><span class="table-th-left pull-left text-uppercase pt-10">Thời gian</span> <span class="table-th-right pull-right text-uppercase">Thứ</span></th>  <th scope="col" class="t-head t-max text-uppercase  ">Thứ 2<br><span class="date-time" style="font-weight: normal;"><small1>08/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  ">Thứ 3<br><span class="date-time" style="font-weight: normal;"><small1>09/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  ">Thứ 4<br><span class="date-time" style="font-weight: normal;"><small1>10/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  current-day">Thứ 5<br><span class="date-time" style="font-weight: normal;"><small1>11/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  ">Thứ 6<br><span class="date-time" style="font-weight: normal;"><small1>12/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  ">Thứ 7<br><span class="date-time" style="font-weight: normal;"><small1>13/12/2025</small1></span></th>
  <th scope="col" class="t-head t-max text-uppercase  ">Chủ nhật<br><span class="date-time" style="font-weight: normal;"><small1>14/12/2025</small1></span></th>
</tr> </thead> <tbody>  <tr class="t-height" data-id="60793235008ed17cec1f0986">  <td rowspan="5" class="t-head t-frist text-uppercase text-bold text-center">Sáng</td> <td class="tr-class-hour t-head text-center"> <b>Tiết 1</b><br> <span class="durationTitle"><small1>07:15 - 08:00</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="2">
  <div class="createSchedule" style="height: 55px;">
  </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="3">
    <div class="createSchedule" style="height: 55px;">
    </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="4">
    <div class="createSchedule" style="height: 55px;">
    </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f0986" data-code="5">
    <div class="createSchedule" style="height: 55px;">
    </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="6">
    <div class="createSchedule" style="height: 55px;">
    </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="7">
    <div class="createSchedule" style="height: 55px;">
    </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0986" data-code="8">
    <div class="createSchedule" style="height: 55px;">
    </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f09a0"> <td class="tr-class-hour t-head text-center"> <b>Tiết 2</b><br> <span class="durationTitle"><small1>08:07 - 08:52</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="2">
      <div class="createSchedule" style="height: 55px;">
      </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f09a0" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f09a0" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f0983"> <td class="tr-class-hour t-head text-center"> <b>Tiết 3</b><br> <span class="durationTitle"><small1>09:02 - 09:47</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="2">
          <div class="createSchedule" style="height: 55px;">
          </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f0983" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f0983" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f097c"> <td class="tr-class-hour t-head text-center"> <b>Tiết 4</b><br> <span class="durationTitle"><small1>09:55 - 10:40</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="2">
          <div class="createSchedule" style="height: 55px;">
          </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f097c" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f097c" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f099b"> <td class="tr-class-hour t-head text-center"> <b>Tiết 5</b><br> <span class="durationTitle"><small1>10:47 - 11:32</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="2">
          <div class="createSchedule" style="height: 55px;">
          </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f099b" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099b" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f099d">  <td rowspan="2" class="t-head t-frist text-uppercase text-bold text-center">Chiều</td> <td class="tr-class-hour t-head text-center"> <b>Tiết 1-2</b><br> <span class="durationTitle"><small1>14:20 - 15:30</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="2">
          <div class="createSchedule" style="height: 55px;">
          </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f099d" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f099d" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr class="t-height" data-id="60793235008ed17cec1f098d"> <td class="tr-class-hour t-head text-center"> <b>Tiết 3-4</b><br> <span class="durationTitle"><small1>15:40 - 17:10</small1></span> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="2">
          <div class="createSchedule" style="height: 55px;">
          </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="3">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="4">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3 current-day " data-time-slot-id="60793235008ed17cec1f098d" data-code="5">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="6">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="7">
        <div class="createSchedule" style="height: 55px;">
        </div> </td>  <td class="t-max bg-opacity-20 event-wrap-element3  " data-time-slot-id="60793235008ed17cec1f098d" data-code="8">
        <div class="createSchedule" style="height: 55px;">
        </div> </td> </tr>  <tr data-id="evening"> <td colspan="2" class="t-head t-frist-down text-uppercase text-bold text-center">TỐI</td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="2">
          <div class="createSchedule" style="height: 110px;">
            <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="3">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="4">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3 current-day  " data-time-slot-id="evening" data-code="5">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="6">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="7">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td>  <td class="bg-opacity-20 event-wrap-element3   " data-time-slot-id="evening" data-code="8">
        <div class="createSchedule" style="height: 110px;">
          <i class="vi vi-plus-circle hidden"></i> </div> </td> </tr> </tbody> </table> </div> </div></div><div class="modal fade" id="modalDetailGroup3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-fullscreen" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close modal-btn-close" data-dismiss="modal" aria-label="Close"><span>×</span></button> <h4 class="modal-title">Gán học liệu vào thời khóa biểu</h4> </div> <div class="modal-body"> <div id="createSchedule3" class="viewHistory mt-20"> </div> </div> </div> </div></div><div class="modal fade" id="scheduleConfirm3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-xs modal-note" role="document"> <div class="modal-content"> <div class="modal-header bg-primary"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span></button> <h4 class="modal-title text-center text-uppercase">Chú ý</h4> </div> <div class="modal-body"> <div id="loadScheduleConfirm3" class="loadDetailLayout"></div> </div> </div> </div></div><style> .list-examination3 .popover {max - width: unset; min-width: 300px; }
            button.modal-btn-close{right: 10px; top: 10px; }
/*.modal-open .modal{
      z - index: 1070; }*/
    @media(max-width: 425px){ .list - week.text - center{margin - bottom: 24px; }
}
    .table-pupil .current-day {background: #ffffbf; }
    .table-pupil .current-day .timeSlotDetail {background:#fdfdcb; }
    .disabled-day{background: #f3f3f3; }
.table.table-data>tbody>tr:hover {background - color: #fff; }
    .timeSlotDetail.evening {margin - bottom: 1px; }
    .schedule-item{position: relative; }
    .schedule-border-wrapper{position: absolute; width: 5px; height: 100%; display: flex; flex-direction: column; }
    .popover-integrated.pl-5{padding - left: 7px !important; }
    .schedule-border.normal, .schedule-border.exam, .schedule-border.online, .schedule-border.offline{width: 5px; height: 100%; }
    .schedule-border.normal{background: #3498db; }
    .schedule-border.exam{background: #e74c3c; }
    .schedule-border.online{background: #2ecc71; }
    .schedule-border.offline{background: #8d00a7; }
    table .popover{min - width: 300px; line-height: 30px; }
    #module3 .popover-integrated {width: 100%; border: none; background: none; outline: none; text-align: left; height: 100%; cursor: pointer; }
    table.table-pupil th:nth-of-type(1) {background - image: linear-gradient(to top right, #e0f4fd 49%, #ddd, #e0f4fd 51%); }
    .list-table {margin - top: 20px; }
.table-pupil>thead>tr>th {padding: 3px; vertical-align: middle; width: 200px; }
    .list-table .table-data tbody .t-frist{max - width: 100px; }
.list-examination tr td>div .schedule-item{margin - bottom: 5px; }
.list-examination tr td>div .schedule-item:last-child{margin - bottom: 0; }
.list-examination tr td>div>div:first-child .durationTitle{font - weight: normal; }
.list-examination tr td>div>div:first-child {min - height: unset!important; line-height: unset!important; }
.table-data>thead>tr>th {border - bottom: 1px solid #cfdde8; border-right: 1px solid #cfdde8; }
.table-pupil >tbody>tr>td{border: 1px solid #cfdde8; border-bottom: 1px solid #cfdde8 !important; border-right: 1px dashed #cfdde8 !important; }
.list-examination .table>thead>tr>th{text - align: center; }
.list-examination .table>tbody>tr>td .timeSlotDetail{min - height: 55px; }
.list-examination .table>tbody>tr>td{padding: 0; }
.list-examination .table>tbody>tr>td>div>div{vertical - align: middle; height: 55px; position:relative; }
    .list-examination .box-exam-item.finished{background: #d9534f1f; font-weight: 700; }
    .list-examination .box-exam-item.coming {background: #5cb85c26; font-weight: 700; }
    .list-examination .box-exam-item.coming a {color: #5cb85c; }
    .list-examination .box-exam-item{padding: 10px; margin-bottom: 10px; }
    .list-examination .box-exam-item.penning{background: #0095ff1c; font-weight: 700; }
    .list-examination .box-exam-item.penning a{color: #007eff; }
    .sub-learn{font - size: 12px; color:red; }
    table{min - width: 100%; }
    table th{white - space: nowrap; }
@media screen and (max-width: 767px) .table-responsive>.table>thead>tr>td{white - space: unset; }
    table .timeSlotDetail .popover {font - size: var(--font-size-base); line-height: 20px; font-family: Arial, sans-serif; }
    .timeSlotDetail .popover-content {padding: 10px; }
    .t-head{background: #e0f4fd; }
    .t-height{height:55px; }
    @media (min-width: 1200px){ .list - table.t - max{min - width: 110px; }
    .list-table .t-frist{min - width: 80px; max-width: 110px; width: 80px; }
    .list-table .th-first{min - width: 180px; }
    .list-table .tr-class-hour{width: 100px; min-width: 100px; }
    .list-table .table-data{min - width: 1400px; }
}
    @media (min-width: 1440px) { .list - table.t - max {min - width: 190px; }
}
    @media (max-width: 1440px){ .list - table.t - max{width: 110px; }
.list-examination .table>tbody>tr>td .timeSlotDetail{width: 110px; }
    .list-table .t-frist{width: 60px; }
    .list-table .t-frist-down{width: 160px; }
.list-examination .table>tbody>tr>.t-max .timeSlotDetail{width: 100%; }
    .list-table .th-first{width: 100px; }
    .list-table .tr-class-hour{width: 80px; min-width: unset; }
    .list-table .table-data{min - width: 1040px; }
}
    .schedule-active {background: #FFF0BF; }
    .popover-content .limit-color{color: #ff0000; }
  </style> </div> </div>