@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.uploadContainer {
    border: 1px dashed #ccc;
    padding: 20px;
    width: 100%;
    border-radius: 8px;
    font-family: Arial, sans-serif;
}

.uploadContainer input{
    display:none;
}

    .uploadContainer .progress {
        width: 100%;
        background: #eee;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 10px;
        position: relative;
    }

    .uploadContainer .progress .bar {
        height: 18px;
        background: #4caf50;
        width: 0%;
        transition: width 0.3s;
    }
        .uploadContainer .progress .bar_text {
            height: 18px;
            text-align: center;
            color: #fff;
            position: absolute;
            top:0px;
            left: calc(50% - 25px);
            width:50px;
            z-index: 1;
        }

        .uploadContainer .filesList p {
            margin: 5px 0;
            font-size: 14px;
            color: #333;
        }
    .uploadContainer .custom-upload-btn {
        display: inline-block;
        background-color: #000;
        color: #fff;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        width: 100%;
        text-align: center;
        transition: background 0.3s;
        margin-bottom: 10px;
    }

        .uploadContainer .custom-upload-btn:hover {
            background-color: #852688;
        }