/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - coloradoqualitycabinets.com
 * Generated: 2026-02-11 18:06:52
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Bismark */
	--bismark: #466A7E;
	--bismark-hover: #2a404c;
	--bismark-light: #6691aa;
	--bismark-light-hover: #97b5c5;

	/* Secondary - Mine-Shaft */
	--mine-shaft: #303030;
	--mine-shaft-hover: #090909;
	--mine-shaft-light: #565656;
	--mine-shaft-light-hover: #7c7c7c;

	/* Tertiary - Matisse */
	--matisse: #1E729E;
	--matisse-hover: #11435d;
	--matisse-light: #309ed7;
	--matisse-light-hover: #70bce4;

	/* Quaternary - Casper */
	--casper: #B1C5D0;
	--casper-hover: #81a1b3;
	--casper-light: #e0e8ec;
	--casper-light-hover: #ffffff;

	/* Link Colors */
	--hyperlinks: #0066FF;
	--hover: #0052CC;
}

/*-----------------------------------------------------------------------------
 * Links
 *---------------------------------------------------------------------------*/
a {
	color: var(--hyperlinks);
}

a:hover,
a:focus {
	color: var(--hover);
}

a:active {
	color: var(--hyperlinks);
}

/*-----------------------------------------------------------------------------
 * Buttons
 *---------------------------------------------------------------------------*/

/* Default Button Structure */
[class*="btn-"] {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	transition: all 0.2s ease-in-out;
}

/* Bismark */
html .btn-bismark {
	background-color: var(--bismark);
	border-color: var(--bismark);
	color: #FFF;
}

html .btn-bismark:hover,
html .btn-bismark.hover {
	background-color: var(--bismark-hover);
	border-color: var(--bismark-hover);
	color: #FFF;
}

html .btn-bismark:focus,
html .btn-bismark.focus {
	box-shadow: 0 0 0 3px rgba(70, 106, 126, 0.5);
	background-color: var(--bismark);
	border-color: var(--bismark);
}

html .btn-bismark.disabled,
html .btn-bismark:disabled {
	background-color: var(--bismark);
	border-color: var(--bismark);
	opacity: 0.65;
}

/* Bismark Light */
html .btn-bismark-light {
	background-color: var(--bismark-light);
	border-color: var(--bismark-light);
	color: #FFF;
}

html .btn-bismark-light:hover,
html .btn-bismark-light.hover {
	background-color: var(--bismark-light-hover);
	border-color: var(--bismark-light-hover);
	color: #FFF;
}

html .btn-bismark-light:focus,
html .btn-bismark-light.focus {
	box-shadow: 0 0 0 3px rgba(102, 145, 170, 0.5);
	background-color: var(--bismark-light);
	border-color: var(--bismark-light);
}

html .btn-bismark-light.disabled,
html .btn-bismark-light:disabled {
	background-color: var(--bismark-light);
	border-color: var(--bismark-light);
	opacity: 0.65;
}

/* Mine-Shaft */
html .btn-mine-shaft {
	background-color: var(--mine-shaft);
	border-color: var(--mine-shaft);
	color: #FFF;
}

html .btn-mine-shaft:hover,
html .btn-mine-shaft.hover {
	background-color: var(--mine-shaft-hover);
	border-color: var(--mine-shaft-hover);
	color: #FFF;
}

html .btn-mine-shaft:focus,
html .btn-mine-shaft.focus {
	box-shadow: 0 0 0 3px rgba(48, 48, 48, 0.5);
	background-color: var(--mine-shaft);
	border-color: var(--mine-shaft);
}

html .btn-mine-shaft.disabled,
html .btn-mine-shaft:disabled {
	background-color: var(--mine-shaft);
	border-color: var(--mine-shaft);
	opacity: 0.65;
}

/* Mine-Shaft Light */
html .btn-mine-shaft-light {
	background-color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
	color: #FFF;
}

html .btn-mine-shaft-light:hover,
html .btn-mine-shaft-light.hover {
	background-color: var(--mine-shaft-light-hover);
	border-color: var(--mine-shaft-light-hover);
	color: #FFF;
}

html .btn-mine-shaft-light:focus,
html .btn-mine-shaft-light.focus {
	box-shadow: 0 0 0 3px rgba(86, 86, 86, 0.5);
	background-color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
}

html .btn-mine-shaft-light.disabled,
html .btn-mine-shaft-light:disabled {
	background-color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
	opacity: 0.65;
}

