.btn-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #2291E2;
    border-color: #2291E2;
}

.btn-primary:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #2291E2;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active,
.dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current,
.show>.btn-primary.dropdown-toggle {
	background-color: #2291E2;
	border-color: #5844d0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #2291E2;
}

.navbar-color.app-header .navbar-brand, .navbar-color .navbar-text a, .navbar-color .navbar-text a:focus, .navbar-color .navbar-text a:hover {
    color: #2291E2;
}

.text-primary {
    color: #fbd500!important;
}

h1 {
    color: #1b2a4e!important;
}

.btn-link {
    color: #2291E2;
}

.btn-outline-primary {
    color: #1b2a4e;
    border-color: #2291E2;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2291E2;
    border-color: #fbd500;
}

.btn:hover,
.dataTables_wrapper
.dataTables_paginate
.paginate_button:hover {
    color: #4024e8;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2291E2;
    border-color: #2291E2;
}

.page-link:hover { color: #7C69EF; }

a { color: #2291E2; }
a:hover { color: #2291E2; }
.table-hover tbody tr:hover,
#crudTable tbody tr:hover {
	background-color: rgba(124, 105, 239, 0.1);
}

.sidebar.sidebar-pills .nav-link.active .nav-icon,
.sidebar.sidebar-pills .nav-link:hover .nav-icon,
.sidebar.sidebar-pills .nav-link.active,
.sidebar.sidebar-pills .nav-link:hover,
.sidebar-pills .nav-link:hover .nav-icon {
    color: #ffffff!important;
    background-color: #2291E2!important;
}

.card.bg-primary {
    border-color: #2291E2;
}

.bg-primary {
    background-color: #2291E2!important;
}

.daterangepicker .ranges li.active,
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2291E2!important;
}

.pace .pace-progress {
	background: #2291E2;
}

/* Seasonal pictures: одна колонка — три превью в ряд (список-карточки, без ширины 3×400px) */
/* Размеры дублируются инлайном в SeasonalPictureCrudController (таблица Backpack часто ломает img) */
#crudTable .seasonal-picture-admin-strip,
.table .seasonal-picture-admin-strip {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.5rem 0.75rem;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	max-width: 32rem;
}
.seasonal-picture-admin-strip__cell {
	flex: 0 0 auto;
	margin: 0;
	text-align: center;
	max-width: 8.5rem;
}
.seasonal-picture-admin-strip__label {
	display: block;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #6c757d;
	margin-bottom: 2px;
	line-height: 1.1;
}
.seasonal-picture-admin-strip__link {
	display: block;
}
#crudTable .seasonal-picture-admin-strip__img,
.table .seasonal-picture-admin-strip__img,
.seasonal-picture-admin-strip__img {
	display: block !important;
	width: 128px !important;
	height: 52px !important;
	max-width: 128px !important;
	max-height: 52px !important;
	object-fit: cover !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}

/* Форма: превью через storage-proxy, широкое / низкое */
.seasonal-picture-crud-field .row > .col-sm-6:first-child {
	flex: 0 0 100%;
	max-width: 100%;
}
.seasonal-picture-crud-field img[data-handle="mainImage"] {
	width: 100% !important;
	max-width: 100% !important;
	height: 80px !important;
	object-fit: cover !important;
}
.seasonal-picture-crud-field .cropperImage {
	max-width: 100%;
}
