@media print { @page {size: auto !important} }

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

table{
	font-size: 12px;
}

.form-control{
	font-size:110%;
}

.text-uppercase{
  	font-size:120%;
  }

@media (max-width: 992px) {
  
  /* Mismo caso que el menu de mas abajo: estos porcentajes compensaban la
     falta de <meta viewport> (lienzo de ~980px encogido a ~0,4x). Con el
     viewport declarado se ven literales, asi que van en px reales. */
  font{
  	font-size:14px;
  }
  
  label{
  	font-size:14px;
  }
  
  /* titulo de la vista y "proyecto - empresa" de la franja superior */
  .text-uppercase{
  	font-size:16px;
  }
  
  /* 16px es el minimo para que iOS no haga zoom automatico al enfocar un campo */
  .form-control{
	font-size:16px;
  }
  
  .btn{
  	font-size:14px;
  }
  .btnModal{
  	font-size:14px;
  }

  
  /* Estos tamanos estaban en 500% porque la app no declaraba <meta viewport>:
     el telefono dibujaba la pagina en un lienzo de ~980px y la encogia a ~0,4x,
     asi que 500% terminaba viendose como ~28px. Ahora que el viewport esta
     declarado la escala es 1:1 y hay que poner el tamano real. */
  .nav-link,
  .nav-link.dropdown-toggle{
  	font-size:18px;
  	padding-top:10px;
  	padding-bottom:10px;
  }
  
  .dropdown-item,
  .dropdown-item.dropdown-toggle{
  	font-size:16px;
  	padding-top:8px;
  	padding-bottom:8px;
  }
  
  /* texto "MENU" del boton hamburguesa; con 170% quedaba recortado */
  .navbar-toggler font{
  	font-size:15px;
  	line-height:1.4;
  }
  
  .navbar-toggler{
  	padding:4px 10px;
  }
  
  .custom-select{
	font-size:14px;
  }
  
  .pull-left{
  	float:left!important;
  }

  .pull-right{
  	float:right!important;
  }
  
  .modal-dialog {
	min-width: 90%!important;
  }

  
}