.fileupload__box {
  width: 100%;
  height: 100%;
  cursor:pointer;
  box-sizing: border-box;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fileupload__box.upload_ready {
  border: 1px solid #1077d5;
}
.fileupload__box.upload_ready .fileupload__core .fileupload__initial .fileupload__upload-logo {
  background: url(../../images/smate_cssspirit01.png) no-repeat -82px -228px;
  height: 52px;
  width: 64px;
}
.fileupload__box.upload_finished {
  border-color: #349800 !important;
}
.fileupload__box .fileupload__core {
  width: calc(100% - 16px);
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fileupload__box .fileupload__core.initial_shown .fileupload__initial {
  display: block;
}
.fileupload__box .fileupload__core.progress_shown .fileupload__progress {
  display: block;
}
.fileupload__box .fileupload__core.saving_shown .fileupload__saving {
  display: flex;
}
.fileupload__box .fileupload__core.finish_shown .fileupload__finish {
  display: block;
}
.fileupload__box .fileupload__core .fileupload__initial {
  margin-top: 8px;
  display: none;
  position: relative;
  overflow: hidden;
}
.fileupload__box .fileupload__core .fileupload__initial .fileupload__input {
  position: absolute;
  width: 64px;
  height: 76px;
  top: -24px;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.fileupload__box .fileupload__core .fileupload__initial .fileupload__upload-logo {
  background: url(../../images/smate_cssspirit01.png) no-repeat -8px -228px;
  height: 52px;
  width: 64px;
}
.fileupload__box .fileupload__core .fileupload__progress {
  display: none;
  position: relative;
  width: 56px;
  height: 56px;
  padding-top: 4px;
}
.fileupload__box .fileupload__core .fileupload__progress .fileupload__progress_text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: cornflowerblue;
}
.fileupload__box .fileupload__core .fileupload__saving {
  position: relative;
  height: 60px;
  box-sizing: border-box;
  padding-top: 8px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.fileupload__box .fileupload__core .fileupload__saving .fileupload__saving-text {
  color: #349800;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.fileupload__box .fileupload__core .fileupload__finish {
  display: none;
  background: url(../../images/smate_cssspirit01.png) no-repeat -156px -228px;
  margin-top: 8px;
  height: 52px;
  width: 64px;
}
.fileupload__box .fileupload__core .fileupload__hint-text {
  width: 100%;
  margin-top: 4px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.38);
}
.fileupload__box .fileupload__core .fileupload__hint-text.file_selected {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
@keyframes preloader-ind-cir__box {
  to {
    transform: rotate(360deg);
  }
}
@keyframes preloader-ind-cir__fill {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@keyframes preloader-ind-cir__left-spin {
  0% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@keyframes preloader-ind-cir__right-spin {
  0% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
@keyframes preloader-ind-linear__bar1-scale {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.33, 0.12, 0.79, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.23, 0, 0.23, 1.37);
  }
  to {
    transform: scaleX(0.1);
  }
}
@keyframes preloader-ind-linear__bar1-position {
  0% {
    left: -105%;
    animation-timing-function: linear;
  }
  20% {
    left: -105%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.5);
  }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.3, 0.38, 0.55, 0.96);
  }
  to {
    left: 95%;
  }
}
@keyframes preloader-ind-linear__bar2-scale {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.2, 0.06, 0.58, 0.45);
  }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.15, 0.2, 0.65, 1);
  }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.26, 0, 0.2, 1.38);
  }
  to {
    transform: scaleX(0.1);
  }
}
@keyframes preloader-ind-linear__bar2-position {
  0% {
    left: -55%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.4);
  }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.3, 0.28, 0.8, 0.72);
  }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.62, 0.6, 0.9);
  }
  to {
    left: 118%;
  }
}