.inline-related {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.inline-related:last-child {
    border-bottom: none;
}

.inline-group.collapse {
    display: block !important; /* Asegura que sea visible */
}

.add-row a {
    padding: 8px 15px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
}

.add-row a:hover {
    background-color:#0f6ab4;
}


.change-form {
    max-width: 100%; /* Usa todo el ancho */
}

.inline-group {
    width: 100%; /* Ajusta el ancho de las líneas */
}

.inline-related input,
.inline-related select {
    width: 98%; /* Los campos ocupan case todo el espacio */
    box-sizing: border-box;
}

.submit-row {
    margin-bottom: 20px; /* Espacio debajo de los botones */
    text-align: left; /* Alinea los botones a la izquierda */
}


/* Contenedor principal del detalle */
.detalle-container {
    display: flex;
    flex-direction: column; /* Organiza los elementos verticalmente */
    align-items: center; /* Centra el contenido horizontalmente */
    justify-content: flex-start; /* Asegura que todo comience desde arriba */
    margin: 20px auto; /* Espaciado automático */
    width: 90%; /* Ocupa el 90% del ancho del contenedor */
    max-width: 1200px; /* Máximo ancho para pantallas grandes */
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.details-table {
    width: 100%; /* Ocupa todo el ancho del contenedor */
    border-collapse: collapse; /* Colapsa los bordes para un diseño más limpio */
}

.details-table th,
.details-table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}



.card {
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
}

.card-header {
    font-weight: bold;
    background-color: #007bff;
    color: white;
    padding: 10px;
}

.form-group label {
    font-weight: bold;
    margin-bottom: 5px;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.d-flex.align-items-center label {
    line-height: normal; /* Ajusta la altura de línea del label */
    margin-bottom: 0;    /* Asegúrate de que no haya margen inferior */
    display: inline-block;
}
.d-flex.align-items-center select,
.d-flex.align-items-center input {
    margin: 0; /* Quita márgenes del campo si existen */
    vertical-align: middle; /* Alinea verticalmente el campo con el label */
}


.form-label {
    width: 180px; /* Tamaño fijo para las etiquetas */
    text-align: right;
    margin-right: 10px;
}

.jazzy-navbar{
    color: #0f6ab4 !important;

}

.navbar-custom {
    background-color: #4CAF50!important; /* Cambia este valor al color que desees */
    color: white!important;;
  }

.navbar-custom .nav-link {
    color: white!important;; /* Color de los enlaces */
  }

.navbar-custom .nav-link:hover {
    color: #FFD700!important;; /* Color al pasar el cursor */
  }

.input-group-append {
    margin-left: 15px !important;  /* Espacio entre el botón y el input */
  }


/*lupas*/
.btn.btn-navbar {
    padding: 8px 12px !important; /* Ajusta el tamaño del botón */
    font-size: 16px !important; /* Ajusta el tamaño del ícono */
    border-radius: 12px !important;/* Bordes redondeados */
    background-color: #84aae0 !important;; /* Color de fondo opcional */
    color: rgb(248, 249, 248) !important;; /* Color del texto o ícono */
    border: none !important;; /* Elimina los bordes */
    display: flex !important;; /* Centra el ícono dentro del botón */
    align-items: center !important;;
    justify-content: center !important;;
  }
  
.form-control.form-control-navbar{
    background-color: #db7f43 !important;; /* Color de fondo opcional */

}

.btn-group {
    display: flex! important;
    color: rgb(164, 19, 19) !important;; 
    gap: 18px ! important; /* Espaciado entre botones */
    border-radius: 50px! important;
    display: inline-flex; align-items: center; justify-content: center! important;
    transition: all 0.3s ease! important;

  }

.btn-rounded {
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: center! important;
    justify-content: center! important;
    transition: all 0.3s ease! important;
  }

.btn-rounded i {
    margin-right: 8px! important; /* Espacio entre el icono y el texto */
  }

.btn-group .btn {
    margin-right: 8px! important; /* Espacio entre los botones */
  }

 .btn-group .btn:last-child {
    margin-right: 0! important; /* Quita el margen del último botón */
  }
  
.btn-rounded:hover {
    background-color: #f0f0f0! important; /* Color de fondo al pasar el cursor */
    border-color: #999! important; /* Cambia el color del borde */
  }
#btn-group float-right{
    background-color: #bc1919! important; 
}

.btn.btn-xs.btn-success.addlink {
    background-color: #bc1919 !important;
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: center! important;
    justify-content: center! important;
    transition: all 0.3s ease! important;
}

.btn.btn-xs.btn-info.changelink{
    border-radius: 70px! important; /* Bordes redondeados 
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: center! important;
    justify-content: center! important;
    transition: all 0.3s ease! important;
}
.nav nav-pills.nav-sidebar.flex-column.nav-flat.nav-child-indent.nav-compact{
    background-color: #bc1919 !important;
}
.main-sidebar.elevation-4.sidebar-dark-secondary{
    background-color: hsl(230, 52%, 54%) !important;
    color:#ddd !important;
}
a {
    color: #044d65! important; /* Azul pálido */
    text-decoration: none! important; /* Quita el subrayado predeterminado */
    transition: color 0.3s ease! important; /* Transición suave para cambios de color */
  }
  
a:hover {
    color: #87ceeb! important; /* Azul ligeramente más oscuro al pasar el cursor */
    text-decoration: underline! important; /* Subrayado al pasar el cursor */
  }

.d-block{
    background-color: #bc1919 !important;
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: center! important;
    justify-content: center! important;
    transition: all 0.3s ease! important;
}

.nav-item{
    color: #87ceeb! important; /* Azul ligeramente más oscuro al pasar el cursor*/
    text-decoration: underline! important; /* Subrayado al pasar el cursor */
}

.nav-link.active{
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items:left! important;
    justify-content: left! important;
    transition: all 0.3s ease! important;
}

li{
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items:center! important;
    justify-content: center! important;
    transition: all 0.3s ease! important;
}

li:hover {
    color: #87ceeb! important; /* Azul ligeramente más oscuro al pasar el cursor */
    text-decoration: underline! important; /* Subrayado al pasar el cursor */
  }
.nav-header{
    background-color: #13146075 !important;
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: left! important;
    justify-content: left! important;
    transition: all 0.3s ease! important;
  }

.nav-item{
    background-color: #149d8675 !important;
    color:#ddd !important;
    border-radius: 70px! important; /* Bordes redondeados */
    padding: 8px 16px! important; /* Espaciado interno */
    font-size: 14px! important; /* Tamaño de texto */
    display: inline-flex! important;
    align-items: left! important;
    justify-content: left! important;
    transition: all 0.3s ease! important;

}

/*#jazzy-sidebar,
/*#nav-item,
/*#nav-link{
/*    width: 330px !important;
/*}
/*
/*.nav-link.active {
/*    width: 330px !important;
/*}
/*.nav-link{
/*    width: 330px !important;
/*}
/*
/*#jazzy-sidebar.collapsed,
/*#nav-item.collapsed,
/*#nav-link.collapsed{
/*    width: 330px !important;
/*}
/*
/*.nav-link.active.collapsed {
/*    width: 330px !important;
/*}
/*.nav-link.collapsed{
/*    width: 330px !important;
/*}
/*
/*.sidebar {
/*    width: 280px!important; /* Ancho normal */
/*    height: 100vh!important;
/*    background-color: #343a40!important;
/*    color: white!important;
/*    transition: width 0.3s ease!important; /* Transición suave */
/*    overflow: hidden!important; /* Oculta contenido desbordado */
/*  }
/*  
/*.sidebar.collapsed {
/*    width: 50px!important; /* Ancho cuando está colapsado */
/*  }
/*