.overlayFull{
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(255,255,255) var(--LdimgLg) center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
#spinnerFull .loading{
    overflow: hidden;   
}
/* Make spinner image visible when body element has the loading class */
#spinnerFull .loading .overlayFull{
    display: block;
}
.overlay{
    display: inline-block;
    position: fixed;
    width: 100%;
    height: calc((var(--vh, 1vh) * 100) - 140px);
    top: 82px;
    left: 0;
    z-index: 998;
    background: rgba(255,255,255) var(--LdimgLg) center no-repeat;
}
.overlaysl{
    display: inline-block;
    position: fixed;
    width: 100%;
    height: calc((var(--vh, 1vh) * 100) - 65px);
    top: 58px;
    left: 0;
    z-index: 99999;
    background: rgba(255,255,255) var(--LdimgLg) center no-repeat;
}
@media only screen and (max-width: 990px) {
    .overlay{
        height: calc((var(--vh, 1vh) * 100) - 130px);
        top: 75px;
    }
}

.overlaypop{
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 9999;
    background: rgba(255,255,255) var(--LdimgSm) center no-repeat;
}
.overlayertree{
    display: inline-block;
    position: fixed;
    width: 384px;
    height: calc((var(--vh, 1vh) * 100) - 313px);
    top: 231px;
    left: 25px;
    border-radius: 6px;
    z-index: 998;
    background: rgb(246 247 253) var(--LdimgSm) center no-repeat;
}
.overlayerblank{
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 998;
    background: rgba(255,255,255);
}
.overlayerblankrel{
    display: inline-block;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 998;
    background: rgba(255,255,255);
}
.overlayerspinnerrel{
    display: inline-block;
    position: fixed;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    top: 0px;
    left: 0px;
    z-index: 998;
    background: rgba(255,255,255) var(--LdimgSm) center no-repeat;
}
.overlayerspinnerrelfull{
    display: inline-block;
    position: fixed;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    top: 0px;
    left: 0px;
    z-index: 99999;
    background: rgba(255,255,255) var(--LdimgLg) center no-repeat;
}

@media only screen and (max-width: 991px) {
    /* .overlayerspinnerrel{top: 160px !important;} */
}
@media only screen and (max-width: 766px) {
    .overlayerspinnerrelfull{
        background: rgba(255,255,255) var(--LdimgSm) center no-repeat;
    }
    .overlaypop{
        height: 85% !important;
    }
    .overlayerspinnerrel{
        border-radius:6px;
        background: rgb(248, 248, 248) var(--LdimgSm) center no-repeat !important;
    }
}
@media only screen and (max-width: 575px) {
    .overlaypop{
        height: 100% !important;
    }
}
@media only screen and (max-width: 480px) {
    .overlay{
        top: 70px !important;
        height: calc((var(--vh, 1vh) * 100) - 120px) !important;
    }
    
}
/* Applayoutdiv spinner */
#spinnerapplayout .loading{
    overflow: hidden;   
}
#spinnerapplayout .loading .overlay{
    display: block;
}
/* Regular spinner */
#spinner .loading{
    overflow: hidden;   
}
#spinner .loading .overlay{
    display: block;
}
/* Spinner Main */
#spinnermain .loading{
    overflow: hidden;   
}
#spinnermain .loading .overlay{
    display: block;
}
/* Slide out spinner */
#spinnersl .loading{
    overflow: hidden;   
}
#spinnersl .loading .overlay{
    display: block;
}
/* Popup spinner */
#spinnerpop .loading{
    overflow: hidden;   
}
#spinnerpop .loading .overlay{
    display: block;
}
/* Erecords tree spinner */
#spinnerertree .loading{
    overflow: hidden;   
}
#spinnerertree .loading .overlay{
    display: block;
}
/* Blank Loading Screen */
#spinnerblank .loading{
    overflow: hidden;   
}
#spinnerblank .loading .overlay{
    display: block;
}
/* Blank Relative Loading Screen */
#blankrel .loading{
    overflow: hidden;   
}
#blankrel .loading .overlay{
    display: block;
}
/* Spinner Relative Loading Screen */
#spinnerrel .loading{
    overflow: hidden;   
}
#spinnerrel .loading .overlay{
    display: block;
}