/*
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF; 
}


.form-group {
  display: flex;
  align-items: center;
}
.form-group label{
  width: 250px;
  margin-right:10px
}*/
.titulo{
    background-color: #47950C;
    color:#FFFFFF;
    padding:10px;
    border-radius: 20px;
    font-size: 1.25rem;
  }
  .content {
      border-radius: 20px;
  }
  
  
  .header img {
      height: 150px; 
  }
  
  
  @media (min-width: 1400px) {
    .col-3-25 {
      flex: 0 0 auto;
      width: 27.083333%; /* Vuelve al ancho original cuando el ancho de pantalla sea mayor a 1200px */
    }
    .col-5-5 {
      flex: 0 0 auto;
      width: 45.833333%; /* 5.5/12 = 0.4583333 */
    }
  }
  
  @media (min-width: 1700px) {
    .col-4-4 {
      flex: 0 0 auto;
      width: 33.33%;
    }
  }
  /*
  .button-container {
    display: grid;
    justify-content: center;
    grid-template-columns: auto auto;
    gap: 10px; 
    margin-top: 15px;
  }
  
  #cboTIpoComprobante{
    width: 220px;
  }
  
  .width-input{
    width: 220px;
  }
  
  @media (min-height: 560px) {
    .content {
      width: 90%;
      height: 80%;
    }
  }
  @media (min-height: 850px) {
    .content {
      width: 80%;
      height: 70%;
    }
  }
    */
  /*
  @media (min-height: 1200px) {
    .content {
      width: 80%;
      height: 70%;
    }
  }
  
  
  
    .form-label{
      font-size: 0.875rem;
  }
    */
  
    
    @media (max-width: 768px) {
      .width-md {
        width: 98%;
      }
  }
  
    #body-modal{
        width: 100%;
        height: 600px;
    }
  
    @media (min-width: 650px) {
      .titulo {
          font-size: 1.25rem; 
      }
      .subtitulo {
          font-size: 1rem; 
      }
  
  }
  
  @media (min-width: 768px) {
      .titulo {
          font-size: 1.5rem; 
      }
      .subtitulo {
          font-size: 1rem; 
      }
      #body-modal{
        width: 100%;
        height: 500px;
      }
  }
  
  @media (min-width: 992px) {
      .titulo {
          font-size: 1.75rem; 
      }
      .subtitulo {
          font-size: 1.25rem; 
      }
  
  }
  
  @media (min-width: 1200px) {
    .titulo {
        font-size: 2rem; 
    }
    .subtitulo {
        font-size: 1.25rem; 
    }
    #body-modal{
      width: 100%;
      height: 600px;
    }
    .form-label {
      font-size: 1rem;
    }
  }
  
  
  @media (min-width: 1400px) {
    .titulo {
        font-size: 2rem; 
    }
    .subtitulo {
        font-size: 1.25rem;
    }
    #body-modal{
        width: 100%;
        height: 600px;
    }
    .form-label {
      font-size: 1.1rem;
    }
  }
  
  @media (min-width: 1600px) {
    #body-modal{
        width: 100%;
        height: 700px;
    }
    .form-label {
      font-size: 1.1rem;
    }
  }
  
  /**/
  
  
  /*height*/
  /**/
  @media (min-height: 300px) {
      .titulo {
          font-size: 1.5rem; 
      }
      .subtitulo {
          font-size: 1rem;
      }
      
  }
  
  @media (min-height: 550px) {
      .titulo {
          font-size: 1.5rem; 
      }
      .subtitulo {
          font-size: 1rem; 
          margin-bottom: 2px;
      }
      
  }
  
  @media (min-height: 700px) {
      .titulo {
          font-size: 1.75rem; 
      }
      .subtitulo {
          font-size: 1.25rem; 
      }
      
  }
  
  @media (min-height: 900px) {
      .titulo {
          font-size: 2rem;
      }
      .subtitulo {
          font-size: 1.25rem; 
      }
      
  }