.title-breadcrumb  {
  color: #003678;
  font-size: 15px;
}

.title-breadcrumb-link {
  color: #62748E;
  text-decoration: none;
  font-size: 15px;
  font-weight:500;
}

.title-breadcrumb-link:hover {
  color: #3E3F41;
}




/* Estilos para .btn-info con fondo #f78618 */
.btn-info {
  background-color: #f78618 !important;
  border-color: #f78618 !important;
  color: #fff !important;
}

.btn-info:hover {
  background-color: #e07815 !important; /* Tono más oscuro para el hover */
  border-color: #e07815 !important;
  color: #fff !important;
}

.btn-info:focus {
  background-color: #e07815 !important;
  border-color: #e07815 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(247, 134, 24, 0.5) !important;
}

.btn-info:active {
  background-color: #c96a12 !important; /* Tono aún más oscuro al presionar */
  border-color: #c96a12 !important;
  color: #fff !important;
}

.btn-info:disabled {
  background-color: #f78618 !important;
  border-color: #f78618 !important;
  color: #6c757d !important;
}



/* Estilos para .btn-met con el color base gris azulado oscuro (#344e5c) */
.btn-met {
  background-color: #344e5c !important;
  border-color: #344e5c !important;
  color: #fff !important;
}

.btn-met:hover {
  background-color: #2a3e49 !important; /* Tono más oscuro para el hover */
  border-color: #2a3e49 !important;
  color: #fff !important;
}

.btn-met:focus {
  background-color: #2a3e49 !important;
  border-color: #2a3e49 !important;
  color: #fff !important;
  /* Shadow basado en el color base con 50% de transparencia */
  box-shadow: 0 0 0 0.2rem rgba(52, 78, 92, 0.5) !important;
}

.btn-met:active {
  background-color: #1f2f37 !important; /* Tono aún más oscuro al presionar */
  border-color: #1f2f37 !important;
  color: #fff !important;
}

.btn-met:disabled {
  background-color: #344e5c !important;
  border-color: #344e5c !important;
  opacity: 0.65; /* Se usa opacidad en lugar de gris para mantener el tono */
  color: #ffffff !important;
}



/* Estilos para .btn-danger con fondo #b71310 (mismo color que btn-info) */
.btn-danger {
  background-color: #b71310 !important;
  border-color: #b71310 !important;
  color: #fff !important;
}

.btn-danger:hover {
  background-color: #9c100d !important; /* Tono más oscuro para el hover */
  border-color: #9c100d !important;
  color: #fff !important;
}

.btn-danger:focus {
  background-color: #9c100d !important;
  border-color: #9c100d !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(183, 19, 16, 0.5) !important;
}

.btn-danger:active {
  background-color: #820d0a !important; /* Tono aún más oscuro al presionar */
  border-color: #820d0a !important;
  color: #fff !important;
}

.btn-danger:disabled {
  background-color: #b71310 !important;
  border-color: #b71310 !important;
  color: #6c757d !important;
}




.icon-btn {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.icon-btn:hover {
    color: #333; /* Azul Bootstrap */
    cursor: pointer;
}




.icon-container {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.icon-item {
    /* Basic styling for each icon div if needed */
}

.icon-eye .bi {
    font-size: 26px;
    color: #333;
}

.icon-pencil {
    margin-top: 5px;
}

.icon-pencil .bi {
    font-size: 19px;
    color: #333;
}

.icon-graph {
    margin-top: 4px;
}

.icon-graph .bi {
    font-size: 20px;
    color: #333;
}

.icon-trash {
    margin-top: 4px;
}

.icon-trash .bi {
    font-size: 20px;
    color: #333;
}

.icon-share {
    margin-top: 5px;
}

.icon-share .bi {
    font-size: 19px;
    color: #333;
}


.icon-trash {
    margin-top: 5px;
}

.icon-trash .bi {
    font-size: 19px;
    color: #333;
}




.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}



.montserrat-500 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}




.pagination .page-item {
    margin: 0 4px;
}
.pagination .page-link {
    border-radius: 6px;
}