:root {
	--primary-color: hsl(215deg 26.21% 53.69%);
	--primary-color-light: hsl(215deg 26.21% 94%);

	--secondary-color: hsl(0deg 0% 53.69%);
	--light-bg: #f5f5f5;
	--text-color: #625e5e;

	--phone-color: hsl(215deg 39.13% 42.58%);

	--warning-bg: #fbf7e7;
	--warning-color: #7e765f;

	--success: hsl(120deg 26.21% 53.69%);
	--success-dark: hsl(113 33% 31% / 1);
	--success-light: hsl(113 33% 94% / 1);
	--success-hover: hsl(120deg 10.43% 56.23%);

	--danger: hsl(0deg 26.21% 53.69%);
	--danger-light: hsl(0deg 26.21% 94%);
	--danger-dark: hsl(0deg 26.21% 31%);

	--info-light: hsl(167.44deg 71.43% 94.51%);

	--secondary: #adadad;
	--secondary-light: hsl(0deg 0% 94%);
}

html {
	background: var(--light-bg);
	font-size: inherit;
	height: 100dvh;
}

.background1 {
	background: var(--light-bg);
	color: var(--text-color);
}

.lids .small {
	font-size: inherit;
}

.black-selector,
.dropdown-menu,
.dropdown-item,
.form-control:disabled {
	background: #fff;
	color: var(--text-color);
}

.datepicker {
	background-color: #fff;
}

.datepicker--cell-day {
	color: var(--text-color);
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
	background-color: var(--primary-color);
	color: #fff;
}

.datepicker--button {
	color: var(--primary-color);
}

/** Navbar, cards */
#select_all_btn:not(:hover),
.alert-light,
.back:not(:hover),
.card,
.list-group-item,
.page-item.disabled .page-link:not(:hover),
.navbar-light,
.form-control,
.page-link:not(:hover) {
	background-color: rgb(255 255 255);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
	color: var(--text-color);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .nav-link:hover {
	color: var(--primary-color);
}

/** заявка hover */
.list-group-item-action:focus,
.list-group-item-action:hover {
	color: #535353;
	background-color: var(--light-bg);
}

.badge {
	color: #fff;
}

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

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

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

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

/** Наведение на навигацию */
#select_all_btn,
.back:hover,
.page-link:hover {
	background-color: #f5f5f5;
	color: var(--primary-color);
}

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

.phone_link {
	color: var(--phone-color);
	font-size: clamp(1vw, 1vw, 1rem);
}

.alert-primary,
.bootbox-accept,
.btn-outline-primary,
.btn-primary {
	/* background-color: var(--primary-color); */
	/* border-color: var(--primary-color); */
	/* color: #fff; */
	background-color: var(--light-bg);
}

a {
	color: var(--primary-color);
}

#select_all_btn:not(:hover),
.alert-light,
.back:not(:hover),
.card,
.list-group-item,
.page-item.disabled .page-link:not(:hover) {
	color: var(--text-color);
}

/** Warnings */

.alert-warning,
.alert-warning a,
.btn-warning {
	color: var(--text-color);
	background-color: var(--warning-bg);
	border-color: var(--warning-color);
}

.alert-warning a:hover,
.btn-warning:hover {
	box-shadow: none;
	text-shadow: none;
}

.alert-dark,
.alert-secondary {
	color: var(--text-color);
	background-color: #fff;
}

.btn-outline-primary:hover,
.btn-primary:hover {
	box-shadow: none;
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color);
}

.btn-outline-primary:hover,
.btn-primary:focus,
.btn-primary:hover,
.share_svg:hover {
	text-shadow: none;
}

.list-group-item-success.list-group-item-action.active {
	background-color: #fff;
	color: var(--text-color);
	box-shadow: none;
}

.list-group-item.active {
	box-shadow: none;
	background-color: #fff;
	color: var(--text-color);
	border-color: var(--primary-color);
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
	background-color: var(--success-light);
	color: var(--text-color);
}

.list-group-item-success.list-group-item-action.active {
	border-color: var(--success-dark);
}

.alert-success,
.alert-success a,
.btn-success {
	background-color: var(--success-light);
	color: var(--text-color);
	border-color: var(--success);
}

.alert-success a:hover,
.btn-success:hover {
	box-shadow: none;
	text-shadow: none;
	background-color: var(--success-hover);
}

.list-group-item-danger.list-group-item-action.active {
	background-color: #fff;
	color: var(--text-color);
	box-shadow: none;
	border-color: var(--danger);
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
	background-color: var(--danger-light);
	color: var(--text-color);
}

.alert-danger,
.btn-danger {
	background-color: var(--danger-light);
	color: var(--text-color);
	border-color: var(--danger);
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
	color: var(--text-color);
	background-color: var(--secondary-light);
}

