body {

}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: calc(50% - 40px);
    position: absolute;
    z-index: 9;
}

.spinner32 {
    border: 6px solid silver;
    border-top: 6px solid #337AB7;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    animation: spin 700ms linear infinite;
    z-index: 9;
}

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

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

.cursor-pointer {
    cursor: pointer;
}

.rotar180 {
    transform: rotate(180deg);
}