.page-loading {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background: rgb(51, 51, 51);
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: -1;
}

.loading-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px;
}


.page-loading.show {
    opacity: 0.4 !important;
    z-index: 99999 !important;
}
.modal.overlayloader {
    z-index: 100000 !important;
}
/*Pager*/
input[type=number].Pager-Invalid-Number {
    border: 2px solid red;
}

.skeleton-loader-container {
}

.skeleton-loader {
    width: 100%;
    height: 15px;
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), lightgray;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
}

@keyframes shine {
    to {
        background-position: 100% 0, /* move highlight to right */ 0 0;
    }
}

.spinner-loader-container {
}

.impleo-loading-spinner {
}