/* New Spinner */


@keyframes ldio-spinner {
    0% {
        width: 6px;
        height: 6px;
        background: #f8f8f8;
    }

    25% {
        width: 6px;
        height: 6px;
        background: #f8f8f8;
    }

    50% {
        width: 10px;
        height: 10px;
        background: #d9d9d9;
    }

    75% {
        width: 6px;
        height: 6px;
        background: #f8f8f8;
    }

    100% {
        width: 6px;
        height: 6px;
        background: #f8f8f8;
    }
}

.ldio-spinner {
    position: relative;
}

    .ldio-spinner div {
        position: absolute;
        transform: translate(-50%,-50%);
        animation: ldio-spinner 1.923076923076923s linear infinite;
        border-radius: 50%;
    }

        .ldio-spinner div:nth-child(1) {
            animation-delay: -0.9166666666666666s;
            left: 75px;
            top: 50px;
        }

        .ldio-spinner div:nth-child(2) {
            animation-delay: -0.8333333333333334s;
            left: 71.65063509461098px;
            top: 62.5px;
        }

        .ldio-spinner div:nth-child(3) {
            animation-delay: -0.75s;
            left: 62.5px;
            top: 71.65063509461096px;
        }

        .ldio-spinner div:nth-child(4) {
            animation-delay: -0.6666666666666666s;
            left: 50px;
            top: 75px;
        }

        .ldio-spinner div:nth-child(5) {
            animation-delay: -0.5833333333333334s;
            left: 37.50000000000001px;
            top: 71.65063509461098px;
        }

        .ldio-spinner div:nth-child(6) {
            animation-delay: -0.5s;
            left: 28.34936490538903px;
            top: 62.5px;
        }

        .ldio-spinner div:nth-child(7) {
            animation-delay: -0.4166666666666667s;
            left: 25px;
            top: 50px;
        }

        .ldio-spinner div:nth-child(8) {
            animation-delay: -0.3333333333333333s;
            left: 28.34936490538903px;
            top: 37.50000000000001px;
        }

        .ldio-spinner div:nth-child(9) {
            animation-delay: -0.25s;
            left: 37.499999999999986px;
            top: 28.349364905389038px;
        }

        .ldio-spinner div:nth-child(10) {
            animation-delay: -0.16666666666666666s;
            left: 49.99999999999999px;
            top: 25px;
        }

        .ldio-spinner div:nth-child(11) {
            animation-delay: -0.08333333333333333s;
            left: 62.5px;
            top: 28.349364905389034px;
        }

        .ldio-spinner div:nth-child(12) {
            animation-delay: 0s;
            left: 71.65063509461096px;
            top: 37.499999999999986px;
        }

.loadingio-spinner-default {
    width: 68px;
    height: 68px;
    display: inline-block;
    overflow: hidden;
    margin-left: calc(50% - 34px);
    margin-top: 200px;
    background: none;
}

.ldio-spinner {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.68);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

.ldio-spinner div {
    box-sizing: content-box;
}

.loadingio-spinner-default.no-margin {
    display: block;
    margin-top: 0px;
}
.loadingio-spinner-default.filter {
    position: absolute;
}

.content-files-loading .loadingio-spinner-default {
    margin-left: 0;
    margin-top: 130px;
}

.loadingio-spinner-default.content-files-spinner {
	position: absolute;
	margin-top: 100px;
}
.loadingio-spinner-default.address {
	position: absolute;
}
.overlay {
	position: absolute;
	width:100%;
	height:100%;
	opacity: 0.5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	cursor: pointer;
}