#shqela-loading-overlay {

    position: fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(255,255,255,0.75);

    display:none;

    align-items:center;
    justify-content:center;

    z-index:9999999;

}





/*
Global Page Loading Spinner
*/

.shqela-spinner {

    width:55px;

    height:55px;

    border:5px solid #e5e5e5;

    border-top-color:#0066ff;

    border-radius:50%;

    animation:shqela-spin .8s linear infinite;

}





/*
Button Loading Spinner
*/

.shqela-button-spinner {


    display:inline-block;


    width:14px;


    height:14px;



    border:2px solid rgba(255,255,255,0.5);



    border-top-color:#ffffff;



    border-radius:50%;



    margin-right:8px;



    vertical-align:middle;



    animation:shqela-spin .8s linear infinite;


}





/*
Prevent button text jumping
*/

button[data-loading="true"],
input[data-loading="true"] {


    cursor:not-allowed;

    opacity:0.8;


}





/*
Main Animation
*/

@keyframes shqela-spin {


    from {

        transform:rotate(0deg);

    }



    to {

        transform:rotate(360deg);

    }


}