/* ==========================================================================
   MISC SITE & BOOTSTRAP CLASS OVERRIDES

   - Miscellaneous overrides for Bootstrap classes.
   - Not all overrides will be needed in the final rollout. Some of these
     can be eliminated as certain sections are finalized. This will be an
	 ongoing work-in-progress.
========================================================================== */

:root {
	/* ======================================================================
	SWIPER CAROUSEL OVERRIDES
	====================================================================== */
    --swiper-navigation-size:			12px;
    --swiper-navigation-color:			#000;
    --swiper-navigation-sides-offset:	0;
    --swiper-scrollbar-size:			8px;
    --swiper-scrollbar-left:			0;
    --swiper-scrollbar-right:			12px;
    --swiper-scrollbar-top:				10px;
    --swiper-scrollbar-bottom:			0;
    --swiper-scrollbar-bg-color:	    var(--color-surface-secondary);
    --swiper-scrollbar-drag-bg-color:	var(--color-brand-secondary-01-d01);
    --swiper-scrollbar-border-radius:	200px;
    --swiper-scrollbar-sides-offset:	0;
}

/* Framework Overrides
========================================================================== */
@media (min-width: 576px) {

	.container-fluid {
		padding-left: var(--spacing-03);
		padding-right: var(--spacing-03);
	}
}

@media (min-width: 768px) {

	.container-fluid {
		padding-left:	var(--spacing-06);
		padding-right:	var(--spacing-06);
	}
}

@media (min-width: 1200px) {

	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

.cf::after { display: block; clear: both; content: ""; }

/* Legacy - Remove when CSS work is complete */
small, .small {
	line-height: 1.5;
}

/* Form Overrides
========================================================================== */
.form-control {
	background-color: var(--color-surface-form-default);
	color: var(--color-text-form-active);
	border: var(--border-weight-01) solid var(--color-border-form-default);
	border-radius: var(--border-radius-sm);
	height: calc(2.875rem + 2px);
}

.form-control:focus {
	color: var(--color-text-form-active);
}

select {
	color: var(--color-text-form-active);
}

.custom-select {
	border: var(--border-weight-01) solid var(--color-border-form-default);
	color: var(--color-text-form-active);
	appearance: none;
}

.list-group-item {
	border: var(--border-weight-01) solid var(--color-border-primary);
}

.form-row {
	margin-right: var(--spacing-03-negative);
	margin-left: var(--spacing-03-negative);
}

.form-row .col {
	padding-right: var(--spacing-03);
	padding-left: var(--spacing-03);
}

.form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label {
	color: var(--color-text-primary-dark);
	opacity: var(--opacity-30);
}

label.has-placeholder {
	color: var(--color-text-form-placeholder);
}

/* Table Overrides
========================================================================== */
table, .table {
	border: var(--border-weight-01) solid var(--color-border-primary);
	background-color: var(--color-surface-primary);
}

table thead, table .thead-light, table tr:first-child {
	background-color: var(--color-surface-secondary);
	border-color: var(--color-border-primary);
}

table td, .table td, table th, .table th  {
	border-top: var(--border-weight-01) solid var(--color-border-primary);
	font: var(--text-body-md-compact);
}

table tr:first-child td, .table tr:first-child td {
	color: var(--color-text-primary-dark);
}

/* Header Overrides
========================================================================== */
h1, .h1 {
	font: var(--text-heading-01);
    color: var(--color-text-primary-dark);
	padding: 0;
	margin: 0;
}

h2, .h2 {
	font: var(--text-heading-02);
    color: var(--color-text-primary-dark);
	padding: 0;
	margin: 0;
}

h3, .h3 {
	font: var(--text-heading-03);
    color: var(--color-text-primary-dark);
	padding: 0;
	margin: 0;
}

h4, .h4 {
	font: var(--text-heading-04);
    color: var(--color-text-primary-dark);
	padding: 0;
	margin: 0;
}

/* Anchor Overrides
========================================================================== */
a {
	color: var(--color-text-link-default);
}

a:hover {
	color: var(--color-text-link-hover);
	text-decoration: none;
}

a:visited {
	color: var(--color-text-link-visited);
}

/* Pagination Overrides
========================================================================== */
.page-link {
	padding: var(--spacing-04);
	border: var(--border-weight-01) solid var(--color-border-form-default);
}

.page-link:hover,
.page-link:active {
	border-color: var(--color-border-form-default);
	background-color: var(--color-surface-primary-hover);
}

.page-item .custom-select {
	height: 100%;
	padding: var(--spacing-03) var(--spacing-12);
	border-left: none;
    border-right: none;
    border-radius: 0;
	text-align: center;
}

.page-item.disabled .page-link {
    border-color: var(--color-brand-text-on-secondary);
}

/* Button Overrides
========================================================================== */
button {
	background-color: var(--color-surface-primary);
}

.btn {
	border-radius: var(--border-radius-sm);
	white-space: nowrap;
}

.btn-primary::placeholder {
	color: var(--color-text-form-placeholder);
}

.btn-primary:active::placeholder,
.btn-primary:focus::placeholder {
	color: var(--color-text-form-active);
}

.btn-block {
	padding: var(--spacing-03) var(--spacing-06);
}

.btn-link {
	text-decoration: none;
}

.close {
	opacity: var(--opacity-100);
}

/* Chat Widget Overrides
========================================================================== */
#chat-widget-container {
    z-index: 1040 !important;
}

