.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background-color: white !important;
    padding-top: 60px;
    overflow-y: auto;
}
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background-color: white !important;
    padding-top: 60px;
    overflow-y: auto;
}

.sidebar ul {
    list-style-type: none;
    padding: 0;
}

.sidebar ul li {
    padding: 10px;
    border-bottom: 1px solid #4e5561;

}

.sidebar ul li a {
   color: white ; /* Le quito el important*/
    text-decoration: none;

}

.sidebar ul li a:hover {
  color: white !important;

}

.content {
    margin-left: 250px;

}

@media (max-width: 992px) {
    .sidebar {
        width: 200px;
    }

    .content {
        margin-left: 200px;
    }
}

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }

    .content {
        margin-left: 0;
    }

    .navbar-nav .nav-item {
        text-align: center;
    }

    .navbar-nav .nav-link {
        display: block;
        padding: .5rem 0;
    }
}
.sidebar {
      background-color: rgba(54, 80, 92, 0.863) !important;
   /* 
    background-color: rgba(54, 80, 92, 0.863) !important;
   ñbackground-color: rgb(68, 80, 80) !important;
    background-color: rgba(19, 75, 100, 0.863) !important;
    background-color: rgba(18, 29, 29, 0.863) !important;
   */
}

/* Estilos para el encabezado */
#header {
    background-color: white !important; /* Color blanco para el fondo del encabezado */
}

/* Estilos para el enlace de Logout */
.navbar-nav .nav-link {
    color: black    ; /* Color negro para el texto del enlace de Logout */
}