.center-div {
    width: 100px;
    height: 100px;
}

.spinner {
    z-index: 999;
    background-color: transparent;
    -moz-opacity: 0.8;
    display: block;
}

.loader {
    margin: auto;
    border: 4px solid #d1cece;
    border-radius: 50%;
    border-top: 4px solid #0A59A7;
    width: 75px;
    height: 75px;
    -webkit-animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.inner-div {
    background-color: transparent;
    border-radius: 15px;
    margin: auto;
    padding: 10%;
    width: 75px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.searchSpinnerContentDisplay {
    top: 50%;
    left: 60%;
    width: 30em;
    height: 18em;
    transform: translate(-50%, -50%);
    position: inherit;
    z-index: 9999;
}

.distributionSpinnerContentDisplay {
    top: 60%;
    left: 60%;
    width: 30em;
    height: 18em;
    transform: translate(-50%, -50%);
    position: inherit;
    z-index: 9999;
}

.deleteSpinnerPositioning {
    position: fixed;
    top: 16%;
    left: 43%;
    transform: translate(-50%, -50%);
}

.spinnerPostionCoperatingCustomerOnSave {
    position: fixed;
    top: 35%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.spinnerPostionAgencySpecificAudioOnSave {
    position: fixed;
    top: 30%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.spinnerPostionDeviceSecurityOnSave {
    position: fixed;
    top: 30%;
    left: 35%;
    transform: translate(-50%, -50%);
}

.spinnerPostionMuseSiteOnSave {
    position: fixed;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.spinnerOnAddEditMuseLocation {
    position: fixed;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
}


.spinnerPostionDistributionOnSave {
    position: fixed;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.spinnerPostionDistributionContactOnSave {
    position: fixed;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.spinnerPostionDistributionCustomerOnSave {
    position: fixed;
    top: 20%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.spinnerPositionImportExportOnSave {
    position: fixed;
    top: 35%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.spinnerPostionContactOnSave {
    position: fixed;
    top: 25%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.spinnerTop20Percent{
    top:20%;
}
.spinnerTop35Percent {
    top: 35%;
}