/* Matisse */
html .btn-matisse {
	background-color: var(--matisse);
	border-color: var(--matisse);
	color: #FFF;
}

html .btn-matisse:hover,
html .btn-matisse.hover {
	background-color: var(--matisse-hover);
	border-color: var(--matisse-hover);
	color: #FFF;
}

html .btn-matisse:focus,
html .btn-matisse.focus {
	box-shadow: 0 0 0 3px rgba(30, 114, 158, 0.5);
	background-color: var(--matisse);
	border-color: var(--matisse);
}

html .btn-matisse.disabled,
html .btn-matisse:disabled {
	background-color: var(--matisse);
	border-color: var(--matisse);
	opacity: 0.65;
}

/* Matisse Light */
html .btn-matisse-light {
	background-color: var(--matisse-light);
	border-color: var(--matisse-light);
	color: #FFF;
}

html .btn-matisse-light:hover,
html .btn-matisse-light.hover {
	background-color: var(--matisse-light-hover);
	border-color: var(--matisse-light-hover);
	color: #FFF;
}

html .btn-matisse-light:focus,
html .btn-matisse-light.focus {
	box-shadow: 0 0 0 3px rgba(48, 158, 215, 0.5);
	background-color: var(--matisse-light);
	border-color: var(--matisse-light);
}

html .btn-matisse-light.disabled,
html .btn-matisse-light:disabled {
	background-color: var(--matisse-light);
	border-color: var(--matisse-light);
	opacity: 0.65;
}

/* Casper */
html .btn-casper {
	background-color: var(--casper);
	border-color: var(--casper);
	color: #000;
}

html .btn-casper:hover,
html .btn-casper.hover {
	background-color: var(--casper-hover);
	border-color: var(--casper-hover);
	color: #000;
}

html .btn-casper:focus,
html .btn-casper.focus {
	box-shadow: 0 0 0 3px rgba(177, 197, 208, 0.5);
	background-color: var(--casper);
	border-color: var(--casper);
}

html .btn-casper.disabled,
html .btn-casper:disabled {
	background-color: var(--casper);
	border-color: var(--casper);
	opacity: 0.65;
}

/* Casper Light */
html .btn-casper-light {
	background-color: var(--casper-light);
	border-color: var(--casper-light);
	color: #000;
}

html .btn-casper-light:hover,
html .btn-casper-light.hover {
	background-color: var(--casper-light-hover);
	border-color: var(--casper-light-hover);
	color: #000;
}

html .btn-casper-light:focus,
html .btn-casper-light.focus {
	box-shadow: 0 0 0 3px rgba(224, 232, 236, 0.5);
	background-color: var(--casper-light);
	border-color: var(--casper-light);
}

