@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Pages/AvailabilitySearch/AvailabilityPopUp.razor.rz.scp.css */

.avail-pop-up[b-zqpfsriatv] {
	cursor: pointer;
}

	.avail-pop-up > .pop-up[b-zqpfsriatv] {
		visibility: hidden;
		position: absolute;
		top: 200%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 100;
	}

	.avail-pop-up:hover > .pop-up[b-zqpfsriatv] {
		visibility: visible;
		width: max-content;
	}
/* /Pages/AvailabilitySearch/BasicsDisplay/BasicsDisplayTable.razor.rz.scp.css */


.colorchip[b-ks1bulcva8] {
	border: 1px solid #336699;
	color: #336699;
	margin-right: 4px;
	padding: 1px;
	vertical-align: middle;
	text-align: center;
	width: 18px;
	height: 18px;
}

.img-dropdown[b-ks1bulcva8] {
	position: relative;
	display: inline-block;
}

.img-dropdown-content[b-ks1bulcva8] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	cursor: pointer;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right: 0;
	z-index: 1000;
	transition: 0.4s;
}

	.img-dropdown-content a[b-ks1bulcva8] {
		text-decoration: none;
	}

.img-dropdown:hover .img-dropdown-content[b-ks1bulcva8] {
	opacity: 1;
	visibility: visible;
}

.img-desc[b-ks1bulcva8] {
	padding: 15px;
	text-align: center;
}
/* /Pages/AvailabilitySearch/ClassicsDisplay/ClassicsDisplayTable.razor.rz.scp.css */


.colorchip[b-jjfvfeoj6x] {
	border: 1px solid #336699;
	color: #336699;
	margin-right: 4px;
	padding: 1px;
	vertical-align: middle;
	text-align: center;
	width: 18px;
	height: 18px;
}

.img-dropdown[b-jjfvfeoj6x] {
	position: relative;
	display: inline-block;
}

.img-dropdown-content[b-jjfvfeoj6x] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	cursor: pointer;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right: 0;
	z-index: 1000;
	transition: 0.4s;
}

	.img-dropdown-content a[b-jjfvfeoj6x] {
		text-decoration: none;
	}

.img-dropdown:hover .img-dropdown-content[b-jjfvfeoj6x] {
	opacity: 1;
	visibility: visible;
}

.img-desc[b-jjfvfeoj6x] {
	padding: 15px;
	text-align: center;
}
/* /Pages/AvailabilitySearch/Index.razor.rz.scp.css */
#Filters[b-6ckq8wkrvh] {
	font-size: 14px;
	max-width: 275px;
	display: flex;
}

@media (max-width: 315px) {
	#Filters[b-6ckq8wkrvh] {
		margin-top: 3rem;
	}
}


@keyframes slideLeft-b-6ckq8wkrvh {
	from {
		max-width: 300px;
		width: 300px;
		opacity: 100%;
	}

	to {
		max-width: 0px;
		width: 0px;
		opacity: 0%;
	}
}

@keyframes slideRight-b-6ckq8wkrvh {
	from {
		max-width: 0;
		width: 0px;
		opacity: 0%;
	}

	to {
		max-width: 285px;
		width: 275px;
		opacity: 100%;
	}
}

.filters-unanimated-show[b-6ckq8wkrvh] {
	width: 275px;
}

.filters-unanimated-collapsed[b-6ckq8wkrvh] {
	display: none;
}

.filters-collapsed[b-6ckq8wkrvh] {
	animation-duration: 0.35s;
	animation-name: slideLeft-b-6ckq8wkrvh;
	transition: max-width 0.35s, opacity 0.35s, width 0.35s;
	animation-fill-mode: forwards;
}

.filters-show[b-6ckq8wkrvh] {
	animation-duration: 0.35s;
	animation-name: slideRight-b-6ckq8wkrvh;
	transition: max-width 0.35s, opacity 0.35s, width 0.35s;
	animation-fill-mode: forwards;
}

.collapse-btn[b-6ckq8wkrvh] {
	background: none;
	position: relative;
	outline: none;
	border: none;
	top: 1.5rem;
}

.collapse-btn-collapsed[b-6ckq8wkrvh]:before {
	content: 'Filters \276F';
	display: block;
	width: max-content;
	transform: rotate(0deg);
}

.collapse-btn-show[b-6ckq8wkrvh]:before {
	content: '\276F';
	display: block;
	width: max-content;
	transform: rotate(180deg);
}

.search-btn[b-6ckq8wkrvh] {
	background-color: #011e41;
	color: #e6e7e8;
	width: 100%;
	padding: 5px;
	border: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	border-radius: unset;
	border: none;
}

#scrollable-content[b-6ckq8wkrvh] {
	overflow-y: auto;
	overflow-x: hidden;
}

	#scrollable-content[b-6ckq8wkrvh]::-webkit-scrollbar {
		width: 8px;
		padding: 4px;
	}

	#scrollable-content[b-6ckq8wkrvh]::-webkit-scrollbar-track {
		background-color: #F0F0F1;
		width: 10px;
	}

	#scrollable-content[b-6ckq8wkrvh]::-webkit-scrollbar-thumb {
		box-sizing: border-box;
		border-radius: 0.5rem;
		background-color: #002B49;
	}

@media (max-width: 991px) {
	#Filters[b-6ckq8wkrvh] {
		min-height: 20px;
	}

	@keyframes slideUpLoggedIn-b-6ckq8wkrvh {
		from {
			max-height: 500px;
			height: 500px;
			opacity: 100%;
		}

		to {
			max-height: 0px;
			height: 0px;
			opacity: 0%;
		}
	}

	@keyframes slideDownLoggedIn-b-6ckq8wkrvh {
		from {
			max-height: 0;
			height: 0px;
			opacity: 0%;
		}

		to {
			max-height: 500px;
			height: 500px;
			opacity: 100%;
		}
	}

	@keyframes slideUpLoggedOut-b-6ckq8wkrvh {
		from {
			max-height: 425px;
			height: 425px;
			opacity: 100%;
		}

		to {
			max-height: 0px;
			height: 0px;
			opacity: 0%;
		}
	}

	@keyframes slideDownLoggedOut-b-6ckq8wkrvh {
		from {
			max-height: 0;
			height: 0px;
			opacity: 0%;
		}

		to {
			max-height: 425px;
			height: 425px;
			opacity: 100%;
		}
	}

	.filters-body[b-6ckq8wkrvh] {
		width: 275px;
	}

	.filters-unanimated-show[b-6ckq8wkrvh] {
		overflow: auto;
	}

	.filters-collapsed.logged-out[b-6ckq8wkrvh] {
		animation-name: slideUpLoggedOut-b-6ckq8wkrvh;
		transition: max-height 0.35s, opacity 0.5s, height 0.35s;
	}

	.filters-show.logged-out[b-6ckq8wkrvh] {
		animation-name: slideDownLoggedOut-b-6ckq8wkrvh;
		transition: max-height 0.35s, opacity 0.35s, height 0.35s;
	}

	.filters-collapsed.logged-in[b-6ckq8wkrvh] {
		animation-name: slideUpLoggedIn-b-6ckq8wkrvh;
		transition: max-height 0.35s, opacity 0.5s, height 0.35s;
	}

	.filters-show.logged-in[b-6ckq8wkrvh] {
		animation-name: slideDownLoggedIn-b-6ckq8wkrvh;
		transition: max-height 0.35s, opacity 0.35s, height 0.35s;
	}

	.collapse-btn[b-6ckq8wkrvh] {
		width: 275px;
		min-height: 35px;
		margin-bottom: 1rem;
		border: 1px solid var(--cb-blue-1);
		text-align: center;
		position: relative;
		top: 0rem;
	}

	.collapse-btn-collapsed[b-6ckq8wkrvh]:before {
		content: 'Show Filters';
		display: inline;
		font-weight: bold;
		position: absolute;
		left: 5%;
		top: 25%;
	}

	.collapse-btn-collapsed[b-6ckq8wkrvh]:after {
		content: '\276F';
		display: inline;
		width: max-content;
		font-weight: bold;
		position: absolute;
		right: 5%;
		top: 25%;
		transform: rotate(90deg);
	}

	.collapse-btn-show[b-6ckq8wkrvh]:before {
		content: 'Hide Filters';
		display: inline;
		font-weight: bold;
		position: absolute;
		left: 5%;
		top: 25%;
		transform: none;
	}

	.collapse-btn-show[b-6ckq8wkrvh]:after {
		content: '\276F';
		display: inline;
		width: max-content;
		font-weight: bold;
		position: absolute;
		right: 5%;
		top: 25%;
		transform: rotate(-90deg);
	}

	#scrollable-content[b-6ckq8wkrvh] {
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 400px;
	}
}

@media (max-width: 500px) {
	.filters-body[b-6ckq8wkrvh] {
		min-width: 200px;
		width: 90vw;
	}

	.collapse-btn[b-6ckq8wkrvh] {
		min-width: 200px;
		width: 90vw;
	}
}

@media (min-width: 750px) {
	#Filters[b-6ckq8wkrvh] {
		position: sticky;
		top: 128px;
	}
}


a.filterReset[b-6ckq8wkrvh] {
	cursor: pointer;
}

#Filters div.checkbox[b-6ckq8wkrvh] {
	margin-top: 0px;
	margin-bottom: 0px;
}

#Filters span.glyphicon-search[b-6ckq8wkrvh] {
	color: white;
}

#Filters button.searchBtn[b-6ckq8wkrvh] {
	background-color: #011e41;
}

.style-group-header[b-6ckq8wkrvh] {
	z-index: 50 !important; /*override bootstrap sticky-top*/
}
/* /Pages/AvailabilitySearch/Input/Checkbox.razor.rz.scp.css */
/* /Pages/AvailabilitySearch/Input/FilterSection.razor.rz.scp.css */
.filter-header[b-pt66msuzja] {
	background-color: white;
	color: #011e41;
	cursor: pointer;
	padding: 5px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	border-bottom: 1px solid var(--cb-grey-4);
}

.active[b-pt66msuzja], .collapsible:hover[b-pt66msuzja] {
	background-color: #e6e7e8;
}

button.active + div.content[b-pt66msuzja] {
	max-height: 100%;
}

button.active + div.over[b-pt66msuzja] {
	overflow: visible;
}

.collapsible[b-pt66msuzja] {
	position: relative;
}

	.collapsible[b-pt66msuzja]:after {
		content: '\276F';
		display: inline-block;
		position: absolute;
		right: 0.25rem;
		/*Position it vertically centered*/
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
	}

	.collapsible.active[b-pt66msuzja]:after {
		transform: translateY(-50%) rotate(-90deg);
	}

.content[b-pt66msuzja] {
	padding: 0 18px;
}
/* /Pages/Cart.razor.rz.scp.css */
body[b-b61fh50wg4] {
}

div.flex-row[b-b61fh50wg4] {
    gap: 30px;
}
div.flex-column[b-b61fh50wg4] {
    gap:10px;
}
.cta[b-b61fh50wg4] {
    font-weight: 400;
}

div.sticky-top-checkout[b-b61fh50wg4] {
    position: sticky;
    background-color: var(--cb-grey-4);
    top:110px;
    z-index: 50;
}

.accordion-button[b-b61fh50wg4]::after {
    transform: rotate(360deg);
}

.pfas-shipping-alert[b-b61fh50wg4] {
    font-size: 0.813rem;
    line-height: 1.25rem;
    border-radius: 5px;
}

.pfas-shipping-alert-img[b-b61fh50wg4] {
}

.pfas-shipping-alert-btn[b-b61fh50wg4] {
    font-size: 0.875rem;
    width: max-content;
}

.pfas-item-alert[b-b61fh50wg4] {
    font-size: 0.813rem;
    padding: 0.625rem;
    border: none;
    font-weight: bold;
}
/* /Pages/CheckoutSummary.razor.rz.scp.css */
body[b-1oy1oavgir] {
}

div.cb-grey-4[b-1oy1oavgir] {
    background-color: var(--cb-grey-4);
}
/* /Pages/CreditApp/BillingAndShipping.razor.rz.scp.css */
body[b-d4ocs9aep5] {
}

.bg-blue-5[b-d4ocs9aep5] {
    background-color: var(--cb-blue-5);
}

.text-danger[b-d4ocs9aep5] {
    color: var(--cb-red-1);
}
/* /Pages/CreditApp/CreditAppPage.razor.rz.scp.css */
body[b-necar2mf2o] {
}
.language-selector[b-necar2mf2o] {
    height: 20px;
    width: 120px;
    font-size: 12px;
}
.language-selector[b-necar2mf2o]:after {
    top:-10px;
    font-weight: lighter;
}

.blue-header[b-necar2mf2o] {
    background-color: var(--cb-blue-5);
    border-bottom-color: var(--cb-blue-3);
}
.blue-border[b-necar2mf2o] {
    border-color: var(--cb-blue-3);
}
.bg-blue-5[b-necar2mf2o] {
    background-color: var(--cb-blue-5);
}
.sidebar[b-necar2mf2o] {
    padding-top: 120px;
}
.scroll-offset[b-necar2mf2o] {
    scroll-margin-top:120px;
}
[b-necar2mf2o] .hidden {
    display: none;
}
.CA[b-necar2mf2o] {
    display: none;
}
.sticky-top[b-necar2mf2o] {
    z-index: 10;
}
.btn-cb-primary.taxCertButtons[b-necar2mf2o]:after {
    position: relative;
}
.text-danger[b-necar2mf2o] {
    color: var(--cb-red-1);
}
/* /Pages/CreditApp/OptInDetailsDownloadComponent.razor.rz.scp.css */
a.btn-cb-primary[b-w43l47os4k]  {
    text-decoration: none;
    height: 44px;
    padding-right: 16px;
    padding-left: 16px;
    display: inline-block;
    position: relative;
    padding-top:10px;
}
a.btn-cb-primary:hover[b-w43l47os4k]  {
    color: #fff;
    background-color: var(--cb-blue-2);
    outline: none;
    border: none;
    padding-right: 40px;
    padding-left: 16px;
}
/* /Pages/CreditApp/TermsComponent.razor.rz.scp.css */
body[b-dy0nsg01qn] {
}
.termsBody[b-dy0nsg01qn] {
    height: 500px;
    overflow-y: auto;
}
.bm-container[b-dy0nsg01qn] {
    z-index:100;
}
/* /Pages/CreditApp/UploadTaxFileComponent.razor.rz.scp.css */
body[b-o0nx3b249i] {
}

.bg-blue-5[b-o0nx3b249i] {
    background-color: var(--cb-blue-5);
}
.hidden[b-o0nx3b249i] {
    display: none;
}
/* /Pages/DynamicContent.razor.rz.scp.css */

@media (max-width: 991px) {
    .homeBody[b-77qosdr4m3] >  div:not(:first-child) {
        padding: 0 32px;
    }
}
/* /Pages/Ideaboards/IdeaBoardPage.razor.rz.scp.css */
.board-title[b-02herq2qkc] {
    color: #002b49;
}

.line[b-02herq2qkc] {
    border: 1px solid #C8C8C8;
    height: 0px;
    width: 100%;
    margin: 20px 0;
}

h1[b-02herq2qkc] {
    font-weight: 600;
}

h4[b-02herq2qkc] {
    font-size: 1.2rem;
    font-weight: 700;
}

h5[b-02herq2qkc] {
    font-size: .95rem;
    font-weight: 600;
}

h6[b-02herq2qkc] {
    color: #002b49;
    font-weight: 600;
    font-size: .85rem;
}

p[b-02herq2qkc] {
    font-size: .8rem;
}

.card[b-02herq2qkc] {
    border: none;
}

.card-footer[b-02herq2qkc] {
    border: none;
    background: none;
}

.btn[b-02herq2qkc] {
    white-space: nowrap;
}

.btn-primary[b-02herq2qkc] {
    color: #fff;
    background: #002b49;
}

.btn-secondary[b-02herq2qkc] {
    color: #002B49;
    background: #EEEEEE;
}

.price-box[b-02herq2qkc] {
    background: #F5F5F5;
    color: #000000;
}

label[b-02herq2qkc] {
    cursor: pointer;
}

.sug-flag[b-02herq2qkc] {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    background-color: #548AC5;
    color: white;
    max-width: 150px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    padding: 2px;
}

.style-name[b-02herq2qkc] {
    display: flex;
    align-items: center;
    height: 3.6em; 
    line-height: 1.2em; 
}
.pub-date[b-02herq2qkc] {
    color: #676767;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
}

.share a[b-02herq2qkc], .share div[b-02herq2qkc] {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: #797979;
    cursor: pointer;
    margin-right: 10px;
}

.share div[b-02herq2qkc] {
    font-size: 12px;
    color: lightgray;
}

/* drag & drop classes */
.can-drop[b-02herq2qkc] {
    border: 2px dashed green;
}

.draggable[b-02herq2qkc] {
    cursor: move;
}

    .draggable:active[b-02herq2qkc] {
        cursor: grabbing;
    }

.dragging[b-02herq2qkc] {
    cursor: grabbing;
}

.long-flag[b-02herq2qkc] {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    color: white;
    padding: 3px 15px 3px 7px;
    max-width: 280px;
    position: relative;
    top: -2px;
    display: inline-block;
}

.orange-flag[b-02herq2qkc] {
    background-color: #FC8403;
}

.modal[b-02herq2qkc] {
    overflow: hidden;
}

.modal-content[b-02herq2qkc] {
    overflow-x: hidden !important;
}

.hide-me[b-02herq2qkc] {
    height: 0;
    width: 0;
}

.upload[b-02herq2qkc] {
    position: absolute;
    margin-left: -55px;
    margin-top: 10px;
}
/* /Pages/Ideaboards/IdeaBoards.razor.rz.scp.css */
nav[b-ss1r4swy7e] {
    padding-left: 0;
}

nav .spinner-border[b-ss1r4swy7e] {
    padding-right: 3px;
}

.card[b-ss1r4swy7e] {
    border: 1px solid #EFEFEF;
    box-shadow: 2px 3px 5px rgb(0 0 0 / 15%);
    border-radius: 3px;
    overflow: hidden;
    margin: 5px;
    position: relative;
    z-index: 30;
    padding: 0;
    width: 31%;
    min-width: 275px;
    min-height: 275px;
}

.card-header .card-title[b-ss1r4swy7e] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-header[b-ss1r4swy7e], .card-footer[b-ss1r4swy7e] {
    position: relative;
    background: none;
    border: none;
}

.card-body[b-ss1r4swy7e] {
    position: relative;
    padding: 0;
}

.card strong[b-ss1r4swy7e] {
    font-size: 16px;
}

.card .tiny-text[b-ss1r4swy7e] {
    font-size: 11px;
    color: #808080;
}
.board-images[b-ss1r4swy7e] {
    flex: auto;
    flex-direction: row;
    width: 125%;
    left: -12%;
    position: relative;
}

.card img[b-ss1r4swy7e] {
    width: 150%;
}

.new-card[b-ss1r4swy7e] {
    font-size: 18px;
    text-align: center;
    border: 2px solid #002B49;
    color: #002B49;
}
.new-card div[b-ss1r4swy7e] {
    margin:auto;
}

.new-card .bi[b-ss1r4swy7e] {
    font-size: 35px;
}

.short-line[b-ss1r4swy7e] {
    border: 1px solid #C8C8C8;
    height: 0px;
    padding: 0 !important;
    margin-top: 15px;
}

.board-btn[b-ss1r4swy7e] {
    position: relative;
    z-index: 95;
    padding: 0.1rem 0.3rem;
}

