.parent-dashboard { min-width: 640px; }

.parent-dashboard .common-block { background: #fff; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1); border: 1px solid #D8DDE6; border-radius: 5px; }

.parent-dashboard                   { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.parent-dashboard > *               { min-height: calc(100vh - 60px - 43px - 40px); }
.parent-dashboard > .block-users    { width: calc(50% - 10px); min-width: 640px; max-width: 800px; }
.parent-dashboard .block-assignments { margin-left: 20px; flex-grow: 1; }
.parent-dashboard .block-activity    { margin-left: 20px; flex-grow: 1; }

@media screen and (max-width: 1280px) {
    .parent-dashboard > .block-users    { min-width: 280px; }
}

@media screen and (max-width: 800px) {
    .parent-dashboard                   { display: block; }
    .parent-dashboard > *               { min-height: auto; }
    .parent-dashboard > .block-users    { width: auto; max-width: none; z-index: 2; position: relative; }
    .parent-dashboard .block-assignments { margin-left: 0; margin-top: 20px; }
    .parent-dashboard .block-activity    { margin-left: 0; margin-top: 20px; }
}


.parent-dashboard .block-students     { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: -20px; }
.parent-dashboard .block-students > * { flex-grow: 0; width: calc(50% - 10px); min-height: 140px; margin-top: 20px; }

@media screen and (max-width: 1280px) {
    .parent-dashboard .block-students     { display: block; }
    .parent-dashboard .block-students > * { display: block; width: 100%; }
}

@media screen and (max-width: 800px) {
    .parent-dashboard .block-students     { display: flex; }
    .parent-dashboard .block-students > * { width: calc(50% - 10px); }
}

.parent-dashboard .block-students > .students-add         { position: relative; }
.parent-dashboard .block-students > .students-add a       { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.parent-dashboard .block-students > .students-add a > *   { display: inline-block; vertical-align: middle; }
.parent-dashboard .block-students > .students-add a .icon { width: 35px; height: 35px; border-radius: 50%; }
.parent-dashboard .block-students > .students-add a .icon { background: rgba(31,60,119,.1) url('/static/img/icon/students-add.svg') no-repeat center center; background-size: 40%; }
.parent-dashboard .block-students > .students-add a .text { margin-left: 10px; font-size: 14px; color: #0044CD; }

.parent-dashboard .block-students > .students-item                  { padding: 20px; text-decoration: none; }
.parent-dashboard .block-students > .students-item:hover            { border: 1px solid #228dcf; }
.parent-dashboard .block-students > .students-item.unlinked         { background-color: #f8f8f8; border: 1px solid #ccc; }
.parent-dashboard .block-students > .students-item > .score         { float: right; margin: -10px 0 0 10px; font-size: 36px; line-height: 48px; font-weight: 300; color: #0044CD; }
.parent-dashboard .block-students > .students-item > .user > .photo { float: left; margin-right: 10px; }
.parent-dashboard .block-students > .students-item > .user > .photo { width: 40px; height: 40px; border-radius: 50%; }
.parent-dashboard .block-students > .students-item > .user > .photo { background: #eee no-repeat center center; background-size: cover; }
.parent-dashboard .block-students > .students-item > .user > .inner > .name   { line-height: 22px; color: #1F3C77; font-size: 16px; font-weight: 500; }
.parent-dashboard .block-students > .students-item > .user > .inner > .status { line-height: 18px; color: #8E8E8E; font-size: 12px; }
.parent-dashboard .block-students > .students-item > .overdue        { opacity: 1.0; color: #ccc; margin-top: 15px; line-height: 18px; font-size: 12px; }
.parent-dashboard .block-students > .students-item > .overdue.active { opacity: 1.0; color: #F44336; }
.parent-dashboard .block-students > .students-item > .extra                      { margin-top: 10px; }
.parent-dashboard .block-students > .students-item > .extra > span               { display: inline-block; vertical-align: middle; margin-top: 5px; padding-right: 20px; }
.parent-dashboard .block-students > .students-item > .extra > span:last-child    { padding-right: 0; }
.parent-dashboard .block-students > .students-item > .extra > span > *           { font-size: 12px; }
.parent-dashboard .block-students > .students-item > .extra > span > .name-extra        { color: #1F3C77; padding-right: 5px; }
.parent-dashboard .block-students > .students-item > .extra > span > .value-extra       { font-weight: bold; }
.parent-dashboard .block-students > .students-item > .extra > span > .value-extra.red   { color: #F83C3C; }
.parent-dashboard .block-students > .students-item > .extra > span > .value-extra.green { color: #10B163; }

.parent-dashboard .dashboard-competences { margin-top: 15px; min-width: initial; }
.parent-dashboard .dashboard-competences { background: #fff; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1); border: 1px solid #D8DDE6; border-radius: 5px; }

.parent-dashboard .block-teachers                             { padding: 20px; margin-top: 15px; }
.parent-dashboard .block-teachers > .header                   { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.parent-dashboard .block-teachers > .header > .title          { font-size: 18px; color: #051E53; font-weight: 500; line-height: 26px; padding: 5px 0; margin-right: 10px; }
.parent-dashboard .block-teachers > .header > .student-picker { margin-left: auto; width: 250px; max-width: 100%; }

.parent-dashboard .block-teachers > .inner > .teachers                  { margin: 20px 0 0; }
.parent-dashboard .block-teachers > .inner > .teachers:empty            { display: none; }
.parent-dashboard .block-teachers > .inner > .teachers                  { display: flex; align-items: stretch; flex-wrap: wrap; }
.parent-dashboard .block-teachers > .inner > .teachers > .user          { width: calc(50% - 10px); margin: 0 10px 10px 0; }
.parent-dashboard .block-teachers > .inner > .teachers > .user          { display: flex; align-items: center; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .photo { flex-grow: 0; flex-shrink: 0; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .inner { flex-grow: 0; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .photo { margin-right: 10px; width: 40px; height: 40px; border-radius: 50%; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .photo { background: #eee no-repeat center center; background-size: cover; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .inner > .name   { line-height: 22px; color: #1F3C77; font-size: 14px; font-weight: 500; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .inner > .status { line-height: 18px; color: #8E8E8E; font-size: 12px; }

.parent-dashboard .block-teachers > .inner > .teachers > .user > .email       { margin-right: 10px; font-size: 24px; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .email       { color: #cccccc; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .email:hover { color: #228dcf; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .email       { display: none; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .email.show  { display: block; }

.parent-dashboard .block-teachers > .inner > .teachers > .user > .homeroom      { margin-left: 10px; font-size: 24px; color: #ccc; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .homeroom      { display: none; }
.parent-dashboard .block-teachers > .inner > .teachers > .user > .homeroom.show { display: block; }

@media screen and (max-width: 1280px) {
    .parent-dashboard .block-teachers > .inner > .teachers > .user          { width: 100%; margin-right: 0; }
}

.parent-dashboard .block-activity                   { padding: 20px; }
.parent-dashboard .block-activity > .title          { font-size: 18px; color: #051E53; font-weight: 500; line-height: 27px; padding: 5px 0; }
.parent-dashboard .block-activity > .items          { padding: 10px 0; }

.parent-dashboard .block-activity .activity-item                  { padding: 10px 0; border-top: 1px solid rgb(150, 150, 150, 0.2); }
.parent-dashboard .block-activity .activity-item > .user          { position: relative; }
.parent-dashboard .block-activity .activity-item > .user > *      { display: inline-block; vertical-align: top; }
.parent-dashboard .block-activity .activity-item > .user > .photo { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.parent-dashboard .block-activity .activity-item > .user > .photo { background: #eee no-repeat center center; background-size: cover; }
.parent-dashboard .block-activity .activity-item > .user > .inner { width: calc(100% - 50px); }
.parent-dashboard .block-activity .activity-item > .user > .inner > .due    { line-height: 18px; color: #657FAC; font-size: 12px; float: right; }
.parent-dashboard .block-activity .activity-item > .user > .inner > .time   { line-height: 18px; color: #999; font-size: 12px; }
.parent-dashboard .block-activity .activity-item > .user > .inner > .name   { line-height: 22px; color: #657FAC; font-size: 14px; margin-top: 3px; }
.parent-dashboard .block-activity .activity-item > .user > .inner > .name a { font-weight: bold; }


.parent-dashboard .block-assignments               { position: relative; margin-bottom: 20px; }
.parent-dashboard .block-assignments               { display: flex; flex-direction: column; }
.parent-dashboard .block-assignments .card__header { flex-grow: 0; flex-shrink: 0; box-sizing: border-box; }
.parent-dashboard .block-assignments .card__body   { flex-grow: 1; flex-shrink: 1; box-sizing: border-box; }

.parent-dashboard .block-assignments .card__header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.parent-dashboard .block-assignments .card__header { padding: 20px; border-bottom: 1px solid #e5e5e5; }
.parent-dashboard .block-assignments .card__header { line-height: initial; font-size: 18px; color: #051E53; font-weight: 500; }
.parent-dashboard .block-assignments .card__body   { position: relative; overflow: hidden; scrollbar-width: thin; padding: 0 20px; }

.parent-dashboard .block-assignments .card__header > .student-picker { margin-left: auto; width: 250px; max-width: 100%; }

.parent-dashboard .block-assignments .card__header ul.tabs      { margin: 10px 0 10px auto; float: none; }
.parent-dashboard .block-assignments .card__header ul.tabs li a { min-width: 90px; width: initial; }

.parent-dashboard .block-assignments .item                    { position: relative; border-top: 1px solid #e5e5e5; padding: 10px 0; }
.parent-dashboard .block-assignments .item:first-child        { border-top: none; }
.parent-dashboard .block-assignments .item.hide               { display: none; }

.parent-dashboard .block-assignments .item                     { display: flex; align-items: stretch; justify-content: space-between; }
.parent-dashboard .block-assignments .item > .photo            { flex-grow: 0; flex-shrink: 0; }
.parent-dashboard .block-assignments .item > .inner            { flex-grow: 1; flex-shrink: 1; width: calc(100% - 140px); }
.parent-dashboard .block-assignments .item > .buttons          { flex-grow: 0; flex-shrink: 0; }

.parent-dashboard .block-assignments .item .photo              { margin-right: 10px; }
.parent-dashboard .block-assignments .item .photo > img        { display: block; width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }

.parent-dashboard .block-assignments .item .inner > .title     { font-size: 16px; color: #228dcf; line-height: 24px; }
.parent-dashboard .block-assignments .item .inner > .title     { max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.parent-dashboard .block-assignments .item .inner > .title > .class { flex-shrink: 1; margin-right: 5px; font-size: 14px; color: #999999; }
.parent-dashboard .block-assignments .item .inner > .descr     { font-size: 14px; color: #282828; line-height: 21px; margin: 5px 0; }

.parent-dashboard .block-assignments .item .props              { display: flex; align-items: center; }
.parent-dashboard .block-assignments .item .due-date           { flex-grow: 0; flex-shrink: 0; }

.parent-dashboard .block-assignments .item .due-date           { min-width: 170px; white-space: nowrap; font-size: 12px; color: #282828; line-height: 18px; }
.parent-dashboard .block-assignments .item .due-date.expired b { color: #ef4949; }

.parent-dashboard .block-assignments .item .buttons .button            { width: 80px; }
.parent-dashboard .block-assignments .item .buttons .button[href=""]   { display: none; }

.parent-dashboard .block-assignments .item.archived .inner > .title a  { opacity: 0.5; }
.parent-dashboard .block-assignments .item.archived .inner > .descr    { opacity: 0.5; }
.parent-dashboard .block-assignments .item.archived .due-date          { opacity: 0.5; }
.parent-dashboard .block-assignments .item.archived .buttons .button   { opacity: 0.5; }

