/* Iconos */
.fa-file-excel{color:#1f7246;}
.fa-file-word{color:#2a5696;}
.fa-file-pdf{color:#fa0e00;}
.fa-file-powerpoint{color:#d04324;}
.fa-file-code{color:green;}
.fa-file-audio{}
.fa-file-video{}
.fa-file-archive{}


/* Archivos subidos */
.files_uploaded h2, .fileupload-buttonbar h2{
    margin:0;
    margin-bottom:15px;
}

.files_uploaded{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
    text-align:center;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}

.files_uploaded_no_upload{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}

.files_uploaded div.file{
    display:inline-block;
    background:#f5f5f5;
    margin:2px;
    padding:5px;
    text-align:center;
}

.files_uploaded div.file button{
    padding:4px;
    margin-top:5px;
}

.upload_icon{
    font-size:3em;
}

.files_uploaded div.file div.item{
    width:100px;
    min-width:100px;
    height:100px;
    background:#fff;
}

.upload_documents .sortable_tr_placeholder{
    background:rgba(0,0,0,0.2) !important;
    height:92px;
    border:2px dashed #F6F6F6;
    width:100%;
}

.upload_documents .upload_show_requeriments ul li{
    color:#999;
    font-size:0.7em;
    display:inline-block !important;
    margin-right:15px;
}

.upload_documents .fileupload-buttons{
    text-align:center !important;
    display:none;
}

.upload_documents .fileupload-buttons input[type=file],
.upload_documents .ui-icon-plusthick, .upload_documents .ui-button-icon-space,
.upload_documents .msg_error_text, .upload_documents .fileupload-buttons button span{
    display:none;
}

.upload_documents .orderover{cursor:move;}

.upload_documents .fileupload-buttons button span.text_main,
.upload_documents .files button span.text{
    display:inline;
}

.upload_documents .fileupload-buttons button{
    margin-bottom:10px;
    margin-right:10px;
    width:120px;
    padding:5px;
    font-size:0.9em;
}

/* Barra de porcentaje */
.upload_documents .fileupload-progress{
    margin-bottom:20px;
}

.upload_documents .toggle{
    min-height:0;
}

.upload_documents .progress{
    display:block;
    border:1px solid;
    border-color:#26B526 black black #26B526;
    margin-bottom:5px;
}

/* Porcentaje completado */
.upload_documents .progress div{
    background-color:#00A800;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 25px 25px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    margin:0 !important;
    padding:0 !important;
    -webkit-transition: width .8s ease;
    transition: width .8s ease;
}

.upload_documents .maxfileserror{
    color:red !important;
    font-weight:bold;
}

.upload_documents .progress-extended{
    font-size:0.9em;
}
/* Barra de porcentaje */

.upload_documents .files td p{
    width:100% !important;
    font-size:0.8em;
    line-height:1.2em;
}

.upload_documents .files img, .upload_documents .files .preview canvas{
    width:100px;
    min-width:100px;
}

.upload_documents .problem p{
    margin:0;
    padding:0;
}

.upload_documents .files .preview:hover{
    opacity:0.7;
}

.upload_documents .files button{
    min-width:100px;
}

.upload_documents .files button span{
    display:none;
}

.upload_documents .files td .msg_error_title{
    font-weight:bold;
    font-size:0.8em;
    text-align:center;
}

.upload_documents .files td .msg_error_text{
    font-size:0.8em;
    border:0;
    text-align:center;
}

.upload_documents .problem, upload_documents .unique{
    cursor:default !important;
}

.upload_documents .files td{
    width:10%;
    vertical-align:middle;
    text-align:center;
}

.upload_documents .files td:first-child{
    width:10%;
}

.upload_documents .files td:nth-child(2){
    width:60%;
}

.upload_documents .files td:nth-child(2) p{
    font-size:1em;
    margin-bottom:10px;
}

.upload_documents .files td:nth-child(3){
    width:20%;
}

.upload_documents .files td:nth-child(4){

    width:30%;
}

.upload_documents .files td button{
    padding:5px;
    margin-bottom:10px;
}

.upload_documents .files td span.size, .files td p.size{
    font-size:0.8em;
}

.upload_documents .files td .toggle{
    margin-top:10px;
}

.upload_documents .files tr{
    border-top:2px solid #eee;
}

.upload_documents .files tr:nth-child(even){
    background:#f9f9f9;
}

.upload_documents .files tr:nth-child(odd){
    background:#f5f5f5;
}

.upload_documents .toggle{
    display:inline-block !important;
}

/* DropZone */

.upload_documents{
    position:relative !important;
    max-width:420px;
}

.upload_documents .dropzone{
    display:none;
    text-align:center;
    position:absolute;
    background:rgba(0,0,0,0.2);
    color:#555;
    font-size:1.4em;
    padding:10px;
    border:2px dashed #F6F6F6;
    width:100%;
    height:100%;
    box-sizing:border-box;
    z-index:999999999;
}

.upload_documents .dropzone div{
    display:table-cell;
    vertical-align:middle;
}

.upload_documents .dropzone div span{
    background:rgba(255,255,255,0.7);
    border-radius:10px;
    padding:10px;
}
/* DropZone */

/* Voltea las imágenes de forma correcta */
.upload_documents img, .fancybox-image{
    image-orientation: from-image !important;
}

    /***************************************************************************
    /* File upload ************************************************************/

    .fileinput-button {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

    .fileinput-button input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      direction: ltr;
      cursor: pointer;
    }

    .fileupload-buttonbar .btn,
    .fileupload-buttonbar .toggle {
      margin-bottom: 5px;
    }

    /* Barra de progreso jquery-upload */
    .bar {
        height:18px;
        background:green;
    }

    .progress-animated .progress-bar,
    .progress-animated .bar {
      background: url("extensions/js/fileupload/img/progressbar.gif") !important;
      filter: none;
    }
    .fileupload-process {
      float: right;
      display: none;
    }
    .fileupload-processing .fileupload-process,
    .files .processing .preview {
      display: block;
      width: 32px;
      height: 32px;
      background: url("extensions/js/fileupload/img/loading.gif") center no-repeat;
      background-size: contain;
    }
    .files audio,
    .files video {
      max-width: 300px;
    }

    @media (max-width: 767px) {
      .fileupload-buttonbar .toggle,
      .files .toggle,
      .files .btn span {
        display: none;
      }
      .files .name {
        width: 80px;
        word-wrap: break-word;
      }
      .files audio,
      .files video {
        max-width: 80px;
      }
      .files img,
      .files canvas {
        max-width: 100%;
      }
    }

/* Smartphones (Vertical) ----------- */
@media all and (max-width : 500px) {

    .upload_documents .files td button{
        min-width:0;
        width:30px !important;
        margin-bottom:0;
    }

    .upload_documents .files img, .upload_documents .files .preview canvas{
        width:80px;
        min-width:80px;
    }

    .upload_documents .files td:nth-child(3), .upload_documents .files button span.text{
        display:none;
    }

    .upload_documents .files td:nth-child(2){
        padding-right:0;
        padding-left:0;
    }

    .upload_documents .files button.delete{
        margin-right:5px;
    }

    .upload_documents .files td{
        padding:5px;
    }

}