@charset "UTF-8";
@import 'colors.css';
@import 'colors.css';
.verifCoord,
.validarOTP,
.abrirTurno,
.fondoCaja,
.fondoCajaDivisas,
.turnoCajaMoneda {
  display: flex;
  flex-direction: column;
  margin: auto;
  background-color: var(--modalBg);
  border-radius: 25px;
  padding: 1%;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.fondoCaja,
.verifCoord,
.validarOTP,
.abrirTurno {
  margin-top: 24vh;
  min-height: 35%;
}
@media (min-width: 1024px) {
  .fondoCaja,
  .verifCoord,
  .validarOTP,
  .abrirTurno {
    max-width: 24vw;
  }
}
@media (max-width: 1024px) {
  .fondoCaja,
  .verifCoord,
  .validarOTP,
  .abrirTurno {
    max-width: 90%;
  }
}
@media (max-width: 768px) {
  .fondoCaja,
  .verifCoord,
  .validarOTP,
  .abrirTurno {
    max-width: 90%;
  }
}
@media (max-width: 480px) {
  .fondoCaja,
  .verifCoord,
  .validarOTP,
  .abrirTurno {
    max-width: 90%;
  }
}

.fondoCajaDivisas,
.turnoCajaMoneda {
  margin-top: 24vh;
  max-width: 34vw;
  min-height: 45vh;
}

.fondoCaja .modal-content form,
.abrirTurno .modal-content form,
.verifCoord .modal-content form,
.validarOTP .modal-content form,
.fondoCajaDivisas .modal-content form,
.turnoCajaMoneda .modal-content form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  min-height: 25vh;
}
.fondoCaja .modal-content form .buttonLine,
.abrirTurno .modal-content form .buttonLine,
.verifCoord .modal-content form .buttonLine,
.validarOTP .modal-content form .buttonLine,
.fondoCajaDivisas .modal-content form .buttonLine,
.turnoCajaMoneda .modal-content form .buttonLine {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
}
.fondoCaja .modal-content form .buttonLine .buttonLine input,
.fondoCaja .modal-content form .buttonLine .buttonLine select,
.abrirTurno .modal-content form .buttonLine .buttonLine input,
.abrirTurno .modal-content form .buttonLine .buttonLine select,
.verifCoord .modal-content form .buttonLine .buttonLine input,
.verifCoord .modal-content form .buttonLine .buttonLine select,
.validarOTP .modal-content form .buttonLine .buttonLine input,
.validarOTP .modal-content form .buttonLine .buttonLine select,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine input,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine select,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine input,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine select {
  background-color: transparent;
  border: 2px solid var(--mainColor);
  border-radius: 5px;
  color: black;
  height: 35px;
  min-width: 13vw;
  padding-left: 1vw;
}
.fondoCaja .modal-content form .buttonLine .buttonLine input option,
.fondoCaja .modal-content form .buttonLine .buttonLine select option,
.abrirTurno .modal-content form .buttonLine .buttonLine input option,
.abrirTurno .modal-content form .buttonLine .buttonLine select option,
.verifCoord .modal-content form .buttonLine .buttonLine input option,
.verifCoord .modal-content form .buttonLine .buttonLine select option,
.validarOTP .modal-content form .buttonLine .buttonLine input option,
.validarOTP .modal-content form .buttonLine .buttonLine select option,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine input option,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine select option,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine input option,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine select option {
  background-color: white;
  color: black;
}
.fondoCaja .modal-content form .buttonLine .buttonLine input,
.abrirTurno .modal-content form .buttonLine .buttonLine input,
.verifCoord .modal-content form .buttonLine .buttonLine input,
.validarOTP .modal-content form .buttonLine .buttonLine input,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine input,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine input {
  margin-right: 1vw;
}
.fondoCaja .modal-content form .buttonLine .buttonLine input::-moz-placeholder, .abrirTurno .modal-content form .buttonLine .buttonLine input::-moz-placeholder, .verifCoord .modal-content form .buttonLine .buttonLine input::-moz-placeholder, .validarOTP .modal-content form .buttonLine .buttonLine input::-moz-placeholder, .fondoCajaDivisas .modal-content form .buttonLine .buttonLine input::-moz-placeholder, .turnoCajaMoneda .modal-content form .buttonLine .buttonLine input::-moz-placeholder {
  color: black;
}
.fondoCaja .modal-content form .buttonLine .buttonLine input::placeholder,
.abrirTurno .modal-content form .buttonLine .buttonLine input::placeholder,
.verifCoord .modal-content form .buttonLine .buttonLine input::placeholder,
.validarOTP .modal-content form .buttonLine .buttonLine input::placeholder,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine input::placeholder,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine input::placeholder {
  color: black;
}
.fondoCaja .modal-content form .buttonLine .buttonLine button,
.abrirTurno .modal-content form .buttonLine .buttonLine button,
.verifCoord .modal-content form .buttonLine .buttonLine button,
.validarOTP .modal-content form .buttonLine .buttonLine button,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine button,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine button {
  height: 35px;
  border-radius: 5px !important;
  margin-right: 0%;
}
@media (min-width: 1024px) {
  .fondoCaja .modal-content form .buttonLine .buttonLine button,
  .abrirTurno .modal-content form .buttonLine .buttonLine button,
  .verifCoord .modal-content form .buttonLine .buttonLine button,
  .validarOTP .modal-content form .buttonLine .buttonLine button,
  .fondoCajaDivisas .modal-content form .buttonLine .buttonLine button,
  .turnoCajaMoneda .modal-content form .buttonLine .buttonLine button {
    width: 5vw;
  }
}
@media (max-width: 1024px) {
  .fondoCaja .modal-content form .buttonLine .buttonLine button,
  .abrirTurno .modal-content form .buttonLine .buttonLine button,
  .verifCoord .modal-content form .buttonLine .buttonLine button,
  .validarOTP .modal-content form .buttonLine .buttonLine button,
  .fondoCajaDivisas .modal-content form .buttonLine .buttonLine button,
  .turnoCajaMoneda .modal-content form .buttonLine .buttonLine button {
    width: 12vw;
  }
}
@media (max-width: 768px) {
  .fondoCaja .modal-content form .buttonLine .buttonLine button,
  .abrirTurno .modal-content form .buttonLine .buttonLine button,
  .verifCoord .modal-content form .buttonLine .buttonLine button,
  .validarOTP .modal-content form .buttonLine .buttonLine button,
  .fondoCajaDivisas .modal-content form .buttonLine .buttonLine button,
  .turnoCajaMoneda .modal-content form .buttonLine .buttonLine button {
    width: 12vw;
  }
}
@media (max-width: 480px) {
  .fondoCaja .modal-content form .buttonLine .buttonLine button,
  .abrirTurno .modal-content form .buttonLine .buttonLine button,
  .verifCoord .modal-content form .buttonLine .buttonLine button,
  .validarOTP .modal-content form .buttonLine .buttonLine button,
  .fondoCajaDivisas .modal-content form .buttonLine .buttonLine button,
  .turnoCajaMoneda .modal-content form .buttonLine .buttonLine button {
    width: 12vw;
  }
}
.fondoCaja .modal-content form .buttonLine .buttonLine button img,
.abrirTurno .modal-content form .buttonLine .buttonLine button img,
.verifCoord .modal-content form .buttonLine .buttonLine button img,
.validarOTP .modal-content form .buttonLine .buttonLine button img,
.fondoCajaDivisas .modal-content form .buttonLine .buttonLine button img,
.turnoCajaMoneda .modal-content form .buttonLine .buttonLine button img {
  width: 1.5em;
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(5245%) hue-rotate(208deg) brightness(114%) contrast(100%);
}

