.progress {
    position:relative; 
    height: 100%;
}
.progress-bar-text {
    position:absolute;
    right:0;
    left:0; 
    top: -2px;
    text-align:center;
    color:#000;
}
.container-loading-bar, #container-timesheets {
    display: block;
    transition: all 0.4s linear;
}
#container-timesheets {
    display: block;
}
.container-loading-bar {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-wrap: wrap; 
    width: 100%; 
    height: 40vh;
}
.container-loading-bar.hidden{
    display: none !important;
    opacity: 0;
}
.content-loading-bar {
    width: 40%; 
    text-align: center;
}
.loading-bar-progress {
    margin-left:auto; 
    margin-right:auto; 
    margin-bottom:10px; 
    height:1.5em; 
    width:80%;
}
.loading-bar-progress div {
    transition: all 2s;
}