.delete-box[b-ss1r4swy7e] {
    padding: 5px;
    background: #EDEDED;
    color: #808080;
    text-align: center;
    position: relative;
}

.delete-box .confirm[b-ss1r4swy7e] {
    top: -15px;
}

.delete-box div[b-ss1r4swy7e] {
    padding: 5px 0;
}

.delete-header[b-ss1r4swy7e] {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #2D2D2D;
}

.delete-text[b-ss1r4swy7e] {
    font-size: 11px;
    text-align: center;
    color: #000000;
}

.reset-search[b-ss1r4swy7e] {
    margin-top: 10px;
    cursor: pointer;
    left: 15px;
    position: relative;
}

.search-box[b-ss1r4swy7e] {
    max-height: 38px;
}

.dd div[b-ss1r4swy7e] {
    align-self: center;
    padding-top: 3px;

}

.new-board-row[b-ss1r4swy7e] {
    margin-top: 15px;
    border: 2px dashed #002B49;
}

.view-btns[b-ss1r4swy7e] {
    font-size: 20px;
    color: #B1B1B1;
    border: 1px solid #B1B1B1;
}
.view-btns:hover[b-ss1r4swy7e] {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* drag & drop classes */
.can-drop[b-ss1r4swy7e] {
    border: 2px dashed green;
}

.draggable[b-ss1r4swy7e] {
    cursor: move;
}

.draggable:active[b-ss1r4swy7e] {
    cursor: grabbing;
}

.dragging[b-ss1r4swy7e] {
    cursor: grabbing;
}

@media (min-width : 768px) {
    .search-box[b-ss1r4swy7e]{
        width: 50%;
    }
}
/* /Pages/ImageLibrary/ImageLibrary.razor.rz.scp.css */
img[b-x6df0xv2fl] {
    max-height: 150px;
}

.btn-link-cb-primary[b-x6df0xv2fl] {
    font-size: 10px;
}

.btn-link-cb-primary:hover[b-x6df0xv2fl] {
    cursor: pointer;
}

.no-link[b-x6df0xv2fl] {
    font-weight: 500;
    font-size: 10px;
    padding: 0;
    color: var(--cb-blue-1);
}

.file-name[b-x6df0xv2fl] {
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    color: var(--cb-blue-1);
    min-width: 155px;
}

.dnld[b-x6df0xv2fl] {
    text-align: center;
    font-size: 12px;
}
/* /Pages/ImageLibrary/ImageLibraryResults.razor.rz.scp.css */
img[b-4g95tq7hmm] {
    max-height: 150px;
}

.btn-link-cb-primary[b-4g95tq7hmm] {
    font-size: 10px;
}

.btn-link-cb-primary:hover[b-4g95tq7hmm] {
    cursor: pointer;
}

.no-link[b-4g95tq7hmm] {
    font-weight: 500;
    font-size: 10px;
    padding: 0;
    color: var(--cb-blue-1);
}

.file-name[b-4g95tq7hmm] {
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    color: var(--cb-blue-1);
    min-width: 155px;
}

.dnld[b-4g95tq7hmm] {
    text-align: center;
    font-size: 12px;
}

element.style[b-4g95tq7hmm] {
}

.compress[b-4g95tq7hmm] {
    position: absolute;
    top: 130px;
    right: 30px;
    width: 22px;
    height: 22px;
    z-index: 2;
    background: url(/images/compfile.png) no-repeat 0 0;
}
.toppanel[b-4g95tq7hmm] {
    /*position: absolute;*/
    position: relative; 
    top: 0;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.panel[b-4g95tq7hmm] {
    width: 100%;
    height: 270px;
    color: #999999;
    background: #272727;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: block;
}
.content[b-4g95tq7hmm] {
    width: 80%;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em;
}
.left[b-4g95tq7hmm] {
        width: 280px;
        float: left;
        padding: 0 15px;
        border-left: 1px solid #333;
    }
.resultdiv[b-4g95tq7hmm] {
    float: left;
    text-align: center;
    padding: 10px;
    width: 225px;
    height: 275px;
    position: relative;
}
.grey[b-4g95tq7hmm] {
    color: var(--cb-grey-5);
}

div.resultdiv > video[b-4g95tq7hmm] {
    max-width: 225px;
}
/* /Pages/ImageLibrary/ImageLibrarySearch.razor.rz.scp.css */
body[b-ye7xfgvk56] {
}

.acceptButton[b-ye7xfgvk56]:after {
    position: absolute;
    top:10px;
}
/* /Pages/Index.razor.rz.scp.css */
body[b-cg3uerahz5] {
}

.homeBody[b-cg3uerahz5] {
    max-width: 100%;
}

@media (max-width: 991px) {
    .filter-wrapper[b-cg3uerahz5] {
        padding-left: 0;
        padding-right: 0;
    }

    .homeBody[b-cg3uerahz5] >  div:not(:first-child) {
        padding: 0 32px;
    }
}

@media (min-width: 991px){
    .filter-wrapper[b-cg3uerahz5] {
        width: fit-content;
    }
}
/* /Pages/LogoDrop/LogoDropBase.razor.rz.scp.css */

.not-visible[b-hygtv5a51s] {
    max-height: 0;
    transition: max-height: 0.3s ease-out;
    transform: scaleY(0);
    overflow: hidden;
}

.transition-visible[b-hygtv5a51s] {
    overflow: hidden;
    transition: height 0.3s ease-in;
    max-height: 500px;
}

    .transition-visible.transition-collapsed[b-hygtv5a51s] {
        max-height: 0;
        transition: height 0.3s ease-out;
    }

#material-color-list[b-hygtv5a51s] {
    max-height: 600px;
}
/* /Pages/LogoDrop/StyleSelect/StyleSelect.razor.rz.scp.css */




.product-button[b-n3afkdxq5o] {
	border-radius: 0.25rem;
	border-color: #e5e5e5;
}

	.product-button:hover[b-n3afkdxq5o] {
		background-color: #ededed;
		border-color: #e0e0e0;
	}

	.product-button:active[b-n3afkdxq5o] {
		background-color: #e6e6e6;
		border-color: #d9d9d9;
	}

	.product-button > div > img[b-n3afkdxq5o] {
		border-radius: 0.25rem;
	}
/* /Pages/Manage/Shared/DynamicPage/NodeListItemEditComponent.razor.rz.scp.css */
.menu-icon[b-qtclsmdvdb] {
    max-height: 40px;
}
/* /Pages/Manage/Shared/General/MenuImagePicker.razor.rz.scp.css */
body[b-ea2ku5yngm] {
}

/* /Pages/Manage/Shared/General/PermsPickerComponent.razor.rz.scp.css */
.permissions-box-wrapper[b-3lkhjvp55y] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.permissions-box[b-3lkhjvp55y] {
    flex: 1 1 auto;
    min-width: 300px;
    max-width: 50%;
    box-sizing: border-box;
}

/* /Pages/Manage/Shared/Menu/MenuNodeComponent.razor.rz.scp.css */
[b-b1z6kdx9ic]::marker {
    content: "\25CF";
}

.collapsible[b-b1z6kdx9ic]::marker {
    content: '\002B';
    color: #011e41;
    font-weight: bold;
}

.collapsible.active[b-b1z6kdx9ic]::marker {
    content: "\2212";
}
/* /Pages/MyItems/MyItemCardComponent.razor.rz.scp.css */
.myItemCard[b-va60pa5m69] {
    height: 467px;
    display: inline-block;
    width: 244px;
    border-block: solid;
    border-right: solid;
    border-left: solid;
    position: relative;
    border-width: 1px;
    border-color: var(--cb-blue-4);
    margin: 5px;
    text-align:center;
}

.cardImg[b-va60pa5m69] {
    margin-top: 5px;
    width: 242px;
    height: 242px;
}
.bottom-button-collection[b-va60pa5m69] {
    position: absolute;
    bottom: -1px;
    width: 242px;
}

.my-item-description[b-va60pa5m69]
{
    width: 242px;
    margin-left: 12px;
    margin-right: 12px;
}

.my-item-number[b-va60pa5m69]
{
    
}

.my-item-info[b-va60pa5m69]
{

}

.cart-add-button[b-va60pa5m69] {
    width: 242px;
    margin-left: 12px;
    margin-right: 12px;
}
/* /Pages/MyItems/MyRecentItems.razor.rz.scp.css */
.menu-strip[b-xnazej4e1q] {
    background: var(--cb-grey-4);
    margin-top: 5px;
    margin-bottom: 2px;
}
[b-xnazej4e1q] .input-group-text {
    font-family: Arial;
    font-weight: bold;
    color: var(--cb-blue-1);
    font-size: 14px;
    line-height: 21px;
    background: none;
    border: none;
}
@media (min-width: 1200px) {
    [b-xnazej4e1q] .col-xl-1 {
        padding: 0;
        width: 0;
    }
}
/* /Pages/MyItems/OrderDetails/OrderDetailsPage.razor.rz.scp.css */
.table-scrollable tbody[b-n7rvjtgwjd] {
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.div-table-scrollable[b-n7rvjtgwjd] {
    max-height: 150px; /* Lock rows shown */
    overflow-y: auto; /* Add scrollbar to y-axis */
    overflow-x: hidden; /* Hide scrollbar on x-axis */
    display: flex;
    flex-direction: column;
}

.div-table-scrollable > .header[b-n7rvjtgwjd] {
    position: sticky; /* Make the header row sticky */
    top: 0; /* Stick the header row to the top of the container */
    z-index: 1; /* Ensure the header row is above the table body */
    background-color: #eee; /* Add a background color to the header row */
    font-weight: bold; /* Add bold font-weight to the header row */
}

.div-table-scrollable > .row[b-n7rvjtgwjd] {
    display: flex;
    flex-direction: row;
    border: 1px solid #ddd;
    padding: 5px;
}

.div-table-scrollable > .row > .col[b-n7rvjtgwjd] {
    flex: 1;
    padding: 5px;
    text-align: center;
}

.div-table-scrollable > .row:nth-child(even)[b-n7rvjtgwjd] {
    background-color: #f9f9f9;
}

.reorderBtn[b-n7rvjtgwjd] {
    position: relative;
}

    .reorderBtn .messagetip[b-n7rvjtgwjd] {
        visibility: hidden;
        width: 220px;
        background-color: #011e41;
        color: #e6e7e8;
        text-align: center;
        padding: 9px;
        top: -10px;
        right: 110%;
        border-radius: 5px;
        white-space: pre-wrap;
        text-align: left;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 2;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .reorderBtn:hover .messagetip[b-n7rvjtgwjd] {
        visibility: visible;
    }
/* /Pages/MyItems/OrderDetails/OrderItem.razor.rz.scp.css */
.hidden-row[b-gopsokt2mw] {
	display: none;
}

.condensed-table-header[b-gopsokt2mw] {
	border-bottom: 2px solid var(--cb-grey-3);
}

.img-thumbnail[b-gopsokt2mw] {
	height: 50px;
}

.btn-show-row[b-gopsokt2mw] {
	padding-left: 8px;
	height: 26px;
	width: 14px;
}

	.btn-show-row:hover:enabled[b-gopsokt2mw] {
		padding-right: 26px;
	}
/* /Pages/MyItems/OrderDetails/OrderStatus.razor.rz.scp.css */
.process-section[b-ra79o1ma4j] {
	background: var(--cb-grey-4);
	text-align: center;
}

	.process-section img[b-ra79o1ma4j] {
		max-width: 125px;
		z-index: 1;
		position: relative;
	}

.section[b-ra79o1ma4j] {
	background: var(--cb-grey-5);
	border: 1px solid var(--cb-grey-4);
}

.empty[b-ra79o1ma4j] {
	display: block;
	width: 125px;
	height: 125px;
	border: 1px solid;
	margin: 0 auto;
	border-radius: 65px;
	background: white;
	position: relative;
}

.warning-img[b-ra79o1ma4j] {
	box-shadow: 0 0 20px var(--cb-red-1);
	border-radius: 65px;
}

.selected-img[b-ra79o1ma4j] {
	box-shadow: 0 0 20px var(--cb-brightblue-1);
	border-radius: 65px;
}

.trackingline[b-ra79o1ma4j] {
	background: var(--cb-blue-1);
	height: 5px;
	margin-top: -85px;
	width: 99%;
	margin-left: 6px;
}
/* /Pages/MyOrders/Index.razor.rz.scp.css */

/*bootstrap medium breakpoint*/

@media screen and (min-width: 768px) {
	/*Used to pad content below navbar searchbar, as it is otherwise obscured. Navbar changes at 992 px*/
	.medium-screen-padding[b-9dby4zadrh] {
		height: 1rem;
	}

	.resizer[b-9dby4zadrh] {
		padding: 0 1rem;
	}

	.resizer .container[b-9dby4zadrh] {
		margin-top: 1rem;
	}
}

@media screen and (min-width: 992px) {
	.medium-screen-padding[b-9dby4zadrh] {
		display: none;
	}
}

/* /Pages/MyOrders/OrderHistoryTable/ColumnHeader.razor.rz.scp.css */
.header[b-jzomav8vjt] {
	color: var(--cb-blue-1);
	background: none !important;
	border: none;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.header-sortable[b-jzomav8vjt] {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}

	.header-sortable:hover[b-jzomav8vjt] {
		color: var(--cb-blue-3);
		text-decoration: underline;
	}

	.header-sortable:active[b-jzomav8vjt] {
		color: var(--cb-blue-2);
		text-decoration: none;
	}
/* /Pages/MyOrders/OrderHistoryTable/Table.razor.rz.scp.css */


.tracking-button[b-cny2nch7kp] {
	width: 30px;
	height: 30px;
	background-size: 20px;
	background-image: url("/img/truck.png");
	background-repeat: no-repeat;
	background-position: center;
}

	.tracking-button:hover[b-cny2nch7kp] {
		background-color: black;
		background-image: url("/img/truck-white.png");
	}

	.tracking-button:active[b-cny2nch7kp] {
		transform: scale(75%);
	}

.tracker-label[b-cny2nch7kp] {
	cursor: inherit;
	min-width: max-content;
	width: 100%;
	font-family: Arial;
	font-weight: 600;
	padding: 0.125rem 0.25rem;
	border-radius: 0.2rem;
	color: #fff;
	text-align: center;
}

.label-default[b-cny2nch7kp] {
	background-color: #777777;
}

	.label-default[href]:hover[b-cny2nch7kp],
	.label-default[href]:focus[b-cny2nch7kp] {
		background-color: #5e5e5e;
	}

.label-primary[b-cny2nch7kp] {
	background-color: #337ab7;
}

	.label-primary[href]:hover[b-cny2nch7kp],
	.label-primary[href]:focus[b-cny2nch7kp] {
		background-color: #286090;
	}

.label-success[b-cny2nch7kp] {
	background-color: #5cb85c;
}

	.label-success[href]:hover[b-cny2nch7kp],
	.label-success[href]:focus[b-cny2nch7kp] {
		background-color: #449d44;
	}

.label-info[b-cny2nch7kp] {
	background-color: #5bc0de;
}

	.label-info[href]:hover[b-cny2nch7kp],
	.label-info[href]:focus[b-cny2nch7kp] {
		background-color: #31b0d5;
	}

.label-warning[b-cny2nch7kp] {
	background-color: #f0ad4e;
}

	.label-warning[href]:hover[b-cny2nch7kp],
	.label-warning[href]:focus[b-cny2nch7kp] {
		background-color: #ec971f;
	}

.label-danger[b-cny2nch7kp] {
	background-color: #d9534f;
}

	.label-danger[href]:hover[b-cny2nch7kp],
	.label-danger[href]:focus[b-cny2nch7kp] {
		background-color: #c9302c;
	}

.reorderBtn[b-cny2nch7kp] {
	position: relative;
}

	.reorderBtn .messagetip[b-cny2nch7kp] {
		visibility: hidden;
		width: 220px;
		background-color: #011e41;
		color: #e6e7e8;
		text-align: center;
		padding: 9px;
		top: -10px;
		right: 110%;
		border-radius: 5px;
		white-space: pre-wrap;
		text-align: left;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.reorderBtn:hover .messagetip[b-cny2nch7kp] {
		visibility: visible;
	}
/* /Pages/OurStory.razor.rz.scp.css */
body[b-fitr9dz0jd] {
}

.ourstoryImg[b-fitr9dz0jd] {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
/* /Pages/Product.razor.rz.scp.css */
h2[b-thmfbn8kq5] {
    line-height: 30px;
}

h3[b-thmfbn8kq5] {
    line-height: 27px;
}

.l-5[b-thmfbn8kq5] {
    left: 5px;
}

.video-wrapper[b-thmfbn8kq5] {
    width: 100%; 
    max-width: 800px;
    height: 450px; 
    margin: auto; 
}

.video-wrapper video[b-thmfbn8kq5] {
    width: 100%; 
    height: 100%; 
    display: block; 
}

[b-thmfbn8kq5] .pdp-dropdown {

}

    [b-thmfbn8kq5] .pdp-dropdown > .display-text {
        font-weight: bold;
        font-size: 14px;
    }

.strip-wrapper-y[b-thmfbn8kq5] {
    height: 60vh;
    overflow-y: scroll;
    -ms-overflow-style: none; /* Edge */
    scrollbar-width: none; /* Firefox */
}

.strip-wrapper-y[b-thmfbn8kq5]::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.strip-wrapper-y ul li[b-thmfbn8kq5] {
    list-style: none;
    border: none;
}

.strip-wrapper-y img[b-thmfbn8kq5] {
    width: 100px;
}

.size-box[b-thmfbn8kq5] {
    border: solid 1px;
    margin: -1px 0 0 -1px;
    width: 65px;
    padding: 5px 10px;
    display: inline-flex;
}

.size-box-wrapper[b-thmfbn8kq5] {
    display: inline-flex;
    flex-wrap: wrap;
}

.size-box-wrapper[b-thmfbn8kq5]:after {
    content: "";
    clear: both;
}

.strip-wrapper-x[b-thmfbn8kq5] {
    height: 60vh;
    overflow-x: scroll;
    -ms-overflow-style: none; /* Edge */
    scrollbar-width: none; /* Firefox */
}

.strip-wrapper-x[b-thmfbn8kq5]::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.strip-height-x[b-thmfbn8kq5] {
    height: 30vh !important;
}


.color-box[b-thmfbn8kq5] {
    --cb-chip-size: 10px;
    --cb-chip-border-size: 26px;
    align-self: center;
}

.color-box ~ div[b-thmfbn8kq5], .size-box[b-thmfbn8kq5] {
    font-size: 14px;
    line-height: 21px;
}

/*Are any of these color chip classes even used??*/
.color-chip-lg[b-thmfbn8kq5] {
    height: var(--cb-chip-border-size);
    width: var(--cb-chip-border-size);
    border-radius: 50%;
    border: black solid 1px;
}

.color-chip-lg-top[b-thmfbn8kq5],
.color-chip-lg-bottom[b-thmfbn8kq5] {
    height: var(--cb-chip-size);
    width: calc(var(--cb-chip-size) * 2);
    border: 1px black solid;
    display: inline-flex;
    position: relative;
    margin: 0;
    padding: 0;
    left: 2px;
}

.color-chip-lg-top[b-thmfbn8kq5] {
    border-top-left-radius: calc(var(--cb-chip-size) * 2);
    border-top-right-radius: calc(var(--cb-chip-size) * 2);
    border-bottom: none;
    top: -5px;
}

.color-chip-lg-bottom[b-thmfbn8kq5] {
    border-bottom-left-radius: calc(var(--cb-chip-size) * 2);
    border-bottom-right-radius: calc(var(--cb-chip-size) * 2);
    border-top: none;
    top: -19px;
}

.color-chip-lg-whole[b-thmfbn8kq5] {
    height: calc(var(--cb-chip-size) * 2);
    width: calc(var(--cb-chip-size) * 2);
    border-radius: 50%;
    position: relative;
    top: 2px;
    left: 2px;
}

.chip-list[b-thmfbn8kq5] {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-gap: 3px;
    max-width: 100%;
    margin: 0.25rem 0;
}

.selected-img .strip-img[b-thmfbn8kq5] {
    border-color: black;
}

.row[b-thmfbn8kq5] {
    color: var(--cb-blue-1);
}

.chevron[b-thmfbn8kq5] {
    border-style: solid;
    border-width: 0.18em 0.18em 0 0;
    content: '';
    height: 0.55em;
    left: 1em;
    position: relative;
    top: -0.10em;
    vertical-align: middle;
    width: 0.55em;
    margin-right: 10px;
}

.chevron-left[b-thmfbn8kq5] {
    transform: rotate(-135deg);
}

.chevron-right[b-thmfbn8kq5] {
    transform: rotate(45deg);
}

.chevron-down[b-thmfbn8kq5] {
    transform: rotate(135deg);
    top: 0.5em;
}

.chevron-up[b-thmfbn8kq5] {
    transform: rotate(-45deg);
    top: 0.6em;
}

.hover:hover[b-thmfbn8kq5] {
    color: var(--cb-blue-2);
    text-decoration: underline;
    cursor: pointer;
}

.strip-control-up[b-thmfbn8kq5], .strip-control-down[b-thmfbn8kq5] {
    left: 64px;
}

.strip-control-up[b-thmfbn8kq5] {
    top: -5px;
}

.line[b-thmfbn8kq5] {
    border: 1px solid #CCCCCC;
}

.thin-line[b-thmfbn8kq5] {
    border-top: 1px solid #CCCCCC;
}

.nav-dot[b-thmfbn8kq5] {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--cb-blue-4);
    padding: 0;
}
    .nav-dot:hover[b-thmfbn8kq5] {
        background-color: var(--cb-blue-2);
        cursor: pointer;
    }

    .nav-dot.active[b-thmfbn8kq5] {
        background-color: var(--cb-blue-2);
    }

.dnld-options-btn[b-thmfbn8kq5] {
    border: 1px solid var(--cb-blue-1);
}

.dnld-options-box[b-thmfbn8kq5] {
    background-color: var(--cb-grey-4);
    border: 1px solid var(--cb-grey-3);
}

.dnld-btn[b-thmfbn8kq5] {
    background-color: white;
    border: 1px solid var(--cb-blue-1);
    line-height: 44px;
}

.modal-header .row[b-thmfbn8kq5] {
    width: 100%;
}

.btn-link-cb-primary.active[b-thmfbn8kq5] {
    text-decoration: underline;
}

.btn-cb-primary[b-thmfbn8kq5], .btn-cb-secondary[b-thmfbn8kq5] {
    width: inherit;
}

div.pennant-row[b-thmfbn8kq5] {
    min-height: 24.5px;
}

.flag[b-thmfbn8kq5] {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    color: white;
    padding: 3px 15px 3px 7px;
    max-width: 280px;
    position: relative;
    top: -2px;
    display: inline-block;
}

.orange-flag[b-thmfbn8kq5] {
    background-color: #FC8403;
}

.blue-flag[b-thmfbn8kq5] {
    background-color: var(--cb-blue-1);
}
.red-flag[b-thmfbn8kq5] {
    background-color: var(--cb-red-1);
}

div.color-msg-area[b-thmfbn8kq5] {
    min-height: 24.5px;
}

span.color-pfs-warning[b-thmfbn8kq5]{
    color: var(--cb-red-1);
    font-size: 12px;
}
span.color-pfas-text[b-thmfbn8kq5] {
    color: black;
    font-size: 12px;
}

@media (max-width : 991px) {
    .pdp-layout[b-thmfbn8kq5] {
        max-width: 100vw;
    }
}

@media (min-width : 992px) {
    .color-box[b-thmfbn8kq5] {
        --cb-chip-size: 12px;
        --cb-chip-border-size: 30px;
    }
    .pdp-layout[b-thmfbn8kq5] {
        flex: 1 1 auto;
        min-width: 0px;
    }
    .color-chip-lg-top[b-thmfbn8kq5] {
        top: -3px;
    }

    .color-chip-lg-bottom[b-thmfbn8kq5] {
        top: -15px;
    }
}

@media (min-width : 1200px) {
    .color-box[b-thmfbn8kq5] {
        --cb-chip-size: 15px;
        --cb-chip-border-size: 36px;
    }

    .color-chip-lg-top[b-thmfbn8kq5] {
        top: 0;
    }

    .color-chip-lg-bottom[b-thmfbn8kq5] {
        top: -9px;
    }
}
.top-margin-33[b-thmfbn8kq5] {
    margin-top: 33px;
}
.top-margin-24[b-thmfbn8kq5] {
    margin-top: 24px;
}
.top-margin-16[b-thmfbn8kq5] {
    margin-top: 16px;
}
.top-margin-12[b-thmfbn8kq5] {
    margin-top: 12px;
}
.top-margin-40[b-thmfbn8kq5] {
    margin-top: 40px;
}

.product-grid[b-thmfbn8kq5] {
    display: flex;
    flex-direction: column;
}

.default-filter[b-thmfbn8kq5] {
    filter: none;
}

/* Blue color filter */
.blue-filter[b-thmfbn8kq5] {
    fill: #002B49;
}

@media (min-width: 991px) {
    .product-grid[b-thmfbn8kq5] {
        display: grid;
        grid-template-areas:
            "filters-left filters-top"
            "filters-left product";
        grid-template-rows: auto 1fr;
        grid-template-columns: min-content minmax(0, 1fr);
    }

    .filters-top[b-thmfbn8kq5] {
        position: sticky;
        top: 117px;
        z-index: 50;
    }
}

ul.suslist[b-thmfbn8kq5] {
    font-size: 16px;
}

ul.suslist > li > bold[b-thmfbn8kq5] {
    text-decoration: underline;
}
/* /Pages/Products.razor.rz.scp.css */
.products-grid[b-fgja8lbhvb] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 991px) {
    .products-grid[b-fgja8lbhvb] {
        display: grid;
        grid-template-areas:
            "filters-left filters-top"
            "filters-left products";
        grid-template-rows: auto 1fr;
        grid-template-columns: min-content minmax(0, 1fr);
    }

    .filters-top[b-fgja8lbhvb] {
        position: sticky;
        top: 117px;
        z-index: 50;
    }
}

.product-cards-container[b-fgja8lbhvb] {
    max-width: 100vw;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* /Pages/Proposals/Index.razor.rz.scp.css */
[b-l8tpphi7x1] .management-table,
[b-l8tpphi7x1] .history-table {
    border-collapse: separate !important;
    border-spacing: 0;
    color: #212529;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    width: -webkit-fill-available;
    margin-bottom: 0;
}

[b-l8tpphi7x1] .management-table > thead > tr > th,
[b-l8tpphi7x1] .history-table > thead > tr > th {
    background: #CCD5DC;
    font-weight: 700;
    padding: 1rem 0.5rem;
    vertical-align: middle;
    border: none !important;
    white-space: nowrap;
}

[b-l8tpphi7x1] .management-table > thead > tr > th:first-of-type,
[b-l8tpphi7x1] .history-table > thead > tr > th:first-of-type {
    border-top-left-radius: 10px;
    padding: 1rem 1rem;
}

[b-l8tpphi7x1] .management-table > thead > tr > th:last-of-type,
[b-l8tpphi7x1] .history-table > thead > tr > th:last-of-type {
    border-top-right-radius: 10px;
    padding: 1rem 1rem;
}

[b-l8tpphi7x1] .management-table > tbody > tr > td,
[b-l8tpphi7x1] .history-table > tbody > tr > td {
    color: #000;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    height: 1px;
    vertical-align: middle;
    padding: 1rem 0.5rem;
}

[b-l8tpphi7x1] .management-table > tbody > tr:hover td {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

[b-l8tpphi7x1] .management-table > tbody > tr > td:first-of-type,
[b-l8tpphi7x1] .history-table > tbody > tr > td:first-of-type {
    padding: 1rem 1rem;
}

[b-l8tpphi7x1] .management-table > tbody > tr > td:last-of-type,
[b-l8tpphi7x1] .history-table > tbody > tr > td:last-of-type {
    padding: 1rem 1rem;
}

/*These two lines lighten up the shading*/
[b-l8tpphi7x1] .management-table > tbody > tr.table-active > td,
[b-l8tpphi7x1] .history-table > tbody > tr.table-active > td {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
}

[b-l8tpphi7x1] .management-table > tbody > tr:not(.table-active) > td,
[b-l8tpphi7x1] .history-table > tbody > tr:not(.table-active) > td {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025);
}

/*darker shading for archive table*/
[b-l8tpphi7x1] .management-table > tbody > tr.archive.table-active > td {
    box-shadow: none; /*inset 0 0 0 9999px rgba(0, 0, 0, 0.200);*/
    background-color: #DADBDC;
}

[b-l8tpphi7x1] .management-table > tbody > tr.archive:not(.table-active) > td {
    box-shadow: none; /*inset 0 0 0 9999px rgba(0, 0, 0, 0.075);*/
    background-color: #CCC;
}

[b-l8tpphi7x1] .management-table > tbody > tr:hover:not(.no-hover) {
    border: 1px solid #0476C6;
    box-shadow: 0px 1px 8px 2px #A0B9EF;
}

[b-l8tpphi7x1] .management-table.archive > tbody > tr > td {
    color: #525252;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: capitalize;
}
/**/
[b-l8tpphi7x1] .btn {
    background: white;
    border: 1px #8499AA solid;
    border-radius: 0;
    color: #414141;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    line-height: 21px;
}

[b-l8tpphi7x1] .collapsible {
    align-content: center;
}

[b-l8tpphi7x1] .dropdown-toggle::after, .collapsible[b-l8tpphi7x1]:after {
    content: '\276F';
    color: #011e41;
    font-weight: bold;
    float: right;
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    border: none;
}

[b-l8tpphi7x1] .collapsible.active:after {
    transform: translateY(-50%) rotate(-90deg);
}

[b-l8tpphi7x1] .Ordered {
    color: #14AE5C;
}

[b-l8tpphi7x1] .dropdown-toggle::after {
    position: relative;
    top: 10px;
}

[b-l8tpphi7x1] .btn-group {
    width: max-content;
}

[b-l8tpphi7x1] .order-now-flag {
    background-color: #C52033;
    color: #FFF;
    font-size: 10px;
    border-radius: 0;
}

[b-l8tpphi7x1] .archive-flag {
    background-color: #646464;
    color: #FFF;
    font-size: 10px;
    border-radius: 0;
}

[b-l8tpphi7x1] .order-now td {
    background-color: #FFD4D9;
}

[b-l8tpphi7x1] .notification-flag {
    background-color: #296DB5;
    color: #FFF;
    font-size: 10px;
    border-radius: 0;
}

[b-l8tpphi7x1] .notification td {
    background-color: #D0E4FF;
}

[b-l8tpphi7x1] .management-table-button-col {
    width: 300px;
    max-width: 300px;
}

[b-l8tpphi7x1] .name {
    font-weight: 700;
    text-align: start;
}

[b-l8tpphi7x1] .sort-active {
    opacity: 1 !important;
}

[b-l8tpphi7x1] .down-arrow, [b-l8tpphi7x1] .up-arrow {
    display: inline-block;
    opacity: 0.25;
    font-size: larger;
    color: var(--cb-blue-1);
    text-align: center;
    cursor: pointer;
}

[b-l8tpphi7x1] .down-arrow {
    transform: translateX(4px) rotate(90deg);
}

[b-l8tpphi7x1] .up-arrow {
    transform: translateX(4px) rotate(-90deg);
}

[b-l8tpphi7x1] .cursor-pointer {
    cursor: pointer;
}

[b-l8tpphi7x1] .cursor-unset {
    cursor: initial;
}

[b-l8tpphi7x1] .btn-cb-primary {
    max-height: 35px;
}

[b-l8tpphi7x1] .btn-cb-secondary {
    max-height: 35px;
}

[b-l8tpphi7x1] .btn-cb-outline-primary {
    display: inline-flex;
    height: 35px;
    color: var(--cb-blue-1) !important;
    border: 1px solid var(--cb-blue-1) !important;
    font-weight: bold;
}

[b-l8tpphi7x1] .tooltip-wrapper {
    cursor: pointer !important;
}

[b-l8tpphi7x1] .reset-cursor {
    cursor: default !important;
}

[b-l8tpphi7x1] .Created, [b-l8tpphi7x1] .Shared, [b-l8tpphi7x1] .Viewed, [b-l8tpphi7x1] .Ordered {
    white-space: nowrap;
}

[b-l8tpphi7x1] .form-check-input {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

[b-l8tpphi7x1] .btn-cb-primary:disabled, [b-l8tpphi7x1] .btn-cb-secondary:disabled {
    opacity: .60;
}

[b-l8tpphi7x1] .btn-cb-primary:disabled:after, [b-l8tpphi7x1] .btn-cb-secondary:disabled:after {
    content: none;
}

[b-l8tpphi7x1] .input-group-text {
    border: none;
    background-color: inherit;
}

.nav[b-l8tpphi7x1] {
    display: flex;
    border: none;
}

    .nav > *[b-l8tpphi7x1] {
        height: 42px;
        max-height: 42px;
    }

.nav-link[b-l8tpphi7x1] {
    height: 42px;
    color: var(--cb-blue-1);
    background: #EFF2F4;
    border: 1px solid var(--cb-blue-3);
}

.nav-link.active[b-l8tpphi7x1] {
    border-bottom: none;
    border-color: var(--cb-blue-3) !important;
}

.nav-empty[b-l8tpphi7x1] {
    flex-grow: 1;
    border-bottom: 1px solid var(--cb-blue-3);                                                                                                                                                                      );
}

.back-icon[b-l8tpphi7x1] {
    display: inline-block;
    transform: translateY(-4px) rotate(180deg);
    text-decoration: none;
}

.nav-tabs .nav-link:hover[b-l8tpphi7x1] {
    border: 1px solid var(--cb-blue-3);
}
/* /Pages/Proposals/ProposalEditComponent.razor.rz.scp.css */

.section[b-lr7sfre2xe] {
	border-radius: 10px;
	background-color: #F8F8F8;
	padding: 1rem;
	color: #072A48;
}
/* /Pages/Proposals/ProposalViewComponent.razor.rz.scp.css */
.product-list[b-w4n9wezdoh] {
	border: 2px solid #CCCCCC;
}

.product-container[b-w4n9wezdoh] {
	padding: 2rem 1rem;
	border-bottom: 2px solid #CCCCCC;
}

	.product-container:last-of-type[b-w4n9wezdoh] {
		border-bottom: none;
	}

	.btn-cb-primary[b-w4n9wezdoh] {
		min-height: 44px;
	}
/* /Pages/Proposals/Shared/Forms/Filterbar.razor.rz.scp.css */
.search-col[b-n4pjhf6c3b] {
	max-width: 500px;
}
/* /Pages/Proposals/Shared/Forms/UserSelectTable.razor.rz.scp.css */


.table-container[b-bgej0uoirg] {
	width: 100%;
	max-height: 420px;
	overflow-y: auto;
	padding: 0;
	border-radius: 0 0 12px 12px;
}

.table[b-bgej0uoirg] {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	border-spacing: 0;
}

	.table thead th[b-bgej0uoirg] {
		position: sticky;
		top: 0; /* Stick to the top */
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	}

	.table th[b-bgej0uoirg],
	.table td[b-bgej0uoirg] {
		padding: 8px 16px;
		border-bottom: 1px solid #ddd;
		text-align: left;
		padding-right: 0;
		padding-left: 0;
	}

thead[b-bgej0uoirg] {
	overflow: hidden;
}
/* Placeholder for empty table */
.placeholder[b-bgej0uoirg] {
	width: 100%;
	text-align: center;
	background-color: white;
}

.col:first-of-type[b-bgej0uoirg] {
	padding-right: 0;
}

.col:not(:first-of-type)[b-bgej0uoirg] {
	padding: 0 0 0 0.5rem;
}

[b-bgej0uoirg] .form-check-input {
	height: 25px;
	width: 25px;
	cursor: pointer;
}

[b-bgej0uoirg] .management-table {
	border-collapse: collapse !important;
}
/* /Pages/Proposals/Shared/ProposalDetailsComponent.razor.rz.scp.css */
.header[b-m4sv7t1roq] {
	display: flex;
	justify-content: space-around;
	border-radius: 12px;
	border: 1px solid #C0DAEB;
	background-color: var(--cb-blue-5);
	padding: 0 .5rem;
}

.header-item[b-m4sv7t1roq] {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0.5rem 0.5rem;
	color: black;
	min-width: fit-content;
	max-width: fit-content;
}

.header-item > div[b-m4sv7t1roq] {
	padding: 0.25rem 0;
	white-space: nowrap;
}

.header-item > div:first-child[b-m4sv7t1roq] {
	font-size: 12px;
}

.customer-col[b-m4sv7t1roq] {
	min-width: auto;
	width: -webkit-fill-available;
	width: -moz-available;
}

.header-item > div:last-child[b-m4sv7t1roq] {
	font-size: 14px;
	font-weight: bold;
}

.template-link-col[b-m4sv7t1roq]{
	min-width: 120px !important;
}

.template-link[b-m4sv7t1roq] {
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.btn-cb-primary[b-m4sv7t1roq] {
	height: fit-content;
	max-height: fit-content;
	min-height: 35px;
	width: min-content;
}
.connected-customers[b-m4sv7t1roq] {
	display: flex;
	align-items: center;
	border: none;
	background: none;
	text-decoration: none;
	text-align: center;
	color: #0087E6;
}

.connected-customers > .arrow[b-m4sv7t1roq] {
	width: 1rem;
	transform: rotate(90deg);
}

.connected-customers > .arrow.active[b-m4sv7t1roq] {
	transform: rotate(-90deg) translateY(10%);
}

@media (min-width: 800px) {
	.btn-cb-primary[b-m4sv7t1roq] {
		width: auto;
	}
}
/* /Pages/Proposals/Shared/ProposalHeaderComponent.razor.rz.scp.css */
.template-icon[b-z31eu4td0g] {
	width: 100px;
}

.share-icon[b-z31eu4td0g] {
	max-width: 20px;
}

.btn-wrapper[b-z31eu4td0g] {
	max-width: fit-content;
}

.dropdown-toggle span[b-z31eu4td0g] {
	display: inline-block;
	width: 100%;
	height: 100%;
	align-content: center;
}

.dropdown-toggle[b-z31eu4td0g]::after {
	transform: translateY(-50%) rotate(0deg);
	position: absolute;
	top: 17px;
}

ul.dropdown-menu.show[b-z31eu4td0g] {
	cursor: pointer;
	z-index: 1;
}

.btn-wrapper[b-z31eu4td0g] {
	min-width: 250px;
	max-width: 300px;
}
/* /Pages/Proposals/Shared/ProposalStatusComponent.razor.rz.scp.css */

.status-card[b-4upbydppd5] {
	color: black;
	width: 250px;
	height: fit-content;
	border-radius: 12px;
	border: 1px solid #C0DAEB;
	background-color: var(--cb-blue-5);
	padding: 0.75rem;
	font-size: 14px;
}

.status-card > h3[b-4upbydppd5] {
	color: black;
	font-size: 14px;
	line-height: 24px;
}

	.status-card > div > span[b-4upbydppd5] {
		vertical-align: middle;
		line-height: 150%;
	}

.status-card-success[b-4upbydppd5] {
	background-color: #ECF9F2;
}

	.status-card-success > div > span > .status-text[b-4upbydppd5] {
		font-weight: bold;
	}

	.status-card-success > div > span[b-4upbydppd5] {
		color: #14AE5C;
	}

.status-card-danger[b-4upbydppd5] {
	background-color: #FFD4D9;
}

.status-img[b-4upbydppd5] {
	height: 26px;
}

.link[b-4upbydppd5] {
	text-decoration: none;
	font-weight: bold;
	line-height: 24px;
}
/* /Pages/Proposals/Shared/Tabs/CustomerShopProposalTable.razor.rz.scp.css */
body[b-xtddo5xs3m] {
}
/* /Pages/Proposals/Shared/Tabs/CustomerTable.razor.rz.scp.css */


img[b-rpfyfznc72] {
	max-height: 16px;
}

thead > tr > th[b-rpfyfznc72] {
	height: 30px !important;
	max-height: 25px !important;
	padding: 2px 8px !important;
	border: none;
}

.status-header[b-rpfyfznc72] {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.status-header > span:first-of-type[b-rpfyfznc72] {
	display: block;
	flex-grow: 1;
	height: 1px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	margin: 0 30px;
	height: 10px;
	margin-top: 8px;
}

	.status-header > span:last-of-type[b-rpfyfznc72] {
		display: block;
		flex-grow: 1;
		height: 1px;
		border-top: 1px solid black;
		border-right: 1px solid black;
		margin: 0 30px;
		height: 10px;
		margin-top: 8px;
	}


.border-radius-0[b-rpfyfznc72] {
	border-radius: 0 !important;
}
/* /Pages/Proposals/Shared/Tabs/ProposalRow.razor.rz.scp.css */
/* /Pages/Proposals/Shared/Tabs/TemplateRow.razor.rz.scp.css */
.spacer[b-ikbgkuuirj] {
    background-color: transparent !important;
    min-width: 1px;
    min-height: 100%;
    box-shadow: initial;
}

td[b-ikbgkuuirj] {
    vertical-align: middle;
}

.collapsible[b-ikbgkuuirj] {
    align-content: center;
    position: relative;
}

.dropdown-toggle[b-ikbgkuuirj]::after, .collapsible:not(.disabled)[b-ikbgkuuirj]:after {
    content: '\276F';
    color: #011e41;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    transform: rotate(90deg);
    position: absolute;
    border: none;
    top: 0;
}

.collapsible[b-ikbgkuuirj]::after {
    top: 35% !important;
    right: 50%;
}

.collapsible.active[b-ikbgkuuirj]::after {
    transform: rotate(-90deg);
}

.dropdown-toggle[b-ikbgkuuirj]::after {
    position: relative;
}

.child-name[b-ikbgkuuirj] {
    white-space: wrap;
    max-width: 300px;
}
/* /Pages/Proposals/Shared/Tabs/TemplateTable.razor.rz.scp.css */

/*This is all messy and shoddy and sucky but I'm out of time*/
[b-gq5ss5pln4] .child-row.table-active > td:not(.spacer) {
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.050) !important;
}

[b-gq5ss5pln4] .child-row > td:not(.spacer) > td:not(.order-now) {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.25) !important;
}


/*Coloration for light parent child spacers*/
[b-gq5ss5pln4] .table-active > td > * > .spacer, [b-gq5ss5pln4] .table-active > td > .spacer {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025) !important;
}
[b-gq5ss5pln4] td > * > .spacer, [b-gq5ss5pln4] td > .spacer {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025) !important;
}

/*Coloration for dark parent child spacers*/
[b-gq5ss5pln4] .parent-active.table-active > td > * > .spacer, [b-gq5ss5pln4] .parent-active.table-active > td > .spacer {
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.06) !important;
}

[b-gq5ss5pln4] .parent-active > td > * > .spacer, [b-gq5ss5pln4] .parent-active > td > .spacer {
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.06) !important;
}
/* /Pages/WhyC&B/Index.razor.rz.scp.css */


.hero-text-container[b-48matb4n5i] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

	.hero-text-container > span:first-child[b-48matb4n5i] {
		padding-top: 0.75rem;
		font-size: 66px;
		font-family: 'gotham bold';
		line-height: 66px;
		background-color: rgba(0, 43, 74, .41);
	}

	.hero-text-container > span:last-child[b-48matb4n5i] {
		padding-bottom: 0.75rem;
		font-size: 22.5px;
		font-family: 'gotham book';
		font-weight: bold;
		background-color: rgba(0, 43, 74, .41);
	}

@media (max-width: 1450px) {
	.hero-text-container > span:first-child[b-48matb4n5i] {
		font-size: 48px;
		line-height: 48px;
	}

	.hero-text-container > span:last-child[b-48matb4n5i] {
		padding-top: 0.5rem;
		padding-bottom: 0.25rem;
		font-size: 20px;
	}
}

@media (max-width: 1200px) {
	.hero-text-container > span:first-child[b-48matb4n5i] {
		padding-top: 0.25rem;
		font-size: 36px;
		line-height: 36px;
	}

	.hero-text-container > span:last-child[b-48matb4n5i] {
		padding-top: 0.5rem;
		padding-bottom: 0.25rem;
		font-size: 12px;
	}

	.img[b-48matb4n5i] {
		height: 200px;
		object-fit: cover;
	}
}

@media (max-width: 500px)
{

	.hero-text-container[b-48matb4n5i] {
	padding: 15px; 
	top: 10%; 
	}

	.hero-text-container > span:first-child[b-48matb4n5i] {
		font-size: 18px !important; 
		line-height: 32px;
	}

	.hero-text-container > span:last-child[b-48matb4n5i] {
			padding-top: 0.5rem;
			font-size: 10px !important;
			line-height: 18px;
	}

	
}
/* /Shared/Cart/AddToCartComponent.razor.rz.scp.css */
body[b-gl4jiy81jl] {
}

.color-chip-container[b-gl4jiy81jl] {
    width: 24px;
}

.detailHeader[b-gl4jiy81jl] {
    border-top: 1px solid var(--cb-gray-1);
}

    .detailHeader > div[b-gl4jiy81jl] {
        text-align: center;
        padding-top: 12px;
        font-size: 12px;
        color: var(--cb-blue-1);
        border: 1px solid var(--cb-grey-2);
    }

        .detailHeader > div:nth-last-child(-n + 3)[b-gl4jiy81jl] {
            padding-top: 5px;
        }

        .detailHeader > div:nth-child(5)[b-gl4jiy81jl] {
            max-width: 300px;
        }

        .detailHeader > div:first-child[b-gl4jiy81jl] {
            background-color: var(--cb-grey-1);
            color: white;
        }

div.card-body[b-gl4jiy81jl] {
    padding: 0px;
}

table[b-gl4jiy81jl] {
    border: 1px solid var(--cb-grey-2);
}

thead>tr>th[b-gl4jiy81jl] {
    background-color: var(--cb-blue-4);
    text-align:center;
    font-weight: normal;
}

thead>tr>th:first-child[b-gl4jiy81jl] {
    background-color: var(--cb-grey-4);
}

table td[b-gl4jiy81jl] {
    text-align: center;
}

table td:first-child[b-gl4jiy81jl] {
    text-align: left;
}

table td:nth-child(-n + 2)[b-gl4jiy81jl] {
    font-weight: bold;
}

table input[b-gl4jiy81jl] {
    text-align: center;
}

input:disabled[b-gl4jiy81jl] {
    background: var(--cb-grey-3);
    color: var(--cb-grey-3);
}

tfoot>tr>td:first-child[b-gl4jiy81jl] {
    text-align: right;
}

div.card-body.flowover[b-gl4jiy81jl] {
    overflow-x: auto;
}

.add-to-cart-dropdown a[b-gl4jiy81jl], .add-to-cart-dropdown a:visited[b-gl4jiy81jl], .add-to-cart-dropdown a:active[b-gl4jiy81jl] {
    text-decoration: none;
    color: var(--cb-blue-1);
}

.add-to-cart-dropdown:hover[b-gl4jiy81jl] {
    text-decoration: none;
    background-color: var(--cb-blue-5);
}

.dropdown-menu[b-gl4jiy81jl] {
    max-height: 30vh;
    overflow: auto;
}
/* /Shared/Cart/CartDisplayComponent.razor.rz.scp.css */
body[b-68j1u99c09] {
}

.detailHeader[b-68j1u99c09]{
    border-top: 1px solid var(--cb-gray-1);
}

.detailHeader>div[b-68j1u99c09]{
    text-align: center;
    padding-top: 12px;
    font-size: 12px;
    color: var(--cb-blue-1);
    border: 1px solid var(--cb-grey-2);
}

.detailHeader>div:nth-last-child(-n + 3)[b-68j1u99c09]{
    padding-top: 5px;
}

p.text-info[b-68j1u99c09] {
    color: var(--cb-blue-1)!important;
}

.detailHeader>div:nth-child(5)[b-68j1u99c09]{
    max-width: 300px;
}

.detailHeader>div:first-child[b-68j1u99c09]{
    background-color: var(--cb-grey-1);
    color: white;
}

.table[b-68j1u99c09] {
    border: 1px solid var(--cb-grey-2);
}

table td[b-68j1u99c09], table th[b-68j1u99c09] {
    text-align: center;
}

.displayImageSection[b-68j1u99c09] {
    text-align: center;
}

img.brandImage[b-68j1u99c09] {
    max-width: 75px;
}

tr.plantheader td[b-68j1u99c09] {
    font-weight: bold;
}

th.cb-blue[b-68j1u99c09], td.cb-blue[b-68j1u99c09] {
    background-color: var(--cb-blue-4);
}
th.cb-grey[b-68j1u99c09], td.cb-grey[b-68j1u99c09] {
    background-color: var(--cb-grey-4);
}

.pfas-violation-message[b-68j1u99c09] {
    color: var(--cb-red-1);
    font-size: 0.813rem;
    margin: auto;
}

.suggested-replacements-header[b-68j1u99c09] {
    background: var(--cb-blue-5);
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: bold;
    border: 1px solid #D2D2D2;
}

.replacements-cards-container[b-68j1u99c09] {
    max-width: 100vw;
    display: inline-flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 1rem 0;
    border: 1px solid #EFF2F4;
}
/* /Shared/Cart/ExpectedShipDatesComponent.razor.rz.scp.css */
body[b-ajvju4nt31] {
}

div.card[b-ajvju4nt31] {
    font-size: 12px;
}
/* /Shared/Cart/Logo/LogoItemComponent.razor.rz.scp.css */
img.logoImage[b-691f9qdzvm] {
    max-width: 150px;
    aspect-ratio: auto;
    border: 1px solid var(--cb-grey-3);
}

div.card[b-691f9qdzvm] {
    border-color: var(--cb-grey-3);
    border-radius: 0;
}

div.card-body[b-691f9qdzvm] {
    background-color: var(--cb-grey-4);
}

div.detailSection>div[b-691f9qdzvm] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}

