/*------------------------------------------------------------------------------
CSS for the loading indicator plugin.
@author IXEN Interactive
@version 1.0.0
@license Refer to loading-indicator.js
------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/* #region Style Declaration */
/*----------------------------------------------------------------------------*/
#loadingindicator {
    --spinner-background-color: #000000;
    --spinner-background-opacity: 0.15;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999; /* Set to a high idex to make sure it will be the top level for all element */
    display: none;
    align-content: center;
    text-align: center;
}

    #loadingindicator div:first-child:after {
        content: '';
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        opacity: var(--spinner-background-opacity);
        background: var(--spinner-background-color);
    }

.spinner-border {
    border-color: var(--primary-color);
    border-right-color: rgba(0,0,0,0);
}
/*----------------------------------------------------------------------------*/
/* #endregion */
/*----------------------------------------------------------------------------*/