/*
/* 
    Created on : Feb 10, 2017, 12:21:51 PM
    Author     : johnny
*/

.hid {
    display: none !important;
}

#modal-upload {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
    border: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

#modal-upload .filename {
    max-width: 251px;
}
#modal-upload .close {
    color: #0EB7F0;
}
#modal-upload .clean {
    margin-left: 10px;
}
#modal-upload.minimize {
    max-height: 40px;
}


#modal-box {
    background-color: #fff;
    height: 100%;
    border: 1px solid rgb(64, 172, 219);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

div#modal-content {
    background: #f6f9fc;
    padding: 20px 10px;
    line-height: 1.8em;
    font-size: 13px;
    word-wrap: break-word;
}


.upload-file .wrapper-upload-progress-bar {
    position: relative;
    height: 1px;
    top: 30px;
    margin-left: 35px;
    margin-right: 10px;
    background: #CBCBCB;
}
.upload-file .upload-progress-bar,#bulk-upload-status .upload-progress-bar,#inline-upload-status .upload-progress-bar
{
    background-color:#46C348
}
.upload-file.complete .upload-progress-bar,#bulk-upload-status.complete .upload-progress-bar,#inline-upload-status.complete .upload-progress-bar
{
    background-color:#ebffd9
}
.upload-file.error .upload-progress-bar,#bulk-upload-status.error .upload-progress-bar,#inline-upload-status.error .upload-progress-bar
{
    background-color:#fce3e3
}
.upload-file.cancelled .upload-progress-bar,#bulk-upload-status.cancelled .upload-progress-bar,#inline-upload-status.cancelled .upload-progress-bar
{
    background-color:#f8f8f8
}
#upload-files-list.scroll
{
    height:228px;
    overflow-y:scroll
}
/*#upload-files-list .upload-file
{
    list-style:none;
    position:relative;
    margin:0;
    padding: 8px 15px;
}*/
#upload-files-list .upload-file:first-child
{
    border-top:none
}
#upload-files-list .upload-file .upload-progress-bar
{
    height:1px
}
#upload-files-list .upload-file .upload-file-info div
{
    display:block
}
/*#upload-files-list .upload-file .upload-file-info .filename-col img
{
    margin:5px 3px 0 8px;
    vertical-align: top;
}*/
#upload-files-list .upload-file .upload-file-info .filename-col .size
{
    color:#888
}
#upload-files-list .upload-file .upload-file-info .error-col
{
    float:left;
    width:170px
}
#upload-files-list .upload-file .upload-file-info .error-col .error-msg
{
    color:#992826
}
#upload-files-list .upload-file .upload-file-info .error-col .error-details img
{
    margin-bottom:-3px
}
#upload-files-list .upload-file .upload-file-info .time-col
{
    float:right;
    margin-right:50px
}
/*#upload-files-list .upload-file .upload-file-info .status-col
{
    float:right
}
#upload-files-list .upload-file .upload-file-info .status-col img
{
    margin:0 0 0 0
}*/
/*#upload-files-list .upload-file .upload-file-info .status-col .small-x-button
{
    position:absolute;
    right:20px
}*/

div.img-preview-item {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img-preview-item:hover {
    border: 1px solid #777;
}

div.img-preview-item img {
    width: 100%;
    height: auto;
}

div.img-preview-item-desc {
    padding: 15px;
    text-align: center;
}