[id^=attachmentbox-] .date{width:25em}[id^=attachmentbox-] .creator{width:20em}[id^=attachmentbox-] .description{width:30em}[id^=attachmentbox-] .buttons{width:5em;flex-wrap:wrap}[id^=attachmentbox-] .buttons .files{white-space:nowrap;align-self:flex-end;flex-direction:column}[id^=attachmentbox-] .lms-ui-tab-buttons{flex-wrap:wrap}@media all and (max-width:1200px){[id^=attachmentbox-] .date-creator{flex-direction:column!important;width:20em!important}[id^=attachmentbox-] .date-creator div{flex-grow:0!important;width:100%!important}}@media all and (max-width:768px){[id^=attachmentbox-] .col-3{flex-direction:column!important;width:20em!important}[id^=attachmentbox-] .col-3 div{flex-grow:0!important;width:100%!important}[id^=attachmentbox-] .lms-ui-tab-buttons{flex-direction:column;align-items:flex-start}[id^=attachmentbox-] .lms-ui-tab-buttons>:not(:first-child){margin-top:.3em}}[id^=attachmentbox-] span.container-modify{display:none}[id^=attachmentbox-] span.container-modify input{width:80%}[id^=attachmentbox-] a.container-cancel,[id^=attachmentbox-] a.container-save{display:none}[id^=attachmentbox-] .lms-ui-tab-button-panel{flex-wrap:wrap}