.PopMe, .Progressbarback { position: fixed; top: 0; right: 18px; bottom: 0; left: 0; background: rgba(255,255,255,0.5); z-index: -1; opacity: 0; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; /*pointer-events: none;*/ }
.Progressbarback > DIV { background: rgb(255, 255, 255); position: relative; margin: 20% auto; border: 3px solid #2D87B7; display: table; }
.Progressbarback { z-index: 99999; opacity: 1; }
.ProgCss { width: 100%; position: relative; color: #2D87B7; display: table; font-size: 1em; text-align: center; }
.MakeMe-Spin { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; -o-animation: spin 4s linear infinite; animation: spin 1.7s linear infinite; }
.loading-text { width: inherit; color: #fff; background-color: #232323; }


@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}