/*!
 * Theme for Codebase v5.4.0
 */

:root {
	--color-header: #ffffff;
	--color-footer: #ffffff;
	--color-c1n: #fb6221;
	--color-c1m: #c94e1a;
	--color-c1l: #973b14;
	--color-c1h: #fdb090;
	--color-c2n: #304350;
	--color-c2m: #263640;
	--color-c2l: #1d2830;
	--color-c2h: #97a1a7;
}

.disableuserselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.text-primary {
	color: var(--color-c1n) !important;
}

a.text-primary.link-fx::before {
	background-color: var(--color-c1n) !important;
}

a.text-primary:hover, a.text-primary:focus {
	color: var(--color-c1m) !important;
}

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

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: var(--color-c1m) !important;
}

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

a.bg-primary-op:hover, a.bg-primary-op:focus,
button.bg-primary-op:hover,
button.bg-primary-op:focus {
	background-color: var(--color-c1l) !important;
}

.bg-gd-primary {
	background: var(--color-c1n) linear-gradient(135deg, var(--color-c1n) 0%, var(--color-c1m) 100%) !important;
}

.border-primary {
	border-color: var(--color-c1n) !important;
}


.btn-link {
	color: var(--color-c1n) !important;
}

	.btn-link:hover {
		color: var(--color-c1m) !important;
	}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--color-c1n);
	--bs-btn-border-color: var(--color-c1n);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--color-c1m);
	--bs-btn-hover-border-color: var(--color-c1l);
	--bs-btn-focus-shadow-rgb: 240, 240, 240;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--color-c1m);
	--bs-btn-active-border-color: var(--color-c1l);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--color-c1n);
	--bs-btn-disabled-border-color: var(--color-c1n);
}

.btn-outline-primary {
	--bs-btn-color: var(--color-c1n);
	--bs-btn-border-color: var(--color-c1n);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--color-c1n);
	--bs-btn-hover-border-color: var(--color-c1n);
	--bs-btn-focus-shadow-rgb: 240, 240, 240;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--color-c1n);
	--bs-btn-active-border-color: var(--color-c1n);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--color-c1n);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--color-c1n);
	--bs-gradient: none;
}


.form-check-input:focus {
	border-color: var(--color-c1n) !important;
	box-shadow: 0 0 0 0.25rem rgb(240, 240, 240) !important;
}

.form-check-input:checked {
	background-color: var(--color-c1n) !important;
	border-color: var(--color-c1n) !important;
}

.form-check-input-md {
	width: 1.2em !important;
	height: 1.2em !important;
	margin-top: .15em !important;
	border: 2px solid #808080 !important;
}


.form-block .form-check-label::before {
	background-color: var(--color-c1n) !important;
}

.form-block .form-check-input:checked ~ .form-check-label {
	border-color: var(--color-c1n) !important;
}

.form-block .form-check-input:focus ~ .form-check-label {
	border-color: var(--color-c1n) !important;
	box-shadow: 0 0 0 0.25rem rgb(240, 240, 240) !important;
}


.progress-bar {
	background-color: var(--color-c1n);
}

.ribbon-primary.ribbon-bookmark .ribbon-box::before {
	border-color: var(--color-c1n) !important;
}

.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
	border-color: var(--color-c1n) !important;
}



.text-secondary {
	color: var(--color-c2n) !important;
}

a.text-secondary.link-fx::before {
	background-color: var(--color-c2n) !important;
}

a.text-secondary:hover, a.text-primary:focus {
	color: var(--color-c2l) !important;
}


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

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
	background-color: var(--color-c2m) !important;
}

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

a.bg-secondary-op:hover, a.bg-secondary-op:focus,
button.bg-secondary-op:hover,
button.bg-secondary-op:focus {
	background-color: var(--color-c2l) !important;
}

.bg-gd-secondary {
	background: var(--color-c2n) linear-gradient(135deg, var(--color-c2n) 0%, var(--color-c2m) 100%) !important;
}

.border-secondary {
	border-color: var(--color-c2n) !important;
}


.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--color-c2n);
	--bs-btn-border-color: var(--color-c2n);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--color-c2m);
	--bs-btn-hover-border-color: var(--color-c2l);
	--bs-btn-focus-shadow-rgb: 240, 240, 240;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--color-c2m);
	--bs-btn-active-border-color: var(--color-c2l);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--color-c2n);
	--bs-btn-disabled-border-color: var(--color-c2n);
}

.btn-outline-secondary {
	--bs-btn-color: var(--color-c2n);
	--bs-btn-border-color: var(--color-c2n);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--color-c2n);
	--bs-btn-hover-border-color: var(--color-c2n);
	--bs-btn-focus-shadow-rgb: 240, 240, 240;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--color-c2n);
	--bs-btn-active-border-color: var(--color-c2n);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--color-c2n);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--color-c2n);
	--bs-gradient: none;
}