.case_card_link.list-group-item-secondary {
	border-color: var(--secondary);
}
.case_card_link.lead-flow-highlight {
	--lt-highlight-hue: var(--lt-highlight-hue, 45deg);
	position: relative;
	border-color: hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-border-lightness) / var(--lt-highlight-border-alpha)) !important;
	box-shadow:
		inset 0 0 0 1px hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-border-lightness) / var(--lt-highlight-ring-alpha)),
		0 0.75rem 1rem hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-border-lightness) / var(--lt-highlight-shadow-alpha));
	background-color: hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-lightness) / var(--lt-highlight-alpha));
}
.case_card_link.lead-flow-highlight::after {
	content: '';
	position: absolute;
	inset: 0.2rem;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-border-lightness) / 0.35);
	opacity: 0.5;
}
.flow-highlight-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.25rem 0.55rem;
	font-size: 0.7rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: var(--text-color);
	background-color: rgba(255, 255, 255, 0.65);
}
.flow-highlight-chip {
	--lt-highlight-hue: var(--lt-highlight-hue, 45deg);
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background: hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-lightness) / var(--lt-highlight-alpha));
	border: 1px solid hsl(var(--lt-highlight-hue) var(--lt-highlight-saturation) var(--lt-highlight-border-lightness) / 0.6);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.list-group-item-secondary.list-group-item-action.active {
	box-shadow: none;
	color: var(--text-color);
}
.alert-info {
	background-color: var(--info-light);
	color: var(--text-color);
}

/**
 *  Checkboxes and forms
 */

.form-check-input {
	background-color: #fff;
}
.form-check-input:checked {
	background-color: var(--primary-color);
}
.form-control {
	color: var(--text-color);
}
.form-control:focus {
	background-color: #fff;
	box-shadow: none;
	color: var(--text-color);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
	color: #fff;
	background-color: var(--primary-color);
}

/**
 *  Modals
 */

.modal-content {
	background-color: var(--light-bg);
	color: var(--text-color);
	box-shadow: 0 0 15px 2px #575757;
}

.input-group-text {
	background-color: #fff;
	color: var(--text-color);
}

.modal-header button {
	background-color: var(--light-bg);
	border: none;
}

.tooltip {
	background-color: var(--light-bg);
	color: var(--text-color);
}

/**
 *  list navigation
 */

#select_all_btn:not(:hover),
.back:not(:hover),
.page-item.disabled .page-link:not(:hover),
.page-link,
.page-link:hover,
#select_all_btn:not(:hover),
.back:not(:hover),
.page-item.disabled .page-link:not(:hover),
.page-link,
.page-link:hover,
#select_all_btn,
.back:hover,
.page-link:hover,
.form-control,
.input-group-text {
	border-color: #dcdcdc;
}

.input-group-text {
	border-color: #dcdcdc !important;
}

.selectedTask,
.selectedTask:active {
	background-color: var(--primary-color) !important;
	color: #fff !important;
}

/**
 *  Tables
 */

.table-dark td,
.table-dark th {
	background-color: var(--light-bg);
	color: var(--text-color);
}

.table-hover > tbody > tr:hover {
	--bs-table-accent-bg: #fff;
	color: var(--text-color);
}

.table-striped > tbody > tr:nth-of-type(odd) {
	--bs-table-accent-bg: #fff;
	background-color: #fff;
}

.table-danger td,
.table-danger th {
	background-color: var(--danger-light) !important;
	color: var(--text-color);
}

.table-success td,
.table-success th {
	background-color: var(--success-light) !important;
	color: var(--text-color);
}

.staff-stat-table td {
	filter: saturate(1.5);
	border: 3px solid var(--light-bg);
}
#tableDiv td:hover {
	background-color: var(--primary-color-light) !important;
	color: var(--primary-color) !important;
}

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

/**
 *  Reception
 */
.bg-warning {
	/* background-color: var(--warning-bg) !important; */
	color: var(--text-color);
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
	background-color: var(--warning-bg);
	color: var(--text-color);
}

/**
 *  Index page
 */

/* .jumbotron form {
	display: grid;
	grid-template: 1fr / 1fr 1fr;
	gap: 10px;
	@media screen and (max-width: 768px) {
		grid-template: 1fr / 1fr;
	}
} */

.btn-light {
	color: #fff;
	background-color: var(--primary-color);
}

.btn-light:hover {
	color: var(--text-color);
	background-color: var(--primary-color-light);
}

.hero-img {
	background-image: url('/logo.webp');
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #959595;
	background-color: var(--secondary-light);
	border-color: var(--secondary);
	cursor: not-allowed;
}

.form-check-input:hover {
	background-color: var(--light-bg);
}

.bg-dismissed {
	background-color: var(--danger-light) !important;
}

.statistics .card-body h5 {
    color: var(--text-color);
    text-shadow: none;
}