div.detailSection label[b-691f9qdzvm] {
    font-weight: bold;
}

div.editBtn[b-691f9qdzvm] {
    cursor: pointer;
}
/* /Shared/Cart/Logo/NewLogoForm.razor.rz.scp.css */
label[b-gwbby3bm3s] {
	margin-bottom: 0;
}

.logo-dev-container[b-gwbby3bm3s] {
	background-color: var(--cb-grey-4);
}

.logo-upload-type-radio[b-gwbby3bm3s] {
	background-color: #e9ecef;
}

.licensed-logo-radio-container[b-gwbby3bm3s] {
	display: flex;
	align-items: center;
	height: 31px;
	background-color: #e9ecef; 
	border-radius: 0.25rem;
}
/* /Shared/Cart/OrderStatusEmailComponent.razor.rz.scp.css */
body[b-niy6h3c1v3] {
}

.has-feedback[b-niy6h3c1v3] {
    position: relative;
}

.form-control-feedback[b-niy6h3c1v3], .input-control-feedback[b-niy6h3c1v3] {
    position: absolute;
    top: 1.75rem;
    right: 1rem;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    font-size: 24px;
}

span.input-control-feedback[b-niy6h3c1v3] {
    top: .5rem;
}

input.input-button[b-niy6h3c1v3] {
    cursor: pointer;
}
/* /Shared/Cart/QuickAddComponent.razor.rz.scp.css */
body[b-4mvfzmkds0] {
}

