/* Add here all your css styles (customizations) */
.dataTables_wrapper
{
	width: 100% !important;
  margin-top: 6px;
}

@media (max-width: 776px) {
  .texto {
    font-size: 15px !important
  }
  .tablatitulo {
    font-size: 21px !important
  }
  .leftc{
  	left: 0px !important;

  }
  .media-body{
  	width: 116px !important;
  }
}

@media (max-width: 706px) {
  .ocultar {
    display: none !important;
  }
  .block {
    display: inline-block !important;
  }
  .padding-r{
    padding-right: 6px !important;
  }
  .padding-b {
    padding-bottom: 4px !important;
  }

  .padding-l{
    padding-left: 1px !important;
  }

  .font-mobil {
    font-size: 12px !important;
  }
  .boton-tabla
  {
    padding: 0px !important;
    text-align: center !important;
    margin: auto;
    padding-bottom: 4px!important;
  }
  .pie
  {
    height: 16vh !important;
  }
  .textpie
  {
    text-align: center !important; 
  }
}

@media (min-width: 706px) {
  .visible-text {
    display: none !important;
  }
  .boton-l{
    text-align: left;
  }
  .boton-r{
    text-align: right;
  }
  .boton-tabla
  {
    padding: 0px !important;
    text-align: left;
    padding-right: 5px !important;
  }
}