.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.release-note {
    text-align: left;
}
.release-note-wrap {
    /* If you want to use a monospace font like <pre> does by default */
    font-family: monospace;
    padding: 15px;
}
.version-code {

}
.sysop-version {

}
.sysop-version-text {
}
.release {
}
.release-note-help {
}
.version-timer {
}
       
.ditioline1, .ditioline2, .ditioline3 {
    -webkit-transition: fill-opacity 3s !important; /* Safari */
    transition: fill-opacity 3s !important;
}

.ditioline1.fadein, .ditioline2.fadein, .ditioline3.fadein {
    fill-opacity: 0.999 !important;
}




.fa-bounce-2 {
    display: inline-block;
    position: relative;
    -moz-animation: bounce 1s infinite linear;
    -o-animation: bounce 1s infinite linear;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 1s infinite linear;
}

@-webkit-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-o-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-ms-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

.fa-pulse-2 {
    display: inline-block;
    -moz-animation: pulse 2s infinite linear;
    -o-animation: pulse 2s infinite linear;
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Loader progress bar */
.loader-progress-bar {
    width: 120px;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 2px;
    margin-top: 16px;
    overflow: hidden;
}

.loader-progress-bar-fill {
    width: 40%;
    height: 100%;
    background-color: #017EFF;
    border-radius: 2px;
    animation: loader-progress 1.5s ease-in-out infinite;
}

@keyframes loader-progress {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(350%); }
}

/* Logo sizes - use !important to override other styles */
.se-pre-con .logo-loader {
    padding-top: 25px;
    height: 200px !important;
}

.release .logo-loader {
    height: 100px !important;
    display: inline;;
}