#chat-widget-container .css-1yzzujv:hover {
    opacity: var(--opacity-70);
}

/* OneTrust Cookie Area Overrides
========================================================================== */
#onetrust-banner-sdk .ot-sdk-container,
#onetrust-pc-sdk .ot-sdk-container,
#ot-sdk-cookie-policy .ot-sdk-container {
	width: 100% !important;
	padding: 0 !important;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6 {
	font: var(--text-heading-04);
	color: var(--color-text-primary-dark);
	margin: 0 0 var(--spacing-06);
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc {
	font: var(--text-body-md-compact);
	color: var(--color-text-primary-dark);
	margin-bottom: var(--spacing-10);
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header {
	font: var(--text-body-md-compact);
	color: var(--color-text-primary-dark);
	padding: var(--spacing-03);
	border-right: 0;
	border-top: 0;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a {
	font: var(--text-link-lg);
	color: var(--color-text-link);
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
	font: var(--text-link-lg-hover);
	color: var(--color-text-link-hover);
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
	font: var(--text-body-md-compact);
	color: var(--color-text-primary-dark);
	border-right: 0;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup {
	margin-left: 0;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul {
	list-style: none;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup li {
	list-style: none;
	margin-left: 0;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup .ot-sdk-cookie-policy-group-desc {
	margin-top: 0.5rem;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
	margin: 0;
	border-radius: var(--border-radius-md);
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section {
	margin-bottom: var(--spacing-10) !important;
}

.support_section #ot-sdk-btn.ot-sdk-show-settings,
.support_section #ot-sdk-btn.optanon-show-settings {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: var(--border-weight-01) solid var(--color-brand-primary-01-d01);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: var(--border-radius-sm);
	white-space: nowrap;
	background-color: var(--color-brand-primary-01-d01);
	color: var(--color-brand-text-on-primary);
	font: var(--text-button-lg);
	padding: var(--spacing-03) var(--spacing-06);
}

.hockey .support_section #ot-sdk-btn.ot-sdk-show-settings,
.hockey .support_section #ot-sdk-btn.optanon-show-settings {
	border: var(--border-weight-01) solid var(--color-brand-primary-01-d01);
	background-color: var(--color-brand-primary-01-d01);
}

.fitness .support_section #ot-sdk-btn.ot-sdk-show-settings,
.fitness .support_section #ot-sdk-btn.optanon-show-settings {
	border: var(--border-weight-01) solid var(--color-brand-primary-01-d02);
	background-color: var(--color-brand-primary-01-d02);
}

.aggressive .support_section #ot-sdk-btn.ot-sdk-show-settings,
.aggressive .support_section #ot-sdk-btn.optanon-show-settings {
	border: var(--border-weight-01) solid var(--color-brand-primary-01-d03);
	background-color: var(--color-brand-primary-01-d03);
}

.support_section #ot-sdk-btn.ot-sdk-show-settings:hover,
.support_section #ot-sdk-btn.optanon-show-settings:hover {
	background-color: var(--color-brand-primary-02);
	color: var(--color-brand-text-on-primary);
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
	background-color: var(--color-brand-primary-01-d01) !important;
	color: var(--color-brand-text-on-primary) !important;
	font: var(--text-button-lg) !important;
	padding: var(--spacing-03) var(--spacing-06) !important;
	border: 0 !important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
	user-select: none !important;
	display: inline-block !important;
	text-align: center !important;
	vertical-align: middle !important;
	border-radius: var(--border-radius-sm) !important;
}

.hockey #ot-sdk-btn.ot-sdk-show-settings,
.hockey #ot-sdk-btn.optanon-show-settings {
	background-color: var(--color-brand-primary-01-d01) !important;
}

.fitness #ot-sdk-btn.ot-sdk-show-settings,
.fitness #ot-sdk-btn.optanon-show-settings {
	background-color: var(--color-brand-primary-01-d02) !important;
}

.aggressive #ot-sdk-btn.ot-sdk-show-settings,
.aggressive #ot-sdk-btn.optanon-show-settings {
	background-color: var(--color-brand-primary-01-d03) !important;
}

