:root {
    --color-primary: #777f8b;
    --color-secondary: #9199a5;
    --background-color: #f7f5f5;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content {
    padding: 20px;
    margin-top: 20px;
    flex: 1;
}
.navbar-light {
    background-color: var(--color-primary);
}

.dropdown-menu-dark {
    background-color: var(--color-primary);
}
.dropdown-item:hover:active {
    background-color: var(--color-secondary);
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-primary);
}

.btn-primary:hover:active {
    background-color: var(--color-secondary);
    border-color: var(--color-primary);
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    
}

.btn-outline-primary:hover:active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    
}

body {
    background-color: var(--background-color);
}

.page-link {
    color: var(--color-primary);
}
.page-link:hover {
    color: var(--color-secondary);
}

.page-item.active .page-link {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.patric-color {
    color: var(--color-primary) !important;
}

.progress-bar {
    background-color: var(--color-primary);
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.input-group-text {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.sidebar {
    overflow-y: auto; /* Добавляем прокрутку, если контента много */
  }
/* Стилизация элементов меню */
.sidebar .nav-link {
    padding: 0.75rem 1rem;
    margin-bottom: 0.2rem;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    color: white;
    background: var(--color-secondary);
}

.sub-item{
    margin-left: 30px;
}