body .btn-outline-primary{
    color: navy;
}
body .btn-outline-primary:hover{
    background-color: navy;
    color: white;
}
.navbar.navbar-expand-lg.navbar-dark.fixed-top{
    background-color: navy;
}

body details p{
    list-style: none;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: lightgray;
    padding-left: 10px;
}
body summary{
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color:white;
}

body details[open] summary{
    background-color: black;
    color: white;
}


.hidden { display: none; }
.active-btn { background-color: #0d6efd !important; color: white !important; }
.selectable:hover { background-color: #f1f1f1; cursor: pointer; }
.selected { background-color: #d1e7dd; }
@media (min-width: 768px) {
  .sidebar { height: 100vh; position: fixed; left: 0; top: 0; width: 200px; padding-top: 80px; background-color: #f8f9fa; }
  .main-content { margin-left: 220px; padding: 20px; }
}
@media (max-width: 767.98px) {
  .sidebar { width: 100%; position: relative; padding: 15px; background-color: #f8f9fa; display: flex; justify-content: space-around; }
  .main-content { margin: 0; padding: 15px; }
}