/**
 *  New color sets - 2018
 *
 */
/* line 42, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
.loading-spinner {
  font-size: 10px;
  margin: 2em auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -webkit-linear-gradient(left, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear; }
  /* line 17, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner:before {
    width: 50%;
    height: 50%;
    background: #56b2ec;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  /* line 27, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

/* line 46, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
.loading-spinner-small {
  font-size: 10px;
  margin: 2em auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -webkit-linear-gradient(left, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  font-size: 4px;
  font-size: 0.33333rem; }
  /* line 17, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner-small:before {
    width: 50%;
    height: 50%;
    background: #56b2ec;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  /* line 27, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner-small:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

/* line 51, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
.loading-spinner-search {
  font-size: 10px;
  margin: 2em auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -webkit-linear-gradient(left, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #56b2ec 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  font-size: 2px;
  font-size: 0.16667rem;
  position: absolute;
  right: 3%;
  top: 5%; }
  /* line 17, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner-search:before {
    width: 50%;
    height: 50%;
    background: #56b2ec;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  /* line 27, /onelogin/src/app/assets/stylesheets/templates/_loading_spinner.css.scss */
  .loading-spinner-search:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }