html {
    padding: 0px;
    height: 100%;
  }
  body {
    height: 100%;
    font-size: 16px !important;
    overflow-y:auto!important;
  }
  .Kalinga{
      font-family:Monserrat;
  }
  .Kalinga-bold{
      font-family:Monserrat-Bold;
  }
  @font-face{
      font-display:fallback;
      font-family:Monserrat;
      src:url(https://static.paguetodo.com/fonts/Montserrat-Light.otf);
  }
  @font-face{
      font-display:fallback;
      font-family:Monserrat-Bold;
      src:url(https://static.paguetodo.com/fonts/Montserrat-Bold.otf);
  }
  
  @font-face{
      font-family:Poppins-Bold;
      src:url(https://static.paguetodo.com/fonts/Poppins/Poppins-Bold.ttf)
  }
  @font-face{
      font-family:Poppins-Light;
      src:url(https://static.paguetodo.com/fonts/Poppins/Poppins-Light.ttf)
  }
  @font-face{
      font-family:Poppins-Regular;
      src:url(https://static.paguetodo.com/fonts/Poppins/Poppins-Regular.ttf)
  }
  .font-light{
      font-family:Poppins-Light !important;
      font-size: 16px !important;
  }
  .font-bold{
      font-family:Poppins-Bold !important;
      font-size: 16px !important;
  }
  .font-regular{
      font-family: Poppins-Regular !important;
      font-size: 16px !important;
  }
  /* Campo de entrada */
  .form-control {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
  }
  
  /* Etiqueta flotante */
  .floating-label {
    position: absolute;
    pointer-events: none;
    left: 10px; /* Espacio izquierdo para la etiqueta */
    top: 10px; /* Espacio superior para la etiqueta */
    transition: 0.2s ease-out; /* Transición suave */
  }
  
  /* Estilo de la etiqueta cuando el campo tiene el foco */
  .form-control:focus + .floating-label,
  .form-control:not(:placeholder-shown) + .floating-label {
    transform: translateY(-25px); /* Mover la etiqueta hacia arriba */
    font-size: 12px; /* Tamaño de la etiqueta reducido */
    color: #007bff; /* Color de la etiqueta activa */
  }
  .mini-size-img {
      width: 100% !important;
      max-width: 100px !important;
      height: 50px !important;
      object-fit: contain !important;
    }
  .button-payment{
    background-color: #eccc04 !important; border-color: #eccc04 !important;
  }
  .button-clean{
    border: 1px solid #147cec!important; color: #147cec !important;
  }
  .button-clean:hover{
    background: #147cec !important;
    color:white!important;
  }
  .important-padding {
    padding: 0 !important;
  }
  .max-width-important {
    max-width: 100px !important;
  }
  .modal-dialog {
    max-width: 300px !important;
  }
  p {
    padding-bottom: 16px !important;
  }
  .custom-font-size{
    font-size: 1.7em !important;
  }
  .text-muted:hover {
    color: #019DF4 !important;
  }
  .text-muted {
      color: #6c757d!important;
  }
  @media screen and (min-width: 1440px) {
    .responsive-width {
      width: 13% !important;
    }
  }
  
  @media screen and (max-width: 1024px) {
    .responsive-width {
      width: 16% !important;
    }
  }