div#training-module-manage-file div.elementContainer{background:#fff;display:flex;height:100%;position:relative}div#training-module-manage-file div.elementContainer>div.shadow{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;opacity:1;transition:opacity .2s;overflow:hidden}div#training-module-manage-file div.elementContainer>div.dropzone{margin:4px 2px 4px 4px;flex:0 0 160px;background:url("../../imgs/dropzone.svg") 50% 50%/40% no-repeat #eee;transition:background .2s;border:1px solid #bbb;font-size:.75em;text-align:center;padding-top:104px;color:#888}div#training-module-manage-file div.elementContainer>div.dropzone[drag-over=true]{border-color:#fba31e;background-color:#fff}div#training-module-manage-file div.elementContainer>div.itemsList{margin:4px 2px;flex:1 1 auto;background-color:#fff;border:1px solid #bbb;padding:4px;display:flex;overflow-x:scroll;align-items:center}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer{flex:0 0 160px;height:106px;border:1px solid #eee;display:flex;flex-direction:column;align-items:center;margin:0 2px;padding:1px}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer:hover{border-color:#444;cursor:pointer}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer>div.image{flex:0 0 68px;width:64px;margin-top:1px;margin-bottom:2px;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer>div.name{flex:0 0 26px;width:150px;text-align:center;font-size:.75em;overflow:hidden;text-overflow:ellipsis}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer[selected]{border-color:#444;border-width:2px;border-radius:2px;padding:0;background-color:rgba(251,163,30,.2)}div#training-module-manage-file div.elementContainer>div.itemsList>div.documentContainer[selected]>div.name{flex:0 0 26px;text-overflow:unset;white-space:normal}div#training-module-manage-file div.elementContainer>div.edition{margin:4px 4px 4px 2px;flex:0 0 400px;background-color:#fff;border:1px solid #bbb;display:flex;flex-direction:column;justify-content:center;align-items:center}div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer{flex:1 1 auto;display:flex;flex-direction:column;padding:4px;overflow-y:scroll;width:100%}div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.name{flex:0 0 40px;display:flex;flex-direction:column;font-size:.75em}div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.name>div:first-child,div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.url>div:first-child{border-bottom:1px solid #aaa;margin-bottom:2px}div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.name input,div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.url input{width:100%}div#training-module-manage-file div.elementContainer>div.edition div.scrollContainer>div.url{flex:0 0 40px;display:flex;flex-direction:column;font-size:.75em;margin-top:4px}div#training-module-manage-file div.elementContainer>div.edition>div.buttons{flex:0 0 22px;display:flex;font-size:.75em;justify-content:end;width:100%;padding:2px}