html .btn-casper-light.disabled,
html .btn-casper-light:disabled {
	background-color: var(--casper-light);
	border-color: var(--casper-light);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Text Colors
 *---------------------------------------------------------------------------*/

/* Bismark Text Colors */
html .heading-bismark,
html .lnk-bismark,
html .text-color-bismark,
html .text-bismark {
	color: var(--bismark) !important;
}

html .text-color-hover-bismark:hover,
html .text-hover-bismark:hover {
	color: var(--bismark) !important;
}

html .heading.heading-bismark h1,
html .heading.heading-bismark h2,
html .heading.heading-bismark h3,
html .heading.heading-bismark h4,
html .heading.heading-bismark h5,
html .heading.heading-bismark h6 {
	border-color: var(--bismark);
}

/* Bismark Light Text Colors */
html .heading-bismark-light,
html .lnk-bismark-light,
html .text-color-bismark-light,
html .text-bismark-light {
	color: var(--bismark-light) !important;
}

html .text-color-hover-bismark-light:hover,
html .text-hover-bismark-light:hover {
	color: var(--bismark-light) !important;
}

html .heading.heading-bismark-light h1,
html .heading.heading-bismark-light h2,
html .heading.heading-bismark-light h3,
html .heading.heading-bismark-light h4,
html .heading.heading-bismark-light h5,
html .heading.heading-bismark-light h6 {
	border-color: var(--bismark-light);
}

/* Mine-Shaft Text Colors */
html .heading-mine-shaft,
html .lnk-mine-shaft,
html .text-color-mine-shaft,
html .text-mine-shaft {
	color: var(--mine-shaft) !important;
}

html .text-color-hover-mine-shaft:hover,
html .text-hover-mine-shaft:hover {
	color: var(--mine-shaft) !important;
}

html .heading.heading-mine-shaft h1,
html .heading.heading-mine-shaft h2,
html .heading.heading-mine-shaft h3,
html .heading.heading-mine-shaft h4,
html .heading.heading-mine-shaft h5,
html .heading.heading-mine-shaft h6 {
	border-color: var(--mine-shaft);
}

/* Mine-Shaft Light Text Colors */
html .heading-mine-shaft-light,
html .lnk-mine-shaft-light,
html .text-color-mine-shaft-light,
html .text-mine-shaft-light {
	color: var(--mine-shaft-light) !important;
}

html .text-color-hover-mine-shaft-light:hover,
html .text-hover-mine-shaft-light:hover {
	color: var(--mine-shaft-light) !important;
}

html .heading.heading-mine-shaft-light h1,
html .heading.heading-mine-shaft-light h2,
html .heading.heading-mine-shaft-light h3,
html .heading.heading-mine-shaft-light h4,
html .heading.heading-mine-shaft-light h5,
html .heading.heading-mine-shaft-light h6 {
	border-color: var(--mine-shaft-light);
}

/* Matisse Text Colors */
html .heading-matisse,
html .lnk-matisse,
html .text-color-matisse,
html .text-matisse {
	color: var(--matisse) !important;
}

html .text-color-hover-matisse:hover,
html .text-hover-matisse:hover {
	color: var(--matisse) !important;
}

html .heading.heading-matisse h1,
html .heading.heading-matisse h2,
html .heading.heading-matisse h3,
html .heading.heading-matisse h4,
html .heading.heading-matisse h5,
html .heading.heading-matisse h6 {
	border-color: var(--matisse);
}

/* Matisse Light Text Colors */
html .heading-matisse-light,
html .lnk-matisse-light,
html .text-color-matisse-light,
html .text-matisse-light {
	color: var(--matisse-light) !important;
}

html .text-color-hover-matisse-light:hover,
html .text-hover-matisse-light:hover {
	color: var(--matisse-light) !important;
}

html .heading.heading-matisse-light h1,
html .heading.heading-matisse-light h2,
html .heading.heading-matisse-light h3,
html .heading.heading-matisse-light h4,
html .heading.heading-matisse-light h5,
html .heading.heading-matisse-light h6 {
	border-color: var(--matisse-light);
}

/* Casper Text Colors */
html .heading-casper,
html .lnk-casper,
html .text-color-casper,
html .text-casper {
	color: var(--casper) !important;
}

html .text-color-hover-casper:hover,
html .text-hover-casper:hover {
	color: var(--casper) !important;
}

html .heading.heading-casper h1,
html .heading.heading-casper h2,
html .heading.heading-casper h3,
html .heading.heading-casper h4,
html .heading.heading-casper h5,
html .heading.heading-casper h6 {
	border-color: var(--casper);
}

/* Casper Light Text Colors */
html .heading-casper-light,
html .lnk-casper-light,
html .text-color-casper-light,
html .text-casper-light {
	color: var(--casper-light) !important;
}

html .text-color-hover-casper-light:hover,
html .text-hover-casper-light:hover {
	color: var(--casper-light) !important;
}

html .heading.heading-casper-light h1,
html .heading.heading-casper-light h2,
html .heading.heading-casper-light h3,
html .heading.heading-casper-light h4,
html .heading.heading-casper-light h5,
html .heading.heading-casper-light h6 {
	border-color: var(--casper-light);
}

/*-----------------------------------------------------------------------------
 * Background Colors
 *---------------------------------------------------------------------------*/

/* Bismark Background Colors */
html .bg-bismark,
html .background-color-bismark {
	background-color: var(--bismark) !important;
}

html .bg-bismark-light,
html .background-color-bismark-light {
	background-color: var(--bismark-light) !important;
}

/* Mine-Shaft Background Colors */
html .bg-mine-shaft,
html .background-color-mine-shaft {
	background-color: var(--mine-shaft) !important;
}

html .bg-mine-shaft-light,
html .background-color-mine-shaft-light {
	background-color: var(--mine-shaft-light) !important;
}

/* Matisse Background Colors */
html .bg-matisse,
html .background-color-matisse {
	background-color: var(--matisse) !important;
}

html .bg-matisse-light,
html .background-color-matisse-light {
	background-color: var(--matisse-light) !important;
}

/* Casper Background Colors */
html .bg-casper,
html .background-color-casper {
	background-color: var(--casper) !important;
}

html .bg-casper-light,
html .background-color-casper-light {
	background-color: var(--casper-light) !important;
}

/*-----------------------------------------------------------------------------
 * Badges
 *---------------------------------------------------------------------------*/

/* Bismark Badges */
.badge-bismark {
	background: var(--bismark-hover);
	color: #FFF;
}

.badge-bismark-light {
	background: var(--bismark-light-hover);
	color: #FFF;
}

/* Mine-Shaft Badges */
.badge-mine-shaft {
	background: var(--mine-shaft-hover);
	color: #FFF;
}

.badge-mine-shaft-light {
	background: var(--mine-shaft-light-hover);
	color: #FFF;
}

/* Matisse Badges */
.badge-matisse {
	background: var(--matisse-hover);
	color: #FFF;
}

.badge-matisse-light {
	background: var(--matisse-light-hover);
	color: #FFF;
}

/* Casper Badges */
.badge-casper {
	background: var(--casper-hover);
	color: #000;
}

.badge-casper-light {
	background: var(--casper-light-hover);
	color: #000;
}

/*-----------------------------------------------------------------------------
 * Outline Buttons
 *---------------------------------------------------------------------------*/

/* Bismark Outline */
html .btn-outline-bismark {
	color: var(--bismark);
	border-color: var(--bismark);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-bismark:hover,
html .btn-outline-bismark.hover {
	background-color: var(--bismark);
	border-color: var(--bismark);
	color: #FFF;
}

html .btn-outline-bismark:focus,
html .btn-outline-bismark.focus {
	box-shadow: 0 0 0 3px rgba(70, 106, 126, 0.5);
}

html .btn-outline-bismark.disabled,
html .btn-outline-bismark:disabled {
	color: var(--bismark);
	background-color: transparent;
	border-color: var(--bismark);
	opacity: 0.65;
}

/* Bismark Light Outline */
html .btn-outline-bismark-light {
	color: var(--bismark-light);
	border-color: var(--bismark-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-bismark-light:hover,
html .btn-outline-bismark-light.hover {
	background-color: var(--bismark-light);
	border-color: var(--bismark-light);
	color: #FFF;
}

html .btn-outline-bismark-light:focus,
html .btn-outline-bismark-light.focus {
	box-shadow: 0 0 0 3px rgba(102, 145, 170, 0.5);
}

html .btn-outline-bismark-light.disabled,
html .btn-outline-bismark-light:disabled {
	color: var(--bismark-light);
	background-color: transparent;
	border-color: var(--bismark-light);
	opacity: 0.65;
}

/* Mine-Shaft Outline */
html .btn-outline-mine-shaft {
	color: var(--mine-shaft);
	border-color: var(--mine-shaft);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-mine-shaft:hover,
html .btn-outline-mine-shaft.hover {
	background-color: var(--mine-shaft);
	border-color: var(--mine-shaft);
	color: #FFF;
}

html .btn-outline-mine-shaft:focus,
html .btn-outline-mine-shaft.focus {
	box-shadow: 0 0 0 3px rgba(48, 48, 48, 0.5);
}

html .btn-outline-mine-shaft.disabled,
html .btn-outline-mine-shaft:disabled {
	color: var(--mine-shaft);
	background-color: transparent;
	border-color: var(--mine-shaft);
	opacity: 0.65;
}

/* Mine-Shaft Light Outline */
html .btn-outline-mine-shaft-light {
	color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-mine-shaft-light:hover,
html .btn-outline-mine-shaft-light.hover {
	background-color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
	color: #FFF;
}

html .btn-outline-mine-shaft-light:focus,
html .btn-outline-mine-shaft-light.focus {
	box-shadow: 0 0 0 3px rgba(86, 86, 86, 0.5);
}

html .btn-outline-mine-shaft-light.disabled,
html .btn-outline-mine-shaft-light:disabled {
	color: var(--mine-shaft-light);
	background-color: transparent;
	border-color: var(--mine-shaft-light);
	opacity: 0.65;
}

/* Matisse Outline */
html .btn-outline-matisse {
	color: var(--matisse);
	border-color: var(--matisse);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-matisse:hover,
html .btn-outline-matisse.hover {
	background-color: var(--matisse);
	border-color: var(--matisse);
	color: #FFF;
}

html .btn-outline-matisse:focus,
html .btn-outline-matisse.focus {
	box-shadow: 0 0 0 3px rgba(30, 114, 158, 0.5);
}

html .btn-outline-matisse.disabled,
html .btn-outline-matisse:disabled {
	color: var(--matisse);
	background-color: transparent;
	border-color: var(--matisse);
	opacity: 0.65;
}

/* Matisse Light Outline */
html .btn-outline-matisse-light {
	color: var(--matisse-light);
	border-color: var(--matisse-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-matisse-light:hover,
html .btn-outline-matisse-light.hover {
	background-color: var(--matisse-light);
	border-color: var(--matisse-light);
	color: #FFF;
}

html .btn-outline-matisse-light:focus,
html .btn-outline-matisse-light.focus {
	box-shadow: 0 0 0 3px rgba(48, 158, 215, 0.5);
}

html .btn-outline-matisse-light.disabled,
html .btn-outline-matisse-light:disabled {
	color: var(--matisse-light);
	background-color: transparent;
	border-color: var(--matisse-light);
	opacity: 0.65;
}

/* Casper Outline */
html .btn-outline-casper {
	color: var(--casper);
	border-color: var(--casper);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-casper:hover,
html .btn-outline-casper.hover {
	background-color: var(--casper);
	border-color: var(--casper);
	color: #000;
}

html .btn-outline-casper:focus,
html .btn-outline-casper.focus {
	box-shadow: 0 0 0 3px rgba(177, 197, 208, 0.5);
}

html .btn-outline-casper.disabled,
html .btn-outline-casper:disabled {
	color: var(--casper);
	background-color: transparent;
	border-color: var(--casper);
	opacity: 0.65;
}

/* Casper Light Outline */
html .btn-outline-casper-light {
	color: var(--casper-light);
	border-color: var(--casper-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-casper-light:hover,
html .btn-outline-casper-light.hover {
	background-color: var(--casper-light);
	border-color: var(--casper-light);
	color: #000;
}

html .btn-outline-casper-light:focus,
html .btn-outline-casper-light.focus {
	box-shadow: 0 0 0 3px rgba(224, 232, 236, 0.5);
}

html .btn-outline-casper-light.disabled,
html .btn-outline-casper-light:disabled {
	color: var(--casper-light);
	background-color: transparent;
	border-color: var(--casper-light);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Button Size Variations
 *---------------------------------------------------------------------------*/

html [class*="btn-outline-"].btn-xs {
	padding: 2.4px 8px;
	padding: 0.15rem 0.5rem;
}

html [class*="btn-outline-"].btn-sm {
	padding: 4px 10.4px;
	padding: 0.25rem 0.65rem;
}

html [class*="btn-outline-"].btn-lg {
	padding: 7.2px 16px;
	padding: 0.45rem 1rem;
}

html [class*="btn-outline-"].btn-xl {
	padding: 12px 32px;
	padding: 0.75rem 2rem;
}

html [class*="btn-outline-"].btn-outline-thin {
	border-width: 1px;
}

/*-----------------------------------------------------------------------------
 * Alerts
 *---------------------------------------------------------------------------*/

.alert-bismark {
	color: #FFF;
	background-color: var(--bismark);
	border-color: var(--bismark);
}

.alert-bismark .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-bismark-light {
	color: #FFF;
	background-color: var(--bismark-light);
	border-color: var(--bismark-light);
}

.alert-bismark-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-mine-shaft {
	color: #FFF;
	background-color: var(--mine-shaft);
	border-color: var(--mine-shaft);
}

.alert-mine-shaft .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-mine-shaft-light {
	color: #FFF;
	background-color: var(--mine-shaft-light);
	border-color: var(--mine-shaft-light);
}

.alert-mine-shaft-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-matisse {
	color: #FFF;
	background-color: var(--matisse);
	border-color: var(--matisse);
}

.alert-matisse .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-matisse-light {
	color: #FFF;
	background-color: var(--matisse-light);
	border-color: var(--matisse-light);
}

.alert-matisse-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-casper {
	color: #000;
	background-color: var(--casper);
	border-color: var(--casper);
}

.alert-casper .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-casper-light {
	color: #000;
	background-color: var(--casper-light);
	border-color: var(--casper-light);
}

.alert-casper-light .alert-link {
	color: #000;
	text-decoration: underline;
}