.ms-spinner-accent {
    border-top-color: rgba(230, 95, 30, 1.0);
    border-right-color: rgba(230, 95, 30, 0.1);
    border-bottom-color: rgba(230, 95, 30, 0.1);
    border-left-color: rgba(230, 95, 30, 0.1);
}

.ms-modal-spinner {
    position: absolute;
    height: 100px;
    width: 100px;
    border-width: 5px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
}

.ms-spinner {
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    border-radius: 100%;
    border-style: solid;
    animation: ms-spinner-spin 0.8s linear infinite;
    z-index: 3;
}

.ms-table-spinner {
    width: 11px;
    height: 11px;
    border-width: 2px;
}

@keyframes ms-spinner-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5); /* White background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}