#contact_attachment.uploader { padding: .5em 1.5em; }

.dz-clickable { background-color: #FFF; border: 0.2em dashed #CCC; cursor: pointer; padding: 3.5em 2em 1.5em; text-align: center; font-weight: 700; font-size: 1.4em; line-height: 1.4em; position: relative; border-radius: 1em; margin-top: 1em; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.dz-clickable:hover { filter: alpha(opacity=70); opacity: .7; }
.dz-clickable:before { left: 50%; margin-left: -13px; position: absolute; top: 1.5em; width: 27px; }
.dz-clickable > SPAN { font-size: 0.714em; font-weight: 400; }

.uploadFiles-previews { display: inline-block; width: 100%; padding: 1.5em 1.5em 0; text-align: left; }
.uploadFiles-previews .dz-preview { display: inline-block; width: 17%; margin: 0 1.4% 1.5em; vertical-align: top; position: relative; overflow: hidden; min-width: 100px; }
.uploadFiles-previews .dz-preview IMG { display: block; width: 100%; height: auto; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }
.uploadFiles-previews .dz-preview .dz-filename { text-align: center; font-weight: 700; margin: 0 0 1em; word-break: break-all; word-wrap: break-word; }
.uploadFiles-previews .dz-preview .dz-size { position: absolute; width: 80%; left: 10%; top: auto; bottom: -3em; color: #666; font-weight: 700; padding: 0.5em 0; text-align: center; background: #FFF; filter: alpha(opacity=0); opacity: 0; border-radius: 0.5em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.uploadFiles-previews .dz-preview:hover .dz-size { bottom: 3em; filter: alpha(opacity=90); opacity: .9; }

.support-tickets-attachments-container { clear: both; float: left; width: 100%; }
.support-tickets-attachments-container > IMG { border: 5px solid #666; display: inline-block; cursor: pointer; float: left; height: auto; margin: 0 2% 15px 0; max-width: 200px; vertical-align: top; width: 31.3%; }

.overlay-img { width: 90%; max-width: 600px; }
.overlay-img IMG { display: block; width: 100%; height: auto; }

.dark-theme .dz-clickable { background-color: #000; border: 0.2em dashed #666; }

@media screen and (max-width: 480px) { .support-tickets-attachments-container > IMG { width: 48%; } }

/*# sourceMappingURL=Contact.css.map */