/* this style will override style in defaut cocos */

/* plash screen will display gif loading file instead of splash image */
#splash {
    background-color: #4C849B;
    background-size: 100%;
    background-image: none;
    /* position: relative;
    transform: translateY(-100%);
    margin: 0 auto; */
}
.splash-bg-bottom {
    background-color: #6099AE;
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 28%;
}
/* disable loading progress */
.progress-bar {
    background-color: #000000;
    position: relative;
    left: 0;
    top: 45%;
    height: 5%;
    width: 30%;
    padding: 1px;
    border-radius: 8px;
    border: 4px solid white;
    box-shadow: 0px 5px 0px 0px #082D54;
    margin: auto;
}

.progress-bar span {
    display: block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out; 
    background-color: #fff200;    
}

.stripes span {
    background-size: 30px 30px;
    background-image: url(./ui_loading_bar_value.png);
    animation: animate-stripes 1s linear infinite; 
}

@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

#splash img {
    width: auto;
    top: 10%;
    position: relative;
    margin: 0 auto;
}