.hockey #ot-sdk-btn.ot-sdk-show-settings:hover,
.hockey #ot-sdk-btn.optanon-show-settings:hover {
	background-color: var(--color-brand-primary-02-d01) !important;
}

.fitness #ot-sdk-btn.ot-sdk-show-settings:hover,
.fitness #ot-sdk-btn.optanon-show-settings:hover {
	background-color: var(--color-brand-primary-02-d02) !important;
}

.aggressive #ot-sdk-btn.ot-sdk-show-settings:hover,
.aggressive #ot-sdk-btn.optanon-show-settings:hover {
	background-color: var(--color-brand-primary-02-d03) !important;
}

/* Disciplines Specific Overrides
========================================================================== */
/* Header */
.hockey .header__shipping-banner-wrapper {
    background-color: var(--color-brand-primary-01-d01);
}

.fitness .header__shipping-banner-wrapper {
    background-color: var(--color-brand-primary-01-d02);
}

.aggressive .header__shipping-banner-wrapper {
    background-color: var(--color-brand-primary-01-d03);
}

.hockey .header__shipping-banner-carousel a {
    color: var(--color-brand-text-on-primary-d01);
}

.fitness .header__shipping-banner-carousel a {
    color: var(--color-brand-text-on-primary-d02);
}

.aggressive .header__shipping-banner-carousel a {
    color: var(--color-brand-text-on-primary-d03);
}

.hockey .header__container {
    background-color: var(--color-brand-secondary-01-d01);
}

.fitness .header__container {
    background-color: var(--color-brand-secondary-01-d02);
}

.aggressive .header__container {
    background-color: var(--color-brand-secondary-01-d03);
}

.hockey .header__shipping-banner-text a {
    color: var(--color-brand-text-on-primary-d01);
}

.fitness .header__shipping-banner-text a {
    color: var(--color-brand-text-on-primary-d02);
}

.aggressive .header__shipping-banner-text a {
    color: var(--color-brand-text-on-primary-d03);
}

.hockey .offcanvas-menu .header__subheader-container {
    background: var(--color-brand-secondary-01-d01);
}

.fitness .offcanvas-menu .header__subheader-container {
    background: var(--color-brand-secondary-01-d02);
}

.aggressive .offcanvas-menu .header__subheader-container {
    background: var(--color-brand-secondary-01-d03);
}

/* Added for left menu discipline dropdown */
.l-content-menu .left-menu__discipline-select-label {
	font: var(--text-form-label);
}

.l-content-menu .left-menu__nav .left-menu__accordion-label {
	font-family: var(--font-family-02);
	font-size: var(--font-size-25);
	font-style: normal;
	font-weight: 400;
	line-height: 18px
}

.left-menu__accordion .left-menu__accordion-heading-title {
	display: flex;
	position: relative;
	overflow: hidden;
	color: var(--color-text-form-active);
	font-family: var(--font-family-02);
	font-style: normal;
	font-weight: var(--font-weight-reg);
	line-height: 24px;
	font-size: var(--font-size-100);
	align-items: center;
}

.left-menu__accordion .left-menu__accordion-heading-title .icon {
	width: 12px;
	height: 12px;
	padding: 12px 0 0;
	background-size: 12px;
	background-position: 0 0;
	position: absolute;
	right: 0px;
	margin-top: 0;
}

.left-menu__accordion .left-menu__accordion-option a {
	overflow: hidden;
	color: var(--color-text-primary-dark);
	font-family: var(--font-family-02);
	font-style: normal;
	font-weight: var(--font-weight-reg);
	line-height: 24px;
	font-size: var(--font-size-100);
}

/* Updated menu dropdown */
.left-menu__navitem-wrapper .left-menu__discipline-select {
 	height: inherit;
 	color: var(--color-text-form-placeholder);
 	padding: var(--spacing-03);
 	font-family: var(--font-family-02);
 	font-size: var(--font-size-100);
 	font-style: normal;
 	font-weight: var(--font-weight-reg);
 	line-height: 24px;
}

/* Footer */
.hockey #footer_content .list-group-standard .list-group-item>.btn:not(.collapsed) {
	background-color: var(--color-brand-secondary-02-d01);
}