.abrirTurno .modal-content form .buttonLine {
  display: flex;
  justify-content: space-evenly;
  width: 88% !important;
  margin: auto;
}

#cajero,
#turnosL {
  color: white;
  background-color: #148dd7;
  border: transparent;
}

.fondoCajaDivisas .modal-content form {
  height: 35vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: -0.5vw;
}
.fondoCajaDivisas .modal-content form .flexrow {
  display: flex;
  flex-direction: row;
}
.fondoCajaDivisas .modal-content form .flexrow #recDivisasFT,
.fondoCajaDivisas .modal-content form .flexrow #resetDivisasFT {
  margin-left: 2vw;
  border-radius: 5px;
}
.fondoCajaDivisas .modal-content form .flexcol .buttonLine {
  justify-content: center;
  margin-top: 2vh;
}
.fondoCajaDivisas .modal-content form .flexcol .buttonLine input,
.fondoCajaDivisas .modal-content form .flexcol .buttonLine select {
  margin-left: 1vw !important;
  height: 30px !important;
  border-radius: 5px !important;
}

.turnoCajaMoneda .modal-content form {
  height: 35vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: -0.5vw;
}
.turnoCajaMoneda .modal-content form .flexrow {
  display: flex;
  flex-direction: row;
}
.turnoCajaMoneda .modal-content form .flexrow #recFondoDivisas,
.turnoCajaMoneda .modal-content form .flexrow #resetFondoDivisas {
  background-color: var(--mainColor);
  margin-left: 2vw;
  width: 8vw;
  margin-top: -3vh;
  border-radius: 5px;
}
.turnoCajaMoneda .modal-content form .flexcol {
  margin-bottom: 6vh;
}
.turnoCajaMoneda .modal-content form .flexcol .buttonLine {
  justify-content: center;
  margin-top: 2vh;
}
.turnoCajaMoneda .modal-content form .flexcol .buttonLine input,
.turnoCajaMoneda .modal-content form .flexcol .buttonLine select {
  margin-left: 1vw !important;
  height: 30px !important;
  border-radius: 5px !important;
}

input#facturaApertura {
  width: 40vw;
}

button#validCoord,
button#resetCoord {
  background-color: var(--mainColor);
  width: 7vw;
  margin-right: 1vw;
  margin-left: 1vw;
}
@media (min-width: 1024px) {
  button#validCoord,
  button#resetCoord {
    width: 5vw;
  }
}
@media (max-width: 1024px) {
  button#validCoord,
  button#resetCoord {
    width: 12vw;
  }
}
@media (max-width: 768px) {
  button#validCoord,
  button#resetCoord {
    width: 12vw;
  }
}
@media (max-width: 480px) {
  button#validCoord,
  button#resetCoord {
    width: 12vw;
  }
}

.resetDivisa {
  width: 4vw !important;
}
.resetDivisa .tableicon {
  height: 3vh;
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(5245%) hue-rotate(208deg) brightness(114%) contrast(100%);
}

/* Dispositivos pequeños (móviles) */
/* Tablets y dispositivos medianos */
/* Laptops y desktops */
/* Monitores grandes *//*# sourceMappingURL=turnos.css.map */