/* modal students card */ .modal-form.modal-students-card > .container { width: 780px; } .modal-form.modal-students-card.view > .container { width: 380px; } @media screen and (max-width: 800px) { .modal-form.modal-students-card > .container { width: 380px; } .modal-form.modal-students-card.view > .container { width: 380px; } } @media screen and (max-width: 400px) { .modal-form.modal-students-card > .container { width: 100%; height: 100vh; } } .modal-form.modal-students-card .container .card-tabs > ul.tabs { display: flex; justify-items: stretch; flex-wrap: wrap; } .modal-form.modal-students-card .container .card-tabs > ul.tabs > li { flex-grow: 1; margin-bottom: -1px; max-width: 50%; min-width: 19%; } .modal-form.modal-students-card .container .card-tabs > ul.tabs > li { flex-basis: 15%; border-radius: 0; margin-left: -1px; margin-right: 0; } .modal-form.modal-students-card .container .card-tabs > ul.tabs > li > a { box-sizing: border-box; width: 100%; text-align: center; font-size: 13px; } @media screen and (max-width: 800px) { .modal-form.modal-students-card .container .card-tabs > ul.tabs > li { flex-basis: calc(25% - 1px); } } .modal-form.modal-students-card fieldset { margin: 0 -5px; } .modal-form.modal-students-card .form-input { display: inline-block; vertical-align: top; margin: 5px; } .modal-form.modal-students-card .form-input.hide { display: none; } .modal-form.modal-students-card .form-input label { position: relative; overflow: visible; margin: 0; padding: 6px 0; } .modal-form.modal-students-card .form-input label { color: #657FAC; font-size: 12px; line-height: 18px; font-weight: 500; } .modal-form.modal-students-card .form-input.single { width: calc(25% - 10px); } .modal-form.modal-students-card .form-input.double { width: calc(50% - 10px); } .modal-form.modal-students-card .form-input.full { width: calc(100% - 10px); } .modal-form.modal-students-card .form-input .photo { display: inline-block; margin-bottom: -15px; } .modal-form.modal-students-card .form-input .photo ~ * { display: inline-block; width: calc(50% - 40px); margin-left: 10px; } .modal-form.modal-students-card .form-input .photo ~ *.wide { display: inline-block; width: calc(100% - 70px); margin-left: 10px; } .modal-form.modal-students-card.view .form-input.single { width: calc(50% - 10px); } .modal-form.modal-students-card.view .form-input.double { width: calc(100% - 10px); } @media screen and (max-width: 800px) { .modal-form.modal-students-card .form-input.single { width: calc(50% - 10px); } .modal-form.modal-students-card .form-input.double { width: calc(100% - 10px); } } .modal-form.modal-students-card fieldset.disabled input { background-color: #f8f8f8; pointer-events: none; } .modal-form.modal-students-card fieldset.disabled .input { background-color: #f8f8f8; pointer-events: none; } .modal-form.modal-students-card fieldset.disabled .classowl-photo > .clear { display: none; } .modal-form.modal-students-card fieldset.disabled .classowl-photo > .select { display: none; } .modal-form.modal-students-card fieldset.disabled .classowl-checkbox label { pointer-events: none; } .modal-form.modal-students-card fieldset.disabled .classowl-checkbox input:checked + label:before { border-color: #999; background-color: #999; } .modal-form.modal-students-card fieldset.disabled .classowl-checkbox input + label:before { border-color: #999; background-color: #fff; } .modal-form.modal-students-card .picker { min-width: 300px; } .modal-form.modal-students-card .picker__select--year { width: auto; padding: 0; } .modal-form.modal-students-card .picker__select--month { width: auto; padding: 0; } .modal-form.modal-students-card form .title { color: #1f3c77; font-size: 18px; font-weight: 400; } .modal-form.modal-students-card form .ctrls { margin-top: 10px; text-align: right; } .modal-form.modal-students-card form .ctrls > * { display: none; vertical-align: middle; cursor: pointer; width: 100px; margin: 10px 0 0 10px; } .modal-form.modal-students-card form .ctrls > .ctrl-act { display: inline-block; font-size: 18px; width: 30px; height: 30px; text-align: center; line-height: 30px; } .modal-form.modal-students-card form .ctrls > .ctrl-copy { display: inline-block; font-size: 18px; width: 30px; height: 30px; text-align: center; line-height: 30px; } .modal-form.modal-students-card form .ctrls > .hint { display: inline-flex; align-items: center; font-size: 14px; width: auto; color: #999; cursor: default; } .modal-form.modal-students-card form.hint-hide .ctrls > .hint { display: none; } .modal-form.modal-students-card form input:invalid { border-color: #F83C3C; } .modal-form.modal-students-card form input[required]:placeholder-shown { border: 1px solid #F83C3C; } .modal-form.modal-students-card form .ctrls > .ctrl-act { display: inline-block; } .modal-form.modal-students-card form .ctrls > .ctrl-add { display: inline-block; } .modal-form.modal-students-card form .ctrls > .ctrl-edit { display: inline-block; } .modal-form.modal-students-card form .ctrls > .ctrl-delete { display: none; } .modal-form.modal-students-card form .ctrls > .ctrl-save { display: none; } .modal-form.modal-students-card form .ctrls > .ctrl-cancel { display: none; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-act { display: none; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-add { display: none; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-edit { display: none; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-delete { display: inline-block; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-save { display: inline-block; } .modal-form.modal-students-card form.editable .ctrls > .ctrl-cancel { display: inline-block; } .modal-form.modal-students-card form .ctrls.no-email > .ctrl-act { display: none; } .modal-form.modal-students-card form .ctrls.no-email > .ctrl-copy { display: none; } .modal-form.modal-students-card form .ctrls.icons > * { color: #228dcf; padding: 0; width: 32px; height: 32px; line-height: 32px; font-size: 18px; text-align: center; background-color: transparent; border: none; } .modal-form.modal-students-card form .ctrls.icons > *.ctrl-delete { color: #F83C3C; } .modal-form.modal-students-card form .ctrls.icons > *.ctrl-cancel { color: #999999; } .modal-form.modal-students-card form.add fieldset { display: none; } .modal-form.modal-students-card form.add.editable fieldset { display: block; } .modal-form.modal-students-card form.form-absence { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .modal-form.modal-students-card form.form-absence:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .modal-form.modal-students-card form.form-absence .for-custom { display: none; } .modal-form.modal-students-card form.form-absence .for-can-recurring { display: none; } .modal-form.modal-students-card form.form-absence .for-recurring { display: none; } .modal-form.modal-students-card form.form-absence.absence-custom .for-custom { display: inline-block; } .modal-form.modal-students-card form.form-absence.absence-custom.absence-can-recurring .for-can-recurring { display: inline-block; } .modal-form.modal-students-card form.form-absence.absence-custom.absence-can-recurring.absence-recurring .for-recurring { display: inline-block; } .modal-form.modal-students-card .card-parents > form { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .modal-form.modal-students-card .card-parents > form:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .modal-form.modal-students-card .card-persons > form { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .modal-form.modal-students-card .card-persons > form:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .modal-form.modal-students-card .card-guardians .guardians-item { margin-top: 20px; border: 1px solid #e5e5e5; border-radius: 5px; } .modal-form.modal-students-card .card-guardians .guardians-item > .header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-radius: inherit; } .modal-form.modal-students-card .card-guardians .guardians-item > .header { padding: 10px 20px; font-size: 18px; color: #228dcf; background-color: #f8f8f8; } .modal-form.modal-students-card .card-guardians .guardians-item > .content { padding: 0 20px 20px; border-top: 1px solid #e5e5e5; } .modal-form.modal-students-card .card-guardians .guardians-item > .content { display: none; } .modal-form.modal-students-card .card-guardians .guardians-item.expanded > .content { display: block; } .modal-form.modal-students-card .card-guardians .guardians-item.expanded > .header > i { transform: rotate(180deg); } .modal-form.modal-students-card .card-grades { margin-top: 20px; } .modal-form.modal-students-card .card-grades > .item { margin-top: 10px; border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; } .modal-form.modal-students-card .card-grades > .item > .class-item { display: flex; align-items: center; min-height: 40px; cursor: pointer; } .modal-form.modal-students-card .card-grades > .item > .class-item > .name { font-size: 14px; flex-grow: 1; padding: 5px 10px; } .modal-form.modal-students-card .card-grades > .item > .class-item > .name > .status { font-size: 12px; color: #999; } .modal-form.modal-students-card .card-grades > .item > .class-item > .score { font-size: 24px; color: #1f3c77; width: 70px; text-align: right; } .modal-form.modal-students-card .card-grades > .item > .class-item > .expand { font-size: 20px; width: 50px; text-align: center; color: #228dcf; } .modal-form.modal-students-card .card-grades > .item .expand > .fa-angle-up { display: none; } .modal-form.modal-students-card .card-grades > .item .expand > .fa-angle-down { display: inline-block; } .modal-form.modal-students-card .card-grades > .item .subitems { max-height: 0; } .modal-form.modal-students-card .card-grades > .item.opened .expand > .fa-angle-up { display: inline-block; } .modal-form.modal-students-card .card-grades > .item.opened .expand > .fa-angle-down { display: none; } .modal-form.modal-students-card .card-grades > .item.opened .subitems { max-height: initial; } .modal-form.modal-students-card .card-grades > .item.empty > .class-item { opacity: 0.5; cursor: default; } .modal-form.modal-students-card .card-grades > .item.empty > .class-item > .expand { opacity: 0.0; } .modal-form.modal-students-card .card-grades > .item.opened > .class-item { background-color: #f8f8f8;} .modal-form.modal-students-card .card-grades > .item > .subitems { overflow: hidden; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem { display: flex; align-items: center; border-top: 1px solid #e5e5e5; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem > .asg-item { flex-grow: 1; padding: 5px 10px; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem > .asg-item > .title { font-size: 14px; color: #282828; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem > .asg-item > .status { font-size: 12px; color: #999; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem > .asg-item .weighting { color: #282828; } .modal-form.modal-students-card .card-grades > .item > .subitems > .subitem > .score { font-size: 20px; color: #1f3c77; text-align: right; padding: 0 10px; } .modal-form.modal-students-card .card-grades .grades-options { display: flex; align-items: center; justify-content: right; } .modal-form.modal-students-card .card-grades .grades-options > .grades-last-doc { margin-right: auto; width: auto; } .modal-form.modal-students-card .card-grades .grades-graded { margin-left: 10px; } .modal-form.modal-students-card .card-grades .grades-graded > .classowl-input-frame { width: 150px; } .modal-form.modal-students-card .card-grades .grades-period { margin-left: 10px; } .modal-form.modal-students-card .card-grades .grades-period > .classowl-input-frame { width: 150px; } .modal-form.modal-students-card .card-grades .grades-export { margin-left: 10px; } .modal-form.modal-students-card .card-grades .grades-export .classowl-button { width: auto; padding: 0 10px; } .modal-form.modal-students-card .card-grades .grades-transcripts { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .modal-form.modal-students-card .card-grades .grades-transcripts:empty { display: none; } .modal-form.modal-students-card .card-grades .grades-transcripts { margin-bottom: 10px; border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; } .modal-form.modal-students-card .card-grades .grades-transcripts > * { width: calc(50% - 5px); box-sizing: border-box; } .modal-form.modal-students-card .card-grades .grades-transcripts > .item { display: flex; align-items: center; min-height: 40px; padding-right: 10px; } .modal-form.modal-students-card .card-grades .grades-transcripts > .item > .name { font-size: 14px; flex-grow: 1; padding: 5px 10px; } .modal-form.modal-students-card .card-grades .grades-transcripts > .item > .name > .status { font-size: 12px; color: #999; } /* card read-only mode */ .modal-form.modal-students-card .readonly .card-user > form > .ctrls { display: none; } .modal-form.modal-students-card .readonly .card-user > form { padding-top: 20px; } .modal-form.modal-students-card .readonly .card-parents > form.add { display: none; } .modal-form.modal-students-card .readonly .card-parents > form > .ctrls > .ctrl-add { display: none; } .modal-form.modal-students-card .readonly .card-parents > form > .ctrls > .ctrl-act { display: none; } .modal-form.modal-students-card .readonly .card-parents > form > .ctrls > .ctrl-edit { display: none; } .modal-form.modal-students-card .readonly .card-persons > form > .ctrls { display: none; } .modal-form.modal-students-card .readonly .card-persons > form { padding-top: 20px; } /* card navigation */ .modal-form.modal-students-card .nav-title { display: flex; align-items: center; } .modal-form.modal-students-card .nav-title > .nav-prev { display: block; width: 30px; text-align: center; } .modal-form.modal-students-card .nav-title > .nav-next { display: block; width: 30px; text-align: center; } .modal-form.modal-students-card .nav-title > .person { display: flex; align-items: center; max-width: calc(100% - 50px); } .modal-form.modal-students-card .nav-title > .person > .photo { flex-grow: 0; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: no-repeat center center; background-size: cover; } .modal-form.modal-students-card .nav-title > .person > .title { flex-grow: 1; flex-shrink: 1; margin-left: 10px; position: relative; } .modal-form.modal-students-card .nav-title > .person > .title > * { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal-form.modal-students-card .nav-title > .person > .title > .status { font-size: 12px; line-height: 18px; color: #999; margin-top: -2px; } .modal-form.modal-students-card .inner > .nav-prev { position: absolute; top: 30vh; left : -50px; width: 40px; line-height: 40px; font-size: 40px; color: #fff; text-align: center; } .modal-form.modal-students-card .inner > .nav-next { position: absolute; top: 30vh; right: -50px; width: 40px; line-height: 40px; font-size: 40px; color: #fff; text-align: center; } /* calendar */ .modal-form.modal-students-card .card-calendar { margin-top: 20px; } .modal-form.modal-students-card .card-calendar > .calendar-block { box-shadow: none; } .modal-form.modal-students-card .card-calendar > .calendar-block > .container { padding: 0; } .modal-form.modal-students-card .card-calendar > .calendar-block > .container > .calendar-student { display: none; } @media screen and (max-width: 800px) { .modal-form.modal-students-card .card-calendar { overflow-x: auto; scrollbar-width: thin; } } /* activity */ .modal-form.modal-students-card .card-activity { margin-top: 20px; } .modal-form.modal-students-card .card-activity .activity-options { display: flex; align-items: center; justify-content: right; } .modal-form.modal-students-card .card-activity .activity-period { margin-left: 10px; } .modal-form.modal-students-card .card-activity .activity-period > .classowl-input-frame { width: 150px; } /* feedbacks */ .modal-students-card .card-feedbacks { margin-top: 20px; } .modal-students-card .card-feedbacks .feedbacks-options { display: flex; align-items: center; justify-content: right; } .modal-students-card .card-feedbacks .feedbacks-period { margin-left: 10px; width: auto; } .modal-students-card .card-feedbacks .feedbacks-period > .classowl-input-frame { width: 150px; } .modal-students-card .card-feedbacks .feedbacks-item { border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin-bottom: 10px; } .modal-students-card .card-feedbacks .feedbacks-item > .block { display: flex; align-items: flex-start; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .title { flex-shrink: 1; flex-grow: 1; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls { flex-shrink: 0; flex-grow: 0; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .title { font-size: 14px; margin-right: 10px; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .title .date { font-size: 12px; color: #999; } .modal-students-card .card-feedbacks .feedbacks-item i.hidden { display: none; margin-right: 10px; } .modal-students-card .card-feedbacks .feedbacks-item.hidden i.hidden { display: initial; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls { display: flex; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls > * { display: block; margin-left: 10px; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls a { width: 90px; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls > a.hide-link { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls > .not-signed { color: #999; text-align: center; width: 90px; font-size: 14px; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls.not-signed > a { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls > .not-signed { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls.not-signed > .not-signed { display: block; } @media screen and (max-width: 800px) { .modal-students-card .card-feedbacks .feedbacks-item > .block { align-items: flex-start; flex-direction: column-reverse; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .title { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0 0; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .title > * { margin-right: 10px; white-space: nowrap; } .modal-students-card .card-feedbacks .feedbacks-item > .block > .ctrls { justify-content: flex-end; width: 100%; } } .modal-students-card .card-feedbacks .feedbacks-item > .preview { padding: 5px 15px 0; margin-top: 10px; border-top: 1px solid #ccc; } .modal-students-card .card-feedbacks .feedbacks-item > .preview > * { display: flex; align-items: center; justify-content: space-between; } .modal-students-card .card-feedbacks .feedbacks-item > .preview > * { margin-top: 5px; } .modal-students-card .card-feedbacks .feedbacks-item > .preview > * > .t { font-size: 12px; color: #999; } .modal-students-card .card-feedbacks .feedbacks-item > .preview > * > .v { font-size: 12px; font-weight: bold; } .modal-students-card .card-feedbacks .feedbacks-item > .comment { margin-top: 10px; font-size: 14px; } .modal-students-card .card-feedbacks .feedbacks-item > .comment p { margin: 0; } .modal-students-card .card-feedbacks .feedbacks-item > .comment:empty { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long { transition: all 300ms ease-in-out; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long { max-height: 75px; overflow: hidden; position: relative; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long { border-bottom: 1px solid #d5d5d5; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20px; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long:after { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%); } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long.expanded { max-height: initial; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long.expanded:after { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long ~ .expand-comment { display: block; margin: 0 auto; max-width: 100px; padding-bottom: 2px; border-radius: 0 0 10px 10px; cursor: pointer; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long ~ .expand-comment { background-color: #d5d5d5; color: #282828; line-height: 18px; font-size: 12px; text-align: center; text-decoration: none; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long ~ .expand-comment i { margin: 0 5px; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long ~ .expand-comment .e0 { display: block; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long ~ .expand-comment .e1 { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long.expanded ~ .expand-comment .e0 { display: none; } .modal-students-card .card-feedbacks .feedbacks-item > .comment.long.expanded ~ .expand-comment .e1 { display: block; } .modal-students-card .card-feedbacks .feedbacks-item > .footer { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .modal-students-card .card-feedbacks .add-feedback { margin-left: 15px; } .modal-students-card .card-feedbacks .add-feedback .do-submit { margin-left: auto; width: 90px; } .modal-students-card .card-feedbacks .feedbacks-options { display: flex; align-items: center; justify-content: flex-end; } .modal-students-card .card-feedbacks .inline-feedbacks-upload > form { margin-top: -10px; } .modal-students-card .card-feedbacks .feedbacks-upload-filter { margin: 14px 0 10px; } .modal-students-card .card-feedbacks .feedbacks-upload-filter .form-input { vertical-align: middle; } .modal-students-card .card-feedbacks .inline-feedbacks-upload ~ .feedbacks-options { display: none; } .modal-students-card .card-feedbacks .inline-feedbacks-upload:empty ~ .feedbacks-options { display: flex; flex-wrap: wrap; } .modal-students-card .card-feedbacks .inline-feedbacks-upload ~ .feedbacks-upload-filter { display: none; } .modal-students-card .card-feedbacks .inline-feedbacks-upload:empty ~ .feedbacks-upload-filter { display: block; } .modal-students-card .card-feedbacks .inline-feedbacks-upload ~ .feedbacks-items { display: none; } .modal-students-card .card-feedbacks .inline-feedbacks-upload:empty ~ .feedbacks-items { display: block; } .modal-students-card .card-feedbacks .feedback-by { display: flex; align-items: center; font-size: 14px; } .modal-students-card .card-feedbacks .feedback-by > span { color: #999; font-size: 12px; } .modal-students-card .card-feedbacks .feedback-by > img { display: block; margin: 0 5px; width: 20px; height: 20px; border-radius: 50%; object-fit: cover; } .modal-students-card .card-feedbacks .feedback-by > div { color: #1f3c77; } .modal-students-card .card-feedbacks .barometer-item { display: flex; align-items: center; } .modal-students-card .card-feedbacks .barometer-item > .barometer-toggle { flex-shrink: 0; flex-grow: 0; } .modal-students-card .card-feedbacks .barometer-item > .barometer-title { flex-shrink: 1; flex-grow: 1; } .modal-students-card .card-feedbacks .barometer-item > .barometer-title { margin-left: 15px; font-size: 14px; color: #1f3c77; } .modal-students-card .card-feedbacks .barometer-toggle { display: flex; align-items: center; justify-content: space-between; width: 110px; } .modal-students-card .card-feedbacks .barometer-toggle .classowl-icon-toggle label { font-size: 24px; line-height: initial; } .modal-students-card .card-feedbacks .barometer-icons > * { font-size: 18px; margin-right: 5px; } .modal-students-card .card-feedbacks .barometer-icons > *:empty { display: none; } .modal-students-card .card-feedbacks .barometer-icons > .barometer-icon { display: flex; align-items: center; } .modal-students-card .card-feedbacks .barometer-icons > .barometer-icon > div { margin-right: 10px; } .modal-students-card .card-feedbacks .barometer-icons > .barometer-icon > span { font-style: italic; font-size: 14px; color: #999; } .modal-students-card .card-feedbacks .barometer-icons > .barometer-icon > div:empty { display: none; } .modal-students-card .card-feedbacks .barometer-icons > .barometer-icon > div:empty + span { display: none; } .modal-students-card .card-feedbacks .barometer-props { margin: 10px 0; } .modal-students-card .card-feedbacks .barometer-props:empty { display: none; } .modal-students-card .card-feedbacks .barometer-props > .barometer-prop { display: flex; align-items: center; } .modal-students-card .card-feedbacks .barometer-props > .barometer-prop { font-size: 14px; color: #999; } .modal-students-card .card-feedbacks .barometer-props > .barometer-prop > .t { margin-right: 10px; } .modal-students-card .card-feedbacks .barometer-props > .barometer-prop > .t:empty { display: none; } .modal-students-card .card-feedbacks .barometer-props > .barometer-prop > .v { font-weight: 600; color: #1f3c77; } .modal-students-card .card-feedbacks .feedbacks-barometer { position: relative; width: calc(100% - 150px); margin: 20px auto; } .modal-students-card .card-feedbacks .feedbacks-barometer > .icon { position: absolute; top: 50%; font-size: 24px; transform: translate(-50%, -50%); } .modal-students-card .card-feedbacks .feedbacks-barometer > .icon.l { left: -30px; } .modal-students-card .card-feedbacks .feedbacks-barometer > .icon.r { left: calc(100% + 30px); } .modal-students-card .card-feedbacks .feedbacks-barometer > .icon.v { left: 50%; font-size: 20px; } .modal-students-card .card-feedbacks .feedbacks-barometer > .bar { height: 20px; border-radius: 10px; margin: 0 -10px; } .modal-students-card .card-feedbacks .feedbacks-barometer > .bar { background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,255,0) 50%, rgba(0,255,0,1) 100%); } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale { position: absolute; transform: translate(-50%, -50%); top: -15px; left: 50%; font-size: 14px; font-weight: bold; color: #282828; } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale.n2 { left: 0%; } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale.n1 { left: 25%; } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale.p1 { left: 75%; } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale.p2 { left: 100%; } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale:before { content: ''; position: absolute; transform: translate(-50%, 0); } .modal-students-card .card-feedbacks .feedbacks-barometer > .scale:before { left: 50%; top: 100%; width: 2px; height: 30px; background-color: #282828; } .modal-students-card .card-feedbacks .feedbacks-stats { margin: 20px 0 0; } .modal-students-card .card-feedbacks .feedbacks-stats { display: none; } .modal-students-card .card-feedbacks .feedbacks-stats.show { display: block; } .modal-students-card .card-feedbacks .feedbacks-export .classowl-button { width: auto; padding: 0 10px; } .modal-students-card .card-feedbacks.hide-barometer .show-stats { display: none; } .modal-students-card .card-feedbacks.hide-barometer .feedbacks-items { display: none; } .modal-students-card .card-feedbacks.hide-barometer .feedbacks-barometer { display: none; } .modal-students-card .card-feedbacks.hide-barometer .barometer-items { display: none; } .modal-students-card .card-feedbacks.hide-barometer .barometer-expire-days { display: none; } .modal-students-card .card-feedbacks.hide-barometer .barometer-admin-points { display: none; } .modal-students-card .card-feedbacks.hide-barometer .barometer-icons { display: none; } .modal-students-card .card-feedbacks.hide-barometer .barometer-props { display: none; } /* competences */ .modal-form.modal-students-card .card-competences { margin-top: 20px; overflow-y: auto; } /* absences */ .modal-form.modal-students-card .readonly .card-absences form.add { display: none; } .modal-form.modal-students-card .readonly .card-absences form > .ctrls { display: none; } .modal-form.modal-students-card .card-absences .form-absence .ctrls { display: flex; align-items: center; justify-content: flex-end; } .modal-form.modal-students-card .card-absences .form-absence .ctrls > * { margin-left: 10px; } .card-absences .absences-items { margin-top: 10px; border-top: 1px solid #e5e5e5; } .card-absences .absences-item { padding: 5px 0; border-bottom: 1px solid #e5e5e5; } .card-absences .absences-item:hover { background-color: #f8f8f8; } .card-absences .absences-item { display: flex; align-items: center; } .card-absences .absences-item > .absence-date { flex-grow: 0; flex-shrink: 0; width: 160px; } .card-absences .absences-item > .absence-info { flex-grow: 1; flex-shrink: 0; width: 200px; } .card-absences .absences-item > .absence-by { flex-grow: 0; flex-shrink: 0; width: 200px; } .card-absences .absences-item > .absence-date { line-height: 21px; font-size: 14px; color: #1f3c77; } .card-absences .absences-item > .absence-date .duration { line-height: 21px; font-size: 14px; color: #999999; } .card-absences .absences-item > .absence-info .comment { line-height: 21px; font-size: 14px; color: #282828; } .card-absences .absences-item > .absence-info .comment.unexcused { color: #ef4949; font-weight: bold; } .card-absences .absences-item > .absence-info .period { line-height: 18px; font-size: 12px; color: #657FAC; } .card-absences .absences-item > .user-item { margin: 0; padding: 0; display: block; } .card-absences .absences-item > .user-item > .user-card { background-color: transparent; border: none; cursor: pointer; } .card-absences .absences-item .user-card { display: flex; align-items: center; } .card-absences .absences-item .user-card > * { flex-grow: 1; flex-shrink: 1; } .card-absences .absences-item .user-card > .user-photo { flex-grow: 0; flex-shrink: 0; width: 27px; height: 27px; border-radius: 50%; background: no-repeat center; background-size: cover; } .card-absences .absences-item .user-card > .user-info { margin: 0 8px; text-align: left; } .card-absences .absences-item .user-card > .user-info > .user-name { font-size: 14px; color: #657FAC; } .card-absences .absences-item .user-card > .user-info > .user-status { font-size: 12px; color: #999; } .card-absences .absences-item .user-card > .by { flex-grow: 0; flex-shrink: 0; } .card-absences .absences-item .user-card > .by { font-size: 12px; color: #282828; margin-right: 5px; } .card-absences .absences-item .absence-by > .user-card > .user-photo { width: 21px; height: 21px; } .card-absences .absences-item .absence-by > .user-card > .user-info > .user-name { font-size: 12px; } /* koco */ .modal-form.modal-students-card .card-koco { margin-top: 20px; overflow-y: auto; } .modal-form.modal-students-card .card-koco > .ctrls { display: flex; align-items: center; justify-content: flex-end; } .modal-form.modal-students-card .card-koco .koco-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .modal-form.modal-students-card .card-koco .koco-item { margin-top: 10px; border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px; } .modal-form.modal-students-card .card-koco .koco-item > * { flex-grow: 0; flex-shrink: 0; margin: 5px; } .modal-form.modal-students-card .card-koco .koco-item .name { flex-grow: 1; flex-shrink: 1; } .modal-form.modal-students-card .card-koco .koco-item .step { width: 100px; font-size: 14px; color: #657FAC; } .modal-form.modal-students-card .card-koco .koco-item .title { font-size: 16px; color: #1f3c77; } .modal-form.modal-students-card .card-koco .koco-item .descr { font-size: 12px; color: #999; }