/* Screen Size Definations

=============================== */

/* Mixins

=============================== */

body {

  background-color: #f3f5f8;

}



main h2 {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #373f41;

}



main .description {

  font-family: "Rubik", sans-serif;

  font-weight: 300;

  color: #373f41;

  font-size: 17px;

}



main .dropzone-wrapper {

  background-color: #fff;

  width: 100%;

  height: 250px;

  border: 2px dashed #1e256c;

  border-radius: 10px;

  position: relative;

}



main .dropzone-wrapper #file {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  cursor: pointer;

  opacity: 0;

}



main .dropzone-wrapper h5 {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #373f41;

  font-size: 25px;

}



main .dropzone-wrapper p {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #373f41;

  font-size: 17px;

}



main .dropzone-wrapper span {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #1e256c;

  font-size: 15px;

}



.previewzone-wrapper {

  display: none;

}



.previewzone-wrapper .card {

  border: 0;

  box-shadow: 0 0 5px #ddd;

}



.previewzone {

  background-color: #fff;

}



.previewzone .close {

  width: 15px;

  height: 15px;

  border-radius: 50%;

  font-size: 17px;

  font-weight: 500;

  background-color: #fe5759;

  color: #fff;

  cursor: pointer;

  opacity: 1;

}



.previewzone .file-names {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #1e256c;

  font-size: 13px;

  width: 95%;

}



@media (max-width: 576px) {

  .previewzone .file-names {

    width: 100%;

  }

}



@media (max-width: 767px) {

  .previewzone .file-names .file-name {

    width: 80%;

  }

}



.previewzone .filename-wrapper {

  box-shadow: 2px 2px 10px #ddd;

  background-color: #fff;

  z-index: 2;

}



@media (max-width: 576px) {

  .previewzone .filename-wrapper {

    justify-content: flex-end !important;

  }

}



.previewzone .file-size {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #858585;

  font-size: 9px;

}



.preview-scroll {

  max-height: 345px;

  overflow-y: scroll;

  scrollbar-width: thin;

}



.preview-scroll::-webkit-scrollbar {

  width: 10px;

}



.preview-scroll::-webkit-scrollbar-track {

  background: #fff;

}



.preview-scroll::-webkit-scrollbar-thumb {

  background-color: #c1c1c1;

  border-radius: 20px;

  border: 1px solid #fff;

}



.Process-btn button {

  background-color: #1e256c;

  color: #fff;

  font-size: 17px;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  height: 40px;

  width: 230px;

}



.Process-btn button:hover {

  color: #fff;

  background-color: #1e256c;

}



.Process-btn button:focus {

  box-shadow: none;

}



h3 {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #1e256c;

  font-size: 20px;

}



.btn-download {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  font-size: 14px;

}



.clicksCount-wrapper .card {

  border: none;

  box-shadow: 0px 0px 5px #ddd;

}



.clicksCount-wrapper h4 {

  font-family: "Rubik", sans-serif;

  font-weight: 500;

  color: #1e256c;

  font-size: 15px;

}



.clicksCount-wrapper h5 {

  font-family: "Rubik", sans-serif;

  font-weight: 500;

  color: #373f41;

  font-size: 17px;

}



.clicksCount-wrapper h6 {

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #858585;

  font-size: 17px;

}



.processing-wrapper {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1024;

  display: none;

}



.processing-wrapper .card {

  width: 100%;

  height: 100%;

  background: transparent;

  border: 0;

}



.processing-wrapper .spinner {

  animation: loadingspin 1.5s linear infinite;

}



@keyframes loadingspin {

  100% {

    transform: rotate(360deg);

  }

}



.modal-backdrop {

  background-color: #a8acac;

  opacity: .5;

  z-index: 100 !important;

  display: none;

}

/*# sourceMappingURL=style.css.map */