/**********************/
  /*    CSS GENERAL   */
  /**********************/

  body {
    font-family: "DM Sans";
    font-size: 17px;
  }

  /* PARA QUE EL MODAL NO SE DESPLACE CUANDO SE ABRE */
  body.modal-open {
    padding-right: 0px !important;
  }

  .tituloPagina {
    color: #5b7a59fa;
    text-transform: uppercase;
    margin-top: .1em;
    font-size: 2em;
    font-weight: 200;
  }

  .flash-notice i {
    font-size: 24px;
    margin-right: 2px;
  }

  /******************************/
  /* CSS PARA LAS CARDS RESUMEN */
  /******************************/

  .bordeAf {
    border: 1px #c6c6c6 solid;
    border-radius: 5%;
  }

  #contenedorInfoPagina .card-header {
    background-color: #5b7a59fa;
    padding: .2em;
    color: #fff;
  }

  /* ESTILOS CONTENEDORES  */
  #contenedorInfoPagina 
      h6 {
        margin: .1em;
        padding: .15em;
        margin-left: .5em;
        font-size: 1em;
      }
      
      ul {
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid#e6e6e6;
      }

  #contenedorIndex {
    box-shadow: 1px 2px 6px hsla(229, 6%, 66%, 0.646);
    background-color: white;
  }

  #contenedorIndex 
      h6 {
        margin: .1em;
        padding: .1em;
        margin-left: .5em;
        font-size: 1em;
        text-transform: uppercase;
      }
      
      .card-header{
        padding: .3em;
        color: #fff;
        background-color: #5b7a59fa;
      }
  
    /* ESTILOS CONTENEDORES  */

  .contenido {
    padding-left: 1rem;
    padding-bottom: 1rem;
  }

  .badge {
    font-size: .8em;
  }

  #botonProceso {
    border: 1px solid #5b7a59;
    background-color: white;
    color: #5b7a59;
  }
  
  #botonProceso:hover {
    background-color: #5b7a59;
    color: #fff;
  }

  @media screen and (min-width: 1280px) {
    body {
      font-size: 17px;

    }
  }

  /* ESTILOS DE LAS TABLAS DE DATOS */

  .asc:after {
    content: ' ↑';
  }
  
  .desc:after {
    content: " ↓";
  }

  .sorting {
    background-color: #D4D4D4;
  }

  #tablaArt th {
    background-color: #5b7a59fa;
    border: 0px;
    border-right: 0.5px #e6e6e6 solid;
    color: white;
    cursor: pointer;
    position: sticky;
    top: 0;
    font-weight: 100;
    padding: .4em;
  }

  .divTabla {
    height: 14.5em;
  }

  #tablaArt tbody tr:nth-child(even) {
    background-color: #d9ffd5ab;
  }

  /* FIN ESTILOS DE LAS TABLAS DE DATOS */