/* Серовато-голубая тема для админки */

/* Цветовая палитра */
:root {
    --admin-primary: #5b7a98;
    --admin-secondary: #6d8ba6;
    --admin-light: #8fa9bf;
    --admin-lighter: #b3c5d6;
    --admin-lightest: #d4e1ed;
    --admin-dark: #47617a;
    --admin-text: #2c3e50;
    --admin-border: #8fa9bf;
}

/* Сайдбар */
#sidebar-wrapper {
    background-color: var(--admin-lightest) !important;
    border-right: 1px solid var(--admin-border) !important;
}

/* Элементы меню в сайдбаре */
.list-group-item-action.bg-light {
    background-color: var(--admin-lightest) !important;
    border-color: var(--admin-lighter) !important;
    color: var(--admin-text) !important;
}

.list-group-item-action.bg-light:hover {
    background-color: var(--admin-lighter) !important;
    border-left: 3px solid var(--admin-primary);
}

.list-group-item-action.bg-light:active,
.list-group-item-action.bg-light.active {
    background-color: var(--admin-light) !important;
    color: white !important;
}

/* Верхняя навигационная панель */
.navbar.bg-light {
    background-color: var(--admin-primary) !important;
    border-bottom: 2px solid var(--admin-dark) !important;
}

.navbar.bg-light .navbar-nav .nav-link {
    color: white !important;
}

.navbar.bg-light .navbar-nav .nav-link:hover {
    color: var(--admin-lightest) !important;
}

.navbar.bg-light .logoname a {
    color: white !important;
}

/* Кнопка переключения меню */
#menu-toggle {
    background-color: var(--admin-secondary) !important;
    border-color: var(--admin-dark) !important;
}

#menu-toggle:hover {
    background-color: var(--admin-dark) !important;
}

/* Бейджи */
.badge-primary {
    background-color: var(--admin-primary) !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--admin-lightest) !important;
}

.breadcrumb-item a {
    color: var(--admin-primary) !important;
}

.breadcrumb-item.active {
    color: var(--admin-dark) !important;
}

/* Таблицы */
.thead-dark {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-dark) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(139, 169, 191, 0.1) !important;
}

/* Кнопки */
.btn-primary {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-dark) !important;
}

.btn-primary:hover {
    background-color: var(--admin-dark) !important;
    border-color: var(--admin-dark) !important;
}

/* Элементы на главной странице */
.d-inline-block.bg-primary,
.d-sm-inline-block.bg-primary,
.d-md-inline-block.bg-primary,
.d-lg-inline-block.bg-primary,
.d-xl-inline-block.bg-primary {
    background-color: var(--admin-light) !important;
    color: white !important;
    padding: 8px 12px;
    margin: 4px;
    border-radius: 4px;
}

/* Dropdown меню */
.dropdown-menu {
    background-color: var(--admin-lightest) !important;
    border-color: var(--admin-border) !important;
}

.dropdown-item:hover {
    background-color: var(--admin-lighter) !important;
}

/* Алерты и флеши */
.alert {
    border-color: var(--admin-border) !important;
}

.flashes {
    list-style: none;
    padding: 0;
}

.flashes li {
    background-color: var(--admin-lighter);
    color: var(--admin-text);
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border-left: 4px solid var(--admin-primary);
}

/* Формы */
.form-control:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(91, 122, 152, 0.25) !important;
}

/* Контент wrapper */
#page-content-wrapper {
    background-color: #f8f9fa;
}