.modal-container .submit-uploads         { position: relative; max-width: 540px; padding: 60px 60px 40px; background-color: #fff; margin: 100px auto 50px; font-size: 14px; }
.modal-container .submit-uploads__review { display: flex; flex-direction: row; padding: 35px 0; border-bottom: 1px solid #e6e6e6; }

.modal-container .submit-uploads input[type=file] { display: none; }
.modal-container .submit-uploads__add-more label  { white-space: normal; cursor: pointer; color: #228dcf; }
.modal-container .submit-uploads__add-more label:hover { color: #1f3c77; }
.modal-container .submit-uploads__add-more             { width: calc(50% - 80px); text-align: center; padding: 0 20px; margin-right: 80px; }

.modal-container .submit-uploads__add-more p { text-align: center; margin: 25px 0; }
.modal-container .submit-uploads a           { display: block; }
.modal-container .submit-uploads__list-files { width: 50%; }

.modal-container .submit-uploads__list-files li:first-child { margin: 0 0 15px 0; }
.modal-container .submit-uploads__list-files li:last-child  { margin: 15px 0 0 0; }

.modal-container .submit-uploads__list-files li { 
    border: 1px solid #e6e6e6;
    margin: 15px 0;
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    line-height: 1.6;
}

.modal-container .submit-uploads__list-files .file-full-name { margin-right: 30px; }
.modal-container .submit-uploads__list-files li.selected     { border-color: #1f3c77; background-color: #e8f3fa; }

.modal-container .submit-uploads__list-files li .file-delete {
    position: absolute;
    color: #228dcf;
    right: 2px;
    top: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    text-align: center;
    transform: translateY(-50%);
}
.modal-container .submit-uploads__list-files li .file-delete:hover { color: #1f3c77; text-decoration: none; }
.modal-container .submit-uploads__edit-file                        { display: flex; flex-direction: row; padding: 40px 0 10px 0; }

.modal-container .submit-uploads__edit-file .file-cover {
    border: 1px dashed #228dcf;
    width: 174px;
    height: 174px;
    text-align: center;
    margin-left: 5px;
    margin-right: 80px;
    border-radius: 6px;
}
.modal-container .submit-uploads__edit-file .file-attributes        { width: calc(100% - 170px - 87px); }
.modal-container .submit-uploads__edit-file .file-attributes input  { border: none; border-bottom: 1px solid #e6e6e6; padding: 0 0 8px 3px; margin-bottom: 20px; }
.modal-container .submit-uploads__edit-file .file-attributes select { color: #999; border: none; border-bottom: 1px solid #e6e6e6; padding: 0 0 8px 0; margin-bottom: 20px; }
.modal-container .submit-uploads__edit-file .file-attributes option { font-size: 14px; }
.modal-container::-webkit-input-placeholder { color:#999999; }


.teacher-my-library .upload-area                         { border: 1px dashed #228dcf; border-radius: 4px; margin-bottom: 20px; }
.teacher-my-library .upload-area.hover                   { background-color: rgba(255,255,255,.5); }
.teacher-my-library .upload-area .inner input[type=file] { display: none; }
.teacher-my-library .upload-area .inner label            { display: block; cursor: pointer; padding-top: 20px; }
.teacher-my-library .upload-area .inner label            { color: #228dcf; font-size: 16px; text-align: center; }
.teacher-my-library .upload-area .inner label:hover      { color: #1f3c77; }
.teacher-my-library .upload-area .inner .text-grey       { font-size: 14px; text-align: center; }
.teacher-my-library .upload-area .or                     { margin: 20px 0; font-size: 14px; text-align: center;  }

.teacher-my-library .upload-area .external                { padding-bottom: 20px; text-align: center; font-size: 14px; }
.teacher-my-library .upload-area .external .gd-link       { display: inline-block; margin: 0 10px; line-height: 24px; padding-left: 30px; text-decoration: none; }
.teacher-my-library .upload-area .external .gd-link       { background: url('/static/img/google-drive.png') no-repeat left center; background-size: auto 100%; }
.teacher-my-library .upload-area .external .gd-link:hover { color: #1f3c77; }
.teacher-my-library .upload-area .external .db-link       { display: inline-block; margin: 0 10px; line-height: 24px; padding-left: 30px; text-decoration: none; }
.teacher-my-library .upload-area .external .db-link       { background: url('/static/img/dropbox.png') no-repeat left center; background-size: auto 100%; }
.teacher-my-library .upload-area .external .db-link:hover { color: #1f3c77; }


.tiles-shadow {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

.teacher-my-library .my-collections  { width: 350px; float: left; position: sticky; top: 80px; /*height: calc(100vh - 80px - 40px);*/ }
.teacher-my-library .my-collections .my-collections__body .list { max-height: calc(100vh - 80px - 40px - 73px - 68px); }

.teacher-my-library .my-library      { margin-left: 370px; }

/*
@media screen and (max-width: 1200px) {
    .teacher-my-library .my-library-flex { flex-direction: column; }
    .teacher-my-library .my-collections  { width: 100%; margin: 0 0 20px 0; }
    .teacher-my-library .my-library      { width: 100%; margin: 0 0 0 0; }
}
*/

.my-collections__header         { position: relative; border-bottom: 1px solid #e6e6e6; padding: 20px 30px; min-height: 32px; }
.my-collections__header h3      { line-height: 32px; }
.my-collections__header .button { float: right; width: 130px; }

.my-collections__body                     { padding: 0; }
.my-collections__body .list               { position: relative; overflow: hidden; }
.my-collections__body .list li            { position: relative; margin: 0; }
.my-collections__body .list li.selected   { background-color: #f6f6f6; }
.my-collections__body .list li.hide       { display: none; }
.my-collections__body .list li > a        { position: relative; display: block; padding: 15px 30px; }
.my-collections__body .list li > a h3     { overflow: hidden; text-overflow: ellipsis; margin-right: 35px; }
.my-collections__body .list .no-ctrls h3  { overflow: hidden; text-overflow: ellipsis; margin-right: 0; }
.my-collections__body .list li > a:hover  { text-decoration: none; }
.my-collections__body .list .image        { position: relative; float: left; width: 70px; height: 70px; background: no-repeat center center; background-size: cover; }
.my-collections__body .list .inner-text   { position: relative; margin: 0 30px 0 90px; min-height: 70px; }
.my-collections__body .list .sub-title    { font-weight: 600; min-height: 21px; margin: 0; }
.my-collections__body .list .extra        { font-size: 12px; font-weight: 600; color: #228dcf; line-height: 18px; text-transform: uppercase; }
.my-collections__body .list .extra > span { display: inline-block; padding-right: 25px; white-space: nowrap; }
.my-collections__body .list .ctrls        { position: absolute; right: 30px; top: 15px; font-size: 0; z-index: 2; }
.my-collections__body .list .ctrls > div  { display: inline-block; vertical-align: middle; }
.my-collections__body .list .ctrls a      { display: block; font-size: 18px; line-height: 30px; height: 30px; width: 30px; text-align: center; }
.my-collections__body .list .ctrls .edit a i { margin-right: -4px; }
.my-collections__body .list .ctrls .assign   { margin-left: 5px; }
.my-collections__body .list .ctrls .assign a { background: no-repeat center center url('/static/img/icon/assign-lesson.svg'); background-size: 50%; }
.my-collections__body .list .ctrls .remove a { color: #ef4949; }
.my-collections__body .list .no-ctrls .ctrls { display: none; }
.my-collections__body .search-items       { margin: 15px 30px; }
.my-collections__body .search-items input { border: 1px solid #d6d6d6; border-radius: 4px; }
.my-collections__body .search-items input:hover { border-color: #d6d6d6; }

.my-collections__body .list li.dragover { background: #e8f3fa; }

.my-library__header                 { padding: 30px 30px 0 30px; min-height: 39px; position: relative; border-bottom: 1px solid #e6e6e6; overflow: auto; }
.my-library__header .button         { display: block; float: right; width: 110px; padding: 0 10px; margin: -10px 0 10px 10px; }

.my-library__header .tabs-inner                        { display: inline-block; font-size: 0; white-space: nowrap; margin: 0 -10px; }
.my-library__header .tabs-inner li                     { margin: 0 10px; padding-bottom: 14px; }
.my-library__header .tabs-inner li a                   { display: block; line-height: 24px; text-align: center; padding: 0 10px; }
.my-library__header .tabs-inner li a > *               { vertical-align: middle; font-size: 16px; height: 24px; }
.my-library__header .tabs-inner li a > i               { font-size: 18px; line-height: 24px; }
.my-library__header .tabs-inner li a > i               { width: 24px; height: 24px; background: no-repeat center center; background-size: contain; }
.my-library__header .tabs-inner li a > i.classowl-icon { background-image: url('/static/img/classowl-icon1.png');  }

.my-library__header .tabs-inner li a > i    { display: none; }
.my-library__header .tabs-inner li a > span { display: inline-block; }
@media screen and (max-width: 1280px) {
    .my-library__header .tabs-inner li a > i        { display: inline-block; }
    .my-library__header .tabs-inner li a > i + span { display: none; }
}

.my-library__body                     { padding: 0; position: relative; overflow: hidden; }
.my-library__body .list               { margin: 0 30px; }
.my-library__body .list li            { position: relative; border-top: 1px solid #e5e5e5; overflow: hidden; padding: 20px 0; min-height: 70px; }
.my-library__body .list li:first-child    { border: none; }
.my-library__body .list li.hide           { display: none; }
.my-library__body .list .cikumas-checkbox { float: left; width: 20px; height: 50px; margin-top: 5px; }
.my-library__body .list .image            { float: left; width: 50px; height: 50px; margin-left: 20px; margin-top: 5px; background: no-repeat center center; background-size: cover; }
.my-library__body .list .inner-text       { margin: 0 190px 0 110px; }
.my-library__body .list .inner-text h3    { display: block; color: #228dcf; }
.my-library__body .list .sub-title    { font-weight: 600; color: #999; max-width: 100%; overflow: hidden; }
.my-library__body .list .extra        { font-size: 12px; font-weight: 600; color: #228dcf; line-height: 18px; text-transform: uppercase; }
.my-library__body .list .extra > span { display: inline-block; padding-right: 25px; white-space: nowrap; }
.my-library__body .list .ctrls        { position: absolute; right: 0; top: 20px; font-size: 0; }
.my-library__body .list .ctrls > div  { display: inline-block; }
.my-library__body .list .ctrls a      { display: block; font-size: 18px; line-height: 30px; width: 30px; text-align: center; }
.my-library__body .list .open-editor  { position: absolute; right: 0; bottom: 20px; }

.my-library__body .list li.draggable  { cursor: grab; }
.my-library__body .list li.dragging   { opacity: 0.4; }
.my-library__body .list li.dragging   { opacity: 0.4; }

.my-library__body .list .ctrls            .no-print { display: block; color: #999; }
.my-library__body .list .ctrls            .do-print { display: none; }
.my-library__body .list .ctrls .printable .no-print { display: none; }
.my-library__body .list .ctrls .printable .do-print { display: block; }

.my-library__body .list .nothing       { padding-top: 20px; text-align: center; font-size: 24px; font-style: italic; color: #282828; }
.my-library__body .placeholder + .list { display: none; }

.teacher-my-library .upper .quicksearch         { float: left; height: 36px; width: calc(100% - 355px); }
.teacher-my-library .upper .quicksearch input   { background-color: transparent; }

.teacher-my-library .upper                     { padding: 20px 30px; min-height: 36px; }
.teacher-my-library .upper ul.tabs             { float: right; padding-bottom: 0; margin-top: 6px; }
.teacher-my-library .upper ul.tabs li          { margin-bottom: 0; }
.teacher-my-library .upper ul.ctrls            { display: none; }

.teacher-my-library .upper.tools ul.tabs       { display: none; }
.teacher-my-library .upper.tools ul.ctrls      { display: block; float: right; }
.teacher-my-library .upper.tools ul.ctrls > li { display: inline-block; position: relative; line-height: 36px; margin-left: 30px; }

.teacher-my-library .upper.tools                          { background-color: #228dcf; color: #fff; }
.teacher-my-library .upper.tools *                        { color: #fff; }
.teacher-my-library .upper.tools .quicksearch             { display: none; }

.teacher-my-library .upper.tools ul.collections         { position: absolute; top: 100%; left: 0; z-index: 2; }
.teacher-my-library .upper.tools ul.collections         { display: none; }
.teacher-my-library .upper.tools ul.collections.show    { display: block; }
.teacher-my-library .upper.tools ul.collections         { background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
.teacher-my-library .upper.tools ul.collections > li         { margin: 0; padding: 0; line-height: 24px; }
.teacher-my-library .upper.tools ul.collections > li a       { display: block; white-space: nowrap; padding: 0 10px; text-decoration: none; }
.teacher-my-library .upper.tools ul.collections > li a       { color: #228dcf; background-color: #fff; }
.teacher-my-library .upper.tools ul.collections > li a:hover { color: #fff; background-color: #1f3c77; }
