/* school people list */

.people-list.teachers > thead > tr > th:first-child { padding-left: 15px; }
.people-list.teachers > thead > tr > th:last-child  { padding-right: 15px; }
.people-list.teachers > tbody > tr > td:first-child { padding-left: 15px; }
.people-list.teachers > tbody > tr > td:last-child  { padding-right: 15px; }

/* teacher-related extras */

.people-list.teachers td.user-name    .user-subject { font-size: 12px; color: #888; }
.people-list.teachers td.user-subitem .user-status  { font-size: 12px; }
.people-list.teachers td.user-invite                { font-size: 14px; min-width: 250px; color: #888; font-style: italic; }

.people-list.teachers tr.is-admin td.user-name .user-item > .name > .nowrap { font-weight: bold; }
.people-list.teachers tr.is-admin td.user-name .user-subject { color: red; }


/* teacher actions */

.people-list.teachers thead td.user-ctrls > *                    { margin-right: 0; }
.people-list.teachers td.user-ctrls > form > a                   { width: auto; height: auto; line-height: initial; font-size: 0; }
.people-list.teachers td.user-ctrls      > .f-left               { float: left; margin-top: 0; }

.people-list.teachers tr          .user-ctrls                    { width: 100%; padding-right: 20px; text-align: right; font-size: 0; line-height: 36px; }
.people-list.teachers tr          .user-ctrls > *                { display: inline-block; vertical-align: middle; }
.people-list.teachers tr          .user-ctrls > * > a            { display: inline-block; vertical-align: middle; }
.people-list.teachers tr          .user-ctrls > * > a > *        { display: inline-block; vertical-align: middle; }
.people-list.teachers tr          .user-ctrls > * > a            { min-width: 36px; text-align: center; text-decoration: none; }
.people-list.teachers tr          .user-ctrls > * > a > i        { font-size: 18px; }
.people-list.teachers tr          .user-ctrls > * > a > span     { font-size: 14px; margin-left: 5px; }

.people-list.teachers tr          .user-ctrls > .action-cancel i { display: inline-block; width: 21px; height: 24px; background: url('/static/img/icon/cancel-invite.svg') no-repeat center bottom; background-size: contain; }
.people-list.teachers tr          .user-ctrls > .action-remove a { color: #F83C3C; }

.people-list.teachers tbody tr          .user-ctrls > .action-enable   { display: none; }
.people-list.teachers tbody tr.disabled .user-ctrls > .action-enable   { display: inline-block; }
.people-list.teachers tbody tr.disabled .user-ctrls > .action-disable  { display: none; }
.people-list.teachers tbody tr.disabled .user-ctrls > .action-activate { display: none; }

.people-list.teachers tbody tr         .user-ctrls > .action-cancel    { display: none; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-cancel    { display: inline-block; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-enable    { display: none; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-disable   { display: none; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-edit      { display: none; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-remove    { display: none; }
.people-list.teachers tbody tr.invited .user-ctrls > .action-activate  { display: none; }

.people-list.teachers tbody tr.no-email .user-ctrls > .copy-email      { display: none; }


/* modal teachers card */

.modal-form.modal-teacher-add .container     { width: 780px; }

@media screen and (max-width: 800px) {
    .modal-form.modal-teacher-add .container { width: 380px; }
}
@media screen and (max-width: 400px) {
    .modal-form.modal-teacher-add .container { width: 100%; height: 100vh; }
}

.modal-form.modal-teacher-add fieldset                    { margin: 0 -5px; }
.modal-form.modal-teacher-add .form-input                 { display: inline-block; margin: 5px; }
.modal-form.modal-teacher-add .form-input label           { position: relative; overflow: visible; margin: 0; padding: 6px 0; }
.modal-form.modal-teacher-add .form-input label           { color: #657FAC; font-size: 12px; line-height: 18px; font-weight: 500; }
.modal-form.modal-teacher-add .form-input.single          { width: calc(25% - 10px); }
.modal-form.modal-teacher-add .form-input.double          { width: calc(50% - 10px); }
.modal-form.modal-teacher-add .form-input.full            { width: calc(100% - 10px); }

.modal-form.modal-teacher-add .form-input .photo          { display: inline-block; margin-bottom: -15px; }
.modal-form.modal-teacher-add .form-input .photo ~ *      { display: inline-block; width: calc(50% - 40px); margin-left: 10px; }

@media screen and (max-width: 800px) {
    .modal-form.modal-teacher-add .form-input.single          { width: calc(50% - 10px); }
    .modal-form.modal-teacher-add .form-input.double          { width: calc(100% - 10px); }
}

.modal-form.modal-teacher-add fieldset.disabled input                     { background-color: #f8f8f8; pointer-events: none; }
.modal-form.modal-teacher-add fieldset.disabled .input                    { background-color: #f8f8f8; pointer-events: none; }
.modal-form.modal-teacher-add fieldset.disabled .classowl-photo > .clear  { display: none; }
.modal-form.modal-teacher-add fieldset.disabled .classowl-photo > .select { display: none; }

