:root {
    --slds-c-radio-color-border: var(--slds-g-color-neutral-base-50, #747474);
    --slds-c-checkbox-color-border: var(--slds-g-color-neutral-base-50, #747474);

    /* Radio/checkbox button border colour when focussed (e.g. tabbed to, but not necessarily selected)*/
    --slds-c-radio-color-border-focus: var(--slds-g-color-neutral-base-50, #747474);
    --slds-c-checkbox-color-border-focus: var(--slds-g-color-neutral-base-50, #747474);

    /* Selected Radio/checkbox button border colour */
    --slds-c-radio-color-border-checked: var(--slds-g-color-neutral-base-50, #747474);
    --slds-c-checkbox-color-border-checked: var(--slds-g-color-neutral-base-50, #747474);

    /* Selected checkbox/radio "background" colour  - this is the colour of either the tick or check*/
    --slds-c-radio-mark-color-foreground: var(--SLDS-Foundation-Blue-50, #007AC2); /* TODO Couldn't find this colour in Salesforce default */
    --slds-c-checkbox-mark-color-foreground: var(--SLDS-Foundation-Blue-50, #007AC2);

    --lic-component-border-colour: var(--Brand-Primary-Light-Sky, #CBDBEF);

    --slds-c-listbox-option-color-background-hover: var(--Brand-Primary-Light-Sky, #CBDBEF); /*Currently used on the search category dropdown hover */

    --slds-c-input-color-border:  var(--slds-g-color-neutral-base-50, #747474);

    --slds-g-color-error-base-40: #BA0517;
    --lwc-colorTextError:  #BA0517;

    --lic-default-text-colour: #001E62;

    --gray-900: #1B1E28;
    --Web-Grey-500: #647092;

    /* Configure product tag pill colours: */
    --green-100: #C8E8C5; /*Background */
    --green-600: #48A23F; /* Cross */
    --green-800: #245120; /* Text */
}
@font-face {
    font-family: 'Urbanist';
    src: url('../LICUrbanistFontFamily/Urbanist-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Anton';
    src: url('../LICAntonFontFamily/Anton-Regular.ttf') format('truetype');
}

h1, h2, h3, h4, h5, h6 {
    color:  var(--lic-default-text-colour, #001E62);
    letter-spacing: 0px;
    text-box-trim: NONE;
    font-style: normal;
    font-weight: 400;
    font-family: Urbanist, 'sans-serif' !important;
}
h1 {
    font-size: 48px !important;
    line-height: 68px;
    font-family: Anton, 'sans-serif'!important;
}
h2 {
    font-size: 36px !important;
    line-height: 52px;
}
h3 {
    font-size: 30px !important;
    line-height: 42px; 
}
h4 {
    font-size: 24px !important; 
    line-height: 34px;
}
h5 {
    font-size: 20px !important;
    line-height: 28px;
}
html,
body {
    height: 100%;
}
div.uiContainerManager {
    height: 0px;
}

.forceCommunityRichText h2{
    font-weight: 400 !important;
}

.lic-hide_medium {
    display: none !important;
}

.lic-shop-header-container {
    height: 282px;
    width: 100%;
    background-color: #001543; /* Backgrounds will be a slightly darker blue than the text. Confirmed correct*/
    
    /* justify-content:center ; */
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 4rem; /* 64px*/
}
.lic-shop-header-container h1 {
    color: #FFF;
}
.lic-shop-header-heading {
    padding-bottom: 48px;
}

/* Design intent is computer/laptop first, media queries for mobile and tablets at the bottom */
.lic-footer-container-layout {
    padding: 2rem 0rem;
} 

/** boxes **/
.lic-box {
    border-radius: 8px;
    border: 1px solid #CBDBEF;
}

/** background colors **/
.lic-bg-white {
    background: #FFF;
}

.lic-bg-darkblue {
    background: #001E62;
}

/** text colors **/
.lic-text-darkskyblue {
    color: #007CBE;
}

.lic-text-darkblue {
    color: #001E62;
}

.lic-text-licorice {
    color: #323849;
}

.lic-text-grey {
    color: #535D79;
}

.lic-text-light-grey {
    color: #647092;
}

.lic-text-primay-white {
    color: #FFF;
}

.lic-text-secondary-white {
    color: #F7F9FD;
}

.lic-text-wrap {
    text-wrap: wrap;
}

/** text **/
.lic-text-heading-small {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 0.875rem; /*14px*/
    font-style: normal;
    font-weight: 600; 
}

.lic-text-heading-regular {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600; 
}

.lic-text-heading-medium {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700; 
}

.lic-textbody  {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
}

.lic-text-small {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
}

.lic-text-x-small {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
}

/**Text Line Height **/
.lh-20 {line-height: 1.25rem;}
.lh-24 {line-height: 1.5rem;}
.lh-26 {line-height: 1.625rem;}
.lh-28 {line-height: 1.75rem;}
.lh-34 {line-height: 2.125rem;}
.lh-52 {line-height: 3.25rem;}
.lh-68 {line-height: 4.25rem;}

/** Font Weights **/
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

/* Positioning */
.flex-row {display: flex; flex-direction: row;}
.flex-column {display: flex; flex-direction: column;}

/** Hyperlinks **/
.lic-link {
    text-decoration: none;
    color: #72CBFF;
}

.lic-link:hover {
    color: #ffffff;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.lic-dynamic-list-view-link.lic-link{
    color: #007CBE;
}

.lic-dynamic-list-view-link.lic-link:hover {
    color: #006195;
}

.lic-footer-links {
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}

.lic-footer-minda-container {
    padding-top: 24px;
    align-items: end;
}

.lic-sub-heading,
.lic-sub-heading .slds-text-heading_medium {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

.lic-filter-accordion-heading {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.lic-text-link {
    color: var(--lwc-brandTextLink, #007CBE);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 153.846% */
}

.lic-text-link:hover {
    color: var(--lwc-brandTextLink, #007CBE);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
}

/** Buttons **/
.lic-base-btn {
    --sds-c-button-text-color: #007CBE;
    --slds-c-button-text-color-hover: #007CBE;
    --slds-c-button-brand-font-size: 0.875rem;
}

.lic-brand-darkblue-btn {
    --slds-c-button-radius-border: 8px;    
}

.lic-brand-error-darkblue-btn {
    --slds-c-button-spacing-blockstart: 0.875rem;
    --slds-c-button-spacing-blockend: 0.875rem;
    --slds-c-button-spacing-inlinestart: 1.5rem;
    --slds-c-button-spacing-inlineend: 1.5rem;
    --slds-c-button-radius-border: 8px;
}

.lic-brand-error-darkblue-btn .slds-button,
.lic-brand-darkblue-btn .slds-button
 {
    width: 11.25rem !important;
    font-size: 0.875rem !important;
    height: 2.563rem !important;
}

.lic-brand-darkblue-btn .slds-button {
    --slds-c-button-spacing-blockstart: 0.125rem;
    --slds-c-button-spacing-blockend: 0.125rem;
    --slds-c-button-spacing-inlinestart: 0.313rem;
    --slds-c-button-spacing-inlineend: 0.313rem;
}

.lic-product-detail-button  {
    width: 11.25rem;
    border-radius: var(--rounded-lg, 8px);
    --slds-c-button-line-height: 1.3125rem; /* 21px */
    --slds-c-button-spacing-block-start: 0.625rem; /* 10px*/
    --slds-c-button-spacing-block-end: 0.625rem;
    --slds-c-button-spacing-inline-start: 1.25rem; /* 20px*/
    --slds-c-button-spacing-inline-end: 1.25rem;
    --slds-c-button-sizing-border: 0rem;
    --slds-c-button-brand-color-background-hover: #001543;
}

.lic-brand-darkskyblue-btn-stretch {
    --slds-c-button-color-background: #007CBE;
    --slds-c-button-brand-color-background: #007CBE;
    --slds-c-button-radius-border: 8px;
    --slds-c-button-brand-border-width: 1px;
    --slds-c-button-spacing-blockstart: 0.625rem;
    --slds-c-button-spacing-blockend: 0.625rem;
}

.lic-brand-darkskyblue-btn-stretch .slds-button_brand[disabled], .slds-button_brand:disabled, 
.slds-button--brand[disabled], .slds-button--brand:disabled {
    background-color: #007CBE;
    border-color: #007CBE;
    color: var(--slds-g-color-neutral-base-100, var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255)));
    opacity: 0.5;
}
/* .lic-brand-darkskyblue-btn:hover {
    border-color: #145699 !important;
} */

c-order-summary .lic-brand-darkskyblue-btn-stretch .slds-button_brand:hover {
    background-color: #145699 !important;
    border-color: #145699 !important;
}

c-order-summary .lic-brand-darkskyblue-btn-stretch .slds-button_brand:focus {
    box-shadow: 0 0 0 2px #38C3FF, 0 0 0 4px #38C3FF !important;
}

.lic-brand-outline-btn {
    --slds-c-button-spacing-blockstart: 0.5rem;
    --slds-c-button-spacing-blockend: 0.5rem;
    --slds-c-button-radius-border: 8px;
    --slds-c-button-brand-border-width: 1px solid;
}

.lic-brand-outline-btn .slds-button_outline-brand {
    font-weight: 500 !important;
}

c-order-summary .lic-brand-outline-btn .slds-button_outline-brand {
    --slds-c-button-spacing-inlinestart: 0.75rem;
    --slds-c-button-spacing-inlineend: 0.75rem;
}

.lic-brand-whiteborder-btn-stretch {
    --slds-c-button-spacing-blockstart: 0.625rem;
    --slds-c-button-spacing-blockend: 0.625rem;
    --slds-c-button-radius-border: 8px;
    --slds-c-button-brand-border-width: 1px solid;
    --slds-c-button-brand-color-border: #929BB5;
    --slds-c-button-brand-color-border-hover: #929BB5;
    --slds-c-button-brand-color-background: #001E62;
}

c-order-summary .lic-brand-whiteborder-btn-stretch .slds-button_brand:hover {
    border-color: #929BB5 !important;
}

.lic-product-detail-button .slds-button_brand:hover,
.lic-brand-error-darkblue-btn .slds-button_brand:hover,
.lic-configure-product-button .slds-button_brand:hover
{
    background-color:#145699 !important;
}

.lic-brand-whiteborder-btn-stretch .slds-button_brand:hover {
background-color: #001543 !important;
}

.lic-configure-product-button {
    --slds-c-button-spacing-blockstart: 0.625rem;
    --slds-c-button-spacing-blockend: 0.625rem;
    --slds-c-button-spacing-inline-start: 1.25rem;
    --slds-c-button-spacing-inline-end: 1.25rem;
    --lwc-spacingMedium: 1.25rem;
    --lwc-lineHeightButton: 21px;
}

.lic-configure-product-button .slds-button_brand[disabled] {
    background-color: var(--lwc-colorBrand, #007CBE);
    opacity: 0.5;
    border-color: transparent;
}

[kx-scope=button-brand]:hover:before {
    background: none !important;
}

/** Borders **/
.lic-blue-border-bottom{
    border-bottom: 1px solid var(--lic-component-border-colour, #CBDBEF)
}

.lic-darkskyblue-border-bottom-large{
    border-bottom: 3px solid var(--web-primary-100-light-blue, #007CBE)
}

/** Header **/
.comm-drilldown-navigation__bar {
    font-size: 0.875rem !important;
    font-style: normal !important;
    font-weight: 400 !important; 
    gap: 3.75rem;
}

/* .forceCommunityThemeProfileMenu.cypressHomeHeader.profile-loginButton {
    color: #009CDE !important;
}

.forceCommunityThemeProfileMenu.cypressHomeHeader.profile-loginButton:hover {
    color: #009CDE !important;
    text-decoration-line: underline;
} */

.comm-user-profile-menu__login-button {
    color: #009CDE !important;
}

.comm-user-profile-menu__login-button:hover {
    color: #009CDE !important;
}

.comm-page-custom-account img {
    max-width: 70%;
    height: auto;
    border-radius: 50%;
}

.forceCommunityThemeHeaderCompact .themeNavOverlay.visible {
    background-color: #ffffff;
}

/* .forceCommunityThemeSearch.cypressHomeHeader .search-box {
    outline: green solid !important;
} */

/** Footer **/
.lic-footer {
    background-color: #00133c;
    color: #ffffff;
}

.lic-footer-container-layout {
    display: flex;
    margin-top: 3rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
}

.lic-footer-inner {
    max-width: 1109px;     
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 1.25rem;
}

.lic-footer-copyright {
    color: #ffffff;
    font-feature-settings: 'liga' off, 'clig' off;
    padding-top: 1.5rem;
}

/* Must get specific to override .slds-radio .slds-radio__label .slds-form-element__label alternatively could reassign --lwc-fontSize3*/
.lic-radio-group .slds-radio .slds-radio__label .slds-form-element__label,
.lic-radio-group .slds-radio,
.lic-checkbox-group .slds-checkbox .slds-checkbox__label .slds-form-element__label,
.lic-checkbox-group .slds-checkbox {
    padding-top: 12px;
    color:  var(--gray-900, #1B1E28); /*Don't overwrite  --lwc-colorTextLabel as we have different colours that would need to be used*/ 
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, 'sans-serif';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
}

.lic-checkbox .slds-checkbox .slds-checkbox__label .slds-form-element__label,
.lic-checkbox .slds-checkbox {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.lic-filter-set {
    width: 256px; /* TODO: this is to be modified on media queries */
    border-radius: var(--rounded-lg, 8px);
    border: 1px solid var(--lic-component-border-colour, #CBDBEF);
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.lic-filter-set-container {
    width: 256px;
}

.lic-filter-header {
    cursor: pointer;
}
.lic-filter-component {
    border-top: 1px solid var(--lic-component-border-colour, #CBDBEF);
}

.lic-filter-accordion-icon .slds-button__icon {
    fill: var(--gray-900, #1B1E28);
}

.lic-infinite-scroll-spinner{
    height: 120px;
}

.lic-flex-row {
    display: flex;
    width: 100%;
}

.lic-col-center,
.lic-center-loading-spinner-no-infobar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lic-center-loading-spinner-no-infobar {
    height: calc(100vh - 300px);
    justify-content: center;
}

.lic-flex-grow {
    flex-grow: 1;
}

.lic-col-left {
    display: flex;
    flex-direction: column;
}

.lic-product-card-container,
.lic-category-card-container,
.lic-product-card-container-no-filter,
.lic-category-card-container-no-filter {
    width: 100%;
    display:grid; 
    column-gap: 1.5rem;
    row-gap: 2rem;
}

.lic-product-card-container,
.lic-category-card-container {
    grid-template-columns:
        repeat(auto-fit, minmax(200px, 31%));
}
/* Display 4 per row */
.lic-product-card-container-no-filter,
.lic-category-card-container-no-filter {
    column-gap: 1rem;
    grid-template-columns:
        repeat(auto-fit, minmax(150px, 23.25%));
}

.lic-product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--lic-component-border-colour, #CBDBEF);
    border-radius: 8px;
    text-align: center;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: white;
    height: 273px;
}

.lic-product-category-card {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;

    box-shadow: 0px 1px 2px 0px #00000014;
    background-color: white;
    border-radius: 8px;
    border: 1px solid var(--lic-component-border-colour, #CBDBEF);
}

.lic-category-card-icon-container {
    border-radius: 50%;
    background-color: var(--lic-default-text-colour, #001E62);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.lic-shopping-cart-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lic-shopping-cart-button-num-container {
    border-radius: 50%;
    background: var(--lwc-brandTextLink, #007CBE);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.lic-shopping-cart-button-num-value {
    color: #FFF;
    text-align: center;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
}
.lic-shopping-cart-button {
    display: block !important;
    width: 136px !important;
    padding: 8px 16px !important;
    height: 36px !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    border: 1px solid var(--Web-Grey-300, #929BB5) !important;
    /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important; */
}

.lic-shopping-cart-button:hover {
    background-color: var(--lic-default-text-colour, #001E62) !important;
}
.lic-shopping-cart-button-text {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.lic-product-card img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    padding: 0px 4px;
}

.lic-product-card-price {
    font-family: Urbanist, 'sans-serif';
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    text-box-trim: NONE;
    line-height: 24px;
    letter-spacing: 0px;
    color:  var(--lic-default-text-colour, #001E62);
    padding-top: 8px;
}

.lic-product-card-price-unavailable {
    font-family: Urbanist, 'sans-serif';
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    text-box-trim: NONE;
    line-height: 24px;
    letter-spacing: 0px;
    color:  #B1B8CC;
    padding-top: 8px;
}

.lic-product-card-no-stock {
    font-family: Urbanist, 'sans-serif';
    font-weight: 700;
    font-style: Bold;
    font-size: 13px;
    text-box-trim: NONE;
    line-height: 16px;
    letter-spacing: 0px;
    color:  #C8102E;
    padding-top: 12px;
}

.lic-product-card:hover {
    border: 1px solid #009CDE;
    cursor: pointer;
}

.lic-product-card:hover .lic-product-card-name {
    color:  var(--lwc-brandTextLink, #007CBE);
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 0%;
    text-decoration-thickness: 0%;
}

.lic-product-card-name {
    font-family: Urbanist, 'sans-serif';
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: var(--gray-900, #1B1E28);
    text-box-trim: NONE;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
}

.lic-browse-product-no-products-message{
    font-family: Urbanist, 'sans-serif';
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    text-box-trim: NONE;
    line-height: 24px;
    letter-spacing: 0px;
}

.lic-product-scroll-to-load,
.lic-product-scroll-view-numbers {
    font-family: Urbanist, 'sans-serif';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-box-trim: NONE;
    line-height: 150%;
    text-align: center;
}

.lic-product-scroll-to-load {
    color: var(--lic-default-text-colour, #001E62);
}

.lic-product-scroll-view-numbers {
    color: #535D79;
}

.lic-product-category-card {
    box-shadow: 0px 1px 2px 0px #00000014;
    border: 1px solid #CBDBEF;
    border-radius: 8px;
    background-color: #FFF;
}

.lic-product-category-card:hover {
    cursor: pointer;
    border: 1px solid #009CDE;
}

.lic-product-category-card-text {
    font-family: Urbanist, 'sans-serif';
    font-weight: 500;
    font-style: Regular;
    font-size: 18px;
    text-box-trim: NONE;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
}

.lic-product-category-card:hover h6 {
    color:  var(--lwc-brandTextLink, #007CBE);
}

.lic-info-bar-container, .lic-info-bar-container-home {
    min-height: 71px;
    width: 100%;
    background-color: #001543;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 90px;
    z-index: 10;
    padding-top:10px;
}

.lic-info-bar-min-height {
    min-height: 61px;
}

.lic-info-bar-container-home {
    border-bottom: 1px solid var(--Web-Grey-300, #929BB5);
}

/* TODO Will need to change width for smaller devices. */
.lic-info-bar-container > div,
.lic-info-bar-container-home > div {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 1141px;
}

.lic-info-bar-container-right-hand-container {
    display: flex;
    align-self: center;
}

.lic-info-bar-search-wrapper-mobile {
    display: none !important;
}

.lic-search-bar-tablet-and-mobile {
    display:flex;
    justify-content: center;
    background-color: rgb(0,21,67);
}

.lic-product-category-card-text {
    padding-left: 12px;
}

.lic-shop-search-button,
.lic-info-bar-search-button {
    background-color:#007CBE;
    border-radius: 0 8px 8px 0;
    border: none;
}
.lic-shop-search-button {
    height: 48px;
    width: 54px;
}
.lic-info-bar-search-button {
    height: 37px;
    width: 42px;
}

.lic-search-close-icon-container {
    pointer-events: all; /* An SLDS class disables... so we must re-enable specifically for the cross */
}

.lic-shop-search-remove-icon {
    top: 20px !important;
    right: 20px !important;
}

.lic-info-bar-search-remove-icon {
    top: 18px !important;
}

.lic-shop-search-button svg,
.lic-info-bar-search-button svg {
    fill: #FFF;
}
.lic-search-down-icon svg,
.lic-shop-search-remove-icon svg,
.lic-info-bar-search-remove-icon svg {
    fill: #001E62
}
.lic-search-down-icon {
 display: flex;
 padding-left: 8px;
}

.lic-shop-search-remove-icon:hover, .lic-info-bar-search-remove-icon:hover, .lic-search-category-switcher:hover {
    cursor: pointer;
}

.lic-shop-search-dropdown-list-item,
.lic-info-bar-search-dropdown-list-item,
.lic-product-description-text p,
.lic-product-description-text li  {
    color: var(--gray-900, #1B1E28);
    font-feature-settings: 'liga' off, 'clig' off;
    /* LIC/Body text */
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.lic-search-input-text::placeholder {
    color: var(--Web-Grey-500, #647092) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.lic-shop-search-input-text,
.lic-info-bar-search-input-text {
    border: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

    color: var(--gray-900, #1B1E28) !important;
    font-family: Urbanist !important;
    line-height: 150% !important; /* 24px */
}

.lic-shop-search-input-text {
    /* Text style */
    
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    
    /* Positioning + boxes */
    width: 518px !important;
    height: 48px !important;
    padding: 8px 42px 8px 16px !important;
    
}

.lic-search-results-subheading-bold {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.lic-info-bar-search-input-text {
    width: 281px !important;
    height: 37px !important;

    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    padding: 8px 28px 8px 10px !important;
}

.lic-shop-search-category-text,
.lic-info-bar-search-category-text {
    color: var(--gray-900,  #1B1E28);
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    line-height: 150% !important; /* 24px */
}
.lic-shop-search-category-text {
    font-size: 16px;
}

.lic-info-bar-search-category-text {
    font-size: 14px;
}

/* This is the selected box container itself */

.lic-shop-search-category-select,
.lic-info-bar-search-category-select {
    background-color: var(--lic-component-border-colour, #CBDBEF) !important;
    display: flex !important;
    justify-content:space-between !important;
    border: none !important;
}

.lic-shop-search-category-select {
    min-width: 158px !important;
    width: auto !important;
    height: 48px !important;
    padding: 12px 20px !important;
    
}

.lic-info-bar-search-category-select {
    width: auto !important;
    height: 37px !important;
    padding: 8px 16px !important;
}

.lic-search-listitem {
    padding-right: 16px !important;
}
.lic-search-selected-icon, .lic-search-down-icon {
    align-self: center;
}

.lic-product-detail-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lic-product-detail-button-wrapper {
    display: flex;
    align-items: flex-end;
}

.lic-product-detail-name {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;

    /* LIC/H2 */
    font-family: Urbanist;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 144.444% */
}

.lic-product-detail-price {
    color: var(--web-primary-800-dark-blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
}

.lic-product-detail-error {
    color: #C8102E;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: bold;
    font-weight: 700;
    line-height: 16px; 
}

.lic-product-detail-message {
    color: var(--web-primary-800-dark-blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 140% */
}

.lic-product-information-container {
    display: flex;
    flex-direction: column;
}

.lic-product-information-heading {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;

    /* LIC/H4 */
    font-family: Urbanist;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 141.667% */
}

/* NB we aren't as in control of strong in this scenario as normal. It is injected by the lightning-formatted-rich-text field. */
.lic-product-description-text strong {
    color: var(--web-primary-800-dark-blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;

    /* LIC/H6 */
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; /* 150% */
}

.lic-account-change-ordering-label,
.lic-account-change-account-label {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
}

.lic-account-change-ordering-label {
    font-weight: 400;
}

.lic-account-change-account-label {
    font-weight: 700;
}

.lic-account-change-change-label {
    color: #72CBFF !important;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px; /* 142.857% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    width: auto !important;
}

.lic-account-change-change-label:hover {
    cursor: pointer;
}

.lic-account-change-change-label {
    outline-color: var(--slds-g-color-palette-blue-40,rgb(11, 92, 171));
}

.lic-product-detail-quantity-label {
    color: var(--gray-900, var(--gray-900, #1B1E28));
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.lic-account-change-component {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 37px;
}

.lic-account-change-component div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.lic-error-heading {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 68px; 
    text-align: center;
    justify-content: center;
    align-items: center;
}

.lic-error-subheading {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-align: center;
    justify-content: center;
    align-items: center;
}

.lic-error-image {
    width: 200px;
    height: 170px;
    justify-content: center;
    align-items: center;
}

.lic-supplierorder-status{
    align-content: end;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lic-datatable-container {
    position: relative; 
    word-break: break-word;
}

.lic-datatable-spinner {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.8); 
}

flowruntime-lwc-body .slds-theme_shade {
    background-color: var(--lic-default-text-colour, #001E62) !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

flowruntime-lwc-body .slds-text-title_bold {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    line-height: 34px;
}

/* Hide the "x of x items" footer */
flowruntime-lwc-body .slds-p-top--xx-small {
    display: none !important;
}

flowruntime-lwc-body .slds-m-bottom_x-small{
	margin-bottom: 0px !important;
}

flowruntime-lwc-body .slds-resizable__handle{
	display: none;
}

flowruntime-lwc-body .slds-button__icon {
	display: none;
}

flowruntime-lwc-body .slds-gutters_direct {
    margin-right: 0px;
    margin-left: 0px;
}

flowruntime-lwc-body .slds-p-horizontal_small{
    padding-left: 0 !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

flowruntime-screen-field.flowruntime-column.slds-col{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
}

flowruntime-lwc-body .slds-border--bottom {
    border-bottom: 1px;
}

flowruntime-lwc-body .slds-gutters_direct>.slds-col {
    margin-top: 10px;
}

flowruntime-lwc-body .slds-border--left {
    border-left: 0px;
}

flowruntime-lwc-body .slds-border--right {
    border-right: 0px;
}

flowruntime-lwc-body .slds-border--top {
    border-top: 0px;
}

/*styles specifically for my orders page */
c-html-data-table .slds-th__action {
	background-color: var(--lic-default-text-colour, #001E62) !important;
    color: #FFFFFF !important;
}

c-html-data-table .slds-button_icon-bare {
	display: none !important;
}

c-dynamic-list-view .slds-input {
	background-color: transparent !important;
	border-color: #CBDBEF !important;
	color: var(--lic-default-text-colour, #001E62) !important;
}

c-dynamic-list-view .slds-input::placeholder {
	color: var(--lic-default-text-colour, #001E62) !important;
}

c-dynamic-list-view .lic-dynamic-list-view-search-mobile .slds-input {
    padding-top: 6px;
    padding-bottom: 6px;
}

c-dynamic-list-view .slds-input__icon{
	fill: var(--lic-default-text-colour, #001E62) !important;
}

c-html-data-table .slds-icon_x-small{
	fill: #FFFFFF !important;
}

c-html-data-table .slds-table_header-fixed_container{
	border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

c-number-incrementer .inputContainer input {
    width: 54px !important;
    padding: 12px 0px !important;
    height: 41px !important;
    border: 1px solid #747474 !important;
    background: #FFF !important;
    border-radius: 0px !important;
    position: relative !important;
    margin-right: -1px !important;
    margin-left: -1px !important;
}

/* This ensures the selector highlights the input field, otherwise it's hidden behind the adjacent buttons. */
c-number-incrementer .slds-button-group .slds-form-element input:focus {
    z-index: 1 !important;
}

c-number-incrementer .inputContainer {
    display: flex !important;
    height: 100% !important;
}

c-number-incrementer .plusButton,
c-number-incrementer .minusButton {
    border: 1px solid #747474 !important;
    background-color:  #FFF !important;
    height: 41px !important;
    width: 40px !important;
    padding:12px !important;
}

c-number-incrementer .plusButton:not([disabled]):hover,
c-number-incrementer .minusButton:not([disabled]):hover {
    background:  #E9EEFA !important;
}

c-number-incrementer .minusButton {
    border-radius: var(--rounded-md, 6px) 0 0 var(--rounded-md, 6px) !important;
    margin-right: -1px !important;
}

c-number-incrementer .plusButton {
    border-radius: 0 var(--rounded-md, 6px) var(--rounded-md, 6px) 0 !important;
}

c-change-account-modal-content button {
    height: 41px;
    border-radius: var(--rounded-lg, 8px) !important;
    border: 1px solid var(--primary-800, #001E62);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
}

c-change-account-modal-content .slds-input {
    color: var(--gray-900, #1B1E28);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px; /* 123.077% */
}

c-change-account-modal-content lightning-button .slds-button_outline-brand, 
c-change-account-modal-content lightning-button .slds-button_outline-brand:hover {
    border-color: #001E62;
    color: #001E62;
}

c-configure-product lightning-button .slds-button_outline-brand, 
c-configure-product lightning-button .slds-button_outline-brand:hover {
    border-color: #001E62;
    color: #001E62;
}

.lic-change-account-modal-heading {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
}

.lic-change-account-modal-heading-container {
    height: 74px;
    padding: 20px 32px;
    border-radius: 4px 4px 0 0;
    background: #FFF;
    border-bottom: 1px solid #C9C9C9;
    box-shadow: 0 1px 0 0 #C9C9C9;
}

c-type-ahead-field .slds-form-element__label {
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 138.462% */
}

.lic-change-account-modal-bttn-container {
    display: flex;
    justify-content: flex-end;
    height: 65px;
    align-items: center;
    border-radius: 0 0 4px 4px;
    background: #FFF;
    border-top: 1px solid #C9C9C9;
    box-shadow: 0 -1px 0 0 #C9C9C9; 
}

.lic-change-account-modal-content-container {
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0 -1px 0 0 #C9C9C9;
}

c-type-ahead-field .slds-combobox__input,
c-type-ahead-field .slds-combobox_container {
  transition:
    border 0.1s linear,
    box-shadow 0.1 linear;
}

c-type-ahead-field .slds-combobox__input {
  box-shadow: none;
}

c-type-ahead-field .slds-combobox__input.has-custom-border {
  /* The below will make it look like an inner item has been selected */
  /* box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px rgb(221, 219, 218) inset; */
}

c-type-ahead-field .slds-combobox__input.has-custom-error {
  border: 1px solid #BA0517;
  box-shadow: #BA0517 0 0 0 1px inset;
}

c-type-ahead-field .slds-combobox_container.has-custom-error {
  border: none !important;
}

c-type-ahead-field .slds-combobox__input.has-custom-height {
  height: 32px !important;
}

c-type-ahead-field .form-error {
  display: block;
  color: #BA0517;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Urbanist;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}

c-type-ahead-field .lookup-disabled {
  cursor: not-allowed;
}

c-type-ahead-field .overflow-hidden {
  overflow: hidden;
}

c-type-ahead-field .slds-listbox__option_entity {
  padding: 8px 32px 8px 16px;
  color: #181818;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Urbanist;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
}

c-configure-attribute-item .slds-required {
    color: #BA0517;
}

c-notification-banner .lic-notification-banner-content_error.lic-theme_error .slds-media__figure svg {
    --slds-c-icon-color-foreground: #940C22;
}

c-notification-banner .lic-notification-banner-content_warning.lic-theme_warning .slds-media__figure svg {
    fill: #FF8200;
}

c-notification-banner .lic-notification-banner-content_error.lic-theme_error {
    background-color: #FDE4E8;
}

c-notification-banner .lic-theme_warning {
    background-color: #FFF;
}

.notification-text-title {
	font-size: 24px !important;	
}

.lic-notification-banner-content {
    flex-grow: 1;
    border-radius: 0 4px 4px 0;
}

.lic-notification-banner-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border: 1px solid var(--Foundation-Gray-06, #C9C7C5);
    border-radius: 4px;
}

.lic-notification-banner-border-left_error,
.lic-notification-banner-border-left_warning {
    border-radius: 3px 0 0 3px;
    width: 4px;
    align-self: stretch;
    flex-shrink: 0;
}

.lic-notification-banner-border-left_error{
    background-color: #BA0517;
}

.lic-notification-banner-border-left_warning {
    background-color: #FF8200;
}

.lic-configure-product-category-container {
    background-color:#F7F9FD;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid var(--gray-200, #B1B8CC);
}

div[data-last-item="true"].lic-configure-product-category-container {
    border: none;
    background-color: #FFF;
    border-radius: 0px;
    padding-left: 0px;
}
/* 331 */
.lic-configure-attribute-item-wrapper {
    width: 220px;
}

.lic-configure-attribute-item-wrapper:has(c-colour-picker) {
    width: 100%;
}

.lic-order-summary-tag_colour-hex_code {
    width:16px;
    height: 16px;
    border-radius: 50%;
    align-self: center;
}

.lic-order-summary-tag_colour-hex_code[data-colour="White"]{
    border: 1px solid #B1B8CC;
}

.lic-configure-attribute-item-wrapper lightning-input[data-name="NAIT_Number_Attestation"] {
    width: 400px;
}

div[data-last-item="true"].lic-configure-product-category-container .lic-configure-attribute-item-wrapper {
    width: 331px;
}

c-configure-product {
    --slds-c-button-radius-border: 8px;
}

.lic-configure-attribute-description {
    color: var(--Web-Grey-500, #647092);
    font-feature-settings: 'liga' off, 'clig' off;
    /* font-family: "Segoe UI"; */
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
}

.lic-configure-attribute-line {
    border: none;
    height: 1px; /* Adjust thickness */
    background-color: #B1B8CC; /* Set color */
    margin-top: 16px;
    margin-bottom: 0px;
}

.lic-configure-product-wrapper {
    background-color: #FFF;
    max-height: max(80vh, 400px);
    overflow-y:hidden;
    min-height: max(250px, 40%);
    border-radius: 4px;
}

.lic-configure-product-spinner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
}

.lic-configure-product-content {
    background-color: #FFF;
    max-height: max(80vh, 400px);
    overflow-y: auto;
}

.lic-configure-product-error-banner-title {
    font-weight: 700;
    color: var(--Text-Default, #080707);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    line-height: 20px; /* 153.846% */
}

.lic-configure-product-error-banner-message {
    padding-top: 8px;
    color: var(--gray-900, #1B1E28);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}

.lic-configure-product-detail-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 177px;
}

.lic-configure-product-image-wrapper {
    width: 33%;
    min-width: 200px;
}

.lic-configure-attribute-set-attributes-wrapper {
    display: flex;
    flex-direction: column;
}

/* CONFIGURE PRODUCT STYLES */
c-configure-attribute-item lightning-combobox label.slds-form-element__label,
c-configure-attribute-item lightning-input label.slds-form-element__label,
c-configure-ear-tag-ids-portal lightning-combobox label.slds-form-element__label,
c-configure-ear-tag-ids-portal lightning-input label.slds-form-element__label {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
}

c-configure-attribute-item lightning-combobox .slds-combobox__input:not(.slds-combobox__input-value),
c-configure-ear-tag-ids-portal lightning-combobox .slds-combobox__input:not(.slds-combobox__input-value) {
    color: var(--Web-Grey-500, #647092);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    align-self: center;
    align-items:center;
}

c-configure-attribute-item lightning-combobox .slds-combobox__input.slds-combobox__input-value {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    align-self: center;
    align-items:center;
}

c-configure-attribute-item .slds-has-error .slds-form-element__help,
c-configure-attribute-item .slds-has-error button,
c-configure-attribute-item .slds-has-error .slds-radio [type=radio]+.slds-radio_faux, .slds-has-error .slds-radio [type=radio]+.slds-radio--faux, .slds-has-error .slds-radio [type=radio]~.slds-radio_faux, .slds-has-error .slds-radio [type=radio]~.slds-radio--faux, .slds-has-error .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux, .slds-has-error .slds-radio [type=radio]+.slds-radio__label .slds-radio--faux,
c-configure-ear-tag-ids-portal .slds-has-error .slds-form-element__help,
c-configure-ear-tag-ids-portal .slds-has-error .slds-input,
c-ear-tag-register-ids .lic-eag-tag-register-error.slds-text-color_error,
c-number-incrementer .slds-has-error .slds-text-color_error {
    color: #BA0517;
    border-color: #BA0517 !important;
    --slds-c-input-color-border: #BA0517;
    --slds-c-input-shadow: #BA0517 0 0 0 1px inset;
}

 /* .slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux */
c-configure-attribute-item .slds-has-error .slds-input,
c-configure-attribute-item .slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    /* Text colour not red */
    border-color: #BA0517 !important;
    --slds-c-input-color-border: #BA0517;
    --slds-c-input-shadow: #BA0517 0 0 0 1px inset;
}

c-configure-attribute-item .slds-has-error .slds-input-has-icon_left .slds-input {
    padding-left: 12px;
}
c-configure-attribute-item .slds-has-error .slds-input-has-icon_left lightning-primitive-icon {
    display: none;
}

c-configure-ear-tag-ids-portal .slds-has-error input.slds-input {
    padding-left: 12px;
}

c-configure-ear-tag-ids-portal .slds-has-error .slds-input-has-icon svg {
    display: none;
}

.lic-tag-type-radio-descriptions p:nth-child(1){
    width: 190px;
}
.lic-tag-type-radio-descriptions p:nth-child(2){
    width: 200px;
}

/* slds-combobox__input slds-input_faux fix-slds-input_faux slds-combobox__input-value */

c-configure-attribute-item lightning-radio-group .slds-form-element__control .slds-radio,
c-ear-tag-register-ids lightning-radio-group .slds-form-element__control .slds-radio {
    display: inline-block !important;
}

c-ear-tag-register-ids lightning-radio-group .slds-form-element__control .slds-radio {
    width: 190px;
}

c-configure-attribute-item lightning-radio-group .slds-form-element__control .slds-radio .slds-radio__label {
    color: var(--web-primary-800-dark-blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
    padding-right: 32px;
}

c-configure-attribute-item lightning-radio-group .slds-form-element__label,
c-configure-ear-tag-ids-portal lightning-radio-group .slds-form-element__label {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    /* Body Text - Label */
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-bottom: 6px;
}

c-configure-ear-tag-ids-portal .slds-theme_default {
    background-color: #F7F9FD;
}

.lic-get-available-tags-icon lightning-button button {

    --slds-c-button-radius-border: 4px;
    --slds-c-button-color-background: transparent;

    --slds-c-button-spacing-blockstart: 0.375rem;
    --slds-c-button-spacing-blockend: 0.375rem;
    --slds-c-button-spacing-inline-start: 0.75rem;
    --slds-c-button-spacing-inline-end: 0.75rem;
    --lwc-lineHeightButton: 1.125rem;
}

.lic-get-available-tags-icon lightning-button button svg {
    width: 12px;
    height: 12px;
}
/* Reminder for Aaron to include Clear selection link for underling */
.lic-ear-tag-link-text a {
    text-decoration: underline;
}

.lic-ear-tag-type-radio-button-descriptions {
    padding-left: 24px;
    color: var(--Brand-Web-Grey-400, #7A85A4);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.lic-ear-tag-registry-get-tags-description {
    color: var(--Web-Grey-500, #647092);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px;
}

.lic-tag-registry-selected-tags-container {
    background-color: #FFF;
    border: 1px solid var(--slds-g-color-neutral-base-50, #747474);;
    min-height: 100px;
    width: 100%; 
    border-radius:4px;
}

.lic-tag-registry-selected-tags-label {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    /* Body Text - Label */
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
}


.lic-tag-registry-selected-tags-container-quantity {
    color: var(--lic-default-text-colour, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-bottom:8px;
}

/* Ear tag registry overrides */
c-configure-ear-tag-ids-portal h3 {
    font-size: 20px !important;
    font-weight: 500;
}

c-configure-ear-tag-ids-portal .lic-tag-badge lightning-button-icon svg {
    fill: var(--green-600, #48A23F);
}

c-configure-ear-tag-ids-portal .slds-badge.lic-tag-badge {
    border-radius: 6px;
    background-color: var(--green-100, #C8E8C5);
}

c-configure-ear-tag-ids-portal .slds-badge.lic-tag-badge p {
    font-weight: 500;
    font-size: 12px;
    color: var(--green-800,#245120);
}

c-configure-ear-tag-ids-portal lightning-input .slds-input[disabled] {
    background-color: #E9EEFA;
    color: #647092;
}

c-configure-ear-tag-ids-portal lightning-radio-group legend.slds-form-element__label {
    padding-bottom: 2px;
}

c-configure-ear-tag-ids-portal .lic-configure-ear-tag-ids-read-only-wrapper .lic-configure-ear-tag-ids-read-only-item  {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--lic-component-border-colour, #CBDBEF);
}

c-configure-ear-tag-ids-portal .lic-configure-ear-tag-ids-read-only-wrapper .lic-configure-ear-tag-ids-read-only-item p {
    color: var(--gray-900, #1B1E28);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */  
}

c-configure-ear-tag-ids-portal lightning-button .slds-button_brand {
    background-color: #001E62;
    border-color: transparent;
}

c-configure-ear-tag-ids-portal lightning-button .slds-button_brand:hover {
    background-color: #001543;
}

c-configure-ear-tag-ids-portal lightning-button .slds-button_outline-brand,
c-configure-ear-tag-ids-portal lightning-button .slds-button_outline-brand:hover  {
    border-color: #001E62;
    color: #001E62;
}

.lic-get-available-tags-icon lightning-button svg {
    transform: rotate(90deg);
}

c-order-summary .summary-items-p-top-small {
    padding-top: 0.75rem;
}  

c-order-summary .order-items-p-right-large {
    padding-right: 1.5rem;
}

.slds-max-medium-table_stacked-horizontal tr, .slds-max-medium-table--stacked-horizontal tr {
    border-top: none !important;
    border-bottom: 1px solid var(--Border-Borders-Primary, #B1B8CC) !important; 
}

/** Will remove after phase one **/
.forceCommunityThemeNav .comm-navigation__top-level-item.mainNavItem:first-child {
    padding-left: 0;
    display: none;
}
/* Visibility */
.lic-show-desktop {
    display: block;
}

.lic-show-mobile {
    display: none !important;
}

.lic-show-flex-mobile {
    display: none !important   
}

c-html-data-table .slds-table_header-fixed_container, .slds-table--header-fixed_container {
    background-color: unset !important;
}

.lic-account-details-flow-wrapper-class {
    margin-bottom: -24px;
}

.lic-account-details-table {
    border: var(--lwc-borderWidthThin, 1px) solid var(--slds-g-color-border-base-1, var(--lwc-colorBorder, rgb(177, 184, 204)));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
}

.wrap-text {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-all;
}

.lic-archived-order-card {
    border-radius: 8px;
    border: 1px solid var(--brand-web-primary-100-light-blue, #CBDBEF);
    background: #FFF;
}

.lic-archived-order-button {
    --slds-c-button-spacing-blockstart: 0.5rem;
    --slds-c-button-spacing-blockend: 0.5rem;
    --slds-c-button-spacing-inline-start: 0.75rem;
    --slds-c-button-spacing-inline-end: 0.75rem;
    --lwc-spacingMedium: 0.75rem;
    --lwc-lineHeightButton: 21px;
    --lwc-buttonBorderRadius: 0.5rem;
}
.lic-archived-order-button:hover {
    --lwc-colorBackgroundButtonDefaultHover: #E9EEFA;
}

.lic-archived-order-card-header-label {
    color: var(--Brand-Primary-Dark-Sky-Blue, #007CBE);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
}

.lic-archived-order-field-label {
    min-width: 155px;
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.lic-archived-order-field-value {
    color: var(--Brand-Primary-Dark-Blue, #001E62);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.lic-archived-order-product-card-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.lic-archived-order-product-card-header-button {
    align-self: flex-end;
}

.lic-archived-order-product-card-expanded-section {
    border-top: 1px solid #CBDBEF;
}

c-calendar-component lightning-combobox > div > span {
    height: 0px;
    display: none;
}

/* TODO In figma The bullet points are a smaller font to the text.
 * In order to achieve the same affect we will need to hide the default bullet points and create our own.
 * The follow on issue with this is that if they want to increase the font size then there will be a larger size mismatch between text and bullet point.
 */
/* .lic-product-description-text ul li::marker {

} */

@media only screen and (max-width: 68.75rem){
    .lic-product-card-container-no-filter {
        grid-template-columns:
            repeat(auto-fit, minmax(200px, 31.5%));
    }
}
/* Wraps the product/category cards to be 2 per row. */
@media only screen and (max-width: 64rem) {
    .lic-info-bar-container-right-hand-container c-search-products[data-context=info-bar] {
        display: none;
    }
    .lic-product-card-container, .lic-category-card-container {
        grid-template-columns:
        repeat(auto-fit, minmax(150px, 47.5%));
    }
    
    .lic-filter-set-container, .lic-filter-set {
        width: 200px;
    }
}

/** Media Queries **/
/** Tablet **/
@media only screen and (max-width: 56.24rem) {
    .lic-product-card-container, .lic-category-card-container, .lic-category-card-container-no-filter {
        grid-template-columns:
        repeat(auto-fit, minmax(150px, 47.5%));
    }
}

/* 768px */
@media only screen and (max-width: 48rem) {
    .lic-product-card-container-no-filter {
        grid-template-columns: repeat(auto-fit, minmax(150px, 47.5%));
    }
    .lic-info-bar-container-home {
        border-bottom: none;
    }
    @media only screen and (max-width: 767px) {
        /* The main header collapses from 98px to approx 48px */
      .lic-info-bar-container,
        .lic-info-bar-container-home {
            top: 48px;
            padding-top: 0px;
        } 

        /* Decrease the link gap slightly for less than 767px to prevent wrapping of the top line of links. */
        .lic-footer-links {
            gap: 16px;
        }
    }
    @media only screen and (max-width: 768.01px){
        .lic-hide_medium{
            display: block !important;
        }
    }
    .lic-shop-header-container {
        display: none;
    }

    .lic-shop-search-input-text,
    .lic-info-bar-search-input-text {
        width: 100% !important;
        
    }
    .lic-search-input-wrapper {
        max-width: calc(100vw - 220px);
        width: 550px;
    }

    .lic-info-bar-search-category-select,
    .lic-shop-search-category-select {
        min-width: 146px !important;
        width: auto;
    }

    c-search-products[data-context=shop-home] .lic-search-input-wrapper {
        max-width: calc(100vw - 246px);
        width: 550px;
    }

    c-configure-product .lic-configure-product-image-wrapper {
        width: 70%;
    }
}