/* normaler Button */
.btn.btn-primary {
    background-color: #1b71d9 !important;
    border-color: #1b71d9 !important;
}

/* beim Hover */
.btn.btn-primary:hover {
    background-color: #1661ba !important;
    border-color: #1661ba !important;
}

/* beim Klicken (active) */
.btn.btn-primary:active,
.btn.btn-primary.active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: #1b71d9 !important;
    border-color: #1b71d9 !important;
    box-shadow: 0 0 0 0.1rem rgba(27, 113, 217, 0.5) !important; /* schmalere "Border" */
}

/* beim Fokus */
.btn.btn-primary:focus {
    background-color: #1b71d9 !important;
    border-color: #1b71d9 !important;
    box-shadow: 0 0 0 0.1rem rgba(27, 113, 217, 0.5) !important; /* dünnere Umrandung */
}

.form-control {
    background-color: white !important;
    border: 1.5px solid #e5e7eb !important; /* entspricht border-black-200 in Tailwind */
}

.page-container, .navbar, .no-breadcrumbs, .page-head, .page-content-wrapper, body {
    background-color: #F2F8FA !important;
}

.standard-sidebar-item.selected{
    background-color: white !important;
}

/* Hover auf nicht ausgewählten Items */
.standard-sidebar-item:hover {
    background-color: #FFFFFF !important; /* sehr helles Blau (ähnlich im Screenshot) */
}

/* Ausgewähltes (aktives) Item */
.standard-sidebar-item.selected {
    background-color: #e6f2ff !important; /* sehr helles Blau im Hintergrund */
    color: #007bff !important;            /* kräftiges Blau für den Text */
}

/* Form footer */
.comment-box, .activity-title {
  padding: 10px !important;
  background: white;
  border-radius: 10px;
  margin-top: 10px;
}