.fitness #footer_content .list-group-standard .list-group-item>.btn:not(.collapsed) {
	background-color: var(--color-brand-secondary-02-d02);
}

.aggressive #footer_content .list-group-standard .list-group-item>.btn:not(.collapsed) {
	background-color: var(--color-brand-secondary-02-d03);
}

.hockey .footer__links-wrapper {
    background-color: var(--color-brand-secondary-01-d01);
}

.fitness .footer__links-wrapper {
    background-color: var(--color-brand-secondary-01-d02);
}

.aggressive .footer__links-wrapper {
    background-color: var(--color-brand-secondary-01-d03);
}

/* Descpage */
.hockey #product_nav .inpage_nav .nav-link:hover,
.hockey #product_nav .inpage_nav .nav-link:active,
.hockey #product_nav .inpage_nav .nav-link.active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-01-d01);
}

.fitness #product_nav .inpage_nav .nav-link:hover,
.fitness #product_nav .inpage_nav .nav-link:active,
.fitness #product_nav .inpage_nav .nav-link.active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-01-d02);
}

.aggressive #product_nav .inpage_nav .nav-link:hover,
.aggressive #product_nav .inpage_nav .nav-link:active,
.aggressive #product_nav .inpage_nav .nav-link.active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-01-d03);
}

.style_ordering .list-group.accordion .list-group-item:first-of-type .list-group-item:last-of-type,
.style_ordering .list-group.accordion .list-group-item:first-of-type .list-group-item:last-of-type .btn {
    border-bottom-left-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md);
	border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
}

.desc_top-head-info-sub {
    font: var(--text-product-type-lg);
    color: var(--color-text-secondary);
    word-break: break-word;
    padding-bottom: var(--spacing-01);
}

.product-info__section .header_bestuse {
	padding-bottom: var(--spacing-04);
	font: var(--text-heading-03);
}

/* Global */
.hockey .button-brand {
	background-color: var(--color-brand-primary-01-d01);
	color: var(--color-brand-text-on-primary-d01);
}

.fitness .button-brand {
	background-color: var(--color-brand-primary-01-d02);
	color: var(--color-brand-text-on-primary-d02);
}

.aggressive .button-brand {
	background-color: var(--color-brand-primary-01-d03);
	color: var(--color-brand-text-on-primary-d02);
}

.hockey .button-brand:visited {
	color: var(--color-brand-text-on-primary-d01);
}

.fitness .button-brand:visited {
	color: var(--color-brand-text-on-primary-d02);
}

.aggressive .button-brand:visited {
	color: var(--color-brand-text-on-primary-d03);
}

.hockey .btn-primary {
	background-color: var(--color-brand-primary-01-d01);
	border-color: var(--color-brand-primary-01-d01);
}

.fitness .btn-primary {
	background-color: var(--color-brand-primary-01-d02);
	border-color: var(--color-brand-primary-01-d02);
}

.aggressive .btn-primary {
	background-color: var(--color-brand-primary-01-d03);
	border-color: var(--color-brand-primary-01-d03);
}

.hockey .button-brand:focus,
.hockey .button-brand:active,
.hockey .button-brand.active,
.hockey .button-brand:hover {
	background-color: var(--color-brand-primary-02-d01);
	color: var(--color-brand-text-on-primary-d01);
}

.fitness .button-brand:focus,
.fitness .button-brand:active,
.fitness .button-brand.active,
.fitness .button-brand:hover {
	background-color: var(--color-brand-primary-02-d02);
	color: var(--color-brand-text-on-primary-d02);
}

.aggressive .button-brand:focus,
.aggressive .button-brand:active,
.aggressive .button-brand.active,
.aggressive .button-brand:hover {
	background-color: var(--color-brand-primary-02-d03);
	color: var(--color-brand-text-on-primary-d03);
}

/* Global - image aspect ratios */
.image__nutrition {
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    aspect-ratio: var(--image-undefined);
}

/* Carousels */
.swiper-scrollbar-drag { background: var(--color-surface-primary-inverse);}

.hockey .swiper-button-prev:not(.swiper-button-disabled):hover,
.hockey .swiper-button-next:not(.swiper-button-disabled):hover {
    background: var(--color-surface-primary-inverse);
    border: var(--border-weight-01) solid var(--color-surface-primary-inverse);
    color: var(--color-brand-text-on-secondary-d01);
    transition: 0.3s;
}

.fitness .swiper-button-prev:not(.swiper-button-disabled):hover,
.fitness .swiper-button-next:not(.swiper-button-disabled):hover {
    background: var(--color-surface-primary-inverse);
    border: var(--border-weight-01) solid var(--color-surface-primary-inverse);
    color: var(--color-brand-text-on-secondary-d02);
    transition: 0.3s;
}

