﻿
.arquivos .custom-upload-placeholder {   
    overflow: visible; 
    width:50%
}


@media (max-width: 767px) {
    .arquivos .custom-upload-placeholder {       
        width: 100%
    }

    .filelist li .bar {       
        left: 5%!important;
        max-width:90%!important
    }

    .filelists {
        max-width:100%;
        margin-top: 0!important
    }
     .filelist li .content {       
       left:120%!important
    }

    .filelist {
        max-width: 100%;
    }

    .filelist li .file {           
        max-width: 170px!important
    }

}


    .arquivos .custom-upload-formstone {
        overflow: visible;
    }



  



        .filelists h5 {
            margin: 10px 0 0;
        }

        .filelists .cancel_all {
            color: red;
            cursor: pointer;
            clear: both;
            font-size: 10px;
            margin: 0;
            text-transform: uppercase;
        }

    .filelist {
        margin-top: 10px;
        margin-left: -115%;
        width: 215%
      
    }

.col-md-12.filelists {
    margin-top:60px
}

.filelist li {
    
    font-size: 14px;
    list-style: none;
    padding: 5px;    
}



            .filelist li:before {
                display: none !important;
            }
            /* main site demos */

            .filelist li .bar {
                background: #ECEFF1;
                border-radius: 8px;
                content: '';
                height: 35px;
                left: -95%;
                position: absolute;
                top: 0;
                z-index: 0;
                -webkit-transition: width 0.1s linear;
                transition: width 0.1s linear;                
            }

            .filelist li .content {
                display: inline;
                overflow: hidden;
                position: relative;
                z-index: 1;
                padding: 0;
            }

            .filelist li .file {
                color: #455A64;
                float: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width:300px
            }

            .filelist li .progress {
                color: #fff;
                float: right;
                font-size: 14px;
                text-transform: uppercase;
                background: none;
                border: none;
                background-color: #2dae09;
                padding: 6px 10px;
                width: auto;
                text-align: center !important;
                height: 32px;
                margin-top:-4px
            }


            .filelist li .cancel {
                color: red;
                cursor: pointer;
                display: block;
                float: right;
                font-size: 10px;
                margin: 0 0 0 10px;
                font-size: 16px
            }

            .filelist li.error .file {
                color: #000;
            }

            .filelist li.error .progress {
                background-color: red;
                color: #fff;
            }

            .filelist li.error .cancel {
                display: none;
            }

    .ulpoad-comprovante .fs-upload-target {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #50E3C2;
        color: #FFFFFF
    }
