.jpm-ui-toolkit-cssSpinner {
    width: 26px;
    height: 26px;
    position: relative;
    -webkit-transform: scale(0.923);
    transform: scale(0.923);
    margin: 0px auto 20px auto;
}
.jpm-ui-toolkit-cssSpinner > div {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: -4px;
    top: -4px;
}
.jpm-ui-toolkit-cssSpinner .dot1 {
    background: #8f8f8f;
    -webkit-animation: a 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: a 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    border: 1px solid transparent;
}
.jpm-ui-toolkit-cssSpinner .dot2 {
    background: #ff9800;
    -webkit-animation: b 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: b 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    border: 1px solid transparent;
}
.jpm-ui-toolkit-cssSpinner .dot3 {
    background: #1a9cd0;
    -webkit-animation: c 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: c 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    border: 1px solid transparent;
}
.jpm-ui-toolkit-cssSpinner.small {
    transform: scale(0.4615);
}
.jpm-ui-toolkit-cssSpinner.medium {
    transform: scale(0.9230);
}
.jpm-ui-toolkit-cssSpinner.large {
    transform: scale(1.5);
}

@keyframes rotate{
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    25% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    50% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    75% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    to {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
}
@keyframes a {
    0% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    25% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    50% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    75% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    to {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
}
@-webkit-keyframes b {
    0% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    25% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    50% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    75% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    to {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
}
@keyframes b {
    0% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    25% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    50% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    75% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    to {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
}
@-webkit-keyframes c {
    0% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    25% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    50% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    75% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    to {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
}
@keyframes c {
    0% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    12.5% {
        -webkit-transform: translate3d(4px, 4px, 0);
        transform: translate3d(4px, 4px, 0);
    }
    25% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    37.5% {
        -webkit-transform: translate3d(22px, 22px, 0);
        transform: translate3d(22px, 22px, 0);
    }
    50% {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
    62.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    75% {
        -webkit-transform: translate3d(22px, 4px, 0);
        transform: translate3d(22px, 4px, 0);
    }
    87.5% {
        -webkit-transform: translate3d(13px, 13px, 0);
        transform: translate3d(13px, 13px, 0);
    }
    to {
        -webkit-transform: translate3d(4px, 22px, 0);
        transform: translate3d(4px, 22px, 0);
    }
}