#overlay_progress {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:999;
}
.outer_progress_bar
{
    border:1px solid #e0e0e0;
    border-radius:10px;
    width:300px;
    height:30px;
    z-index:1000;
    background:#000;
    position:fixed;
    top:20%;
    left:35%;
    display:none;
}
.inner_progress_bar
{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    width:0%;
    height:30px;
    z-index:1000;
    background:url('../images/v_fg12.png');
    background-size: contain;
}
.progressbar_label
{
    position:fixed;
    width:300px;
    font-weight:500;
    font-family:arial;
    padding-top:5px;
    color:#fff;
    text-align:center !important;
}

.progressbar_animation
{
    position:fixed;
    width:300px;
    font-weight:500;
    font-family:arial;
    display:none !important;
    margin-left:20%;
}


.progressbar_animation
{
    position:fixed;
    width:300px;
    font-weight:500;
    font-family:arial;
    display:none !important;
}

#loading {
    position: absolute;
    top: 50%;
    left: 48%;
    margin: -28px 0 0 -25px;
     width:50px !important;
}

@media screen and (max-width: 500px) {
    .outer_progress_bar, .progressbar_label, .inner_progress_bar, .progressbar_animation
    {
        width:200px;
    }
    .progressbar_animation
    {
        display:none !important;
    }
    .outer_progress_bar
    {
        height:20px;
        top: 30%;
        left: 20%;
    }
    .inner_progress_bar
    {
        height:20px;
    }
    .progressbar_label
    {
        padding-top: 2px;
        font-size: 0.7em;
    }
}