.qaSearch input[b-4mvfzmkds0] {
    border: 1px solid var(--cb-blue-1);
    border-right: none;
    border-radius: 0;
    background-color: white;
    max-width: 225px;
}

    .qaSearch input:focus[b-4mvfzmkds0] {
        box-shadow: none;
    }

.qaSearch button[b-4mvfzmkds0] {
    border-radius: 0;
    border: 1px solid var(--cb-blue-1);
    border-left: none;
    background-color: white;
}

    .qaSearch button:focus[b-4mvfzmkds0] {
        color: var(--cb-blue-1);
        box-shadow: none;
    }

    .qaSearch button:hover[b-4mvfzmkds0] {
        color: var(--cb-blue-1);
    }

.siteSearchLabel[b-4mvfzmkds0] {
    font-size: 12px;
    padding-left: 12px;
}

.qaItem[b-4mvfzmkds0] {
    max-width: 170px;
    position: relative;
}

.qaItem:hover .overlay[b-4mvfzmkds0] {
    opacity: 1;
}

div.overlay[b-4mvfzmkds0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 0.5s;
}

.overlay-text[b-4mvfzmkds0] {
    color: white;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.qaItem small[b-4mvfzmkds0] {
    font-size: 10px;
}

.card-body[b-4mvfzmkds0]{
    max-height: 250px;
    overflow-y: auto;
}

.qaSelectedText[b-4mvfzmkds0] {
    font-size: 10px;
    width: 100%;
}

.qaSelected[b-4mvfzmkds0] {
    border: 1px solid var(--cb-blue-1);
}
/* /Shared/DynamicPage/ContentLeftPhoto.razor.rz.scp.css */
.container[b-131fyl3r49] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 40px;
}

.productLink[b-131fyl3r49] {
    font-size: 16px;
    color: #002B49;
    font-family: 'gotham book';
}

.title[b-131fyl3r49] {
    font-size: 32px;
    font-family: 'gotham bold';
}

.image[b-131fyl3r49] {
    width: 281px;
    height: 207px;
    overflow: hidden;
}


    .image img[b-131fyl3r49] {
        width: 100%;
        height: 100%;
        object-position: center;
    }
.image img.fallback[b-131fyl3r49] {
    object-fit: contain;
}

.image img.real[b-131fyl3r49] {
    object-fit: cover;
}


.text[b-131fyl3r49] {
    flex: 1;
    padding-left: 20px;
    font-family: 'gotham book';
}

h2[b-131fyl3r49] {
    font-family: 'gotham bold';
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 24px;
    color: #002B49;
}

p[b-131fyl3r49] {
    font-family: 'gotham book';
    font-size: 14px;
    line-height: 1.5;
    color: #6F6F6F;
}

@media (max-width: 768px) {
    .container[b-131fyl3r49] {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }

    .image[b-131fyl3r49] {
        max-width: 100%;
    }

    .title[b-131fyl3r49] {
        font-size: 24px;
        line-height: 28px;
    }
}
/* /Shared/DynamicPage/ContentSummary.razor.rz.scp.css */

.container[b-68y4uur95u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 10px;
    padding: 10px;
}


.item[b-68y4uur95u] {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    justify-content: flex-start; 
    padding: 10px;
    box-sizing: border-box;
}


    .item .image[b-68y4uur95u] {
        width: 100%;
        height: 300px; 
        overflow: hidden;
        position: relative;
        background-color: #f0f0f0; 
    }

        .item .image img[b-68y4uur95u] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; 
            object-position: center; 
        }
            .item .image img.fallback-image[b-68y4uur95u] {
                object-fit: contain;
            }

    .item .text[b-68y4uur95u] {
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        font-family: 'gotham book';
    }

    .item .title[b-68y4uur95u] {
        font-family: 'gotham bold';
        font-size: 24px;
        font-weight: bold;
        margin: 10px 0;
        line-height: 24px;
        color: #002B49;
    }

    .item .description[b-68y4uur95u] {
        font-family: 'gotham book';
        font-size: 14px;
        margin: 0;
        line-height: 24px;
        color: #6F6F6F;
        padding-bottom: 10px;
    }
    a[b-68y4uur95u], .btn-link[b-68y4uur95u] {
        font-family: 'gotham book';
        color: #002B49;
    }
/* Responsive Design */

@media (max-width: 768px) {
    .container[b-68y4uur95u] {
        grid-template-columns: 1fr ;
        padding-bottom: 20px;
    }

    .item .image[b-68y4uur95u] {
        height: 250px; 
    }

}

/* /Shared/DynamicPage/ContentVideoRightComponent.razor.rz.scp.css */

.container.reverse[b-cryydy0y1o] {
    flex-direction: row-reverse;
}
.container[b-cryydy0y1o] {
  display: flex; 
  width: 100%;
  gap: 20px; 
  justify-content: space-between; 
  align-items:flex-start !important;
  padding-bottom: 40px;
}

.productLink[b-cryydy0y1o] {
    font-size: 16px;
    color: #002B49;
    font-family: 'gotham book';
}

.title[b-cryydy0y1o] {
    font-size: 32px;
    font-family: 'gotham bold';
}
.image[b-cryydy0y1o] {
  max-width: 30%; 
  overflow: hidden; 
}

.video[b-cryydy0y1o] {
    width: 456px;
    height: 456px;
    overflow: hidden;
    background-color: #000;
}

    .video video[b-cryydy0y1o] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }




.text[b-cryydy0y1o] {
    flex: 1;
    object-position: top;
    justify-self: flex-start;
    font-family: 'gotham book';
}

h2[b-cryydy0y1o] {
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 24px;
    color: #002B49;
    font-family: 'gotham bold';
}

p[b-cryydy0y1o] {
    font-family: 'gotham book';
    font-size: 14px;
    line-height: 1.5;
    color: #6F6F6F;
}

@media (max-width: 768px) {
    .container[b-cryydy0y1o] {
        flex-direction: column !important; 
        gap: 10px;
        padding-bottom: 20px;
    }

    .video[b-cryydy0y1o], .video[b-cryydy0y1o] {
        width: 100% !important;
        height: 100%;
        order: -1;
    }

    .text[b-cryydy0y1o] {
        width: 100%;
        padding-top: 10px;
    }


    .title[b-cryydy0y1o] {
        font-size: 24px;
        line-height: 28px;
    }

    .description[b-cryydy0y1o] {
        font-size: 14px;
    }

}
/* /Shared/DynamicPage/FilmStripComponent.razor.rz.scp.css */
body[b-hce2p6c148] {
}

.filmStripSection[b-hce2p6c148]{
    position: relative;
}

i[b-hce2p6c148] {
    font-size: 20px;
    font-weight: bold;
}

.filmStripScroller[b-hce2p6c148] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    overflow: hidden;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    height: 100%;
}

div.filmScroll-element[b-hce2p6c148] {
    display: flex;
    box-sizing: border-box;
    width: 50%;
}

div.filmScroll-element > a > img[b-hce2p6c148] {
    object-fit: cover;
    width: 100%;
    height: 225px;
}

