/* -------------------------------------------------------
--- Codify Ltd. Sti
--- http://codify.istanbul
--------------------------------------------------------*/

.file-upload { position: relative; /*min-height: 150px;*/ border: 1px solid #E0E0E0; }
.file-drag { border: 1px dashed #555; background-color: #F0F0F0; }

.file-upload .general-loading-bg { position: absolute; top: auto; left: auto; bottom: auto; right: auto; margin: 0px; background-color: #000; width: 100%; height: 100%; opacity: 0.4; display: none; z-index: 100; }
.file-upload .general-loading { background-color: #FFF; border: 1px solid #E9E9E9; padding: 10px; position: absolute; margin: auto; top: 35%; left: 40%; opacity: 0.7; display: none; z-index: 101; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.file-upload .general-loading img { width: 20px; opacity: 0.3; }

.file-upload .file-upload-body { padding: 5px; }

.file-upload .file-upload-body .file-upload-toolbar .file-upload-select { text-shadow: none; }
.file-upload .file-upload-body .file-upload-toolbar .file-upload-select:hover {  }

.file-upload .file-upload-body .file-upload-toolbar .file-upload-select, 
.file-upload .file-upload-body .file-upload-toolbar .file-upload-button,
.file-upload .file-upload-body .file-upload-toolbar .file-upload-cancel {  }

.file-upload .file-upload-body .file-upload-toolbar .file-upload-button,
.file-upload .file-upload-body .file-upload-toolbar .file-upload-cancel { display: none; opacity: 0; position: absolute; top: -100000px; }

.file-upload .file-upload-body .file-upload-selector { display: none; }
.file-upload .file-upload-body .file-list { list-style: none; margin: 0px; padding: 0px; }
.file-upload .file-upload-body .file-list > li { width: 110px; display: inline-block; border: 1px solid #E9E9E9; padding: 1px; cursor: default; margin-top: 5px; margin-right: 5px; position: relative; }
.file-upload .file-upload-body .file-list > li i { display: inline-block; position: absolute; right: 5px; top: 5px; padding: 1px 5px; background-color: #CC0000; color: #FFF; font-style: normal; font-size: 11px; cursor: pointer; line-height: 11px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; border-radius: 50%; }
.file-upload .file-upload-body .file-list > li img { width: 100%; }
.file-upload .file-upload-body .file-list > li i:hover { background-color: #990000; color: #FF9999; }
.file-upload .file-upload-body .file-list > li h5 { font-size: 13px; margin: 0px; text-align: center; background-color: #E0E0E0; padding: 2px 5px; position: relative; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; box-sizing: border-box; }
.file-upload .file-upload-body .file-list > li h5 > span { display: block; width: 0%; height: 100%; background-color: #519443; opacity: 0.5; position: absolute; top: 0px; left: 0px; }
.file-upload .file-upload-body .file-list .ui-sortable-placeholder { border: 1px dashed #555; visibility: visible !important; background-color: #F0F0F0; }

.file-upload-data { display: none; }