#webien-search-build-cache{
  .progress{
    margin-top: 15px;
    display: none;
    .bkg{
      position: relative;
      width: 100%;
      height: 4px;
      border-radius: 2px;
      overflow: hidden;
      background: #f1f1f1;

      .bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        background: #46b450;
        transition: width 1s ease;

      }
    }
  }
}

.clear-all-cache-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  display: none;
  align-items: center;
  justify-content: center;

  .dashicons {
    display: none;
  }

  &.loading{
    display: flex;
    .dashicons-update {
      display: block;
      animation: rotating 2s linear infinite;
    }
  }

  &.done{
    display: flex;
    .dashicons-saved {
      display: block;
    }
  }

}


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