/****Estilos Ultimas Facturas*****/
.aui .pnt-factura-electronica.pnt-mi-cuenta {
  background-color: #FFFFFF;
  font-family: "Roboto" !important;
}

.cupon-de-pago.mi-cuenta
  .form-group
  .btn.pnt-factura-electronica-refrescar-captcha {
  margin-top: 0px;
  height: 44px;
  background-image: none;
}

.cupon-de-pago.mi-cuenta .btn.pnt-factura-electronica-refrescar-captcha:hover {
  color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-factura-electronica-mensaje-error,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-factura-electronica-mensaje-valido,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-invalid
  ~ .pnt-ejemplo-input,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-valid
  ~ .pnt-ejemplo-input,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-numero-documento.is-invalid
  ~ .pnt-ejemplo-input,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-numero-documento.is-valid
  ~ .pnt-ejemplo-input {
  display: none;
}

.pnt-factura-electronica.pnt-mi-cuenta
.pnt-fila-formulario
.pnt-input-con-ejemplo
.pnt-input-numero-documento.is-invalid
~ .pnt-ejemplo-input,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-invalid
  ~ .pnt-factura-electronica-mensaje-error,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-valid
  ~ .pnt-factura-electronica-mensaje-valido,
  .aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-numero-documento.is-valid
  ~ .pnt-factura-electronica-mensaje-valido {
  display: block;
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-valid,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-numero-documento.is-valid {
  border: 2px solid #28a745 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-contenedor-select-tipo-documento
  .pnt-select-tipo-documento.is-valid {
  border: 2px solid #28a745 !important;
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-ani.is-invalid,
.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-input-con-ejemplo
  .pnt-input-numero-documento.is-invalid {
  border: 2px solid #dc3545 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-contenedor-select-tipo-documento
  .pnt-select-tipo-documento.is-invalid {
  border: 2px solid #dc3545 !important;
}

/****Estilos Ultimas Facturas*****/

.pnt-factura-electronica-mensaje-error {
  color: #ec6839;
  font-size: 14px;
}

.pnt-factura-electronica-mensaje-valido {
  color: #28a745;
  font-size: 14px;
}

.pnt-factura-electronica-container-ultimas-facturas {
  font-size: 1rem;
}

.pnt-factura-electronica-container-ultimas-facturas
  .cupon-de-pago__content
  table
  .btn.pnt-factura-electronica-boton-descargar,
   .pnt-factura-electronica-container-ultimas-facturas
     .cupon-de-pago__content
     table
     .btn.pnt-factura-electronica-boton-visualizar {
  margin-top: 0px;
  border-radius: 50px;
}

.pnt-factura-electronica-container-ultimas-facturas
.cupon-de-pago__content
table
.pnt-separador {
  height: 40px;
  width: 1px;
  background-color: #EEE;
}

.pnt-factura-electronica-container-ultimas-facturas
  .cupon-de-pago__content
  table
  .btn.pnt-factura-electronica-boton-descargar:hover,
  .pnt-factura-electronica-container-ultimas-facturas
  .cupon-de-pago__content
  table
  .btn.pnt-factura-electronica-boton-descargar:focus,
   .pnt-factura-electronica-container-ultimas-facturas
    .cupon-de-pago__content
    table
    .btn.pnt-factura-electronica-boton-visualizar:hover ,
    .pnt-factura-electronica-container-ultimas-facturas
     .cupon-de-pago__content
     table
     .btn.pnt-factura-electronica-boton-visualizar:focus {
    border: 1.5px solid #019BEF;
    background: #0B2739;
}

.pnt-factura-electronica.pnt-mi-cuenta.pnt-factura-electronica-container-ultimas-facturas .table tr.pnt-fila-seleccionada {
  background: #E6F5FD;
}

.cupon-de-pago .form-group .captchaText.form__input {
  width: 120%;
}

.pnt-captcha {
  display: flex;
  justify-content: center;
  height: 78px;
}

.aui .form-group .form__alert.pnt-form-alert {
  color: #50535a;
}

/* estilos form */

.aui .pnt-factura-electronica {
  max-width: 650px;
  padding: 32px 120px 40px 120px;
  margin: 40px auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.236951);
  border-radius: 10px;
}

.aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-fila-formulario {
  margin: 0 0 55px 0;
  padding: 0;
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .pnt-fila-formulario
  .pnt-contenedor-select-tipo-documento {
  padding: 0 32px 0 0;
}

.aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-label {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  border: none;
  margin-bottom: 15px;
}

.aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-input-con-ejemplo {
  position: relative;
}

.aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-ejemplo-input {
  position: absolute;
  left: 0;
  font-weight: normal;
  font-size: 14px !important;
  line-height: 17px;
  color: #86888c;
}

.aui a.btn.pnt-factura-electronica-boton-continuar {
  width: 164px;
  height: 48px;
  line-height: 24px;
  padding: 11px 20px !important;
  border-radius: 100px !important;
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
}
.aui a.btn.pnt-factura-electronica-boton-continuar.disabled {
  background-color: #898787;
}

.aui .pnt-factura-electronica .pnt-link {
  color: #019df4;
  text-decoration: underline;
}
.aui .pnt-factura-electronica .pnt-link:hover {
  color: #008edd !important;
  text-decoration: underline !important;
}

.aui .pnt-factura-electronica .pnt-imagen-celular-input {
  position: absolute;
  top: 2.2rem !important;
  left: 23rem;
}
.aui
  .pnt-factura-electronica
  .pnt-input-ani.is-invalid
  ~ .pnt-imagen-celular-input,
.aui
  .pnt-factura-electronica
  .pnt-input-ani.is-valid
  ~ .pnt-imagen-celular-input {
  display: none;
}

.aui
  .pnt-factura-electronica
  .pnt-input-numero-documento.is-invalid
  ~ .pnt-imagen-dni-input,
.aui
  .pnt-factura-electronica
  .pnt-input-numero-documento.is-valid
  ~ .pnt-imagen-dni-input {
  display: none;
}

.aui .pnt-factura-electronica .pnt-imagen-dni-input {
  position: absolute;
  top: 0.7rem;
  left: 13rem;
}


.aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
  left: 23rem;
}


@media (width <= 360px) {
  .aui .pnt-factura-electronica .pnt-imagen-dni-input {
    left: 11rem;
  }

  .aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
    left: 18rem;
  }

  .aui .pnt-factura-electronica .pnt-imagen-celular-input {
    left: 18rem;
  }
}


@media (361px < width < 412px) {
  .aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
    left: 19rem;
  }

  .aui .pnt-factura-electronica .pnt-imagen-celular-input {
    left: 19rem;
  }
}


@media (max-width: 600px) {
  .aui .pnt-factura-electronica {
    padding: 23px 20px 40px 20px;
    box-shadow: none;
  }

  .aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-label {
    margin-bottom: 8px;
  }

  .aui .pnt-factura-electronica.pnt-mi-cuenta .pnt-fila-formulario {
    margin-bottom: 51px;
  }

  .aui
    .pnt-factura-electronica.pnt-mi-cuenta
    .pnt-fila-formulario
    .pnt-contenedor-select-tipo-documento,
  .aui
    .pnt-factura-electronica.pnt-mi-cuenta
    .pnt-fila-formulario
    .pnt-contenedor-select-cod-area {
    padding: 0 14px 0 0;
  }
}

.aui .pnt-factura-electronica.pnt-mi-cuenta .form-group .form__input {
  background-color: #fff !important;
  border: 1px solid #bdbdbd !important;
  padding: 12px 10px;
  height: 48px;
  border-radius: 4px;
}

.aui .pnt-fila-formulario .pnt-js-select-tipo-documento,
.pnt-input-numero-documento {
  width: 100%;
}

.aui
  .pnt-factura-electronica.pnt-mi-cuenta
  .form-group
  .form__input:focus-visible,
.aui .pnt-factura-electronica.pnt-mi-cuenta .form-group .form__input:focus {
  border: 1px solid #019df4 !important;
  outline: none;
}

.aui .icon-refresh:before {
  color: #019dfd !important;
  font-size: 20px !important;
}

button#refrescar {
  border-radius: 50px;
  border: 2px solid #019df4;
  background-color: #fff !important;
}

.aui .pnt-factura-electronica .form-group .form__input::placeholder {
  font-family: "Telefonica" !important;
}

.aui .pnt-factura-electronica .form-group .form__input::-moz-placeholder {
  font-family: "Telefonica" !important;
}

.aui .pnt-factura-electronica .form-group .form__input:-ms-input-placeholder {
  font-family: "Telefonica" !important;
}

.aui
  .pnt-factura-electronica
  .form-group
  .form__input::-webkit-input-placeholder {
  font-family: "Telefonica" !important;
}

.pnt-factura-electronica .pnt-fila-formulario .pnt-mensaje-error-documento {
  display: none;
}

.pnt-factura-electronica .table tbody tr:first-child td {
  border: none;
}

.viewer-container .viewer-footer .viewer-navbar {
	display: none;
}

.viewer-container .viewer-footer .viewer-toolbar .viewer-download {
  margin-left: 3rem;
}

.viewer-container .viewer-footer .viewer-toolbar .viewer-download,
.viewer-container .viewer-footer .viewer-toolbar .viewer-zoom-out,
.viewer-container .viewer-footer .viewer-toolbar .viewer-reset,
.viewer-container .viewer-close,
.viewer-container .viewer-footer .viewer-toolbar .viewer-zoom-in {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.viewer-backdrop {
    background-color: rgba(0, 10, 20, 0.9) !important;
}
.viewer-backdrop .viewer-canvas {
    top: 80px;
}
.viewer-backdrop .viewer-footer {
    background-color: #0B2739;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: unset;
    top: 0;
    height: 80px;
}
.viewer-backdrop .viewer-footer .viewer-title {
    color: #F6F6F6;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 3rem;
    margin-left: 0;
}
.viewer-backdrop .viewer-footer .viewer-toolbar {
    width: 310px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.viewer-backdrop .viewer-footer .viewer-toolbar ul {
    display: contents;
}
.viewer-backdrop .viewer-footer .viewer-toolbar ul li {
    background-color: #0B2739;
    height: 48px;
    width: 48px;
}
.viewer-backdrop .viewer-footer .viewer-toolbar ul li:hover,
.viewer-container .viewer-close:hover,
.viewer-container .viewer-close:focus,
.viewer-backdrop .viewer-footer .viewer-toolbar ul li:focus {
    background-color: #E6F5FD !important;
    box-shadow: none;
}

.viewer-backdrop .viewer-footer .viewer-toolbar ul li:hover svg path,
.viewer-container .viewer-close:hover svg path,
.viewer-container .viewer-close:focus svg path,
.viewer-backdrop .viewer-footer .viewer-toolbar ul li:focus svg path {
    fill: #313235;
}
.viewer-backdrop .viewer-footer .viewer-toolbar ul li svg,
.viewer-container .viewer-close svg {
    pointer-events: none;
}

.viewer-backdrop .viewer-button.viewer-close {
    background-color: #0B2739;
    top: 15px;
    right: 5px;
    height: 48px;
    width: 48px;
}

.viewer-zoom-in:before,.viewer-zoom-out:before,.viewer-reset:before,.viewer-close:before {
    background-image: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

.tooltip.show {
    z-index: 9999;
    top: 10px !important;
}
.tooltip.show .arrow:before {
    background-color: #0B2739;
    border-bottom-color: #FFF;
    border-width: 0 .5rem .5rem;
}

.tooltip.show .arrow,
.tooltip.show .tooltip-inner {
    background-color: #FFF;
}
.tooltip.show .tooltip-inner {
    color: #313235;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


@media only screen and (max-width: 600px) {
  .aui .pnt-factura-electronica {
    margin: -10px auto 0 !important;
    padding-bottom: 0px !important;
  }
  .viewer-backdrop .viewer-footer .viewer-toolbar ul li.viewer-reset,
  .viewer-backdrop .viewer-footer .viewer-toolbar ul li.viewer-zoom-out,
  .viewer-backdrop .viewer-footer .viewer-toolbar ul li.viewer-zoom-in {
    display: none;
  }
  .viewer-backdrop .viewer-footer .viewer-title {
      font-weight: 500;
  }
  .viewer-backdrop .viewer-footer {
      height: 56px;
  }
  .viewer-backdrop .viewer-canvas {
      top: 56px;
  }
  .viewer-backdrop .viewer-button.viewer-close {
      top: 5px;
      right: -5px;
  }
  .viewer-backdrop .viewer-footer .viewer-toolbar {
      width: 140px;
  }
}


@media only screen and (375px <= width < 410px) {
  .aui .pnt-factura-electronica .pnt-imagen-dni-input {
    left: 12rem;
  }

  .aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
    left: 19rem;
  }
}

@media only screen and (411px < width < 720px) {
  .aui .pnt-factura-electronica .pnt-imagen-celular-input,
  .aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
    left: 21rem;
  }
}

@media (min-width: 376px) and (max-width:1023px) {
  .aui .pnt-factura-electronica .pnt-imagen-celular-input {
    left: 21rem;
  }

  .aui .pnt-factura-electronica .pnt-imagen-dni-input-empresa {
    left: 21rem;
  }
}