/* OKIS-3402 Phase 4b: the rules this sheet used to carry that css/okis-2026-unified.css both
   contradicts and always out-ranks were deleted — 16 whole rules and 5 single declarations, mostly
   the button paint families (.btn-danger / the :hover-:focus-:active states of .btn-success and
   .btn-primary), the skin-blue sidebar chrome and the navbar search geometry. Each removal was
   proved dead first (for every longhand key the unified sheet holds a declaration whose selector
   matches every element the deleted one matched and which wins on importance, specificity or load
   order) and then measured: 105-route computed-style census + full-page screenshots + 8
   interactive states, no change. Log: .superpowers/sdd/phase4b-report.md.
   What is left here either has no contradiction in the unified sheet, or has one the unified sheet
   does NOT always beat — unifying those is a visible change and is listed in that report as
   awaiting a ruling, not as a delete. */
:root {
	--main-bg-color: rgb(245, 245, 250);	/* Cool Grey */
	--supplement-bg-color: rgb(255, 255, 255);	/* White */
	--main-color: rgb(0, 80, 70);	/* British racing green */
	--main-color-light: rgb(174, 204, 197);	/* Pantone 559 C */
	--supplement-color: rgb(255, 106, 66);	/* Pantone 1645 C */
	--supplement-color-light: rgb(255, 191, 172);	/* Pantone 162 C */
	--third-color: rgb(200, 183, 183);	/* Pantone 4085 C */
	--border-radius: 3px;
	--opacity: 0.7;
}

@font-face {
	font-family: ProximaNovaBold;
	font-weight: bold;
	src: url('font/proxima-nova-bold.otf');
}

@font-face {
	font-family: ProximaNova;
	src: url('font/proxima-nova.otf');
}

.main-header,
.skin-blue .main-header .navbar,
.box.box-solid.box-primary>.box-header {
	background-color: var(--main-color);
}

.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .logo {
	background: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .logo .logo-lg img {
	margin-right: 10px;
	margin-top: -5px;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
	border-left-color: var(--supplement-color);
	color: var(--supplement-color) !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	color: var(--main-color);
}

.skin-blue .treeview-menu>li>a {
	color: var(--supplement-bg-color);
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
	color: var(--supplement-color-light) !important;
}

a,
a:focus, a:hover, a:active,
.s2-togall-button,
.content-header>.breadcrumb>li>a {
	color: var(--supplement-color);
}

.box.box-solid.box-primary,
.form-control:focus,
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
	border-color: var(--main-color);
}

.btn.btn-default {
	color: var(--main-color);
}

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

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

/* Cancels the opacity hover-fade the deleted `.btn-primary:hover` used to apply. Kept because it
   is still the cascade winner here at (0,4,0); the unified sheet only restates `opacity: 1` at
   (0,2,0). */
.main-header .navbar .btn-primary:hover {
	opacity: 1;
}

.main-footer {
	background: var(--main-color);
	font-size: 11px;
	color: var(--main-color-light);
}

.separator {
	margin-right: 25px;
}

.body-guest .content-wrapper {
	background-color: var(--main-color);
	background-image: url('../images/linky-light.svg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	min-height: 90vh;
}

.body-guest .content {
	margin-left: 0;
	margin-right: 0;
}

.body-guest .main-footer {
	background: var(--supplement-color);
	color: var(--supplement-bg-color);
}

.body-guest .main-footer a {
	color: var(--main-bg-color);
}

.body-guest .login-logo {
	margin-bottom: 35px;
}

.body-guest .login-logo img {
	max-width: 25vw;
	max-height: 100vh;
	margin-bottom: 25px;
}

.login-box {
	text-align: center;
	width: 100%;
	color: var(--main-color);
	font-size: 18px;
	font-weight: 300;
}

.login-box-body {
	display: grid;
	border-radius: var(--border-radius);
}

.login-box-form {
	display: inline-block;
}

.login-box-title {
	color: rgb(0, 0, 0);
	margin-bottom: 25px;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
}

.login-box .btn {
	font-size: 18px;
	border-radius: 10px;
}

.card {
	width: 25vw;
	min-width: 300px;
	border: none;
	border-radius: 20px;
}

.checkbox input[type="checkbox"] {
	accent-color: var(--main-color);
	top: 26px;
}

.checkbox-inline input[type="checkbox"] {
	accent-color: var(--main-color);
}

.checkbox input {
	width: 25px;
	height: 25px;
}

.box.box-solid>.box-header .btn.btn-default, .popover-content {
	background-color: var(--supplement-bg-color);
	color: var(--main-color);
}

.box.box-solid>.box-header .btn.btn-default:hover {
	color: var(--main-color);
}

/* .box.box-solid.box-default>.box-header {
    background-color: var(--main-color-light);
	color: var(--main-color);
} */

.content-wrapper, .right-side {
	background-color: var(--main-bg-color);
}

.skin-blue .content-header {
	background-color: var(--main-bg-color);
}

.main-header .logo {
	font-family: ProximaNovaBold;
	font-size: 25px;
}

.box.box-solid.box-primary>.box-header a {
	color: var(--supplement-color);
}

.navbar-custom-menu>.navbar-nav>li {
	padding-left: 10px;
}

.navbar-custom-menu>.navbar-nav>li>form {
	margin-top: 3px;
	padding: 6px 10px;
}

.navbar-custom-menu .form-inline .form-group {
	vertical-align: inherit;
}

.navbar-custom-menu .form-group .input-group {
	min-width: 200px;
	width: 25vw;
	background-color: #fff;
}

.navbar-custom-menu .input-group .input-group-btn {
	width: 1%;
}

.navbar-custom-menu form input[type="text"] {
	background-color: var(--main-color-light);
	border-color: var(--main-color-light);
}

.navbar-custom-menu form ::placeholder {
	color: var(--main-color);
}

.navbar-custom-menu li>.btn {
	margin-top: 9px;
	padding: 6px 10px;
}

.navbar-custom-menu .help-item-icon, .box .help-item-icon {
	color: var(--supplement-bg-color);
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: var(--supplement-color);
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a , .nav-tabs-custom>.nav-tabs>li:hover>a {
	color: var(--supplement-color);
}

.box.box-solid.box-default>.box-header .help-item-icon {
	color: var(--main-color);
}

#manager-menu a.active {
	background-color: var(--main-color);
}