@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.dropzone, .dropzone * { box-sizing: border-box; }

.dropzone {margin-bottom:4px;min-height:150px;padding:25px 25px 48px 25px;background:#e8f0fb url("drag-icon.png") no-repeat scroll center center;border-color:#CED4E0;border-style:dashed;border-width:2px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0;font-size:1.2em;line-height:2em;}
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin:5px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview {}
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {margin-bottom: 1em;font-size:16px;direction:ltr;}
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10;}
.dropzone .dz-preview .dz-image img { display: block;width:100%;height:100%; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

#dropzone.waiting::after {bottom: 15px;color: #0496db;content: "wait a moment...";left: 45%;position: absolute;}

.downloader{display:none;margin-bottom:20px;padding:68px 0px;background:#e8f0fb;border-color:#CED4E0;border-style:dashed;border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;direction:ltr;text-align:left;position:relative}
.downloader input,
.downloader input:active, 
.downloader input:focus,
.downloader input::selection{outline:none!important;border:0!important;background-color:#f4f5f7!important;padding:10px!important;width:100%;font-weight:800!important;color:#000;font-family:Verdana,Arial,sans-serif;letter-spacing:normal!important}
.downloader input::selection{color:#fff !important;background:##f4f5f7!important;}

.explorer{display:none;margin-bottom:20px;padding:25px 25px 48px 25px;background:#e8f0fb;border-color:#CED4E0;border-style:dashed;border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;direction:ltr;text-align:left;position:relative}
.attachment-folder{position:absolute;bottom:2px;left:90px;background:#fff;outline:none;border:1px solid #ced4e0;height:44px;padding:0px}
.attachment-files{min-height:150px;max-height:480px;position:relative;overflow:hidden;overflow-y:hidden;overflow-y:auto}
.explorer-file{border:1px solid #e8f0fb;display:block;padding: 8px 4px;position:relative}
.explorer-file:hover{border-color:#085dd2;background-color:#c2d7f5}
.explorer-file p{display:block;height:40px;overflow:hidden}
.explorer-file .explorer-file-icon{width:100%;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center}

#attachment-uploader,#attachment-downloader,#attachment-explorer{position:relative}
.attachment{display:inline-block;width:42px;height:42px;background-repeat:no-repeat;background-size:contain;border:1px solid #ced4e0;position:absolute;background-color:#fff;z-index:100}
.attachment:hover{border-color:#085dd2}
.attachment-uploader{bottom:2px;left:2px;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZGVmcz4KICA8Y2xpcFBhdGggaWQ9ImIiPgogICA8cGF0aCBkPSJtMjcwIDEzOS4yMWgyMTJ2Mjk1Ljc5aC0yMTJ6Ii8+CiAgPC9jbGlwUGF0aD4KICA8Y2xpcFBhdGggaWQ9ImEiPgogICA8cGF0aCBkPSJtMTM5LjIxIDQ0MWg0NzMuNTh2MTcxLjc5aC00NzMuNTh6Ii8+CiAgPC9jbGlwUGF0aD4KIDwvZGVmcz4KIDxnPgogIDxnIGNsaXAtcGF0aD0idXJsKCNiKSI+CiAgIDxwYXRoIGQ9Im0zMzQuMjMgNDM0LjU4Yy00LjAwNzgtMS43MjY2LTYuMzE2NC01Ljk3MjctNS41ODU5LTEwLjI3M3YtMTQ3Ljk1LTYuNDQxNGwtNDUuNDE4LTAuMDAzOTA2aC01LjI1NzhjLTguMDk3Ny0wLjgwNDY5LTkuOTQ1My00LjQwNjItNC45NzI3LTEwLjY1NiAyOS41MDQtMzcuMjIzIDU5LjA1OS03NC4zNTIgODguNzk3LTExMS4yNCA5LjcwNy0xMS45OCAxNC4yMDctMTEuNTU1IDI0LjUzMSAwIDMwLjU5NCAzNS43MDcgNjEuMTU2IDcxLjQzNCA5MS42ODQgMTA3LjE3aDAuMDAzOTA3YzEuNjk1MyAyLjYyMTEgMy4wMzUyIDUuNDUzMSAzLjk3NjYgOC40Mjk3LTIuOTA2MiAxLjI0MjItNS45NjQ4IDIuMTAxNi05LjA5MzggMi41NTg2LTE0Ljk2NSAwLjI4NTE2LTI5LjkzIDAtNDQuODk1IDBoLTUuNTg1OXY1LjIxMDkgMTUzLjA2LTAuMDAzOTA2YzAuNjUyMzQgNC4yMzA1LTEuNzkzIDguMzI0Mi01LjgyODEgOS43NTM5aC04Mi4zNTV6IiBmaWxsPSIjNDk4NmU2Ii8+CiAgPC9nPgogIDxnIGNsaXAtcGF0aD0idXJsKCNhKSI+CiAgIDxwYXRoIGQ9Im0xMzkuNSA0NDEuMTdoNjUuMzU1bC0wLjAwMzkwNiAxMDcuNmgzNDIuMTJ2LTEwNy41NWg2NS41NDNjMCAxLjY1NjIgMC4yODUxNiAzLjI2OTUgMC4yODUxNiA0LjczNDR2MTMxLjhjMCAyMS42OTEtMTMuNjg4IDM0Ljg1NS0zNi4wMzkgMzQuODU1aC00MDEuOTNjLTE3LjYxNyAwLjE5MTQxLTMwLjAyMy04LjQyOTctMzQuMjg5LTIzLjQ4OC0wLjkxMDE2LTMuMzQ3Ny0xLjM1NTUtNi44MDg2LTEuMzI0Mi0xMC4yNzd2LTEzMy42NGMwLTEuMTgzNiAwLTIuNDE0MSAwLjI4NTE2LTQuMDIzNHoiIGZpbGw9IiM0OTg2ZTYiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPgo=")}
.attachment-downloader{bottom:2px;left:2px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWxsPSIjNDk4NmU2Ij4KICA8cGF0aCBkPSJtNDE0Ljg0IDQxNC4zNmM5Ljk0NTMtOS45NDUzIDE3Ljk5Ni0yMi43MyAyMy42OC0zNi45MzggMy4zMTY0LTguNTIzNC0wLjk0NTMxLTE3Ljk5Ni05Ljk0NTMtMjEuMzEyLTQuMjYxNy0xLjQyMTktOC41MjM0LTEuNDIxOS0xMi43ODUgMC40NzI2Ni0zLjc4OTEgMS44OTQ1LTcuMTA1NSA1LjIxMDktOC41MjM0IDkuNDcyNy0zLjMxNjQgOS40NzI3LTguOTk2MSAxNy45OTYtMTYuMTAyIDI1LjEwMi0xMi4zMTIgMTIuMzEyLTI5LjM2MyAxOS40MTgtNDcuMzU5IDE5LjQxOC0xNy41MjMgMC0zNS4wNDctNy4xMDU1LTQ3LjM1OS0xOS40MThsLTU5LjY3Mi01OS4yMDNjLTEyLjMxMi0xMi4zMTItMTkuNDE4LTI5LjM2My0xOS40MTgtNDcuMzU5IDAtMTcuNTIzIDcuMTA1NS0zNS4wNDcgMTkuNDE4LTQ3LjM1OSAyNi4wNDctMjYuMDQ3IDY4LjY2OC0yNi4wNDcgOTQuNzE1IDBsNTUuNDEgNTUuNDFjMy4zMTY0IDMuMzE2NCA4LjA1MDggNS4yMTA5IDEyLjMxMiA0LjczNDQgNC4yNjE3IDAgOC41MjM0LTEuODk0NSAxMC44OTEtNC43MzQ0IDMuMzE2NC0zLjMxNjQgNS4yMTA5LTcuNTc4MSA0LjczNDQtMTIuMzEyIDAtNC4yNjE3LTEuODk0NS04LjUyMzQtNC43MzQ0LTEwLjg5MWwtNTQuOTM0LTU1Ljg4M2MtMTguOTQxLTE4Ljk0MS00NC4wNDMtMjkuMzYzLTcxLjAzOS0yOS4zNjNoLTAuNDcyNjZjLTI2LjUyIDAtNTEuNjIxIDEwLjQxOC03MC41NjIgMjkuMzYzLTE4Ljk0MSAxOC45NDEtMjkuMzYzIDQ0LjA0My0yOS4zNjMgNzEuMDM5IDAgMjYuNTIgMTAuNDE4IDUxLjYyMSAyOS4zNjMgNzEuMDM5bDU5LjE5OSA1OC43MjNjMTguOTQxIDE4Ljk0MSA0NC4wNDMgMjkuMzYzIDcxLjAzOSAyOS4zNjMgMjYuNTE2LTAuMDAzOTA2IDUyLjA5LTEwLjQyMiA3MS41MDgtMjkuMzYzeiIvPgogIDxwYXRoIGQ9Im01MzguOTEgMzk2LjM3LTU5LjY3Mi01OC43MjdjLTE4Ljk0MS0xOC45NDEtNDQuMDQzLTI5LjM2My03MS4wMzktMjkuMzYzLTI2LjUyIDAtNTEuNjIxIDEwLjQxOC03MS4wMzkgMjkuMzYzLTkuOTQ1MyA5Ljk0NTMtMTcuOTk2IDIyLjczLTIzLjY4IDM2LjkzOC0xLjQyMTkgNC4yNjE3LTEuNDIxOSA4LjUyMzQgMC40NzI2NiAxMi43ODUgMS44OTQ1IDMuNzg5MSA1LjIxMDkgNy4xMDU1IDkuNDcyNyA4LjUyMzQgOC41MjM0IDMuMzE2NCAxNy45OTYtMC45NDUzMSAyMS4zMTItOS45NDUzIDMuNzg5MS05LjQ3MjcgOC45OTYxLTE3Ljk5NiAxNi4xMDItMjUuMTAyIDEyLjMxMi0xMi4zMTIgMjkuMzYzLTE5LjQxOCA0Ny4zNTktMTkuNDE4IDE3LjUyMyAwIDM1LjA0NyA3LjEwNTUgNDcuMzU5IDE5LjQxOGw1OS4xOTkgNTkuMTk5YzEyLjMxMiAxMi4zMTIgMTkuNDE4IDI5LjM2MyAxOS40MTggNDcuMzU5IDAgMTcuNTIzLTcuMTA1NSAzNS4wNDctMTkuNDE4IDQ3LjM1OS0xMi4zMTIgMTIuNzg1LTI4Ljg4NyAxOS44OTEtNDYuNDEgMTkuODkxaC0wLjQ3MjY2Yy0xNy41MjMgMC0zNC41Ny03LjEwNTUtNDYuODgzLTE5LjQxOGwtNTYuMzU5LTU1LjQwNmMtMy4zMTY0LTMuMzE2NC03LjU3ODEtNS4yMTA5LTEyLjMxMi00LjczNDQtNC4yNjE3IDAtOC41MjM0IDEuODk0NS0xMC44OTEgNC43MzQ0LTMuMzE2NCAzLjMxNjQtNS4yMTA5IDcuNTc4MS00LjczNDQgMTIuMzEyIDAgNC4yNjE3IDEuODk0NSA4LjUyMzQgNC43MzQ0IDEwLjg5MWw1NS40MSA1NS40MWMxOC45NDEgMTguOTQxIDQ0LjA0MyAyOS4zNjMgNzEuMDM5IDI5LjM2MyAyNi41MiAwIDUxLjYyMS0xMC40MTggNzEuMDM5LTI5LjM2MyAxOC45NDEtMTguOTQxIDI5LjM2My00NC4wNDMgMjkuMzYzLTcxLjAzOS0wLjQ4NDM4LTI2LjUxNi0xMC40My01MS42MTctMjkuMzcxLTcxLjAzMXoiLz4KIDwvZz4KPC9zdmc+Cg==)}
.explorer .attachment-downloader{left:46px;}
.attachment-explorer{bottom:2px;left:46px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWxsPSIjNDk4NmU2Ij4KICA8cGF0aCBkPSJtNDk0LjQgNTMzLjg2di0xMTguNGgzOS40NjV2MTU3Ljg2aC0zNTUuMTl2LTM1NS4xOWgxMzguMTN2MzkuNDY1aC05OC42NjR2Mjc2LjI2eiIvPgogIDxwYXRoIGQ9Im0yOTcuMDcgNDU0LjkzaDE3Ny41OXYzOS40NjloLTE3Ny41OXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im0yMzcuODggNDU0LjkzaDM5LjQ2NXYzOS40NjloLTM5LjQ2NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im0yMzcuODggMjk3LjA3aDM5LjQ2NXYzOS40NjVoLTM5LjQ2NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im0yOTcuMDcgMjk3LjA3aDM5LjQ2NXYzOS40NjVoLTM5LjQ2NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im0yMzcuODggMzc2aDM5LjQ2NXYzOS40NjVoLTM5LjQ2NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im0yOTcuMDcgMzc2aDExOC4zOXYzOS40NjVoLTExOC4zOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGQ9Im00NDUuMDcgMzE2LjhjMjcuMjQyIDAgNDkuMzMyLTIyLjA4NiA0OS4zMzItNDkuMzMycy0yMi4wOS00OS4zMzItNDkuMzMyLTQ5LjMzMmMtMjcuMjQ2IDAtNDkuMzMyIDIyLjA4Ni00OS4zMzIgNDkuMzMyczIyLjA4NiA0OS4zMzIgNDkuMzMyIDQ5LjMzMnptNzUuMTgtMi4wNTg2IDUyLjA5IDUyLjA5LTI3LjkwNiAyNy45MDYtNTIuMDktNTIuMDljLTEzLjY5MSA4LjYyNS0yOS44OTggMTMuNjE3LTQ3LjI3MyAxMy42MTctNDkuMDQzIDAtODguNzk3LTM5Ljc1OC04OC43OTctODguNzk3IDAtNDkuMDQzIDM5Ljc1NC04OC43OTcgODguNzk3LTg4Ljc5NyA0OS4wMzkgMCA4OC43OTcgMzkuNzU0IDg4Ljc5NyA4OC43OTcgMCAxNy4zNzUtNC45OTIyIDMzLjU4Ni0xMy42MTcgNDcuMjczeiIvPgogPC9nPgo8L3N2Zz4K)}
.attachment-download{bottom:calc(50% - 21px);right:0;background-color:#0b6df4;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZGVmcz4KICA8Y2xpcFBhdGggaWQ9ImIiPgogICA8cGF0aCBkPSJtMjY1IDEzOS4yMWgyMjJ2MzQ3Ljc5aC0yMjJ6Ii8+CiAgPC9jbGlwUGF0aD4KICA8Y2xpcFBhdGggaWQ9ImEiPgogICA8cGF0aCBkPSJtMTM5LjIxIDQ4Nmg0NzMuNTh2MTI2Ljc5aC00NzMuNTh6Ii8+CiAgPC9jbGlwUGF0aD4KIDwvZGVmcz4KIDxnPgogIDxnIGNsaXAtcGF0aD0idXJsKCNiKSI+CiAgIDxwYXRoIGQ9Im00ODYuNSAzMjguNjRoLTYzLjE0NXYtMTg5LjQzaC05NC43MTV2MTg5LjQzaC02My4xNDVsMTEwLjUgMTU3Ljg2eiIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiPgogICA8cGF0aCBkPSJtNTQ5LjY1IDQ4Ni41djYzLjE0NWgtMzQ3LjI5di02My4xNDVoLTYzLjE0NXYxMjYuMjloNDczLjU4di0xMjYuMjl6IiBmaWxsPSIjZmZmIi8+CiAgPC9nPgogPC9nPgo8L3N2Zz4K")}
.attachment-download:hover{background-color:#085dd2}

.explorer-file.active{border-color:#085dd2;background-color:#c2d7f5}
.explorer-file.active::after{content:'';display:block;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);color:#fff;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:0 auto;position:absolute;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s infinite ease,round 1.7s infinite ease;animation:load6 1.7s infinite ease,round 1.7s infinite ease}
@-webkit-keyframes load6 {
0%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
5%,95%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
10%,59%{box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em}
20%{box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em}
38%{box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em}
100%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
}
@keyframes load6 {
0%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
5%,95%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
10%,59%{box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em}
20%{box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em}
38%{box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em}
100%{box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em}
}
@-webkit-keyframes round {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes round {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}