/*
    * styling for the screen lock
    */
#locker {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    visibility: hidden;
    
    background-color: transparent;
    opacity: 0;
}

.i-locked #locker {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.i-locked.i-locked-debug #locker {
    background-color: red;
    opacity: 0.5;
}

#busyIndicator {
    background-image: url("data:image/png;base64,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");
    background-size: 32px 32px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

#busyIndicator {
    visibility:hidden;

    position: relative;
    left: 48%;
    top: calc(50% - 21px);

    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 6px;

    background-color: white;
    opacity: 0;
}

.i-locked #busyIndicator {
    visibility: hidden;
}

.i-locked.i-locked-busy #locker {
    cursor: wait;
}

.i-locked.i-locked-busy.i-locked-busyIndicator #busyIndicator {
    visibility: visible;
    opacity: 1;
}