a[b-hce2p6c148] {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.filmScroll-group[b-hce2p6c148] {
    display: flex;
    box-sizing: border-box;
}


    .filmScroll-group > *:not(:first-child)[b-hce2p6c148] {
        margin-left: 12px;
    }

    .filmScroll-group > *:not(:last-child)[b-hce2p6c148] {
        margin-right: 12px;
    }

@media (max-width: 767px) {
    div.filmScroll-element > a > img[b-hce2p6c148] {
        height: 200px;
    }
}
/* /Shared/DynamicPage/Heading1Component.razor.rz.scp.css */
.large-heading[b-p0ykb1zazx] {
    font-family: 'gotham bold';
    font-size: 66px;
    line-height: 66px;
    color: #002B49;
}
.container[b-p0ykb1zazx]{
    padding-bottom: 20px;
    padding-left: 0px;
}

.small-heading[b-p0ykb1zazx] {
    font-family: 'gotham bold';
    font-size: 32px;
    line-height: 24px;
    color: #002B49;
}
@media (max-width: 768px) {
    .large-heading[b-p0ykb1zazx] {
        font-size: 40px;
    }
    .small-heading[b-p0ykb1zazx] {
        font-size: 32px;
    }
    }
/* /Shared/DynamicPage/HeroCarouselComponent.razor.rz.scp.css */
.heroScrollSection[b-li5bfx6c9w] {
    position: relative;
}

button[b-li5bfx6c9w] {
    border-radius: unset;
}

.heroScroller[b-li5bfx6c9w] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    column-gap: 50px;
    overflow: hidden;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
}

.heroScroll-element[b-li5bfx6c9w] {
    position: relative;
    width: 100%;
    color: white;
    text-align: center;
}

.heroScroll-element img[b-li5bfx6c9w] {
    display: block;
}

.text-gradient[b-li5bfx6c9w] {
    background: linear-gradient(0deg, rgba(0,0,0, 0.80) 0%,
    rgba(0,0,0, 0.6) 20%,
    rgba(0,0,0, 0.5) 35%,
    rgba(0,0,0, 0.4) 50%,
    rgba(0,0,0, 0.25) 65%,
    rgba(0,0,0, 0.15) 90%,
    rgba(0,0,0,0.1) 95%,
    rgba(0,0,0,0) 100% );
}
.overlay[b-li5bfx6c9w] {
    position: absolute;
    bottom: 0;
    max-height: 40%;
    width: 100%;
    overflow: hidden;
    padding: clamp(2px, 5px, 6px) clamp(4px, 15px, 20px);
}

    .overlay h3[b-li5bfx6c9w] {
        align-self: end;
        text-align: left;
        color: white;
        white-space: nowrap;
        font-size: clamp(0.7rem, 0.0500rem + 2.0000vw, 1.1rem);
        margin-bottom: 0;
    }

    .overlay p[b-li5bfx6c9w] {
        font-size: clamp(0.5rem, 0.2857rem + 0.9524vw, 1rem);
        text-align: left;
        padding-right: 3rem;
    }

    .overlay button[b-li5bfx6c9w] {
        justify-self: center;
        align-self: center;
        color: #002b49;
        font-weight: bold;
        font-size: clamp(0.5rem, 0.3125rem + 0.8333vw, 0.75rem);
        padding: 5px 15px;
        width: fit-content;
        z-index: 25;
    }

@media(min-width: 768px){
    .overlay[b-li5bfx6c9w] {
        padding: 6px 20px;
    }
}

@media(max-width: 768px){
    .heroScroller[b-li5bfx6c9w] {
        /*width: 100vw;*/
        margin-top: 25px;
    }
}

.snaps-inline[b-li5bfx6c9w] {
    scroll-snap-type: inline mandatory;
}

.snaps-inline > *[b-li5bfx6c9w] {
    scroll-snap-align: start;
}

.indicators[b-li5bfx6c9w] {
    position: absolute;
    bottom: 0%;
    text-align: center;
    width: 100%;
    opacity: .75;
    overflow: hidden;
}

.indicator[b-li5bfx6c9w] {
    background-color: white;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: hidden;
    transform: scale(0.7);
}

.indicator.active[b-li5bfx6c9w] {
    background-color: grey;
}

@media(min-width: 992px){

    .home-hero-overlay[b-li5bfx6c9w] {
        left: 0;
        width: 33%;
        text-align: center;
        top: 0;
        height: 100%;
    }

    div.home-hero-text[b-li5bfx6c9w] {
        position: absolute;
        top: 0;
        width: 33%;
        padding: 0;
        background: none;
        height: unset;
        z-index: 20;
    }

    .home-hero-msgbox[b-li5bfx6c9w] {
        height: 60%;
    }

    div.home-hero-text h3[b-li5bfx6c9w] {
        width: 66%;
    }

    div.home-hero-text p[b-li5bfx6c9w], div.home-hero-text a[b-li5bfx6c9w] {
        width: 66%;
    }

    .home-hero-btnbox[b-li5bfx6c9w] {
        height: 40%;
    }

    div.home-hero-text h3[b-li5bfx6c9w] {
        font-size: 14px;
        line-height: 20px;
    }

    div.home-hero-text p[b-li5bfx6c9w] {
        font-size: 12px;
    }

    .home-hero-btnbox .btn-block[b-li5bfx6c9w] {
        font-size: 10px;
        line-height: 24px;
    }
}


@media(min-width: 1200px){
    div.home-hero-text h3[b-li5bfx6c9w] {
        font-size: 16px;
        line-height:20px;
    }

    div.home-hero-text p[b-li5bfx6c9w] {
        font-size: 14px;
    }

    .home-hero-btnbox .btn-block[b-li5bfx6c9w] {
        font-size: 12px;
        line-height: 32px;
    }
}

@media(min-width: 1300px){
    
    div.home-hero-text h3[b-li5bfx6c9w] {
        font-size: 16px;
        line-height: 30px;
    }
    div.home-hero-text p[b-li5bfx6c9w] {
        font-size: 14px;
    }

    .home-hero-btnbox .btn-block[b-li5bfx6c9w] {
        font-size: 12px;
        line-height: 35px;
    }
}
    
@media(min-width: 1400px){
    div.home-hero-text h3[b-li5bfx6c9w] {
        font-size: 24px;
        line-height: 30px;
    }

    
    .home-hero-btnbox .btn-block[b-li5bfx6c9w] {
        font-size: 14px;
        line-height: 35px;
    }
}
    
/* /Shared/DynamicPage/HeroCarouselSplitComponent.razor.rz.scp.css */
body[b-jsar1stv6d] {
}

.heroScrollSection[b-jsar1stv6d] {
    position: relative;
}

.heroScroller[b-jsar1stv6d] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    column-gap: 50px;
    overflow: hidden;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
}

.heroScroll-element[b-jsar1stv6d] {
    position: relative;
    width: 100%;
    color: white;
    text-align: center;
}

.heroScroll-element a[b-jsar1stv6d] {
    text-decoration: none;
}

.heroScroll-element-body[b-jsar1stv6d] {
    display: flex;
}

.heroScroll-element-img[b-jsar1stv6d] {
    display: block;
}

.heroScroll-element-info[b-jsar1stv6d] {
    background-color: #eff2f4;
    color: #011e41;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

    .heroScroll-element-info button[b-jsar1stv6d] {
        background-color: #011e41;
        color: #eff2f4;
    }

@media( max-width: 768px){
    .heroScroll-element-body[b-jsar1stv6d] {
        flex-direction: column;
    }

    .heroScroll-element-info[b-jsar1stv6d]{
        width: 100%;
        min-height: 200px;
    }

    .heroScroll-element-img[b-jsar1stv6d] {
        width: 100%;
    }
}

@media( min-width: 768px){
    .heroScroll-element-body[b-jsar1stv6d]{
        flex-direction: row;
    }
    .heroScroll-element-info[b-jsar1stv6d]{
        width: 33%;
    }
    .heroScroll-element-img[b-jsar1stv6d]{
        width: 66%;
    }
    .heroScroll-element-body.reverse[b-jsar1stv6d] {
        flex-direction: row-reverse;
    }
}


.snaps-inline[b-jsar1stv6d] {
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 25px;
}

    .snaps-inline > *[b-jsar1stv6d] {
        scroll-snap-align: start;
    }

.indicators[b-jsar1stv6d] {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 5px;
    text-align: center;
    padding-right: 25px;
    opacity: .75;
}

.indicator[b-jsar1stv6d] {
    background-color: white;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: hidden;
}

    .indicator.active[b-jsar1stv6d] {
        background-color: grey;
    }

@media(min-width: 992px) {

    .home-hero-overlay[b-jsar1stv6d] {
        left: 0;
        width: 33%;
        text-align: center;
        top: 0;
        height: 100%;
    }

    div.home-hero-text[b-jsar1stv6d] {
        position: absolute;
        top: 0;
        width: 33%;
        padding: 0;
        background: none;
        height: unset;
        z-index: 20;
    }

    .home-hero-msgbox[b-jsar1stv6d] {
        height: 60%;
    }

    div.home-hero-text h3[b-jsar1stv6d] {
        width: 66%;
    }

    div.home-hero-text p[b-jsar1stv6d], div.home-hero-text a[b-jsar1stv6d] {
        width: 66%;
    }

    .home-hero-btnbox[b-jsar1stv6d] {
        height: 40%;
    }

    div.home-hero-text h3[b-jsar1stv6d] {
        font-size: 14px;
        line-height: 20px;
    }

    div.home-hero-text p[b-jsar1stv6d] {
        font-size: 12px;
    }

    .home-hero-btnbox .btn-block[b-jsar1stv6d] {
        font-size: 10px;
        line-height: 24px;
    }
}


@media(min-width: 1200px) {
    div.home-hero-text h3[b-jsar1stv6d] {
        font-size: 16px;
        line-height: 20px;
    }

    div.home-hero-text p[b-jsar1stv6d] {
        font-size: 14px;
    }

    .home-hero-btnbox .btn-block[b-jsar1stv6d] {
        font-size: 12px;
        line-height: 32px;
    }
}

@media(min-width: 1300px) {

    div.home-hero-text h3[b-jsar1stv6d] {
        font-size: 16px;
        line-height: 30px;
    }

    div.home-hero-text p[b-jsar1stv6d] {
        font-size: 14px;
    }

    .home-hero-btnbox .btn-block[b-jsar1stv6d] {
        font-size: 12px;
        line-height: 35px;
    }
}

@media(min-width: 1400px) {
    div.home-hero-text h3[b-jsar1stv6d] {
        font-size: 24px;
        line-height: 30px;
    }


    .home-hero-btnbox .btn-block[b-jsar1stv6d] {
        font-size: 14px;
        line-height: 35px;
    }
}
    
/* /Shared/DynamicPage/HeroTallComponent.razor.rz.scp.css */
/* razor.css */
.hero-tall[b-hlpn1xxjfa] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom:40px;
}

.hero-image[b-hlpn1xxjfa] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.fallback-image[b-hlpn1xxjfa] {
    object-fit: contain;
    object-position: center;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    padding: 10px;
}

.hero-item[b-hlpn1xxjfa] {
    width: 100%;
    height: 456px;
    padding-bottom: 20px;
    position:relative;
}
.hero-item.short-image[b-hlpn1xxjfa]{
    height: 280px;
}

.hero-text-overlay[b-hlpn1xxjfa] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background-color: rgba(0, 43, 74, 0.5);
    display: flex;
    justify-content: center;
    padding: 2px;
    width: 100%;
    font-family: 'gotham book';
}


.hero-text-container[b-hlpn1xxjfa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    width: 100%;
    font-family: 'gotham book';
}

.hero-title[b-hlpn1xxjfa] {
    font-size: 66px;
    font-family: 'Gotham Bold';
    line-height: 66px;
}

.hero-description[b-hlpn1xxjfa] {
    font-size: 22.5px;
    font-family: 'Gotham Book';
    font-weight: bold;
}

@media (max-width: 768px) {
    .hero-item[b-hlpn1xxjfa] {
        height: 300px;
    }
    .hero-item.short-image[b-hlpn1xxjfa] {
            height: 280px;
    }
}

@media (max-width: 1450px) {
    .hero-title[b-hlpn1xxjfa] {
        font-size: 48px;
        line-height: 48px;
    }

    .hero-description[b-hlpn1xxjfa] {
        font-size: 20px;
        padding-top: 0.5rem;
        padding-bottom: 0.25rem;
    }
}

@media (max-width: 1200px) {
    .hero-title[b-hlpn1xxjfa] {
        font-size: 36px;
        line-height: 36px;
        padding-top: 0.25rem;
    }

    .hero-description[b-hlpn1xxjfa] {
        font-size: 12px;
        padding-top: 0.5rem;
        padding-bottom: 0.25rem;
    }
}

@media (max-width: 500px) {
    .hero-item[b-hlpn1xxjfa]{
        height: 250px;
    }

    .hero-item.short-image[b-hlpn1xxjfa] {
            height: 280px;
     }
    .hero-title[b-hlpn1xxjfa] {
        font-size: 32px;
        line-height: 36px;
    }

    .hero-description[b-hlpn1xxjfa] {
        font-size: 14px;
        line-height: 18px;
    }

    .hero-image[b-hlpn1xxjfa] {
        object-position: top center;
    }
}
/* /Shared/DynamicPage/NodeListComponent.razor.rz.scp.css */
.node-list[b-84s010a72t] {
    list-style: none;
    margin: 0;
    padding-left:0px;
}
.non-footer-margin[b-84s010a72t] {
    padding-bottom: 40px;
    padding-left: 0px;
}

.list-overflow[b-84s010a72t] {
    column-width: 300px;
    padding-left: 0;
}

.page-list[b-84s010a72t] {
    list-style: circle;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .node-list[b-84s010a72t] {
        list-style: none;
        margin: 0;
        padding-left: 12px;
    }
}
/* /Shared/DynamicPage/NodeListItemComponent.razor.rz.scp.css */
[b-kvglnrk700]::marker {
    content: "\25CF";
}

.collapsible[b-kvglnrk700]::marker {
    content: '\00BB';
    color: #011e41;
    font-weight: bold;
}

