/*
*******************************
* Created by: Alessandro Bonora 
* 17-08-2024.
*******************************
*/

.loader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: #22252a99;
    display: none;
    z-index: 99999;
    overflow: hidden;
}

.loader img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

#progress-container
{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 60px;
    width: 180px;
    height: 16px;
    border-radius: 6px;
    background-color: #2d3035;
    
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); 
}

#progress-bar
{
    height: 16px;
    border-radius: 6px;
    display: block;
    background-color: #dc3545;
}

#progress-container-secondary
{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 80px;
    width: 180px;
    height: 12px;
    border-radius: 6px;
    background-color: #2d3035;
    
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); 
}

#progress-bar-secondary
{
    height: 12px;
    border-radius: 6px;
    display: block;
    background-color: #dc3545;
}