﻿/* The Modal (background) */
#jloadingBackground {
    display:flex;
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(255,255,255,1); /* Black w/ opacity */
}

#jloadingBackground #jloadingContent {
    display: inline-block;
    height: 100px;
    width: 100px;
    margin: auto;
    position: absolute;
    left: 45%;
    top: 45%;
}

#jloadingBackground #jloadingContentText{
    position: absolute;
    top: 58%;
    left: 44%;
    width: 250px;
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#jloadingBackground #jloadingContent #jloadingGif {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    /*background-image: url('../images/TSG_Color FR.png');*/
    background-position: center;
    height: 120%;
    width: 220%;
    left: 50%;
}

.ui-progressbar-value, #divProgressBar, #myProgress, #lblPercent {
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
}


.MinimalLoadingStyle {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.MinimalLoadingStyle #jloadingGif {
    display:none;
}

.MinimalLoadingStyle #jloadingMinimalLoading {
    position: absolute;
    top: 40%;
    left: 42%;
    width: 300px;
    height: 100px;
}

.MinimalLoadingStyle #jloadingContentText {
    position: absolute !important;
    top: 25% !important;
    left: 08% !important;
    width: 250px !important;
}