.aggressive .swiper-button-prev:not(.swiper-button-disabled):hover,
.aggressive .swiper-button-next:not(.swiper-button-disabled):hover {
    background: var(--color-surface-primary-inverse);
    border: var(--border-weight-01) solid var(--color-surface-primary-inverse);
    color: var(--color-brand-text-on-secondary-d03);
    transition: 0.3s;
}

/* Image Rotator */
.hockey .image-rotator__navigation-tabs>.is-active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-02-d01);
}

.fitness .image-rotator__navigation-tabs>.is-active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-02-d02);
}

.aggressive .image-rotator__navigation-tabs>.is-active {
	border-bottom: var(--border-weight-02) solid var(--color-brand-primary-02-d03);
}

/* Sitewide Drawer */
.hockey .sitewide-drawer__tab {
    background-color: var(--color-brand-primary-01-d01);
    color: var(--color-brand-text-on-primary-d01);
}

.hockey .sitewide-drawer__tab:hover {
    background-color: var(--color-brand-primary-02-d01);
    color: var(--color-brand-text-on-primary-d01);
}

.fitness .sitewide-drawer__tab {
    background-color: var(--color-brand-primary-01-d02);
    color: var(--color-brand-text-on-primary-d02);
}

.fitness .sitewide-drawer__tab:hover {
    background-color: var(--color-brand-primary-02-d02);
    color: var(--color-brand-text-on-primary-d02);
}

.aggressive .sitewide-drawer__tab {
    background-color: var(--color-brand-primary-01-d03);
    color: var(--color-brand-text-on-primary-d03);
}

.aggressive .sitewide-drawer__tab:hover {
    background-color: var(--color-brand-primary-02-d03);
    color: var(--color-brand-text-on-primary-d03);
}

/* Dyanmaic Cart */
.hockey .dynamic_cart-cart-ship-bar>div {
    background-color: var(--color-brand-primary-01-d01);
}

.fitness .dynamic_cart-cart-ship-bar>div {
    background-color: var(--color-brand-primary-01-d02);
}

.aggressive .dynamic_cart-cart-ship-bar>div {
    background-color: var(--color-brand-primary-01-d03);
}

/* Account Page */
.hockey .account-preferences__tab-button.active {
    color: var(--color-brand-text-on-primary-d01);
    background-color: var(--color-brand-primary-01-d01);
}

.fitness .account-preferences__tab-button.active {
    color: var(--color-brand-text-on-primary-d02);
    background-color: var(--color-brand-primary-01-d02);
}

.aggressive .account-preferences__tab-button.active {
    color: var(--color-brand-text-on-primary-d03);
    background-color: var(--color-brand-primary-01-d03);
}

/* Gift Cards Page */
.hockey .gc_tabs-nav .gc_tabs-nav-tab.active {
	color: var(--color-brand-text-on-primary-d01);
    background-color: var(--color-brand-primary-01-d01);
}

.fitness .gc_tabs-nav .gc_tabs-nav-tab.active {
	color: var(--color-brand-text-on-primary-d02);
    background-color: var(--color-brand-primary-01-d02);
}

.aggressive .gc_tabs-nav .gc_tabs-nav-tab.active {
	color: var(--color-brand-text-on-primary-d03);
    background-color: var(--color-brand-primary-01-d03);
}

/* Bootstrap Alert Overrides */
.alert-danger {
	background-color: var(--color-surface-support-critical);
	color: var(--color-text-support-critical);
	border-color: var(--color-border-support-critical);
	border-radius: var(--border-radius-sm);
	padding: var(--spacing-03);
}

.alert-warning {
	background-color: var(--color-surface-support-warning);
	color: var(--color-text-support-warning);
	border-color: var(--color-border-support-warning);
	border-radius: var(--border-radius-sm);
	padding: var(--spacing-03);
}

.alert-success {
	background-color: var(--color-surface-support-success);
	color: var(--color-text-support-success);
	border-color: var(--color-border-support-success);
	border-radius: var(--border-radius-sm);
	padding: var(--spacing-03);
}

.alert-primary {
	background-color: var(--color-surface-support-info);
	color: var(--color-text-support-info);
	border-color: var(--color-border-support-info);
	border-radius: var(--border-radius-sm);
	padding: var(--spacing-03);
}

.alert.alert-info {
	background-color: var(--color-surface-support-info);
	color: var(--color-text-support-info);
	border-color: var(--color-border-support-info);
	border-radius: var(--border-radius-sm);
	padding: var(--spacing-03);
}