.p-1-container[b-kvglnrk700] {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.margin-sub-head[b-kvglnrk700] {
    margin-top: 20px;
    margin-bottom: 10px;
}

.collapsible.active[b-kvglnrk700]::marker {
    content: "\00AB";
}
.menu-icon[b-kvglnrk700] {
    max-height: 40px;
}

@media (max-width: 991px) {
    .p-1-container[b-kvglnrk700] {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }
    .margin-sub-head[b-kvglnrk700] {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
/* /Shared/DynamicPage/StyleInThisSeries.razor.rz.scp.css */
.strip-wrapper-y[b-3pwvci0v41] {
    height: 60vh;
    overflow-y: scroll;
    -ms-overflow-style: none; /* Edge */
    scrollbar-width: none; /* Firefox */
}

    .strip-wrapper-y[b-3pwvci0v41]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .strip-wrapper-y ul li[b-3pwvci0v41] {
        list-style: none;
        border: none;
    }

    .strip-wrapper-y img[b-3pwvci0v41] {
        width: 100px;
    }

.strip-wrapper-x[b-3pwvci0v41] {
    height: 30vh;
    overflow-x: scroll;
    -ms-overflow-style: none; /* Edge */
    scrollbar-width: none; /* Firefox */
}

    .strip-wrapper-x[b-3pwvci0v41]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

.chevron-left[b-3pwvci0v41] {
    transform: rotate(-135deg);
}

.chevron-right[b-3pwvci0v41] {
    transform: rotate(45deg);
}

.chevron-down[b-3pwvci0v41] {
    transform: rotate(135deg);
    top: 0.5em;
}

.chevron-up[b-3pwvci0v41] {
    transform: rotate(-45deg);
    top: 0.6em;
}

.hover:hover[b-3pwvci0v41] {
    color: var(--cb-blue-2);
    text-decoration: underline;
    cursor: pointer;
}

.strip-control-up[b-3pwvci0v41], .strip-control-down[b-3pwvci0v41] {
    left: 64px;
}

.strip-control-up[b-3pwvci0v41] {
    top: -5px;
}

.chevron[b-3pwvci0v41] {
    border-style: solid;
    border-width: 0.18em 0.18em 0 0;
    content: '';
    height: 0.55em;
    left: 1em;
    position: relative;
    top: -0.10em;
    vertical-align: middle;
    width: 0.55em;
    margin-right: 10px;
}
/* /Shared/DynamicPage/TextBodyComponent.razor.rz.scp.css */
.bodyStyle[b-969jjq7uwt] {
    font-family: 'gotham book';
    font-size: 14px;
    line-height: 24px;
    color: #6F6F6F;
}
.container[b-969jjq7uwt]{
    padding-bottom:20px
}
/* /Shared/DynamicPage/TextLinkCom.razor.rz.scp.css */
.productLink[b-wcn0blg9rt] {
    font-size: 16px;
    color: #002B49;
    font-family: 'gotham book';
}
.container[b-wcn0blg9rt]{
    padding-bottom:20px;
}
/* /Shared/DynamicPage/VideoLarge.razor.rz.scp.css */

.video-container[b-rw554wv9nb] {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background-color: black; 
    height: 450px; 
    width: 100%; 
    overflow: hidden; 
    margin-bottom: 40px
}

 
    .video-container video[b-rw554wv9nb] {
        max-height: 450px; 
        object-fit: cover; 
        cursor: pointer;
    }

/* /Shared/Fanshop/FanshopTile.razor.rz.scp.css */
.tile[b-bjav3c6udr] {
	width: clamp(50px, 135px, 135px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	background: #FFFFFF;
	padding: 0.5rem 0;
	aspect-ratio: 5/4;
	cursor: pointer;
	border: none;
}

	.tile:hover[b-bjav3c6udr] {
		box-shadow: 0px 4px 4px 0px #00000040;
	}

	.tile:focus[b-bjav3c6udr] {
		box-shadow: 0px 6px 6px 0px #00000040;
		outline: none;
	}

.icon[b-bjav3c6udr] {
	width: auto;
	max-width: 80%;
	height: auto;
	max-height: 70%;
	object-fit: scale-down;
	object-position: center;
}

.title[b-bjav3c6udr] {
	font-weight: bold;
	font-size: 0.90rem;
	color: black;
}
/* /Shared/Filters/FiltersHeader.razor.rz.scp.css */

.filters[b-e83ax18caa] {
	color: var(--cb-blue-2);
	background-color: white;
}

.filters-header-body[b-e83ax18caa] {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.filters-container[b-e83ax18caa] {
	display: flex;
	gap: 0.5rem;
	border-top: 1px solid var(--cb-grey-3);
	border-bottom: 1px solid var(--cb-grey-3);
}

.filters-container[b-e83ax18caa]::-webkit-scrollbar {
	height: 8px;
}

.filters-container[b-e83ax18caa]::-webkit-scrollbar-track {
	background-color: #F0F0F1;
}

.filters-container[b-e83ax18caa]::-webkit-scrollbar-thumb {
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #002B49;
}

@media (min-width: 500px) {

	.filters-header-body[b-e83ax18caa] {
		flex-direction: row;
		justify-content: space-between;
	}

	.filters-container[b-e83ax18caa] {
		overflow-y: hidden;
		overflow-x: auto;
	}

	.filters > div[b-e83ax18caa] {
		padding: 0 24px 0 24px;
	}
}

@media (max-width: 500px) {

	.filters-header-body[b-e83ax18caa] {
		flex-direction: column;
	}

	.filters-container[b-e83ax18caa] {
		flex-direction: column;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.filters > div[b-e83ax18caa] {
		padding: 0;
	}
}
/* /Shared/Filters/FilterTreeDisplay.razor.rz.scp.css */


/*Modifications on the bootstrap class. Background SVG fill changed to red and resized.*/
.btn-close[b-6tabsuwdvo] {
	width: 0.55em !important;
	height: 0.55em !important;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='red' %3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}
/* /Shared/Filters/Node.razor.rz.scp.css */


.node[b-p3pbvp5ju9] {
	display: flex;
	height: fit-content;
	border-radius: 0.25rem;
	font-weight: bold;
	white-space: nowrap;
}

/*Modifications on the bootstrap class. Background SVG fill changed to red and resized.*/
.btn-close[b-p3pbvp5ju9] {
	width: 0.35em !important;
	height: 0.35em !important;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='red' %3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

@media (min-width: 500px) {
	.node[b-p3pbvp5ju9] {
		justify-content: center;
		align-items: center;
		word-wrap: normal;
	}
}

@media (max-width: 500px) {
	.node[b-p3pbvp5ju9] {
		justify-content: space-between;
		align-items: center;
	}
}
/* /Shared/General/AddressBookComponent.razor.rz.scp.css */
.rounded-pill[b-prchjpoyf2] {
    background-color: var(--cb-blue-1);
}
/* /Shared/General/BrandCheckerboxTile.razor.rz.scp.css */

[b-rtho30rak2] a {
	font-weight: bold;
	color: var(--cb-grey-1);
	opacity: 0.95;
}

[b-rtho30rak2] address {
	display: inline-block;
	margin: 0;
}

[b-rtho30rak2] .fw-bold {
	color: var(--cb-grey-1);
	opacity: 0.95;
}

h1[b-rtho30rak2], h2[b-rtho30rak2] {
	margin: 0;
}

article[b-rtho30rak2] {
	padding: 0 3rem;
}

header[b-rtho30rak2] {
	height: 100%;
	color: var(--cb-blue-1);
	font-weight: bold;
	padding: 0;
}

hr[b-rtho30rak2] {
	border-top: 2px solid;
	opacity: 0.5;
	margin-bottom: 0;
}

.checkerbox-tile[b-rtho30rak2] {
	border-color: var(--cb-grey-1);
}

.title[b-rtho30rak2] {
	color: var(--cb-blue-1);
	text-transform: uppercase;
	font-size: 2rem;
	font-family: 'gotham bold';
}

.subtitle[b-rtho30rak2] {
	text-transform: uppercase;
	color: var(--cb-grey-2);
	font-family: 'gotham bold';
}

.image[b-rtho30rak2] {
	min-height: 100%;
	width: 100%;
	object-fit: fill;
}

.icon[b-rtho30rak2] {
	max-height: 3.5rem;
	max-width: 3rem;
	margin-right: 1.0rem;
	float: left;
	object-fit: fill;
}

.content[b-rtho30rak2] {
	font-family: 'gotham book';
	line-height: 2.0rem;
	color: var(--cb-grey-2);
}

@media (max-width: 1450px) {
	article[b-rtho30rak2] {
		font-size: 0.75rem;
	}

	.title[b-rtho30rak2] {
		font-size: calc(36px * 0.75);
	}

	.icon[b-rtho30rak2] {
		transform: scale(0.75);
	}
}

@media (max-width: 1200px) {
	article[b-rtho30rak2] {
		font-size: 1rem;
	}

	.title[b-rtho30rak2] {
		font-size: 24px;
		line-height: 32px;
	}

	.subtitle[b-rtho30rak2] {
		font-size: 16px;
	}
}
/* /Shared/General/Dropdown.razor.rz.scp.css */
.dropdown[b-v7cm4pjevv] {
	position: relative;
	height: 44px;
	display: flex;
	align-items: center;
	color: var(--cb-blue-1);
	border-radius: 0;
	border: 1px solid var(--cb-blue-1);
	cursor: pointer;
}

	.dropdown[disabled][b-v7cm4pjevv] {
		background-color: var(--cb-grey-3);
		color: var(--cb-grey-2);
		cursor: default;
	}

	.dropdown:hover:not([disabled])[b-v7cm4pjevv] {
		background-color: #CDD6DC;
	}

		.dropdown:hover:not([disabled]) > .dropdown-menu[b-v7cm4pjevv] {
			max-height: 1000px !important;
			opacity: 1 !important;
			transition-duration: 0.5s;
		}

		.dropdown:hover:not([disabled]) > .display-text[b-v7cm4pjevv]::after {
			transform: translateY(-15%) translateX(100%) rotate(-90deg);
		}

.display-text[b-v7cm4pjevv] {
	position: relative;
	width: 100%;
	text-align: center;
}

	.display-text[b-v7cm4pjevv]::after {
		content: '›';
		position: absolute;
		font-size: 1.5em;
		transform: translateY(-15%) translateX(100%) rotate(90deg);
	}

.dropdown-menu[b-v7cm4pjevv] {
	position: absolute;
	overflow: hidden;
	top: 100%;
	left: -1px;
	right: -1px;
	max-height: 0;
	opacity: 0;
	font-size: inherit;
	border-radius: 0;
	border: 1px solid #8499AA;
	padding: 0 !important;
	transition-property: max-height;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: ease-out;
}

.option[b-v7cm4pjevv] {
	color: #414141;
}

	.option:hover[b-v7cm4pjevv] {
		background-color: rgb(236, 236, 236);
	}
/* /Shared/General/ListSearchbar.razor.rz.scp.css */

.input-group > span[b-wvo1r0rrgt] {
	height: 44px;
	aspect-ratio: 1 / 1;
	background-color: var(--cb-blue-1);
	border-top-left-radius: 5px !important; /*bootstrap overrides*/
	border-bottom-left-radius: 5px !important;
}

.input-group > input[b-wvo1r0rrgt] {
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.form-control:focus[b-wvo1r0rrgt] {
	box-shadow: unset;
}

.input-body[b-wvo1r0rrgt] {
	position: relative;
}

	.input-body:focus-within > .results-body[b-wvo1r0rrgt] {
		display: block;
	}

.results-body[b-wvo1r0rrgt] {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	min-height: 0;
	max-height: 20rem;
	box-shadow: 0px 4px 4px 0px #00000040;
	background: #FAFAFA;
	border-radius: 5px;
	z-index: 300;
}

.result[b-wvo1r0rrgt] {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

	.result > div:first-child[b-wvo1r0rrgt] {
		display: flex;
		align-items: center;
	}

	.result > div:last-child[b-wvo1r0rrgt] {
		display: flex;
		justify-content: end;
	}

	.result:hover[b-wvo1r0rrgt] {
		background-color: rgb(236, 236, 236);
	}

.result-image[b-wvo1r0rrgt] {
	max-width: 45px;
	max-height: 45px;
	object-fit: scale-down;
}

.result-icon[b-wvo1r0rrgt] {
	max-width: 55px;
	max-height: 45px;
	object-fit: scale-down;
}
/* /Shared/General/SearchableDropdown.razor.rz.scp.css */
.separator[b-l0ens3nv88] {
	height: 0px;
	width: 100%;
	padding: 0 0.25rem;
	border-top: 1px solid grey;
}

.dropdown[b-l0ens3nv88] {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 35px;
	min-width: 250px;
	background: white;
	border: 1px #8499AA solid;
	border-radius: 0;
	color: #414141;
	font-size: 14px;
}

	.dropdown:focus > .dropdown-inner[b-l0ens3nv88], .dropdown:focus-within > .dropdown-inner[b-l0ens3nv88] {
		display: block;
	}

.display[b-l0ens3nv88] {
	display: flex;
	flex-grow: 1;
	align-items: center;
	user-select: none;
}

.display-text[b-l0ens3nv88] {
	min-width: 0px;
	flex-grow: 1;
	display: inline-block;
	text-wrap: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-x: hidden;
	padding: .375rem 2.25rem .375rem .75rem
}

.deselect[b-l0ens3nv88] {
	min-width: 20px;
	cursor: pointer;
	padding: 0 0.25rem;
	color: rgb(27, 29, 32);
	opacity: 0.4;
}

.hidden-input-helper[b-l0ens3nv88] {
	height: 0;
	opacity: 0;
}

.hidden-input[b-l0ens3nv88] {
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.dropdown-inner[b-l0ens3nv88] {
	display: none;
	position: absolute;
	top: calc(100% + 0.25rem);
	right: 0;
	left: 0;
	background: white;
	border: 1px #8499AA solid;
	z-index: 99;
}

.filter[b-l0ens3nv88] {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem
}

.borderless-input[b-l0ens3nv88] {
	border: none;
}

	.borderless-input:focus[b-l0ens3nv88] {
		outline: none;
	}

.option-list[b-l0ens3nv88] {
	display: flex;
	flex-direction: column;
	max-height: 20rem;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
}

	.option-list > li[b-l0ens3nv88] {
		height: max-content;
		padding: 0.5rem 0.75rem;
		list-style-type: none;
		margin-right: -15px;
		cursor: pointer;
	}

		.option-list > li:hover[b-l0ens3nv88] {
			background-color: #1e90ff;
			color: white;
		}
/* /Shared/General/SelectSearch.razor.rz.scp.css */

.select-search-title[b-lv6f3w47fe] {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #212529;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: 0.2rem 0 0 0.2rem;
}

.select-search-input[b-lv6f3w47fe] {
	position: relative;
	display: flex;
	height: fit-content;
	border: 1px solid #ced4da;
	border-radius: 0 0.2rem 0 0;
}

.select-search-dropdown[b-lv6f3w47fe] {
	position: relative;
	display: flex;
	min-height: 1.5rem;
	height: fit-content;
	border: 1px solid #ced4da;
	border-radius: 0 0 0.2rem 0;
	cursor: pointer;
	user-select: none;
}

	.select-search-dropdown > div:first-child[b-lv6f3w47fe] {
		border: none;
		padding: 0;
	}

	.select-search-dropdown > ul[b-lv6f3w47fe] {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		max-height: 250px;
		z-index: 9999;
		list-style-type: none;
		border: 1px solid #ced4da;
		border-radius: 0;
		overflow: auto;
		background-color: white;
		margin: 0;
		padding: 0;
		text-overflow: ellipsis;
	}

		.select-search-dropdown > ul > li[b-lv6f3w47fe] {
			width: 100%;
			padding: 0;
			text-overflow: ellipsis;
			padding: 0 0.375rem;
		}

.option[b-lv6f3w47fe] {
	cursor: pointer;
}

	.option:hover[b-lv6f3w47fe] {
		background-color: #1e90ff;
		color: white;
	}

.select-search-single[b-lv6f3w47fe] {
	border: 1px solid #ced4da;
	border-radius: 0 0.2rem 0.2rem 0;
}
/* /Shared/General/SelectTooltip.razor.rz.scp.css */

.select-tooltip-dropdown[b-5lj12c4r71] {
	position: relative;
	display: flex;
	min-height: 1.5rem;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	cursor: pointer;
	user-select: none;
	background-color: #fff;
}

	.select-tooltip-dropdown:disabled[b-5lj12c4r71] {
		background-color: #e9ecef;
	}

		.select-tooltip-dropdown:disabled > div:first-child[b-5lj12c4r71] {
			background-color: #e9ecef;
		}

	.select-tooltip-dropdown > div:first-child[b-5lj12c4r71] {
		border: none;
	}

	.select-tooltip-dropdown > ul[b-5lj12c4r71] {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		max-height: 250px;
		z-index: 9999;
		list-style-type: none;
		border: 1px solid #ced4da;
		border-radius: 0;
		overflow: auto;
		background-color: inherit;
		margin: 0;
		padding: 0;
		text-overflow: ellipsis;
	}

		.select-tooltip-dropdown > ul > li[b-5lj12c4r71] {
			width: 100%;
			padding: 0;
			text-overflow: ellipsis;
			padding: 0 0.375rem;
		}

.form-select[b-5lj12c4r71] {
	padding: .375rem 2.25rem .375rem .75rem;
	line-height: 1.5;
}

.form-select > div[b-5lj12c4r71] {
	min-height: 24px;
}

.option[b-5lj12c4r71] {
	cursor: pointer;
}

	.option:hover[b-5lj12c4r71] {
		background-color: #1e90ff;
		color: white;
	}

.hovered-option[b-5lj12c4r71] {
	position: absolute;
	min-width: 1px;
	max-width: 150px;
	background-color: #363636;
	color: #fff;
	text-align: center;
	padding: 5px 5px;
	border-radius: 6px;

	top: 40%;
	right: calc(100% - 7px);
	z-index: 100;
}

	.hovered-option[b-5lj12c4r71]::after {
		content: "";
		position: absolute;
		top: 11px;
		right: 0%;
		margin-right: -10px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		transform: rotate(-90deg);
	}
/* /Shared/General/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-txth8njwd9]
{
	position: relative;
	display: inline-block;
	cursor: help;
}

	.tooltip-wrapper:hover .tooltip[b-txth8njwd9] {
		visibility: visible;
		opacity: unset;
	}

.tooltip[b-txth8njwd9] {
	visibility: hidden;
	position: absolute;
	width: max-content;
	max-width: 500px;
	background-color: #363636;
	color: #fff;
	text-align: center;
	padding: 5px 1rem;
	border-radius: 6px;
	z-index: 999;
}

	.tooltip.top[b-txth8njwd9] {
		bottom: 100%;
		transform: translate(-50%);
	}

	.tooltip.bottom[b-txth8njwd9] {
		top: calc(100% + 2px);
		transform: translate(-50%);
	}

	.tooltip.left[b-txth8njwd9] {
		top: -50%;
		right: calc(100% + 5px);
	}

	.tooltip.right[b-txth8njwd9] {
		top: -50%;
		left: calc(100% + 5px);
	}

	.tooltip[b-txth8njwd9]::after {
		content: "";
		position: absolute;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
	}

	.tooltip.top[b-txth8njwd9]::after {
		top: 100%;
		left: calc(50% + 5px / 2);
		border-color: #555 transparent transparent transparent;
	}

	.tooltip.bottom[b-txth8njwd9]::after {
		bottom: 100%;
		left: calc(50% + 5px / 2);
		border-color: transparent transparent#555 transparent;
	}

	.tooltip.left[b-txth8njwd9]::after {
		top: calc(50% - 5px);
		left: 100%;
		border-color: transparent transparent transparent #555;
	}

	.tooltip.right[b-txth8njwd9]::after {
		top: calc(50% - 5px);
		right: 100%;
		border-color: transparent #555 transparent transparent;
	}
}

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-egbd0iq5vu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-egbd0iq5vu] {
    flex: 1;
}

div.siteTop[b-egbd0iq5vu] {
    background-color: white;
    z-index: 51;
}

.top-row[b-egbd0iq5vu] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-egbd0iq5vu]  a, .top-row[b-egbd0iq5vu]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-egbd0iq5vu]  a:hover, .top-row[b-egbd0iq5vu]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-egbd0iq5vu]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 991px) {
    /*Allows side to side background color, as needed in spec*/
    .siteTop[b-egbd0iq5vu] {
        padding: 0 0;
    }
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-egbd0iq5vu] {
        display: none;
    }

    .top-row.auth[b-egbd0iq5vu] {
        justify-content: space-between;
    }

    .top-row[b-egbd0iq5vu]  a, .top-row[b-egbd0iq5vu]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-egbd0iq5vu] {
        flex-direction: row;
    }

    .top-row[b-egbd0iq5vu] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-egbd0iq5vu]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-egbd0iq5vu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Nav/BottleCountBanner.razor.rz.scp.css */
.bottle-banner[b-xqokmn3zey] {
	height: 60px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: white;
	background-color: var(--cb-blue-1);
	cursor: pointer
}

.bottle-count-box[b-xqokmn3zey] {
	font-size: 32px;
	padding: 0 0 0 1rem;
	font-family: 'gotham ultra';
	letter-spacing: 3px;
}

.text[b-xqokmn3zey] {
	font-size: 18px;
	padding: 0 1rem;
	font-family: 'gotham medium';
}

.vertical-separator[b-xqokmn3zey] {
	width: 0px;
	height: 100%;
	padding: 0;
	border-left: 1px solid white;
}

.sustain-icon[b-xqokmn3zey] {
	height: 100%;
	justify-self: end;
	object-fit: contain;
}
.number-animation[b-xqokmn3zey] {
	font-size: 2rem;
	font-weight: bold;
	color: #007bff;
}

.bottle-count-container[b-xqokmn3zey] {
	position: relative;
	width: 200px; 
}

@media (max-width: 1400px) {
	.bottle-count-box[b-xqokmn3zey] {
		font-size: 24px;
		padding: 0 1rem;
	}

	.text[b-xqokmn3zey] {
		font-size: 16px;
	}
}

/*To counteract site content padding*/
@media (min-width: 992px) {
	.bottle-banner[b-xqokmn3zey] {
		margin: 0 -12px 1rem -12px !important;
	}
}

/*To counteract site content padding again, bruh*/
@media (min-width: 768px) {
	.bottle-banner[b-xqokmn3zey] {
		margin: 0 12px 1rem 12px;
	}
}

@media (max-width: 768px) {
	.bottle-count-box[b-xqokmn3zey] {
		font-size: 24px;
	}

	.text[b-xqokmn3zey] {
		font-size: 12px;
	}
}

@media (max-width: 500px) {
	.bottle-banner[b-xqokmn3zey] {
		height: 16vw;
	}

	.bottle-count-box[b-xqokmn3zey] {
		font-size: 4.4vw;
	}

	.text[b-xqokmn3zey] {
		font-size: 2vw;
	}
	.bottle-banner[b-xqokmn3zey] {
		margin-bottom: 2vw;
	}
}
/* /Shared/Nav/CountrySelectComponent.razor.rz.scp.css */
.country-container[b-zty0a78i6s] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.country-content[b-zty0a78i6s] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.country-container:hover .country-content[b-zty0a78i6s] {
    display: block;
}

.country-content div[b-zty0a78i6s] {
    padding: 10px 0;
    cursor: pointer;
}

    .country-content div:hover[b-zty0a78i6s] {
        background-color: #f1f1f1;
    }

.caret[b-zty0a78i6s] {
    margin-left: 5px;
    user-select: none;
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.country-selected[b-zty0a78i6s]::after {
    content: '\276F';
    display: inline-block;
    position: absolute;
    right: -1.0rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.country-container:hover .country-selected[b-zty0a78i6s]::after {
    transform: translateY(-50%) rotate(-90deg);
}

.country-content > div:hover[b-zty0a78i6s] {
    background-color: rgba(0, 0, 0, 0.1);
}
/* /Shared/Nav/CustomerAccountCard.razor.rz.scp.css */
body[b-fmsbqw9dqr] {
}

div.card.inactive[b-fmsbqw9dqr], div.card.inactive > div[b-fmsbqw9dqr] {
    cursor: pointer;
}

div.card.inactive:hover[b-fmsbqw9dqr], div.card.inactive > div:hover[b-fmsbqw9dqr] {
    background-color: lightgray;
}
/* /Shared/Nav/FanshopNode.razor.rz.scp.css */

a[b-8b87ed920j] {
	text-decoration: none;
}

li[b-8b87ed920j] {
	list-style-type: none;
}

.node-container[b-8b87ed920j] {
	padding-left: clamp(5%, 20%, 20%);
	padding-right: clamp(5%, 20%, 20%);
	padding-bottom: 3rem;
	max-width: 100vw;
}

.search-teams[b-8b87ed920j] {
	width: 100%;
	max-width: 100%;
}

@media (max-width: 576px) {
	.node-container[b-8b87ed920j] {
		padding-left: 0;
		padding-right: 0;
	}
}

.league-tiles[b-8b87ed920j] {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	gap: 1rem;
}

.league-list[b-8b87ed920j] {
	padding: 0;
	padding-top: 1rem;
}

.nav-node[b-8b87ed920j] {
	position: relative;
	padding-left: 1rem;
}

.node-title[b-8b87ed920j] {
	position: relative;
	display: flex;
	width: 100%;
	text-align: left;
}

	.node-title[b-8b87ed920j]:before {
		content: '';
		position: absolute;
		right: 1rem;
		left: 0;
		bottom: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	}

	.node-title[b-8b87ed920j]:after {
		content: '\276F';
		display: inline-block;
		position: absolute;
		right: 5%;
		top: 50%;
		transform: translateY(-50%);
	}

.menu-icon[b-8b87ed920j] {
	width: auto;
	height: auto;
	max-width: 50px;
	object-fit: scale-down;
	object-position: center;
	aspect-ratio: 1/1;
}
/* /Shared/Nav/FilterComponentSection.razor.rz.scp.css */
.filter-header[b-3mm1cvicd9] {
    background-color: white;
    color: #011e41;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    border-bottom: 1px solid var(--cb-grey-4);
}

.active[b-3mm1cvicd9], .collapsible:hover[b-3mm1cvicd9] {
    background-color: #e6e7e8;
}

button.active + div.content[b-3mm1cvicd9] {
    max-height: 100%;
}

button.active + div.over[b-3mm1cvicd9] {
    overflow: visible;
}

.collapsible[b-3mm1cvicd9] {
    position: relative;
}

.collapsible[b-3mm1cvicd9]:after {
    content: '\276F';
    display: inline-block;
    position: absolute;
    right: 0.25rem;
    /*Position it vertically centered*/
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.collapsible.active[b-3mm1cvicd9]:after {
    transform: translateY(-50%) rotate(-90deg);
}

.content[b-3mm1cvicd9] {
    padding: 0 18px;
    max-height: 0;
    overflow: auto;
    transition: max-height 0.2s ease-out;
    background-color: white;
}
/* /Shared/Nav/FilterOptionComponent.razor.rz.scp.css */
li[b-4vffnh6u7v], ul[b-4vffnh6u7v]{
    text-decoration: none;
    list-style: none;
}

ul[b-4vffnh6u7v] {
    max-height: 0;
    display: none;
    transition: max-height 0.2s ease-out;
}

div.active + ul[b-4vffnh6u7v] {
    max-height: 100%;
    display: block;
}

div.active + div.over[b-4vffnh6u7v] {
    overflow: visible;
}

.collapsible[b-4vffnh6u7v]:after {
    content: '\002B';
    color: #011e41;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.collapsible.active[b-4vffnh6u7v]:after {
    content: "\2212";
}

.filter-label[b-4vffnh6u7v] {
    cursor: pointer;
    user-select: none;
}

    .filter-label > input[b-4vffnh6u7v] {
        cursor: pointer;
    }
.hidden[b-4vffnh6u7v] {
    display: none;
}
/* /Shared/Nav/FilterOptionGroupComponent.razor.rz.scp.css */
body[b-ie10qqpvas] {
}


ul[b-ie10qqpvas] {
	list-style-type: none;
}
/* /Shared/Nav/SiteFilter.razor.rz.scp.css */
#Filters[b-754nfscfej] {
    font-size: 14px;
}

li[b-754nfscfej] {
    list-style-type: none;
}

.sr-only[b-754nfscfej] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

@keyframes slideLeft-b-754nfscfej {
    from {
        max-width: 300px;
        width: 300px;
        opacity: 100%;
    }

    to {
        max-width: 0px;
        width: 0px;
        opacity: 0%;
    }
}

@keyframes slideRight-b-754nfscfej {
    from {
        max-width: 0;
        width: 0px;
        opacity: 0%;
    }

    to {
        max-width: 285px;
        width: 285px;
        opacity: 100%;
    }
}

.filters-unanimated-show[b-754nfscfej] {
    width: 285px;
    min-width: 285px;
}

.filters-unanimated-collapsed[b-754nfscfej] {
    display: none;
}

.filters-collapsed[b-754nfscfej] {
    animation-duration: 0.35s;
    animation-name: slideLeft-b-754nfscfej;
    transition: max-width 0.35s, opacity 0.35s, width 0.35s;
    animation-fill-mode: forwards;
}

.filters-show[b-754nfscfej] {
    animation-duration: 0.35s;
    animation-name: slideRight-b-754nfscfej;
    transition: max-width 0.35s, opacity 0.35s, width 0.35s;
    animation-fill-mode: none;
}

.collapse-btn[b-754nfscfej] {
    background: none;
    position: relative;
    outline: none;
    border: none;
    top: 2.6rem;
}

.collapse-btn-collapsed[b-754nfscfej]:before {
    content: 'Filters \276F';
    display: block;
    width: max-content;
    transform: rotate(0deg);
}

.collapse-btn-show[b-754nfscfej]:before {
    content: '\276F';
    display: block;
    width: max-content;
    transform: rotate(180deg);
}

.filtersearchBtn[b-754nfscfej] {
    background-color: #011e41;
    color: #e6e7e8;
    width: 100%;
    padding: 5px;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    border-radius: unset;
    border: none;
}

#scrollable-content[b-754nfscfej] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 55vh;
}

    #scrollable-content[b-754nfscfej]::-webkit-scrollbar {
        width: 8px;
        padding: 4px;
    }

    #scrollable-content[b-754nfscfej]::-webkit-scrollbar-track {
        background-color: #F0F0F1;
        width: 10px;
    }

    #scrollable-content[b-754nfscfej]::-webkit-scrollbar-thumb {
        box-sizing: border-box;
        border-radius: 0.5rem;
        background-color: #002B49;
    }

@media (max-width: 991px) {
    #Filters[b-754nfscfej] {
        min-height: 20px;
        width: 100%;
    }

    .filter-btn-wrapper[b-754nfscfej] {
        width: 100%;
    }

    @keyframes slideUpLoggedIn-b-754nfscfej {
        from {
            max-height: 500px;
            height: 500px;
            opacity: 100%;
        }

        to {
            max-height: 0px;
            height: 0px;
            opacity: 0%;
        }
    }

    @keyframes slideDownLoggedIn-b-754nfscfej {
        from {
            max-height: 0;
            height: 0px;
            opacity: 0%;
        }

        to {
            max-height: 500px;
            height: 500px;
            opacity: 100%;
        }
    }

    @keyframes slideUpLoggedOut-b-754nfscfej {
        from {
            max-height: 425px;
            height: 425px;
            opacity: 100%;
        }

        to {
            max-height: 0px;
            height: 0px;
            opacity: 0%;
        }
    }

    @keyframes slideDownLoggedOut-b-754nfscfej {
        from {
            filters-unanimated-show max-height: 0;
            height: 0px;
            opacity: 0%;
        }

        to {
            max-height: 425px;
            height: 425px;
            opacity: 100%;
        }
    }

    .filters-body[b-754nfscfej] {
        width: 95%;
        align-self: center;
    }

    .filters-unanimated-show[b-754nfscfej] {
        overflow: auto;
    }

    .filters-collapsed.logged-out[b-754nfscfej] {
        animation-name: slideUpLoggedOut-b-754nfscfej;
        transition: max-height 0.35s, opacity 0.5s, height 0.35s;
    }

    .filters-show.logged-out[b-754nfscfej] {
        animation-name: slideDownLoggedOut-b-754nfscfej;
        transition: max-height 0.35s, opacity 0.35s, height 0.35s;
    }

    .filters-collapsed.logged-in[b-754nfscfej] {
        animation-name: slideUpLoggedIn-b-754nfscfej;
        transition: max-height 0.35s, opacity 0.5s, height 0.35s;
    }

    .filters-show.logged-in[b-754nfscfej] {
        animation-name: slideDownLoggedIn-b-754nfscfej;
        transition: max-height 0.35s, opacity 0.35s, height 0.35s;
    }

    .collapse-btn[b-754nfscfej] {
        width: 100%;
        min-height: 35px;
        margin-bottom: 1rem;
        border: 1px solid var(--cb-blue-1);
        text-align: center;
        position: relative;
        top: 0rem;
    }

    .collapse-btn-collapsed[b-754nfscfej]:before {
        content: 'Show Filters';
        display: inline;
        font-weight: bold;

        position: absolute;
        left: 5%;
        top: 25%;
    }

    .collapse-btn-collapsed[b-754nfscfej]:after {
        content: '\276F';
        display: inline;
        width: max-content;
        font-weight: bold;
        position: absolute;
        right: 5%;
        top: 25%;
        transform: rotate(90deg);
    }

    .collapse-btn-show[b-754nfscfej]:before {
        content: 'Hide Filters';
        display: inline;
        font-weight: bold;
        position: absolute;
        left: 5%;
        top: 25%;

        transform: none;
    }

    .collapse-btn-show[b-754nfscfej]:after {
        content: '\276F';
        display: inline;
        width: max-content;
        font-weight: bold;
        position: absolute;
        right: 5%;
        top: 25%;
        transform: rotate(-90deg);
    }

    #scrollable-content[b-754nfscfej] {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 400px;
    }
}

@media (max-width: 500px) {
    .filters-body[b-754nfscfej] {
        min-width: 200px;
        width: 90vw;
    }
}

@media (min-width: 750px) {
    #Filters[b-754nfscfej] {
        position: sticky;
        top: 128px;
    }
}


a.filterReset[b-754nfscfej] {
    cursor: pointer;
}

#Filters div.checkbox[b-754nfscfej] {
    margin-top: 0px;
    margin-bottom: 0px;
}

#Filters span.glyphicon-search[b-754nfscfej] {
    color: white;
}

