div#foh-full-page-loader, div#boh-full-page-loader {
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div#foh-full-page-loader > div, div#boh-full-page-loader > div {
    display: block;
    z-index: 10010;
    /*background-color: rgba(0,0,0,0.5);*/
    width: 100px;
    height: 100px;
    /*line-height: 100px;*/
    text-align: center;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
    left: 50%;
    /*color:white;*/
}
div#foh-full-page-loader > div > span, div#boh-full-page-loader > div > span {
    display: block;
    border: 8px solid #9e9e9e;
    /* circle color */
    border-top: 8px solid #FF5722;
    /* moving */
    border-radius: 50%;
    animation: foh-full-page-loader-spin 500ms linear infinite;
}

div#boh-full-page-loader > div > span {
    width: 50px;
    height: 50px;
}

div#foh-full-page-loader > div > span {
    width: 66px;
    height: 66px;
}
@keyframes foh-full-page-loader-spin  {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes boh-full-page-loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}