.title-base[data-v-1e54b6b6]{background-color:var(--color-blue);height:60px;min-width:1024px;width:100%;color:var(--color-white);font-size:var(--font-size-xlarge);text-align:left;display:block;vertical-align:middle;padding-left:50px}.titletext-base[data-v-ef76179e]{display:inline-block;margin:10px 0 0 0}.input-with-label[data-v-5deab6bb]{text-align:left;margin:0}.input-with-label__dt[data-v-5deab6bb]{padding:5px 5px 5px 5px}.input-with-label__span[data-v-5deab6bb]{color:var(--label-color);font-size:var(--font-size-small);text-align:left}.input-with-label__input__size-default[data-v-5deab6bb]{width:159px;height:var(--input-height-default)}.input-with-label__input__size-block[data-v-5deab6bb]{width:100%;height:40px;display:block}.checkbox-base[data-v-e979be2e]{display:inline-block;white-space:nowrap}.checkbox-base__label[data-v-e979be2e]{cursor:pointer;display:inline-block}.checkbox-base[data-v-c67ecf06] .checkbox-base__input{display:none}.checkbox-base[data-v-c67ecf06] input[type=checkbox]+label{min-height:1.5em;background:url(/img/checkbox/square_off.png) no-repeat;background-position:0;background-size:1em;padding:.1em 0 .25em 1.2em}.checkbox-base[data-v-c67ecf06] input[type=checkbox]:checked+label{min-height:1.5em;background:url(/img/checkbox/square_on.png) no-repeat;background-position:0;background-size:1em;padding:.1em 0 .25em 1.2em}.input-with-label[data-v-2966fdca]{text-align:left;margin:0}.input-with-label__dt[data-v-2966fdca]{padding:5px 5px 5px 5px}.input-with-label__span[data-v-2966fdca]{color:var(--label-color);font-size:var(--font-size-small);text-align:left}.input-with-label__input__size-default[data-v-2966fdca]{width:100%;padding-left:10px;height:var(--input-height-default)}.input-with-label__input__size-block[data-v-2966fdca]{width:100%;height:40px;display:block}.select-base[data-v-25f82d09]{position:relative;display:inline-block;border:var(--border) solid var(--color-gray-1);border-radius:var(--radius);background:var(--bgColor);height:var(--input-height-default)}.select-base[data-v-25f82d09]:before{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:0;height:0;padding:0;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--btnColor);pointer-events:none}.select-base__select[data-v-25f82d09]{height:100%;width:var(--width);position:relative;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;cursor:pointer;padding:0 35px 0 15px;color:var(--color);font-size:var(--font-size-small)}.select-base__select[data-v-25f82d09]::-ms-expand{display:none}.margin-middle[data-v-7796b016]{margin-top:20px}.table-base_description[data-v-7796b016]{display:flex}.table-base__des[data-v-7796b016]{display:inline-block}.table-base__des-space[data-v-7796b016]{margin-left:12px;display:inline-block;white-space:nowrap}.modal-student-add__title[data-v-7796b016]{text-align:center;color:#fff;background:var(--color-blue);height:50px;line-height:50px;margin-bottom:0}.modal-student-add__titleNoty[data-v-7796b016]{text-align:center;color:#000;margin-top:20px}.modal-student-add__body[data-v-7796b016]{padding:0 20px 19px 20px;border:4px solid var(--color-blue)}.modal-student-add__body>table[data-v-7796b016]{width:100%;border-spacing:0}.modal-student-add__body>table>.table-base__link[data-v-7796b016]{text-align:center}.modal-student-add__body__search[data-v-7796b016]{flex-wrap:wrap;align-items:flex-end;padding:0 10px 10px 10px}.modal-student-add__body__search__item[data-v-7796b016]{margin-right:5%;margin-bottom:10px;width:30%}.modal-student-add__body__search__line[data-v-7796b016]{display:flex;margin-bottom:10px}.modal-student-add__body__search__line[data-v-7796b016] input{font-weight:400;border:1px solid #658292}.modal-student-add__body__search__line[data-v-7796b016] .select-base__select{text-align:center}.modal-student-add__body__search__line[data-v-7796b016]:last-child{justify-content:space-between}.modal-student-add__body__search__line__item[data-v-7796b016]{width:30%}.modal-student-add__body__search__line__item[data-v-7796b016]:nth-child(3){width:15%}.modal-student-add__body__search__line__btn[data-v-7796b016]{margin-left:auto;margin-right:10px}.modal-student-add__body__table-base[data-v-7796b016]{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-7796b016]{font-size:12px}.modal-student-add__body__table-base[data-v-7796b016] tr:last-child td{border-bottom:1px solid #dee2e6}.modal-student-add__body__table-base[data-v-7796b016] td:first-child{width:10px}.modal-student-add__body__table-base[data-v-7796b016] td:nth-child(2){padding-left:0;width:54px}.modal-student-add__body__table-base[data-v-7796b016] td:nth-child(3){padding-top:1rem;padding-left:0}.modal-student-add__body__table-base[data-v-7796b016] td:nth-child(4){padding-top:1rem}.modal-student-add__body__table-base[data-v-7796b016] .b-table-sticky-header{max-height:inherit}.modal-student-add__body__table-base__image[data-v-7796b016]{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-7796b016]{padding:10px;display:flex}.modal-student-add__body__table-base__checkboxAll__text[data-v-7796b016]{margin-left:10px}.modal-student-add__body__save[data-v-7796b016]{text-align:center;margin:15px 0 0 0}.table__container[data-v-6dec81b5]{padding:20px;overflow-y:auto}@media (max-width:768px){.table__container[data-v-6dec81b5]{padding:20px 12px}}.table__container hr[data-v-6dec81b5]{grid-column:1/6;width:100%;border-top:1px solid var(--color-gray-1)}.table__container-info__image[data-v-6dec81b5]{grid-column:1/2}.table__container-header[data-v-6dec81b5]{display:grid;grid-template-columns:64px 1fr 1fr 1fr 150px;color:#000;font-weight:500}@media (max-width:768px){.table__container-header[data-v-6dec81b5]{grid-template-columns:64px 1fr 1fr 1fr 100px}}.table__container-header-cancel[data-v-6dec81b5]{grid-column:5/6}.table__container-header-info[data-v-6dec81b5]{grid-column:1/4;padding-left:12px}.table__container-item[data-v-6dec81b5]{display:grid;grid-template-columns:64px 1fr 1fr 1fr 150px;gap:12px;align-items:center}@media (max-width:768px){.table__container-item[data-v-6dec81b5]{grid-template-columns:64px 1fr 1fr 1fr 100px}}.table__container-info[data-v-6dec81b5]{grid-column:2/4;display:flex}.table__container-info__gradeName[data-v-6dec81b5]{grid-column:4/5}.table__container-info__studentCode[data-v-6dec81b5]{font-size:12px}.table__container-info__studentName[data-v-6dec81b5]{color:#000;font-weight:500}.table__container-info__name[data-v-6dec81b5]{margin:0 20px 0 12px}.table__container-info__image[data-v-6dec81b5]{width:72px;height:64px;display:flex;justify-content:end}.table__container-info__image-img[data-v-6dec81b5]{width:64px;height:64px;border:3px solid var(--color-gray-1);border-radius:50%;display:grid;place-items:center}.table__container-btnDel[data-v-6dec81b5]{grid-column:5/6}.list-mode[data-v-69e9c584]{padding-top:60px}.list-mode__save[data-v-69e9c584]{display:flex;justify-content:center;margin:20px 0 60px 0}.list-mode__search-input[data-v-69e9c584]{padding-left:10px}.list-mode__search[data-v-69e9c584]{display:flex;align-items:center;gap:18px;margin-top:30px;margin-left:50px}.list-mode__search-input[data-v-69e9c584]{width:265px;height:40px;border:1px solid var(--color-gray-1);border-radius:4px}.list-mode__search-input[data-v-69e9c584]::-moz-placeholder{color:var(--color-gray-2)}.list-mode__search-input[data-v-69e9c584]:-ms-input-placeholder{color:var(--color-gray-2)}.list-mode__search-input[data-v-69e9c584]::placeholder{color:var(--color-gray-2)}.list-mode__breadcrumb[data-v-69e9c584]{background:transparent}.list-mode__breadcrumb[data-v-69e9c584] .breadcrumb-item+.breadcrumb-item:before,.list-mode__breadcrumb[data-v-69e9c584] .breadcrumb-item.active,.list-mode__breadcrumb[data-v-69e9c584] .breadcrumb-item a{color:var(--color-white)}.list-mode__body[data-v-69e9c584]{padding:20px 50px;display:flex;gap:20px}@media (max-width:768px){.list-mode__body[data-v-69e9c584]{padding:20px}}.list-mode__body__content[data-v-69e9c584]{background:#fff;padding:12px}.list-mode__body__content.one[data-v-69e9c584]{width:333px}.list-mode__body__content.two[data-v-69e9c584]{flex-grow:2}.list-mode__body__content__mode[data-v-69e9c584]{padding:12px 18px;max-width:278px}.list-mode__body__content__mode.active[data-v-69e9c584]{background:#b1d0ff;color:var(--color-black);width:50%}.list-mode__body__content__mode__title[data-v-69e9c584]{font-size:14px;color:var(--color-black)}.list-mode__body__content__mode__desc[data-v-69e9c584]{margin-left:10px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.list-mode__body__content__search[data-v-69e9c584]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:5px 10px 10px 0}.list-mode__body__content__search[data-v-69e9c584] .button-base:not(:first-child){margin-left:10px}.list-mode__body__content__header[data-v-69e9c584]{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-69e9c584]{margin:10px 0;color:#707070;font-size:14px}.list-mode__body__content__listItemStudent[data-v-69e9c584]{padding-right:10px;height:500px;overflow-y:auto;border:1px solid var(--color-gray-1)}.list-mode__body__content__listItemStudent>.table__container[data-v-69e9c584]{border:none}.list-mode__body__content__listItem[data-v-69e9c584]{padding-right:10px;height:555px;overflow-y:auto}.list-mode__body__content__listItem__desc[data-v-69e9c584]{margin-left:10px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.list-mode__body__content__listItem__item[data-v-69e9c584]{background:#cdddf5;margin:0 0 10px 0;padding:12px 18px;color:var(--color-black)}.list-mode__body__content__listItem__item.active[data-v-69e9c584]{background:#b1d0ff}