.loader {
    font-weight: bold;
    font-family: monospace;
    display: none;
    font-size: 40px;
    z-index: 999999;
    position: absolute;
}

    .loader:before,
    .loader:after {
        content: "Loading ..";
        grid-area: 1/1;
        -webkit-mask-size: 100% 5px,100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: l35-1 1s infinite;
    }

    .loader:before {
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    }

    .loader:after {
        -webkit-mask-image: linear-gradient(#000 0 0);
        animation: l35-1 1s infinite, l35-2 .2s infinite cubic-bezier(0.5,200,0.5,-200);
    }

@keyframes l35-1 {
    0% {
        -webkit-mask-position: 0 20px,0 0
    }

    20% {
        -webkit-mask-position: 0 8px,0 0
    }

    40% {
        -webkit-mask-position: 0 100%,0 0
    }

    60% {
        -webkit-mask-position: 0 3px,0 0
    }

    80% {
        -webkit-mask-position: 0 15px,0 0
    }

    100% {
        -webkit-mask-position: 0 0,0 0
    }
}

@keyframes l35-2 {
    100% {
        transform: translate(0.1px)
    }
}

.login_loading {
    /*height: 100%;
    position: absolute;
    width: 100%;
    width: 100%;
    top: 50%;
    text-align: center;*/
    
}
.display_custom {
    top: 130px;
    display: inline-grid;
}