.margin-middle[data-v-c20803a8]{margin-top:20px}.table-base_description[data-v-c20803a8]{display:flex}.table-base__des[data-v-c20803a8]{display:inline-block}.table-base__des-space[data-v-c20803a8]{margin-left:12px;display:inline-block;white-space:nowrap}.modal-student-add__title[data-v-c20803a8]{text-align:center;color:#fff;background:var(--color-blue);height:50px;line-height:50px;margin-bottom:0}.modal-student-add__titleNoty[data-v-c20803a8]{text-align:center;color:#000;margin-top:20px}.modal-student-add__body[data-v-c20803a8]{padding:0 20px 19px 20px;border:4px solid var(--color-blue)}.modal-student-add__body>table[data-v-c20803a8]{width:100%;border-spacing:0}.modal-student-add__body>table>.table-base__link[data-v-c20803a8]{text-align:center}.modal-student-add__body__search[data-v-c20803a8]{flex-wrap:wrap;align-items:flex-end;padding:0 10px 17px 10px;display:flex;justify-content:space-between;gap:20px}.modal-student-add__body__search__item[data-v-c20803a8]{margin-bottom:10px;width:30%}.modal-student-add__body__search__btn[data-v-c20803a8]{margin-bottom:10px}.modal-student-add__body__table-base[data-v-c20803a8]{border:1px solid var(--color-gray-1);padding:0 0 0 10px;margin:20px 10%;height:295px!important;overflow:auto}.modal-student-add__body__table-base .table-base__studentId[data-v-c20803a8]{font-size:12px}.modal-student-add__body__table-base[data-v-c20803a8] tr:last-child td{border-bottom:1px solid #dee2e6}.modal-student-add__body__table-base[data-v-c20803a8] td:first-child{width:10px}.modal-student-add__body__table-base[data-v-c20803a8] td:nth-child(2){padding-left:0;width:54px}.modal-student-add__body__table-base[data-v-c20803a8] td:nth-child(3){padding-top:1rem;padding-left:0}.modal-student-add__body__table-base[data-v-c20803a8] td:nth-child(4){padding-top:1rem}.modal-student-add__body__table-base[data-v-c20803a8] .b-table-sticky-header{max-height:inherit}.modal-student-add__body__table-base__image[data-v-c20803a8]{width:64px;height:64px;border:3px solid var(--color-gray-1);border-radius:50%;display:grid;place-items:center}.modal-student-add__body__table-base__checkboxAll[data-v-c20803a8]{padding:10px;display:flex}.modal-student-add__body__table-base__checkboxAll__text[data-v-c20803a8]{margin-left:10px}.modal-student-add__body__save[data-v-c20803a8]{text-align:center;margin:15px 0 0 0}.table__container[data-v-93980a8c]{padding:20px;overflow-y:auto}@media (max-width:768px){.table__container[data-v-93980a8c]{padding:20px 12px}}.table__container hr[data-v-93980a8c]{grid-column:1/6;width:100%;border-top:1px solid var(--color-gray-1)}.table__container-info__image[data-v-93980a8c]{grid-column:1/2}.table__container-header[data-v-93980a8c]{display:grid;grid-template-columns:64px 1fr 1fr 1fr 150px;color:#000;font-weight:500}@media (max-width:768px){.table__container-header[data-v-93980a8c]{grid-template-columns:64px 1fr 1fr 1fr 100px}}.table__container-header-cancel[data-v-93980a8c]{grid-column:5/6}.table__container-header-info[data-v-93980a8c]{grid-column:1/4;padding-left:12px}.table__container-item[data-v-93980a8c]{display:grid;grid-template-columns:64px 1fr 1fr 1fr 150px;gap:12px;align-items:center}@media (max-width:768px){.table__container-item[data-v-93980a8c]{grid-template-columns:64px 1fr 1fr 1fr 100px}}.table__container-info[data-v-93980a8c]{grid-column:2/4;display:flex}.table__container-info__gradeName[data-v-93980a8c]{grid-column:4/5}.table__container-info__studentCode[data-v-93980a8c]{font-size:12px}.table__container-info__studentName[data-v-93980a8c]{color:#000;font-weight:500}.table__container-info__name[data-v-93980a8c]{margin:0 20px 0 12px}.table__container-info__image[data-v-93980a8c]{width:72px;height:64px;display:flex;justify-content:end}.table__container-info__image-img[data-v-93980a8c]{width:64px;height:64px;border:3px solid var(--color-gray-1);border-radius:50%;display:grid;place-items:center}.table__container-btnDel[data-v-93980a8c]{grid-column:5/6}.list-mode[data-v-56c32d7c]{padding-top:67px}.list-mode__save[data-v-56c32d7c]{display:flex;justify-content:center;margin:20px 0 60px 0}.list-mode__search-input[data-v-56c32d7c]{padding-left:10px}.list-mode__search[data-v-56c32d7c]{display:flex;align-items:center;gap:18px;margin-top:30px;margin-left:50px}.list-mode__search-input[data-v-56c32d7c]{width:265px;height:40px;border:1px solid var(--color-gray-1);border-radius:4px}.list-mode__search-input[data-v-56c32d7c]::-moz-placeholder{color:var(--color-gray-2)}.list-mode__search-input[data-v-56c32d7c]:-ms-input-placeholder{color:var(--color-gray-2)}.list-mode__search-input[data-v-56c32d7c]::placeholder{color:var(--color-gray-2)}.list-mode__breadcrumb[data-v-56c32d7c]{background:transparent}.list-mode__breadcrumb[data-v-56c32d7c] .breadcrumb-item+.breadcrumb-item:before,.list-mode__breadcrumb[data-v-56c32d7c] .breadcrumb-item.active,.list-mode__breadcrumb[data-v-56c32d7c] .breadcrumb-item a{color:var(--color-white)}.list-mode__body[data-v-56c32d7c]{padding:20px 50px;display:flex;gap:20px}@media (max-width:768px){.list-mode__body[data-v-56c32d7c]{padding:20px}}.list-mode__body__content[data-v-56c32d7c]{background:#fff;padding:12px}.list-mode__body__content.one[data-v-56c32d7c]{width:333px}.list-mode__body__content.two[data-v-56c32d7c]{flex-grow:2}.list-mode__body__content__mode[data-v-56c32d7c]{padding:12px 18px;max-width:278px}.list-mode__body__content__mode.active[data-v-56c32d7c]{background:#b1d0ff;color:var(--color-black);width:50%}.list-mode__body__content__mode__title[data-v-56c32d7c]{font-size:14px;color:var(--color-black)}.list-mode__body__content__mode__desc[data-v-56c32d7c]{margin-left:10px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.list-mode__body__content__search[data-v-56c32d7c]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:5px 10px 10px 0}.list-mode__body__content__search[data-v-56c32d7c] .button-base:not(:first-child){margin-left:10px}.list-mode__body__content__header[data-v-56c32d7c]{color:var(--color-black);height:40px;background:var(--color-gray-4);font-size:18px;display:flex;align-items:center;padding:10px}.list-mode__body__content__title[data-v-56c32d7c]{margin:10px 0;color:#707070;font-size:14px}.list-mode__body__content__listItemStudent[data-v-56c32d7c]{padding-right:10px;height:500px;overflow-y:auto;border:1px solid var(--color-gray-1)}.list-mode__body__content__listItemStudent>.table__container[data-v-56c32d7c]{border:none}.list-mode__body__content__listItem[data-v-56c32d7c]{padding-right:10px;height:555px;overflow-y:auto}.list-mode__body__content__listItem__desc[data-v-56c32d7c]{margin-left:10px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.list-mode__body__content__listItem__item[data-v-56c32d7c]{background:#cdddf5;margin:0 0 10px 0;padding:12px 18px;color:var(--color-black)}.list-mode__body__content__listItem__item.active[data-v-56c32d7c]{background:#b1d0ff}