#Filters button.searchBtn[b-754nfscfej] {
    background-color: #011e41;
}
/* /Shared/Nav/SiteFooter.razor.rz.scp.css */
body[b-gy0fh6bnpi] {
}

.footerwho[b-gy0fh6bnpi] {
    max-height: 150px;
    position: relative;
    overflow: hidden;
    color: #002945;
    transition: height 1s;
    transition-timing-function: ease;
    background-color: white;
}

.footerwho.active[b-gy0fh6bnpi] {
    max-height: 100%;
    padding-bottom: 50px;
}

.footerwho .read-more[b-gy0fh6bnpi]{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: block;

    background-image: linear-gradient(to bottom, transparent, white 50% 100%);
}

.footerwho button.btn:focus[b-gy0fh6bnpi]{
    box-shadow: none;
}

.footerwho.active .read-more[b-gy0fh6bnpi] {
    background-image: none;
}

.footerwho button[b-gy0fh6bnpi] {
    line-height: 50px;
}

.footerlinks[b-gy0fh6bnpi] {
    background-color: #002b49;
    color: white;
    z-index: 30;
    position: relative;
}

[b-gy0fh6bnpi] a {
    text-decoration: none;
    color: white;
}

[b-gy0fh6bnpi] h3 {
    display: none;
}

[b-gy0fh6bnpi] .node-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

[b-gy0fh6bnpi] .page-list {
    padding-left: 0px;
}

[b-gy0fh6bnpi] .node-list > .nav-node {
    column-width: auto;
    flex-grow: 1;
    min-width: 200px;
    margin-bottom: 40px;
}

[b-gy0fh6bnpi] .btn-link-cb-primary {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

[b-gy0fh6bnpi] .parent-node {
    flex-direction: column;
    display: flex;
    flex-basis: min-content
}

[b-gy0fh6bnpi] .child-node {
    display: block;
}

[b-gy0fh6bnpi] .parent-node > span {
    font-size: 20px;
    font-weight: 500 !important;
}

[b-gy0fh6bnpi] a > span:last-of-type {
    font-size: 14px;
    max-width: 50%;
    min-width: 40%;
    display: inline-flex;
    line-height: 21px;
    vertical-align: top;
}
/* /Shared/Nav/SiteHeader.razor.rz.scp.css */
nav[b-vla41hzeu5] {
    --cbBlue: #011e41;
    --cbWhite: #e6e7e8;
    background-color: white;
}

.navbar-toggler[b-vla41hzeu5] {
    border: none;
}

.navbar-toggler:focus[b-vla41hzeu5] {
    box-shadow: none !important;
}

nav i[b-vla41hzeu5] {
    color: var(--cb-blue-1);
}

a.nav-link[b-vla41hzeu5] {
    color: var(--cb-blue-1) !important;
    padding: 2px;
    text-decoration: none;
}

li:hover .dropdown-menu[b-vla41hzeu5] {
    left: 1px;
    top: inherit;
    display: block;
}

.nav-item[b-vla41hzeu5] {
    position: relative;
    padding: 0;
}

.dropdown-menu[b-vla41hzeu5] {
    z-index: 100;
    left: -999em;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    transition-delay: 0.25s;
    position: absolute;
}

button.csBtn[b-vla41hzeu5] {
    white-space: nowrap;
    border-color: var(--cb-blue-1);
    color: var(--cb-blue-1);
    border-radius: 0;
    font-weight: bold;
}

    button.csBtn:hover[b-vla41hzeu5] {
        background-color: #eff2f4;
    }

    .navbar-brand > img[b-vla41hzeu5] {
        max-height: 40px;
    }

.country-select-wrapper[b-vla41hzeu5] {
    position: relative;
    display: flex;
    align-items: center;
}

    /*It's impossible to tell the open/closed state of a select. We'll need a simple custom component if we want an arrow like the spec asks for.*/
    .country-select-wrapper[b-vla41hzeu5]:after {
        content: '\276F';
        display: inline-block;
        position: absolute;
        right: 0.75rem;
        top: 40%;
        transform: translateY(-40%) rotate(90deg);
        pointer-events: none;
    }

    .country-select-wrapper:has(> select:focus)[b-vla41hzeu5]:after {
        content: '\276F';
        display: inline-block;
        position: absolute;
        right: 0.75rem;
        top: 40%;
        transform: translateY(-40%) rotate(-90deg);
        pointer-events: none;
    }

    .country-select-wrapper > select[b-vla41hzeu5] {
        padding: 0.375rem 1.75rem 0.375rem 0.25rem;
        background-color: transparent;
        border: none;
        cursor: pointer;
        user-select: none;
        text-align: left;
    }

.siteSearch[b-vla41hzeu5] {
    width: 25vw;
}

.siteSearch input[b-vla41hzeu5] {
    border-radius: 0;
    border: none;
    background-color: var(--cb-blue-5);
}

.siteSearch input:focus[b-vla41hzeu5] {
    border: none;
    box-shadow: none;
}

.siteSearch button[b-vla41hzeu5] {
    border-radius: 0;
    border: none;
    background-color: var(--cb-blue-5);
}

.siteSearch button:focus[b-vla41hzeu5] {
    box-shadow: none;
}

.siteTopCollapse[b-vla41hzeu5] {
    flex-grow: 0;
}

@media (max-width: 991px) {

    .siteSearch[b-vla41hzeu5]{
        width: 100%;
    }

    .siteSearch input[b-vla41hzeu5], .siteSearch button[b-vla41hzeu5] {
        background-color: white;
    }

    .siteSearch-Full[b-vla41hzeu5] {
        background-color: var(--cb-blue-5);
        padding: 8px;
    }
    
    .navbar-brand img[b-vla41hzeu5] {
        max-height: 30px;
    }
}

@media (max-width: 767px) {
    a.navbar-brand img[b-vla41hzeu5] {
        max-height: 20px;
    }
}

.siteHeader-Menu[b-vla41hzeu5] {
    display: flex;
    flex-direction: row;
    list-style: none;
    color: var(--cb-blue-1);
    padding-left: 0;
}

 [b-vla41hzeu5] .siteHeader-Menu > li.nav-item > a.nav-link {
        color: var(--cb-blue-1) !important;
        padding: 8px 2px;
        text-decoration: none;
    }
 
 .search-box-border[b-vla41hzeu5] {
        border: 1px solid var(--cb-blue-1);
        border-radius: 0;
 }

[b-vla41hzeu5] .card {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-bottom: 8px;
}

[b-vla41hzeu5] .card.active {
    border-top: none;
    margin-top: -8px;
}

[b-vla41hzeu5] .card.inactive {
    border-bottom: none;
}
/* /Shared/Nav/SiteMenu.razor.rz.scp.css */
ul[b-p7t5g3asen] {
    padding: 0;
}

li[b-p7t5g3asen] {
    font-family: Arial;
    list-style: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #011e41;         
    font-weight: bold;
}

li:focus > button[b-p7t5g3asen] {
    outline: none !important;
}

/*Remove button stylings*/
button[b-p7t5g3asen] {
    width: 100%;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    outline: inherit;
}

button:focus[b-p7t5g3asen] {
    outline: none !important;
}

.nav-list-wrapper[b-p7t5g3asen] {
    position: relative;
    width: 100%;
    --node-x-padding: 0.25rem;
    --node-y-padding: 0.5rem;
}

.nav-root-list[b-p7t5g3asen] {
    display: flex;
    margin: 0;
    background-color: var(--cb-grey-4);
}

.nav-root-node[b-p7t5g3asen], .nav-root-node-standalone[b-p7t5g3asen] {
    position: relative;
    /*separate out desktop nodes a bit more than mobile, b/c of row versus column orientation*/
    padding: var(--node-y-padding) var(--node-x-padding);
}

.active-node-wrapper[b-p7t5g3asen] {
    position: absolute;
    margin-top: 1px;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    max-width: 100vw;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    overflow: hidden;
    background: #F4F4F4F7;
}

    .active-node-wrapper > div[b-p7t5g3asen] {
        width: 15%;
    }

.active-title[b-p7t5g3asen] {
    width: fit-content;
}

.active-title img[b-p7t5g3asen] {
    width: 50px;
}

    /*Removes the mobile back button*/
    .active-title > div:first-child[b-p7t5g3asen] {
        display: none;
    }

    .active-title > div:last-child[b-p7t5g3asen] {
        font-size: 24px;
    }


@media (min-width: 577px) {
    @keyframes slideDown-b-p7t5g3asen {
        from {
            max-height: 0;
        }

        to {
            max-height: 800px;
        }
    }

    @keyframes slideUp-b-p7t5g3asen {
        from {
            max-height: 800px;
        }

        to {
            max-height: 0;
        }
    }

    .slide-up[b-p7t5g3asen] {
        animation-duration: 0.35s;
        animation-name: slideUp-b-p7t5g3asen;
        transition: max-height 0.35s;
        animation-fill-mode: forwards;
    }

    .slide-down[b-p7t5g3asen] {
        animation: 0.35s ease-in 0s 1 slideDown-b-p7t5g3asen;
        transition: max-height 0.35s;
        animation-fill-mode: forwards;
    }

    .nav-root-list[b-p7t5g3asen] {
        display: flex;
        column-gap: 4rem;
        padding-left: 2rem;
    }

    .wrapping-list[b-p7t5g3asen] {
        width: 100%;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-gap: .8em;
        grid-auto-flow: row;
    }

    /*Set on button so clicking the text or arrow triggers a change in menu state.*/
    /*Closed Arrow, points down*/
    .nav-root-node > button[b-p7t5g3asen]:after {
        content: '\276F';
        display: inline-block;
        position: absolute;
        right: -1.0rem;
        /*Position it vertically centered*/
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
    }

    /*Open arrow, points up*/
    .nav-root-node.isActive > button[b-p7t5g3asen]:after {
        content: '\276F';
        display: inline-block;
        position: absolute;
        right: -1.0rem;
        /*Position it vertically centered*/
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }

    /*Highlighting line on bottom when open.*/
    .nav-root-node.isActive[b-p7t5g3asen]:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: calc(100% + 1.0rem + 2px);
        bottom: 0; /*matches parent padding*/
        border-bottom: 2px solid var(--cb-blue-1);
    }

    .active-node-wrapper[b-p7t5g3asen] {
        padding-top: 0;
        /*padding makes it vertically flush with first root node*/
        padding-left: .5rem;
    }

        /*Padding here as it will not render if collapsed.*/
        .active-node-wrapper > ul[b-p7t5g3asen] {
            padding-top: 1.5rem;
        }

    .active-title[b-p7t5g3asen] {
        padding-top: 1.5rem;
    }
}

