.upload-form {cursor: pointer;}.upload-form input {position: absolute;top: 0;right: 0;display: none;width: 100%;height: 100%;margin: 0;font-size: 200px;cursor: pointer;opacity: 0;-ms-filter: 'alpha(opacity=0)';direction: ltr;}.uploader-inline {border: 2px dashed #a3afb7;border-radius: 3px;}.upload-instructions {margin: 300px 20px;font-size: 30px;text-align: center;}.has-file .file-wrap {padding: 20px;background: #fff;border-radius: 3px;}.has-file .uploader-inline {display: none;}.file-wrap .template-download .file-action-wrap {display: none;opacity: 0;}.file-wrap .template-download:hover .file-action-wrap {display: block;opacity: 1;}.file-wrap .other-file img {display: none;}.file-wrap .other-file .preview {background-image: url(file-type.png);background-repeat: no-repeat;background-position: center center;}.file-wrap .file-item {position: relative;width: 100%;padding: 10px;margin-bottom: 10px;cursor: pointer;border: 1px solid transparent;border-radius: 3px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}.file-wrap .info-wrap .title {overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}.file-wrap .file-action {position: absolute;top: 90px;left: 0;width: 100%;text-align: center;}.file-wrap .file-action-wrap {position: absolute;top: 0;left: 0;z-index: 1300;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}.file-wrap .file-action .icon {margin-right: 30px;font-size: 22px;color: #fff;}.file-wrap .file-action .icon:last-child {margin-right: 0;}.file-wrap .preview {position: relative;width: 100%;height: 190px;margin-bottom: 10px;overflow: hidden;background-color: black;border-radius: 4px;opacity: .6;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}.file-wrap .preview canvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.file-wrap .preview img {max-width: 100%;height: initial;}.file-wrap .progress {position: absolute;top: 90px;display: none;width: 100%;text-align: center;}.template-download .preview {opacity: 1;}.template-download .preview img {width: 100%;height: 100%;}@media (max-width: 1199px) {.upload-instructions {margin: 200px 20px;font-size: 24px;text-align: center;}}@media (max-width: 991px) {.upload-instructions {margin: 150px 20px;font-size: 20px;text-align: center;}}@media (max-width: 767px) {.upload-instructions {margin: 100px 20px;font-size: 16px;text-align: center;}}