:root {
	/* primary brand color with shades and tints - Viceroy plum color #450A2F */

	--color-primary-h: 322;
	--color-primary-s: 75%;
	--color-primary: hsl(var(--color-primary-h), var(--color-primary-s), 15%);
	--color-primary-light: hsl(var(--color-primary-h),
			var(--color-primary-s),
			25%);
	--color-primary-dark-1: hsl(var(--color-primary-h),
			var(--color-primary-s),
			12%);
	--color-primary-dark-2: hsl(var(--color-primary-h),
			var(--color-primary-s),
			10%);
	--color-primary-dark-3: hsl(var(--color-primary-h),
			var(--color-primary-s),
			8%);
	--color-primary-semi-transparent: hsla(var(--color-primary-h), 35%, 44%, 0.5);
	--color-primary-transparent: hsla(var(--color-primary-h),
			var(--color-primary-s),
			50%,
			0.1);

	/* secondary brand color with shades and tints */
	--color-secondary-h: 18;
	--color-secondary-s: 84%;
	--color-secondary: hsl(var(--color-secondary-h),
			var(--color-secondary-s),
			54%);
	--color-secondary-light: hsl(var(--color-secondary-h),
			var(--color-secondary-s),
			70%);
	--color-secondary-dark: hsl(var(--color-secondary-h),
			var(--color-secondary-s),
			29%);

	/* our base color, with one tint, and one shade */
	--color-base-h: 0;
	--color-base-s: 0%;
	--color-base-white: hsl(var(--color-base-h), var(--color-base-s), 98%);
	--color-base-grey: hsl(var(--color-base-h), var(--color-base-s), 86%);
	--color-base-dark: hsl(var(--color-base-h), var(--color-base-s), 30%);

	/* Notiflix */
	--notiflix-icon-color: hsl(225, 33%, 93%);

	/* color's */
	--color-card-boarder: var(--color-primary-light);
	--color-light-grey: hsl(225, 33%, 93%);
	--color-red: hsl(348, 86%, 61%);
	--color-purple: hsl(271, 100%, 71%);
	--color-blue: hsl(217, 71%, 53%);
	--color-cyan: hsl(204, 71%, 53%);
	--color-turquoise: hsl(171, 100%, 41%);
	--color-green: hsl(141, 53%, 53%);
	--color-yellow: hsl(48, 100%, 67%);

	/* override bootstrap colors */
	--white: #e0e7ed;
	--color-viceroy-tint: var(--color-primary-transparent);
	--color-state-info-fg: var(--color-primary);
	--color-state-info-bg: var(--color-viceroy-tint);
	--color-state-info-border: var(--color-primary-light);
	--color-state-warn-fg: var(--color-primary);
	--color-state-warn-bg: var(--color-viceroy-tint);
}

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

.status-pending {
	background-color: var(--color-viceroy-tint) !important;
	color: var(--color-primary) !important;
	border: none;
}


.client_logo {
	width: 7rem;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.navbar-brand-logo {
	width: 6rem;
}

.complete-logo {
	width: 8rem;
}

.login-bg::before {
	opacity: 0.12;
}

.login-dashboard-img {
	filter: drop-shadow(0 1.25rem 2.25rem hsla(var(--color-primary-h), 80%, 6%, 0.28));
}

@media (min-width: 992px) {
	.client_logo {
		display: none;
	}
}