a,
.btn,
i,
.header-search .form-control,
.table > tbody > tr > td,
#aside,
.select2-selection__choice__remove,
.status-switcher,
.switcher .switch-item,
.status-switcher .switcher,
button.close,
.weekly-picker li label,
ul.list-select li,
.ranges li,
th.sort > span:after,
th.sort > span:before,
.upload-img-box,
.wrapper {
  transition: all 0.12s linear;
}

.line-alert-container {
  position: relative;
  -moz-animation: line-alert-container 0.5s ease;
  -webkit-animation: line-alert-container 0.5s ease;
  -ms-animation: line-alert-container 0.5s ease;
  left: 0;
  opacity: 1;
}

@keyframes line-alert-container {
  0% {
    opacity: 0;
    left: -100px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes line-alert-container {
  0% {
    opacity: 0;
    left: -100px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.load {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #0fa5de 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #0fa5de 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #0fa5de 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #0fa5de 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #0fa5de 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load 1.4s infinite linear;
  animation: load 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.load:before {
  width: 50%;
  height: 50%;
  background: #0fa5de;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.load:after {
  background: #ececec;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

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

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

.double-bounce-light {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  filter: grayscale(100%);
  opacity: 0.5;
}

.double-bounce-light .double-bounce-container {
  position: relative;
  width: 100px;
  height: 100px;
}

.double-bounce-light .double-bounce-container:before, .double-bounce-light .double-bounce-container:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;

  background: url("/assets/wl/logo-icon.svg");
  background-size: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce-light .double-bounce-container.no-wl:before {
  background: url("/assets/wl/logo-icon-line.svg");
}

.double-bounce-light .double-bounce-container:after {
  background: url("/assets/wl/logo-icon-line.svg");
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.7)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.waiting-for-approval {
  -webkit-animation: waiting-move 3s linear;
  -moz-animation: waiting-move 3s linear;
  -o-animation: waiting-move 3s linear;
  border-radius: 36px;
}

@-webkit-keyframes waiting-move {
  0% {
    background: #ececec;
  }
  100% {
    background: transparent;
  }
}

@keyframes waiting-move {
  0% {
    background: #ececec;
  }
  100% {
    background: transparent;
  }
}

.waiting-for-approval i {
  -webkit-animation: arrow-move 2s linear;
  -moz-animation: arrow-move 2s linear;
  -o-animation: arrow-move 2s linear;
  display: block;
  color: #ff9c00;
}

@-webkit-keyframes arrow-move {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
  }
  50.001% {
    transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }
}

@keyframes arrow-move {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }
  50% {
    transform: translate(50px, 0);
    -webkit-transform: translate(50px, 0);
    -o-transform: translate(50px, 0);
    -moz-transform: translate(50px, 0);
  }
  50.001% {
    transform: translate(-50px, 0);
    -webkit-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }
}

.mass-actions.active {
  -webkit-animation: color-change 1s linear;
  -moz-animation: color-change 1s linear;
  -o-animation: color-change 1s linear;
}

@-webkit-keyframes color-change {
  0% {
    background: #FFF;
  }
  20% {
    background: #ced2f8;
  }
  100% {
    background: #FFF;
  }
}

@keyframes color-change {
  0% {
    background: #FFF;
  }
  20% {
    background: #ced2f8;
  }
  100% {
    background: #FFF;
  }
}

@-webkit-keyframes line-spinner {
  0% {
    background-position: 0% 0%
  }
  50% {
    background-position: 100% 0%
  }
  100% {
    background-position: 0% 0%
  }
}

@keyframes line-spinner {
  0% {
    background-position: 0% 0%
  }
  50% {
    background-position: 100% 0%
  }
  100% {
    background-position: 0% 0%
  }
}

.modal-backdrop-spinner {
  background: #3b3345;
}

.modal-backdrop.modal-backdrop-spinner.in {
  opacity: 0.95;
}

.content-layout .modal-backdrop-spinner {
  background: #FFF;
}

.aside-hide .content-layout .double-bounce {
  padding-left: 30px;
}


.content-layout .double-bounce {
  padding-left: 120px;
}

.content-layout .modal-backdrop.modal-backdrop-spinner.in {
  opacity: 0.4;
}

.content-layout .double-bounce {
  z-index: 1100;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
}

.content-layout .double-bounce-container {
  width: 140px;
  height: 140px;
}

.double-bounce {
  width: 200px;
  height: 200px;

  margin: 0 auto;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
}

.double-bounce-container {
  position: relative;
  width: 200px;
  height: 200px;
  opacity: 0.8;
}

.double-bounce1, .double-bounce2, .double-bounce-nowl {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;

  background: url("/assets/wl/logo-icon.svg");
  background-size: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce-nowl {
  background: url("/assets/wl/logo-icon-line.svg");
}

.double-bounce2 {
  background: url("/assets/wl/logo-icon-line.svg");
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.7)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@-webkit-keyframes btn-spinner-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes btn-spinner-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes colorchange {
  0% {
    background: #ffffff;
    opacity: 1;
  }
  25% {
    background: #38ce9f;
    opacity: 1;
  }
  75% {
    background: #38ce9f;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: blinker;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;

  animation-name: blinker;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1.0;
  }
  80% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.2;
  }
}

@-webkit-keyframes blinker {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1.0;
  }
  80% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes blinker {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1.0;
  }
  80% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.2;
  }
}

.fade-hidden,
.fade-visible {
  transition: visibility 0.2s, opacity 0.2s linear;
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.08, 1.08, 1.08);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
