.mail-attachment-list.empty{display:none}.mail-attachment-list .toggle-details{color:#333;display:inline-block}.mail-attachment-list .toggle-details>i.toggle-caret{width:8px}.mail-attachment-list .toggle-details>.summary{margin-right:8px}.mail-attachment-list .toggle-details>i.fa-paperclip{color:#333;width:24px}.mail-attachment-list .toggle-details>.toggle-caret:before{content:'\f0da'}.mail-attachment-list.open .toggle-details>.toggle-caret:before{content:'\f0d7'}.mail-attachment-list .toggle-mode{font-size:14px;padding:0;display:none}.mail-attachment-list .toggle-mode>i{color:#aaa}.mail-attachment-list.open .toggle-mode{display:inline-block}.mail-attachment-list .toggle-mode>i:before{content:'\f009'}.mail-attachment-list.show-preview .toggle-mode>i:before{content:'\f0ca'}.mail-attachment-list.touch ul.inline-items.preview{margin:0;overflow-x:auto;overflow-y:none}.mail-attachment-list.touch .scroll-left,.mail-attachment-list.touch .scroll-right{display:none}.mail-attachment-list .list-container,.mail-attachment-list .preview-container{position:relative;display:none}.mail-attachment-list.open .list-container{display:block;margin-top:10px}.mail-attachment-list.open.show-preview .list-container{display:none}.mail-attachment-list.open.show-preview .preview-container{display:block}.mail-attachment-list.open.show-preview ul.inline-items li.item{display:inline-block}.mail-attachment-list .scroll-left,.mail-attachment-list .scroll-right{position:absolute;top:10px;width:calc(1.5rem - 1px);height:120px;z-index:2;background-color:#888;border:0}.mail-attachment-list .scroll-left i.fa,.mail-attachment-list .scroll-right i.fa{width:100%;text-align:center;font-size:14px;color:#fff}.mail-attachment-list .scroll-left[disabled],.mail-attachment-list .scroll-right[disabled]{background-color:#eee}.mail-attachment-list .scroll-left[disabled] i.fa,.mail-attachment-list .scroll-right[disabled] i.fa{color:#ccc}.mail-attachment-list .scroll-left{left:0}.mail-attachment-list .scroll-right{right:0}.mail-attachment-list ul.inline-items{padding:0;margin:0}.mail-attachment-list ul.inline-items li.item{position:relative;display:inline-block;padding:0;margin:0 14px 0 0;line-height:20px}@media (max-width:540px){.mail-attachment-list ul.inline-items li.item{display:block}}.mail-attachment-list ul.inline-items li.item .file{background-color:inherit;padding:0}.mail-attachment-list ul.inline-items li.item .file a{color:#333}.mail-attachment-list ul.inline-items li.item .file a:hover{text-decoration:underline}.mail-attachment-list ul.inline-items li.item .filesize{color:#696969}.mail-attachment-list ul.inline-items li.item .remove{position:absolute;top:1px;right:1px;bottom:1px;width:2em;line-height:1em;cursor:pointer;display:none}.mail-attachment-list ul.inline-items li.item .remove .fa{color:#aaa;position:absolute;top:50%;left:0;right:0;margin-top:-.5em;text-align:center}.mail-attachment-list ul.inline-items li.item .remove:hover .fa{color:#3c61aa}.mail-attachment-list ul.inline-items>li.item{background-color:#f0f0f0;padding:2px 8px;margin:0 2px 2px 0}.mail-attachment-list ul.inline-items>li.item .progress-container{z-index:1;position:absolute;left:0;right:0;top:0;height:3px}.mail-attachment-list ul.inline-items>li.item .progress{background-color:rgba(255,0,0,.3);height:3px;top:0;width:0}@media (max-width:540px){.mail-attachment-list ul.inline-items>li.item{padding:10px;margin:0 0 1px;line-height:20px}.mail-attachment-list ul.inline-items>li.item:before,.mail-attachment-list ul.inline-items>li.item:after{display:table;content:" "}.mail-attachment-list ul.inline-items>li.item:after{clear:both}.mail-attachment-list ul.inline-items>li.item span.file{width:170px;overflow-x:hidden;text-overflow:ellipsis}.mail-attachment-list ul.inline-items>li.item span.filesize{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;display:inline-block;right:10px;font-size:13px;font-weight:500}}.mail-attachment-list.editable ul.inline-items>li.item .remove{display:inline-block}.mail-attachment-list.editable ul.inline-items>li.item span.filesize{padding-right:24px}@media (max-width:540px){.mail-attachment-list.editable ul.inline-items>li.item span.filesize{right:32px;padding-right:0}}.mail-attachment-list.show-preview ul.inline-items>li.item span.file{width:100%}.mail-attachment-list ul.inline-items.preview{height:140px;margin:0 1.5rem;white-space:nowrap;overflow:hidden;padding:10px 0}.mail-attachment-list ul.inline-items.preview li.item{position:relative;width:120px;height:120px;padding:0;margin:0 1px 0 0;border:1px solid #ddd;cursor:pointer;background-color:#f5f5f5;background-size:cover;background-position:center;background-repeat:no-repeat}.mail-attachment-list ul.inline-items.preview li.item.no-image{border:1px solid #ddd;background-position:top}.mail-attachment-list ul.inline-items.preview li.item:focus{border:1px solid #ddd;position:relative;z-index:1}.mail-attachment-list ul.inline-items.preview li.item .file{z-index:1;position:absolute;bottom:0;width:100%;height:1.875rem;line-height:20px;padding:5px 7px;margin:0;color:#fff;background-color:rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachment-list ul.inline-items.preview li.item .file a{color:#fff}.mail-attachment-list ul.inline-items.preview li.item .filesize,.mail-attachment-list ul.inline-items.preview li.item .file,.mail-attachment-list ul.inline-items.preview li.item .control{display:none}.mail-attachment-list ul.inline-items.preview li.item:hover .file{display:block}.mail-attachment-list ul.inline-items.preview li.item .fallback{color:#616161;background-color:#ddd;font-size:15px;font-weight:400;line-height:120px;text-align:center;text-transform:uppercase}.mail-attachment-list ul.inline-items.preview li.item .remove{z-index:1;bottom:0;width:30px;height:30px;right:0;top:auto}.mail-attachment-list ul.inline-items.preview li.item .remove .fa{font-size:14px;top:50%}.mail-attachment-list ul.inline-items.preview li.item .remove:hover .fa{color:#fff}.mail-attachment-list.editable ul.inline-items.preview>li.item .file{padding-right:30px}.mail-attachment-list.editable ul.inline-items.preview>li.item:hover .control{display:block}.mail-attachment-list footer{display:flex}