@media (max-width: 576px) {

    @keyframes slideOutToLeft-b-p7t5g3asen {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes slideInFromLeft-b-p7t5g3asen {
        0% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    .slide-out-left[b-p7t5g3asen] {
        animation: 0.35s ease-in 0s 1 slideOutToLeft-b-p7t5g3asen;
        animation-fill-mode: forwards;
    }

    .slide-in-left[b-p7t5g3asen] {
        animation: 0.35s ease-in 0s 1 slideInFromLeft-b-p7t5g3asen;
        animation-fill-mode: forwards;
    }

    .nav-list-wrapper[b-p7t5g3asen] {
        overflow: hidden;
        white-space: nowrap;
        width: 200%;
    }

    .wrapping-list[b-p7t5g3asen] {
        display: flex;
        flex-direction: column;
    }

    .nav-root-list[b-p7t5g3asen] {
        position: relative;
        display: inline-block;
        float: left;
        width: 50%; /*Parent is width: 200%*/
        padding: 0;
        background-color: inherit;
    }

    .nav-root-node[b-p7t5g3asen], .nav-root-node-standalone[b-p7t5g3asen] {
        top: 0;
        width: 100%;
    }

        .nav-root-node[b-p7t5g3asen]:after {
            content: '\276F';
            display: inline-block;
            position: absolute;
            right: 1.5rem;
            /*Position it vertically centered*/
            top: 50%;
            transform: translateY(-50%);
        }

        .nav-root-node > button[b-p7t5g3asen] {
            width: 100%;
            padding: 0 var(--node-x-padding);
        }

            .nav-root-node > button[b-p7t5g3asen]:after {
                content: '';
                position: absolute;
                width: 90%;
                left: 2.5%;
                bottom: 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.125);
            }

        .nav-root-node-standalone > button[b-p7t5g3asen] {
            width: 100%;
            padding: 0 var(--node-x-padding);
        }

            .nav-root-node-standalone > button[b-p7t5g3asen]:after {
                content: '';
                position: absolute;
                width: 90%;
                left: 2.5%;
                bottom: 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.125);
            }

    .active-node-wrapper[b-p7t5g3asen] {
        position: relative;
        display: inline-block;
        padding: initial;
        width: 50%;
        background: inherit;
    }

        .active-node-wrapper > div[b-p7t5g3asen] {
            width: initial;
            font-size: initial;
        }

        .active-node-wrapper > ul[b-p7t5g3asen] {
            width: initial;
            display: initial;
            padding-left: initial;
        }

    .active-title[b-p7t5g3asen] {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: calc(var(--node-x-padding) + 1rem);
        font-weight: 600;
        overflow: hidden;
    }

        .active-title[b-p7t5g3asen]:after {
            content: '';
            position: absolute;
            width: 90%;
            left: var(--node-x-padding);
            bottom: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        }

        .active-title > div[b-p7t5g3asen] {
            font-size: initial !important;
            padding: 1rem 0;
        }

            .active-title > div:first-child[b-p7t5g3asen] {
                /*Counteracts desktop size display: none;*/
                display: block;
            }

            .active-title > div:last-child[b-p7t5g3asen] {
                padding-right: var(--node-x-padding);
            }

        .active-title > div:first-child[b-p7t5g3asen]:before {
            content: '\276F';
            display: inline-block;
            position: absolute;
            left: var(--node-x-padding);
            top: 50%;
            transform: translateY(-55%) rotate(180deg);
        }
}
/* /Shared/Nav/SiteMenuNode.razor.rz.scp.css */

/*CSS Isolation :root, basically. Top level element in component.*/
.nav-node[b-g0sx1ua717] {
    --node-x-padding: 5%;
}

.menu-icon[b-g0sx1ua717] {
    height: 50px;
}

li[b-g0sx1ua717] {
    font-family: Arial;
    list-style-type: none;
}

a[b-g0sx1ua717] {
    width: 100%;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: var(--cb-blue-1);
}

.nav-list[b-g0sx1ua717] {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 20px;
    margin-bottom: 0;
    list-style: none;
    background-color: #eff2f4;
    font-weight: bold;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
}

.nav-list-terminal[b-g0sx1ua717] {
    width: 100%;
    display: grid;
    padding-left: 20px;
    margin-bottom: 0;
    list-style: none;
    background-color: var(--cb-grey-4);
    font-weight: 400;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
}

.nav-node-terminal[b-g0sx1ua717] {
    position: relative;
    display: block;
    padding: 0.5rem 0;
    background-color: inherit;
    user-select: none;
    font-size: 1rem;
}
    .nav-node-terminal > a > span[b-g0sx1ua717] {
        white-space: normal;
        word-wrap: break-word;
    }

    .nav-node-terminal:first-child[b-g0sx1ua717] {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .nav-node-terminal:last-child[b-g0sx1ua717] {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

@media (min-width: 992px) {
    .nav-node > div[b-g0sx1ua717] {
        display: block;
    }

        .nav-node > div > ul[b-g0sx1ua717] {
            position: relative;
            display: flex;
            flex-direction: column;
            padding: 0 !important;
            background-color: inherit;
        }
}

@media (max-width: 991px) {
    .nav-list[b-g0sx1ua717] {
        padding: 0;
    }

    .nav-list-terminal[b-g0sx1ua717] {
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: 0;
    }

    .nav-node[b-g0sx1ua717] {
        position: relative;
        padding: 0;
    }

    .nav-node-terminal[b-g0sx1ua717] {
        padding-left: calc(var(--node-x-padding) * 1.5);
        border: none;
        font-weight: 400;
    }

    .node-title[b-g0sx1ua717] {
        position: relative;
        padding: 1rem 0;
        padding-left: var(--node-x-padding);
    }

        .node-title.collapsed[b-g0sx1ua717]:before {
            content: '';
            position: absolute;
            width: 90%;
            left: var(--node-x-padding);
            bottom: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        }

        .node-title.hasChildren[b-g0sx1ua717]:after {
            content: '\276F';
            display: inline-block;
            position: absolute;
            right: var(--node-x-padding);
            top: 0.25rem;
            top: 50%;
            transform: translateY(-50%) rotate(-90deg);
        }

        .node-title.hasChildren.collapsed[b-g0sx1ua717]:after {
            content: '\276F';
            display: inline-block;
            position: absolute;
            right: var(--node-x-padding);
            top: 50%;
            transform: translateY(-50%) rotate(90deg);
        }

        .node-title > a[b-g0sx1ua717] {
            width: 100%;
            display: inline-block;
            text-align: left;
        }
}
/* /Shared/Products/ColorChipComponent.razor.rz.scp.css */
.color-chip[b-wal6v7a2vw] {
    position: relative;
    padding: clamp(3px, 4px, 15%);
    background-clip: content-box;
    aspect-ratio: 1/1;
}

    .color-chip > :first-child[b-wal6v7a2vw] {
        outline: 1px solid black;
    }

.color-chip-active[b-wal6v7a2vw] {
    outline: 1px solid black;
    border-radius: 50%;
}

    .color-chip-active > :first-child[b-wal6v7a2vw] {
        outline: none;
    }

/* Mono color chips */

.color-chip-whole[b-wal6v7a2vw] {
    border-radius: 50%;
    outline: 1px solid black;
    aspect-ratio: 1/1;
}

/* Dual color chips */

.split-chip[b-wal6v7a2vw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.color-chip-top[b-wal6v7a2vw],
.color-chip-bottom[b-wal6v7a2vw] {
    height: 50%;
    width: 100%;
}

.color-chip-top[b-wal6v7a2vw] {
    border-radius: 20px 20px 0 0;
    border-bottom: none;
}

.color-chip-bottom[b-wal6v7a2vw] {
    border-radius: 0 0 20px 20px;
    border-top: none;
}

.color-chip-no-color[b-wal6v7a2vw] {
    outline: none;
    background: none;
}
/* /Shared/Products/ProductCardComponent.razor.rz.scp.css */
*[b-6pr9g257p2] {
    --image-background-color: inherit;
    --max-item-width: 220px;
    --product-card-height: 507px;
    --max-color-chips-per-row: 10;
}

.product-card[b-6pr9g257p2] {
    position: relative;
    max-width: var(--max-item-width);
    height: var(--product-card-height);
    margin: 0 4px 8px 4px;
    border: 0.5px solid rgba(204, 213, 220, 0.50);
}

.img-section[b-6pr9g257p2] {
    position: relative;
}

.img-container[b-6pr9g257p2] {
    position: relative;
    display: flex;
    justify-content: center;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: var(--image-background-color);
}

.img[b-6pr9g257p2] {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    max-height: 218px;
}

.img-textbox[b-6pr9g257p2] {
    position: absolute;
    padding: 0 1rem;
    font-size: 12px;
    line-height: 20px;
    color: white;
    background-color: var(--cb-blue-1);
    z-index: 1;
}

.img-new-textbox[b-6pr9g257p2] {
    bottom: 0;
    left: 0;
}

.img-cart[b-6pr9g257p2] {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 15%;
    z-index: 1;
    transform: scale(110%);
}

.cart-icon[b-6pr9g257p2] {
    position: relative;
    width: 100%;
    height: 100%;
}

.shopping-cart[b-6pr9g257p2] {
    position: absolute;
    top: 45%;
    right: 25%;
}

.item-count[b-6pr9g257p2] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10%;
    right: 10%;
    height: 18px;
    min-width: 18px;
    width: fit-content;
    background-color: #E10000;
    border-radius: 99em;
    padding: 0 0.25rem;
    color: white;
    text-align: center;
    font-size: 0.625rem;
    font-weight: bold;
    float: right;
}

.product-card-body[b-6pr9g257p2] {
    height: calc(100% - var(--max-item-width));
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.5rem;
    color: var(--cb-blue-1);
}

.fanshop-card-body[b-6pr9g257p2] {
}

.product-name-container[b-6pr9g257p2] {
    display: flex;
}

.product-name-container > .product-name[b-6pr9g257p2] {
    width: 100%;
}

.product-name-container > .ib-btn[b-6pr9g257p2] {
    width: 15%;
}

.product-name[b-6pr9g257p2] {
    color: inherit;
}

    .product-name > a[b-6pr9g257p2] {
        color: inherit;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-overflow: ellipsis;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .product-name > a:hover[b-6pr9g257p2] {
        color: var(--cb-blue-3);
    }

.ib-btn[b-6pr9g257p2] {
    position: relative;
    display: flex;
    justify-content: end;
    width: 22px;
    aspect-ratio: 1 / 1;
    opacity: 0.5;
}

    .ib-btn:hover[b-6pr9g257p2] {
        opacity: 1;
    }

[b-6pr9g257p2] .tooltip-wrapper {
    cursor: pointer;
}

[b-6pr9g257p2] .tooltip {
    width: max-content;
    padding-left: 1rem;
    padding-right: 1rem;
    opacity: 1;
}

    [b-6pr9g257p2] .tooltip.top {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-left: unset;
        opacity: 1;
    }

.product-identifier[b-6pr9g257p2] {
    font-size: 12px;
    line-height: 14px;
}

.product-latest-order-date[b-6pr9g257p2] {
    color: #008A05;
    font-size: 12px;
}

.product-price[b-6pr9g257p2] {
    margin-top: 0.5rem;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.sale-price[b-6pr9g257p2] {
    color: #C52033;
}

.original-price[b-6pr9g257p2] {
    margin-left: 0.5rem;
    color: #74747B;
    text-decoration: line-through solid;
    font-size: 75%;
    font-weight: 400;
}

.product-colors-container[b-6pr9g257p2] {
    position: relative;
}

.product-colors-list[b-6pr9g257p2] {
    grid-area: colors;
    display: grid;
    aspect-ratio: 15 / 2;
    grid-template-columns: repeat(var(--max-color-chips-per-row), 1fr);
    grid-template-rows: 1fr 1fr;
    grid-gap: 3px;
    background-color: white;
}

.product-colors-list-expanded[b-6pr9g257p2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid black;
}

.selected-color[b-6pr9g257p2] {
    grid-column: 1 / span var(--max-color-chips-per-row);
    min-height: 14px;
    font-size: 10px;
    font-weight: bold;
}

.show-additional-colors-btn[b-6pr9g257p2] {
    grid-column: auto / span 2;
    font-size: 12px;
    background-color: inherit;
    border: none;
}

    .show-additional-colors-btn:hover[b-6pr9g257p2] {
        font-weight: bold;
    }

[b-6pr9g257p2] .plp-btn {
    width: 100%;
    height: auto;
    font-size: 0.6875rem !important;
    font-weight: bold;
    margin-top: 0.25rem;
    padding: 0.25rem 0;
}

.cart-btn[b-6pr9g257p2] {
    justify-self: end;
    margin-top: auto;
    grid-area: cart-btn;
    font-size: 0.75rem;
    background-color: var(--cb-blue-1);
    color: #fff;
    outline: none;
    border: none;
}

    .cart-btn:enabled:hover[b-6pr9g257p2] {
        background-color: var(--cb-blue-2);
    }

.logo-btn[b-6pr9g257p2] {
    justify-self: end;
    margin-top: 0.25rem;
    grid-area: logo-btn;
    font-size: 0.75rem;
    background-color: white;
    color: var(--cb-blue-1);
    border: 1px solid var(--cb-blue-1);
}

    .logo-btn:enabled:hover[b-6pr9g257p2] {
        background-color: var(--cb-blue-4);
    }

.pennant-row[b-6pr9g257p2] {
    position: absolute;
    bottom: 0;
    left: 0;
}
/* /Shared/Products/ProductImageComponent.razor.rz.scp.css */
.product-image-section[b-7nmn5ofegp] {
	text-align: center;
	word-wrap: break-word;
}

.brand-image[b-7nmn5ofegp] {
	max-width: 75px;
}

.image-coming-soon[b-7nmn5ofegp] {
	max-width: 150px;
	margin-top: 20px;
	margin-bottom: 20px
}

a[b-7nmn5ofegp] {
	color: var(--bs-heading-color);
	text-decoration: none;
}

.product-image[b-7nmn5ofegp] {
	max-width: 150px;
}

.pfas-warning[b-7nmn5ofegp] {
	color: white;
	background-color: var(--cb-red-1);
	margin: 0.625rem 25%;
	padding: 0.25rem;
	font-size: 0.625rem;
	font-weight: bold;
}
/* /Shared/Products/ProductQuantitiesComponent.razor.rz.scp.css */
.color-chip-container[b-4wdjds0feg] {
	width: 24px;
}

table[b-4wdjds0feg] {
	color: var(--cb-blue-1);
	border: 1px solid var(--cb-grey-2);
}

thead > tr > th[b-4wdjds0feg] {
	background-color: var(--cb-blue-4);
	text-align: center;
	font-weight: normal;
}

table td[b-4wdjds0feg] {
	text-align: center;
}

	table td:first-child[b-4wdjds0feg] {
		text-align: left;
	}

table input[b-4wdjds0feg] {
	text-align: center;
	min-width: 32px;
}

.detailHeader[b-4wdjds0feg] {
	border-top: 1px solid var(--cb-gray-1);
	margin: auto;
	margin-right: .5px; /* fixes hidden right border - kinda hacky, but we don't have time to dig into why half a pixel is hidden */
}

	.detailHeader > div[b-4wdjds0feg] {
		text-align: center;
		align-content: center;
		padding: 6px 0;
		font-size: 12px;
		color: var(--cb-blue-1);
		border: 1px solid var(--cb-grey-2);
	}

		.detailHeader > div:first-child[b-4wdjds0feg] {
			background-color: var(--cb-grey-1);
			color: white;
		}
		.detailHeader > div:nth-child(5)[b-4wdjds0feg] {
			max-width: 300px;
		}

.bg-cb-grey-4[b-4wdjds0feg] {
	background-color: var(--cb-grey-4);
}

.centered[b-4wdjds0feg] {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 1 auto;
}

.empty-cell[b-4wdjds0feg] {
	background-color: var(--cb-grey-4);
}

.text-cell[b-4wdjds0feg] {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.quantity-body > tr:first-child[b-4wdjds0feg] {
	font-weight: bold;
}

div.card-body[b-4wdjds0feg] {
	padding: 0px;
}

input:disabled[b-4wdjds0feg] {
	background: var(--cb-grey-3);
	color: var(--cb-grey-3);
}

tfoot > tr > td:first-child[b-4wdjds0feg] {
	text-align: right;
}

div.card-body.flowover[b-4wdjds0feg] {
	overflow-x: auto;
}

.add-to-cart-dropdown a[b-4wdjds0feg], .add-to-cart-dropdown a:visited[b-4wdjds0feg], .add-to-cart-dropdown a:active[b-4wdjds0feg] {
	text-decoration: none;
	color: var(--cb-blue-1);
}

.add-to-cart-dropdown:hover[b-4wdjds0feg] {
	text-decoration: none;
	background-color: var(--cb-blue-5);
}

.dropdown-menu[b-4wdjds0feg] {
	max-height: 20rem;
	overflow-y: auto;
}
/* /Shared/Products/StyleComponent.razor.rz.scp.css */
div[b-hccmt5ve4w] {
    color: var(--cb-blue-1);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    width: 150px;
    padding-right: 10px;
}

    div:hover[b-hccmt5ve4w] {
        color: var(--cb-blue-2);
        text-decoration: underline;
        cursor: pointer;
    }
/* /Shared/Products/ZoomableImage.razor.rz.scp.css */
.zoomable-image[b-shv0obbate] {
    position: relative;
}

.img-zoom-overlay[b-shv0obbate] {
    background-repeat: no-repeat;
    background-color: white;
    opacity: 0;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: crosshair;
}

.img-zoom-overlay:hover[b-shv0obbate] {
    opacity: 1;
}
/* /Shared/Table/Table.razor.rz.scp.css */


.table-header[b-nmldjrdmk9] {
	overflow: auto;
}

	.table-header thead th[b-nmldjrdmk9] {
		position: sticky;
		top: 0;
		z-index: 1;
	}

table[b-nmldjrdmk9] {
	border-collapse: collapse;
}

thead > tr[b-nmldjrdmk9] {
	border-bottom: 1px solid black;
}

th[b-nmldjrdmk9], td[b-nmldjrdmk9] {
	padding: 8px 16px;
}

th[b-nmldjrdmk9] {
	background-color: #ffffff;
}
/* /Shared/Table/TableNav.razor.rz.scp.css */


.table-nav-btn[b-4f7suygzka] {
	color: var(--cb-blue-2);
	font-size: large;
}

	.table-nav-btn:hover[b-4f7suygzka] {
		color: var(--cb-blue-1);
		font-weight: bold;
	}

.table-nav-btn-active[b-4f7suygzka] {
	color: var(--cb-blue-1);
	font-weight: 700;
	font-size: large;
	opacity: unset;
}