    .modal-container-principal{
      transform: translateY(-2%);
    }
    .container-principal{
        align-content: center;
        color:black;
        font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-transform: uppercase;
        padding: 5px;
        height: 100%;
    }
    #tipoDocumento{
        color: rgb(177, 12, 61); 
        background-color:rgb(177, 12, 61);
    }
    .btnEnviar{
      	margin:auto;
        background-color: black;
        color:white; 
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-transform: uppercase;
    }
  	.btnEnviar:hover{
  		color:white;
  }
    .mostrar{
        display: block;
    }
    .ocultar{
        display: none;
    }
  .tituloModal{
    text-transform: uppercase;
    margin-left: auto;
  	}
  .modal-header{
    border:none;
  }
   .mt-2{
      margin-top: 10px;
  		}
  .div-prueba{
    position:relative;
    height:50vh;
    width:100%;
  }
  .contenedor-principal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }
  #txtcurname{
  		/* background-color: rgb(32 32 86);  */
        /* color:white;  */
        font-size: 14px;
        height: 35px;
        width: 100%;
        max-width: 350px;
  }
  .txtinfo-boleta{
    display: none; /*block*/
    font-size: 16px;
    text-transform: initial;
    color: black;
    padding-top:  19px;
    }
  .txtinfo{
    display: block;
    font-size: 16px;
    text-transform: initial;
    color: black;
    }
  .info-size{
    font-size: 21px;
  }
  div.container-fluid div{
        padding:10px;
  }

  div.controls label{
    width: 140px;
  }
  div.controls select{
    width: -webkit-fill-available;
  }

  .centrar-contenido{ 
    justify-content: center; 
    width: 100%;
  }
  
@media screen and (max-width:800px) {
  .container-principal{
      width: 90vw;
      margin: auto;
  }
  .modal-container-principal{
    transform: translateY(0);
  }
}