/*Reference : https://drive.google.com/drive/folders/0B6oIsuC74OscREF1bkR5NjFOV0U*/
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.spinner-xs {
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.spinner-xs img {
    width: 16px;
    height: 16px;
}
.spinner-sm {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.spinner-sm img {
    width: 30px;
    height: 30px;
}
.spinner-md {
    width: 38px;
    height: 38px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.spinner-md img {
    width: 38px;
    height: 38px;
}
.spinner-lg {
    width: 48px;
    height: 48px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.spinner-lg img {
    width: 48px;
    height: 48px;
}
.spinner-xl {
    width: 70px;
    height: 70px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.spinner-xl img {
    width: 70px;
    height: 70px;
}