#tn-attachments-container .title{font-size:1.2em;font-weight:700}#tn-attachments-tiles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}#tn-attachments-no-data{font-size:2em;color:#ccc}#tn-attachments-tiles .tn-attachments-tile{display:none}#tn-attachments-tiles .tn-attachments-tile.page-visible{display:block;margin:0 10px 10px 0}.tertiary-nav-container #tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb,.tertiary-nav-container #tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb img{position:relative;display:flex;justify-content:center;align-items:flex-end;width:120px;min-width:120px}.tertiary-nav-container.expanded #tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb,.tertiary-nav-container.expanded #tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb img{width:150px;min-width:150px}.tertiary-nav-container #tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb .can-preview{cursor:pointer}#tn-attachments-tiles .tn-attachments-tile .tn-attachment-thumb .tn-attachment-thumb-filetype{position:absolute;width:60%;height:1.8em;font-size:2em;color:#ccc;left:30px;bottom:0}#tn-attachments-tiles .tn-attachments-tile .tn-attachment-details{position:relative;padding-top:5px;color:#333}.tn-open-context-menu{float:right;text-align:center;padding:10px 0 0;margin:2px 0;cursor:pointer}#tn-attachments-paging,.tn-attachment-paging-button{display:flex;justify-content:center}.tn-attachment-paging-button{align-items:center;width:2em;min-width:2em;height:2em;min-height:2em;margin:5px;font-size:1.2em;border:1px solid #eee;border-radius:3px;cursor:pointer}.tn-attachment-paging-button:hover{background:#f0f2f3}.tn-attachment-paging-button.active{background:#205d80;color:#fff}#tn-attachment-modal-overlay{display:none;position:fixed;z-index:50000;background:rgba(0,0,0,.5);filter:Alpha(Opacity=25);width:100%;height:100%;min-width:100%;min-height:100%;top:0;bottom:0;left:0;right:0}#tn-attachment-preview-modal{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:60%;box-shadow:0 0 4px 4px rgba(0,0,0,.3)}#tn-attachment-preview-modal #tn-attachment-preview-head{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 10px;font-weight:600;font-size:16px;background:#205d80;color:#fff}#tn-attachment-preview-close{font-size:24px;cursor:pointer}#tn-attachment-preview-modal #tn-attachment-preview-body{overflow:hidden}#tn-attachment-upload-form{margin:20px 0}#tn-attachment-upload-form .k-widget{display:flex;flex-direction:column;background:#f8f8f8;border:1px solid #c7c7c7;padding:10px}#tn-attachment-upload-form .k-dropzone{display:flex;align-items:center;padding:0}#tn-attachment-upload-form .k-upload-files{padding:0;margin:10px 0}#tn-attachment-upload-form .k-button{margin:0}#tn-attachment-upload-buttons{display:flex;justify-content:flex-end}#tn-attachment-upload-buttons .k-button:first-of-type{margin-right:10px}.tertiary-nav-container.expanded #tn-attachments-upload-dropzone{width:60%;min-width:60%;border-radius:6px}.tertiary-nav-container.expanded .tn-go-back-button{display:none!important}.tertiary-nav-container:not(.expanded) .tn-go-back-button{display:inline-block!important}#tn-attachments-upload-dropzone-text{font-size:1.2em}