.school-people .students { min-width: 900px; }

/* school people filter */
/*
.school-people-filter.students ul.tabs               { float: none; display: block; margin: 0 auto 20px; white-space: nowrap; }
.school-people-filter.students .classowl-input-frame { width: 225px; }

.school-people-filter.students .transcripts-period                         { float: right; margin: 0; }
.school-people-filter.students .transcripts-period > .classowl-input-frame { width: 100%; margin: 0; }
*/

/* school people list */

.people-list.students td.user-name                  { padding: 5px 0 5px 30px; display: flex; align-items: center; }
.people-list.students td.user-name > *              { flex-grow: 0; flex-shrink: 0; }
.people-list.students td.user-name > form           { flex-grow: 1; flex-shrink: 1; /*max-width: 240px;*/ }

.people-list.students > table > tbody > tr > td     { width: auto; }
.people-list.students > thead > tr > th:first-child { padding-left: 15px; }
.people-list.students > thead > tr > th:last-child  { padding-right: 15px; }
.people-list.students > tbody > tr > td:first-child { padding-left: 15px; }
.people-list.students > tbody > tr > td:last-child  { padding-right: 15px; }

.people-list.students .selected-counts              { display: none; }
.people-list.students .selected-counts.show         { display: block; }
.people-list.students .selected-counts              { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); max-width: calc(100% - 120px); }
.people-list.students .selected-counts > div        { display: flex; align-items: center; justify-content: space-between; }
.people-list.students .selected-counts > div > span { flex-grow: 1; flex-shrink: 1; }
.people-list.students .selected-counts > div > span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.people-list.students .selected-counts > div > b    { flex-grow: 0; flex-shrink: 0; margin-left: 5px; }

