/* Text utilities */
.fs-xs {
	/* 8px */
	font-size: 0.5rem;
}

.fs-9px {
	/* 9px */
	font-size: 0.5625rem;
}

.fs-ms {
	/* 10px */
	font-size: 0.625rem;
}

.fs-s {
	/* 12px */
	font-size: 0.75rem;
}

.fs-mm {
	/* 14px */
	font-size: 0.875rem;
}

.fs-m {
	/* 16px */
	font-size: 1rem;
}

.fs-l {
	/* 20px */
	font-size: 1.25rem;
}

.fs-xl {
	/* 24px */
	font-size: 1.5rem;
}

.fs-xxl {
	/* 32px */
	font-size: 2rem;
}

.p-4 {
	padding: 4px;
}

.ml-4 {
	margin-left: 4px;
}

.p-6 {
	padding: 6px;
}

.text-strikethrough {
	text-decoration: line-through;
}

.text-underlined {
	text-decoration: underline;
}

.fw-lightbold {
	font-weight: 500;
}

.top-banner-margin {
	top: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.table {
	border-right: 1px solid rgb(240, 240, 240);
	--bs-border-color: rgb(240, 240, 240);
}

th {
	font-size: 15px;
	font-weight: 500 !important;
	text-transform: uppercase;
}

.text-black-50 {
	color: rgb(136 136 136 / 50%) !important;
	font-size: 12px;
	margin-left: 10px;
}

.text-uppercase {
	text-transform: uppercase;
}

.color-lightgray {
	color: #858585;
}

.status-box {
	background-color: #414141;
	color: white;
}

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}

.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
}

.slds-radio_button [type=radio]:checked+.slds-radio_button__label {
	background-color: var(--dxp-g-brand);
}

.slds-radio_button [type=radio]:checked+.slds-radio_button__label:hover {
	background-color: var(--dxp-g-brand-1);
}

.slds-radio_button__label {
	background-color: transparent;
	color: #575757;
}

.slds-radio_button [type="radio"]:checked+.slds-radio_button__label {
	background-color: transparent;
	border-bottom: 2px solid black;
	border-radius: 0;
	color: black;
	font-weight: 500;
}

.slds-radio--button .slds-radio--faux,
.slds-radio--button .slds-radio_faux,
.slds-radio_button .slds-radio--faux,
.slds-radio_button .slds-radio_faux {
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	vertical-align: super;
}

.slds-radio_button__label {

	padding-top: 10px;
	padding-bottom: 4px;
}

tbody[c-bootstrapBaseTable_bootstrapBaseTable] tr[c-bootstrapBaseTable_bootstrapBaseTable] {
	cursor: pointer;
	border-bottom: solid 1px #f0f0f0;
}

thead[c-bootstrapBaseTable_bootstrapBaseTable] tr[c-bootstrapBaseTable_bootstrapBaseTable] {
	cursor: pointer;
	border-bottom: solid 1px #f0f0f0;
}

.primary_backround {
	background-color: #f0f5f5;
}

thead[c-bootstrapBaseTable_bootstrapBaseTable]>tr[c-bootstrapBaseTable_bootstrapBaseTable]>th[c-bootstrapBaseTable_bootstrapBaseTable] {
	padding-top: 5px;
	padding-bottom: 5px;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
	outline: none;
}

.text-black-50[c-bootstrapBaseTable_bootstrapBaseTable] {
	color: rgb(136 136 136 / 50%) !important;
	font-size: 12px !important;
	margin-left: 10px;
}

.link-dark svg {
	fill: #0176d3;
}

th[data-sorttype="asc"]>a:before,
th[data-sorttype="asc"]>span:before {
	content: "\2191";
	position: absolute;
	right: -10px;
	top: 0;
	font-size: 10px;
	font-family: "Material Symbols Outlined";
}

th[data-sorttype="desc"]>a:before,
th[data-sorttype="desc"]>span:before {
	content: "\2193";
	position: absolute;
	right: -10px;
	top: 0;
	font-size: 10px;
	font-family: "Material Symbols Outlined";
}

.h-100 {
	height: 100%;
}

.fit-image {
	height: 0;
	min-height: 100%;
	object-fit: contain;
}

.align-vertically {
	display: flex;
	align-items: center;
}

.slds-theme_glamox-gray {
	background-color: #F1F5F5;
	color: black;
}

.slds-button {
	margin-left: 0;
}

.slds-button_lime {
	background-color: #c8f7c5;
	color: #003D37;
}

.slds-button_lime:active {
	background-color: #b5f0b3;
}

.slds-button_gray {
	background-color: #F0F5F5;
	color: black;
}

.slds-button_gray:active {
	background-color: #e6e6e6;
}

.slds-button_lime, .slds-button_gray {
	padding: 0 20px;
	justify-content: center;
}

.w-300px {
	width: 300px;
}

.h-48px {
	height: 48px;
}

.gap-10px {
	gap: 10px;
}

.bg-white {
	background-color: white;
}

.border-solid-gray {
	border: 1px solid #C8C8C8;
}

.slds-button+.slds-button {
    margin-left: 0;
}

.position-absolute {
	position: absolute;
}

.top-0 {
	top: 0;
}

.right-0 {
	right: 0;
}

.slds-theme_gray {
	background-color: #F0F5F5;
	color: #6C6A81;
}