.sinborde{
  border:none !important;
}

.file-select {
  position: relative;
  display: inline-block;
}
.modales{
  animation-fill-mode: unset !important;
}
.file-select::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Seleccionar Archivo 1';
}

#src-file2::before {
  content: 'Seleccionar Archivo 2';
}

.file-select2 {
  position: relative;
  display: inline-block;
}

.file-select2::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir boleta'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select2 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select3 {
  position: relative;
  display: inline-block;
}

.file-select3::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir boleta'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select3 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select4 {
  position: relative;
  display: inline-block;
}

.file-select4::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir remisión'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select4 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select5 {
  position: relative;
  display: inline-block;
}

.file-select5::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir diseño final'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select5 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}
.file-select6 {
  position: relative;
  display: inline-block;
}

.file-select6::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir diseño 2 final'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select6 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select7 {
  position: relative;
  display: inline-block;
}

.file-select7::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir diseño 3 final'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select7 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select8 {
  position: relative;
  display: inline-block;
}

.file-select8::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir diseño 4 final'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select8 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select9 {
  position: relative;
  display: inline-block;
}

.file-select9::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir comprobante'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select9 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select10 {
  position: relative;
  display: inline-block;
}
.file-select10::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir comprobante 2'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select10 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select11 {
  position: relative;
  display: inline-block;
}

.file-select11::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir comprobante 3'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select11 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select12 {
  position: relative;
  display: inline-block;
}

.file-select12::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir comprobante 4';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select12 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}
.file-select13 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select13 {
  position: relative;
  display: inline-block;
}

.file-select13::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Imagen de referencia de diseño';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select14 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select14 {
  position: relative;
  display: inline-block;
}

.file-select14::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir imagen';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select15 input[type="file"] {
  opacity: 0;
  width: 100px;
  height: 32px;
  display: inline-block;
}

.file-select15 {
  position: relative;
  display: inline-block;
}

.file-select15::before {
  background-color: #28A745;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  content: 'Subir imagen';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


#loader{
  display: none;
  height: 100vh;
  position: fixed;
  width: 100%;
  background: #000000a3;
  z-index: 20;
}
.spinner {
  margin: 40vh auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #eee;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    }  20% {
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
}