.people-list .user-item                   { padding: 0; margin: 0; border: none; background-color: transparent; text-align: left; }
.people-list .user-item                   { display: flex; align-items: center; cursor: pointer; max-width: 100%; }
.people-list .user-item > .photo          { width: 30px; height: 30px; border-radius: 50%; background: no-repeat center center; background-size: cover; }
.people-list .user-item > .photo > img    { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.people-list .user-item > .photo > svg    { display: block; width: 100%; height: 100%; border-radius: 50%; }
.people-list .user-item > .name           { margin-left: 10px; font-size: 14px; max-width: calc(100% - 40px); }
.people-list .user-item > .name           { color: #228dcf; white-space: nowrap; }
.people-list .user-item > .name > .email  { display: block; color: #999; font-size: 12px; }
.people-list .user-item > .name > .status { display: block; color: #999; font-size: 12px; }
.people-list .user-item > .name > .grade  { display: block; color: #999; font-size: 12px; }


/* student-related extras */

.people-list.students .user-state                { font-size: 14px; margin-left: auto; }
.people-list.students .user-state.state-future   { color: #999999; }
.people-list.students .user-state.state-inactive { color: #282828; }
.people-list.students .user-state.state-active   { color: #10B163; }
.people-list.students .user-state.state-archived { color: #F83C3C; }
.people-list.students .user-state.state-deleted  { color: #F83C3C; }

.people-list.students td.user-subitem .setup-code                     { min-width: 60px; }
.people-list.students td.user-subitem .setup-code       ~ .ctrl-print { font-size: 18px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #228dcf; }
.people-list.students td.user-subitem .setup-code       ~ .ctrl-print { margin: 0; padding: 0; border: none; background-color: transparent; cursor: pointer; }
.people-list.students td.user-subitem .setup-code:empty               { display: none; }
.people-list.students td.user-subitem .setup-code:empty ~ .ctrl-print { display: none; }

.people-list.students td.user-subitem .nationality > *     { display: inline-block; vertical-align: middle; }
.people-list.students td.user-subitem .nationality > .icon { margin-right: 5px; width: 20px; height: 15px; border: 1px solid rgb(40, 40, 40, 0.2); border-radius: 3px; }

.people-list.students td.user-subitem.parents             { font-size: 0; }
.people-list.students td.user-subitem.parents > *         { display: inline-block; vertical-align: middle; margin: 0 1px; cursor: pointer; }
.people-list.students td.user-subitem.parents .parent     { display: block; width: 30px; height: 30px; border-radius: 50%; background: no-repeat center center; background-size: cover; }
.people-list.students td.user-subitem.parents .parent img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.people-list.students td.user-subitem.parents .parent svg { display: block; width: 100%; height: 100%; border-radius: 50%; }

.people-list.students tbody             td.user-ctrls             { text-align: right; white-space: nowrap; }
.people-list.students tbody tr.no-act   td.user-ctrls .ctrl-act   { display: none; }
.people-list.students tbody tr.no-act-p td.user-ctrls .ctrl-act-p { display: none; }
.people-list.students tbody tr          td.user-ctrls .ctrl-view  { color: #228dcf; font-size: 14px; }
.people-list.students tbody tr.no-login td.user-name              { opacity: 0.5; }
.people-list.students tbody tr.no-login td.parents                { opacity: 0.5; }
.people-list.students tbody tr.no-login td.user-ctrls             { opacity: 0.5; }

.people-list.students ul.action-emails                 { margin: 0; padding: 0; }
.people-list.students ul.action-emails li              { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #d8dde6; }
.people-list.students ul.action-emails li:last-of-type { border-bottom: none; }
.people-list.students ul.action-emails li.group   { padding: 0 15px; line-height: 30px; font-size: 14px; text-align: left; font-weight: 600; background-color: #f0f0f0; }
.people-list.students ul.action-emails li a       { display: block; padding: 0 15px; line-height: 30px; font-size: 14px; text-align: left; text-decoration: none; }
.people-list.students ul.action-emails li a       { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-list.students ul.action-emails li a:hover { background-color: #f8f8f8; }

.people-list.students ul.resend-emails    { margin: 0; padding: 0; }
.people-list.students ul.resend-emails li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #d8dde6; }
.people-list.students ul.resend-emails li:last-of-type { border-bottom: none; }
.people-list.students ul.resend-emails li a       { display: block; padding: 0 15px; line-height: 30px; font-size: 14px; text-align: left; text-decoration: none; }
.people-list.students ul.resend-emails li a       { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-list.students ul.resend-emails li a:hover { background-color: #f8f8f8; }

.people-list.students ul.select-users    { margin: 0; padding: 0; }
.people-list.students ul.select-users li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #d8dde6; }
.people-list.students ul.select-users li:last-of-type { border-bottom: none; }
.people-list.students ul.select-users li a       { display: block; padding: 0 15px; line-height: 30px; font-size: 14px; text-align: left; text-decoration: none; }
.people-list.students ul.select-users li a       { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-list.students ul.select-users li a:hover { background-color: #f8f8f8; }

/* DEPRECATED : inline user editing - students */

.people-list td.user-edit                             { padding: 7px 15px; font-size: 0; }
.people-list td.user-edit > .form-edit                { width: 100%; }
.people-list td.user-edit > .form-edit > *            { display: inline-block; vertical-align: middle; margin-right: 10px; }
.people-list td.user-edit > .form-edit > *:last-child { margin-right: 0; }
.people-list td.user-edit > .form-edit > .inputs      { width: calc(100% - 46px - 80px); }
.people-list td.user-edit > .form-edit > .inputs > *  { display: inline-block; vertical-align: middle; width: 13.5%; min-width: 150px; margin: 5px 10px 5px 0; }
.people-list td.user-edit > .form-edit > .inputs > *:last-child  { margin-right: 0; }

.people-list td.user-edit > .form-edit > a             { display: inline-block; font-size: 18px; width: 30px; height: 30px; text-align: center; line-height: 30px; }
.people-list td.user-edit > .form-edit > a.ctrl-save   { color: #228dcf; }
.people-list td.user-edit > .form-edit > a.ctrl-cancel { color: #ccc; }

.people-list td.user-edit > .form-view                 { display: none; }
.people-list td.user-edit .picker                    { min-width: 300px; }
.people-list td.user-edit .picker td:first-child     { padding-left: 0; }
.people-list td.user-edit .picker td:last-child      { padding-right: 0; }
.people-list td.user-edit .picker__select--year      { width: auto; padding: 0; }
.people-list td.user-edit .picker__select--month     { width: auto; padding: 0; }

.people-list td.user-edit .classowl-input-frame.images-left > .image                               { left: 8px; width: 20px; height: 15px; border: 1px solid rgb(40, 40, 40, 0.2); border-radius: 3px; }
.people-list td.user-edit .classowl-input-frame.images-left > .autocomplete > li > a > .item-image { margin: 3px 5px 3px 0; width: 20px; height: 15px; }
.people-list td.user-edit .classowl-input-frame.images-left > .autocomplete > li > a > .item-image { border: 1px solid rgb(40, 40, 40, 0.2); border-radius: 3px; }

.people-list td.user-edit .classowl-input-frame .icon.copy { right: 30px; }
.people-list td.user-edit .classowl-input-frame input[value=""] ~ .icon.copy { display: none; }

/* bulk actions panel - students and teachers  */

.people-list > table > thead     { position: sticky; top: 60px; z-index: 2; background-color: #fff; }

.people-list thead td.user-ctrls { padding: 10px 30px; background-color: rgb(101, 127, 172, 0.1);  text-align: right; }

.people-list thead td.user-ctrls > *                 { display: inline-block; vertical-align: middle; }
.people-list thead td.user-ctrls.none > form         { display: none; }
.people-list thead td.user-ctrls.none > .form        { display: none; }
.people-list thead td.user-ctrls      > .user-select { float: left; font-size: 14px; color: #657FAC; margin-right: 30px; margin-bottom: 6px; }
.people-list thead td.user-ctrls      > .user-select .drop-icon { width: auto; text-decoration: none; }
.people-list thead td.user-ctrls      > .f-left      { float: left; margin-top: 3px; }
.people-list thead td.user-ctrls      > .v-line      { width: 1px; height: 30px; background-color: #00000030; }
.people-list thead td.user-ctrls.none > .v-line      { display: none; }

.people-list td.user-ctrls      .classowl-dropdown > .drop-icon { display: block; width: 30px; text-align: center; }
.people-list td.user-ctrls      .classowl-dropdown             { position: relative; }
.people-list td.user-ctrls      .classowl-dropdown:before      { content: ''; position: absolute; width: 5px; height: 5px; border-right: 1px solid #228dcf; border-bottom: 1px solid #228dcf; }
.people-list td.user-ctrls      .classowl-dropdown:before      { transform: translate(-50%, -50%) rotate(45deg); top: 100%; left: 50%; }
.people-list td.user-ctrls      .classowl-dropdown.open:before { transform: translate(-50%, -50%) rotate(-135deg); }

.people-list td.user-ctrls .resend-activation { display: block; width: 30px; height: 30px; background: url('/static/img/icon/resend-activation.png') no-repeat center center; background-size: 80%; }

.people-list td.user-ctrls.show-archived .only-active { display: none; }
.people-list td.user-ctrls.show-active .only-archived { display: none; }

.people-list thead td > .teachers-export                         { white-space: nowrap; }
.people-list thead td > .teachers-export > *                     { display: inline-block; vertical-align: middle; }
.people-list thead td > .teachers-export > .classowl-input-frame { width: 200px; }
.people-list thead td > .teachers-export > button                { margin-left: 10px; }

.people-list thead td > .transcripts-export > button             { width: 200px; }

/* empty list placeholder - students and parents */

.people-list.empty                    { height: calc(100vh - 60px - 40px - 40px - 36px - 10px - 10px); min-height: 200px; position: relative; }
.people-list.empty .inner             { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.people-list.empty .inner > *         { display: block; margin: 0 auto; text-align: center; }
.people-list.empty .inner > .icon     { margin-bottom: 20px; width: 140px; height: 140px; border-radius: 50%; background: #228dcf no-repeat center center; background-size: 40%; } 
.people-list.empty .inner > .icon.p   { background-image: url('/static/img/icon/parents.svg'); }
.people-list.empty .inner > .icon.s   { background-image: url('/static/img/icon/students.svg'); }
.people-list.empty .inner > .icon.t   { background-image: url('/static/img/icon/teachers.svg'); }
.people-list.empty .inner > .text     { margin-top: 10px; font-size: 18px; line-height: 24px; color: #228dcf; }
.people-list.empty .inner > .text > a { text-decoration: none; color: #228dcf; }

/* transcripts - students */

.people-list tbody tr .user-status               { font-size: 0; }
.people-list tbody tr .user-status > *           { display: inline-block; vertical-align: middle; }
.people-list tbody tr .user-status > i           { width: 16px; height: 16px; background: no-repeat center center; background-size: contain; }
.people-list tbody tr .user-status > span        { font-size: 14px; margin-left: 5px; }
.people-list tbody tr .user-status.unknown       { color: #999999; }
.people-list tbody tr .user-status.unknown     i { background-image: url('/static/img/transcripts/unknown.svg'); }
.people-list tbody tr .user-status.pending       { color: #657FAC; }
.people-list tbody tr .user-status.pending     i { background-image: url('/static/img/transcripts/pending.svg'); }
.people-list tbody tr .user-status.pending2      { color: #657FAC; }
.people-list tbody tr .user-status.pending2    i { background-image: url('/static/img/transcripts/pending2.svg'); }
.people-list tbody tr .user-status.editing       { color: #0044CD; }
.people-list tbody tr .user-status.editing     i { background-image: url('/static/img/transcripts/editing.svg'); }
.people-list tbody tr .user-status.editing2      { color: #0044CD; }
.people-list tbody tr .user-status.editing2    i { background-image: url('/static/img/transcripts/editing2.svg'); }
.people-list tbody tr .user-status.submitted     { color: #10B163; }
.people-list tbody tr .user-status.submitted   i { background-image: url('/static/img/transcripts/submitted.svg'); }
.people-list tbody tr .user-status.unsubmitted   { color: #FF5D40; }
.people-list tbody tr .user-status.unsubmitted i { background-image: url('/static/img/transcripts/unsubmitted.svg'); }
.people-list tbody tr .user-status.approved      { color: #10B163; }
.people-list tbody tr .user-status.approved    i { background-image: url('/static/img/transcripts/approved.svg'); }
.people-list tbody tr .user-status.unapproved    { color: #F83C3C; }
.people-list tbody tr .user-status.unapproved  i { background-image: url('/static/img/transcripts/unapproved.svg'); }

.people-list tbody tr .teacher-items             { font-size: 0; }
.people-list tbody tr .teacher-item              { display: inline-block; vertical-align: middle; margin-right: 5px; }
.people-list tbody tr .teacher-item              { position: relative; width: 40px; height: 40px; border: 2px solid; border-radius: 50%; }
.people-list tbody tr .teacher-item              { background: no-repeat center center; background-size: cover; }
.people-list tbody tr .teacher-item > img        { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

/* transcripts - circle color around the photo */

.people-list tbody tr .teacher-item.unknown      { border-color: #999999; }
.people-list tbody tr .teacher-item.pending      { border-color: #657FAC; }
.people-list tbody tr .teacher-item.pending2     { border-color: #657FAC; }
.people-list tbody tr .teacher-item.editing      { border-color: #0044CD; }
.people-list tbody tr .teacher-item.editing2     { border-color: #0044CD; }
.people-list tbody tr .teacher-item.submitted    { border-color: #10B163; }
.people-list tbody tr .teacher-item.unsubmitted  { border-color: #FF5D40; }
.people-list tbody tr .teacher-item.approved     { border-color: #10B163; }
.people-list tbody tr .teacher-item.unapproved   { border-color: #F83C3C; }

.people-list tbody tr .teacher-item .user-status        { position: absolute; right: -2px; top: -2px; }
.people-list tbody tr .teacher-item .user-status        { height: 14px; width: 14px; line-height: 14px; text-align: center; font-size: 0; }
.people-list tbody tr .teacher-item .user-status        { border: 1px solid inherit; border-radius: 50%; background-color: #fff; }
.people-list tbody tr .teacher-item .user-status > i    { display: block; width: 100%; height: 100%; }
.people-list tbody tr .teacher-item .user-status > span { display: none; }


/* modal students add */

/*
.modal-form.modal-students-add .students-import       { float: right; display: block; margin-right: 40px; line-height: 24px; }
.modal-form.modal-students-add .students-import label { cursor: pointer; }
.modal-form.modal-students-add .students-import span  { font-size: 14px; color: #0044CD; }
.modal-form.modal-students-add .students-import input { display: none; }
*/
.modal-form.modal-students-add .required { color: #F83C3C; }

.modal-form.modal-students-add .ctrls > .license-note { display: inline-block; width: initial; margin-right: auto; }
.modal-form.modal-students-add .ctrls > .license-note { display: inline-block; width: initial; margin-right: auto; }
