body         .wall-post-form.comment .input-attach > .attach-assignment { display: none; }
body.student .wall-post-form         .input-attach > .attach-assignment { display: none; }

.modal-assign              .library-screen { display: none; }
.modal-assign.step-library .library-screen { display: block; }


.modal-assign .library-screen .modal-header              { position: relative; display: block; padding: 25px 30px; }

.modal-assign .library-screen .modal-header .tabs          { float: right; margin-top: 6px; }
.modal-assign .library-screen .modal-header .tabs > li > a { width: 131px; }
.modal-assign .library-screen .modal-header h2           { line-height: 37px; }
.modal-assign .library-screen .modal-header .filters     { margin-top: 10px; font-size: 0; }
.modal-assign .library-screen .modal-header .filters > * { display: inline-block; vertical-align: middle; width: calc(50% - 10px); }
.modal-assign .library-screen .modal-header .filters > *:first-child { margin-right: 10px; }
.modal-assign .library-screen .modal-header .filters > *:last-child  { margin-left: 10px; }
.modal-assign .library-screen .modal-header .filters .input-frame    { margin-bottom: 0; }
.modal-assign .library-screen .modal-header .filters input           { margin-bottom: 0; }
.modal-assign .library-screen .modal-header .tabs-inner              { display: block; margin: 25px 0 -25px 0; }

.modal-assign .library-screen.lessons .modal-header .filters    { display: none; }
.modal-assign .library-screen.lessons .modal-header .tabs-inner { display: none; }

.modal-assign .library-screen .modal-body    { position: relative; display: block; overflow: hidden; min-height: 110px; max-height: calc(100vh - 50px - 50px - 163px - 72px); font-size: 0; }
.modal-assign .library-screen .modal-body ul { display: block; padding: 20px; }
.modal-assign .library-screen .modal-body li { display: inline-block; vertical-align: top; width: 183px; margin: 10px; }

.modal-assign .library-screen .modal-body li > input { display: none; cursor: pointer; }
.modal-assign .library-screen .modal-body li > label { display: block; cursor: pointer; }
.modal-assign .library-screen .modal-body li > label { padding: 10px; border-radius: 2px; }
.modal-assign .library-screen .modal-body li >                 label { color: #282828; background-color: #fafbfc; }
.modal-assign .library-screen .modal-body li > input:checked ~ label { color: #fff; background-color: #1f3c77; }

.modal-assign .library-screen .modal-body li > label .image { display: inline-block; height: 40px; width: 40px; background: no-repeat center center; background-size: cover; }
.modal-assign .library-screen .modal-body li > label .inner { display: inline-block; height: 40px; margin-left: 10px; max-width: calc(100% - 50px); }
.modal-assign .library-screen .modal-body li > label .title { font-weight: 600; min-height: 21px; font-size: 14px; }
.modal-assign .library-screen .modal-body li > label .descr { font-weight: 600; min-height: 18px; font-size: 12px; }

.modal-assign .library-screen .modal-footer     { padding: 20px 30px; }
.modal-assign .library-screen .modal-footer > * { display: inline-block; vertical-align: middle; line-height: 32px; }

.modal-assign .class-students .modal-header                       { align-items: center; }
.modal-assign .class-students .modal-header .back                 { font-size: 0; display: inline-block; vertical-align: middle; cursor: pointer; }
.modal-assign .class-students .modal-header .back i               { display: inline-block; vertical-align: middle; color: #228dcf; font-size: 31px; margin-right: 15px; cursor: pointer; }
.modal-assign .class-students .modal-header .back .article        { display: inline-block; vertical-align: middle; max-width: 425px; font-size: 18px; }
.modal-assign .class-students .modal-header .back .article .name  { max-width: 100%; font-size: 14px; }
.modal-assign .class-students .modal-header .back .article .count { color: #228dcf; font-size: 12px; }
.modal-assign .class-students .modal-header .toggle               { display: inline-block; vertical-align: middle; cursor: pointer; text-decoration: none; font-size: 14px; }

.modal-assign .class-students .modal-body                           { position: relative; overflow: hidden; display: block; min-height: 200px; max-height: calc(100vh - 50px - 50px - 66px - 405px); }
.modal-assign .class-students .modal-body .students li              { padding: 5px 30px; cursor: pointer; border-bottom: 1px solid #e6e6e6; font-size: 0; }
.modal-assign .class-students .modal-body .students li:last-child   { border-bottom: none; }
.modal-assign .class-students .modal-body .students li:hover        { background-color: #e3e8eb; }
.modal-assign .class-students .modal-body .students li.selected     { background-color: #e8f3fa; border-color: #228dcf; }
.modal-assign .class-students .modal-body .students li > *          { display: inline-block; vertical-align: middle; }
.modal-assign .class-students .modal-body .students li .photo       { width: 24px; height: 24px; border-radius: 50%; background: no-repeat center center; background-size: cover; }
.modal-assign .class-students .modal-body .students li .inner       { margin-left: 10px; line-height: 24px; width: calc(100% - 34px - 20px); font-size: 12px; }
.modal-assign .class-students .modal-body .students li .inner .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modal-assign .class-students .modal-body .students li .cikumas-checkbox            { position: relative; }
.modal-assign .class-students .modal-body .students li .cikumas-checkbox label span { display: none; }

.modal-assign.upgrade-lesson .library-screen .modal-header .tabs             { display: none; }
.modal-assign.upgrade-lesson .class-students .modal-header .toggle           { display: none; }
.modal-assign.upgrade-lesson .class-students .modal-body                     { min-height: 52px; }
.modal-assign.upgrade-lesson .class-students .modal-body   .students li      { border-bottom: none; pointer-events: none; }
.modal-assign.upgrade-lesson .class-students .modal-body   .students li.hide { display: none; }
.modal-assign.upgrade-lesson .class-students .modal-footer .row .col .option-add-more { display: none; }
