:root {
  --bs-link-color: #0960a9;
  --bs-link-hover-color: #0960a9;
  --bs-primary-rgb: 9,96,169;
  --bs-dropdown-link-active-bg: #0960a9;
  --bs-pagination-active-bg: #0960a9;
}

body.bg-primary {
  background-color: #0960a9 !important;
}

.border-primary{
  border-color: #0960a9 !important;
}
.btn-primary {
  color: #fff;
  background-color: #0960a9;
  border-color: #0960a9;
}

body {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3 {
  font-weight: 700;
  font-style: normal;
}

.comentario {
  border-bottom: 1px solid;
  padding: 10px;
}


.btn-purple {
    background-color: #1668B6; /* Color morado en formato hexadecimal */
    border-color: #1668B6; /* Color del borde en formato hexadecimal */
    color: #fff; /* Color del texto en blanco */
  }
  
  .btn-purple:hover {
    background-color: #1668B6; /* Color morado más oscuro cuando el botón se encuentra en hover */
    border-color: #1668B6; /* Color del borde en formato hexadecimal */
    color: #fff; /* Color del texto en blanco */
  }


  @media only screen and (max-width: 768px) {
    .table-listados tr td{
      display: block;
    }
  } /*  end css */


  /* estilos formularios */

  .listado-form input[type=text] {
    width: 100%;
    border: 0;
    border-bottom:1px solid #000;
    font-size: 17px;
    border-radius: 0;
  }

  .listado-form  ::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
  }

  @media only screen and (min-width: 768px) {
    .border-5 {
      border-width: 10px!important;
    }
  } /*  end css */


  .pagination {
    margin-top:50px!important;
  }

  .nivel-riesgo {
    max-width:140px;
    width:10vw;
    margin:4px;
  }

  @media only screen and (max-width: 460px) {
    .nivel-riesgo {
      width:100%;
      max-width:100%;
      display: block;
    }
  } /*  end css */