.kb2b-auth {

    --slds-g-color-error-base-40: rgba(226, 75, 75, 1);
    --dxp-g-destructive: rgba(226, 75, 75, 1);

    @media only screen and (max-width: 47.9375em) {
        .kb2b-registration-logo .dxp-content-layout-site-logo {
            max-height: 100px;
        }
    }

    .kb2b-auth-login-title-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .kb2b-auth-login-title-container .kb2b-auth-login-title {
        color: #002B4E;
        font-family: "LeagueSpartan-Bold";
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    .kb2b-auth-login-title-container .kb2b-auth-login-subtitle {
        text-align: center;
        color: #002B4E;

        font-family: "PTSans-Regular";
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .kb2b-auth-login .comm-login-form__container {
        display: flex;
        padding: 20px;
        flex-direction: column;
        gap: 20px;

        border-radius: 12px;
        border: none;
        background: #FFF;
        box-shadow: none;
        max-height: none;
    }

    .kb2b-auth-login .comm-login-form__container community_login-login-error {

    }

    .kb2b-auth-login .comm-login-form__container fieldset {
        margin: 0;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__username-input {
        margin-bottom: 8px;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__password-input {
        margin-bottom: 0;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__username-input label,
    .kb2b-auth-login .comm-login-form__container .comm-login-form__password-input label {
        padding-left: 16px;
        color: #002B4E;
        font-family: "PTSans-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__username-input input,
    .kb2b-auth-login .comm-login-form__container .comm-login-form__password-input input {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid #002B4E;
        background: #F4F4F4;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__forgot-password,
    .kb2b-auth-login .comm-login-form__container .comm-login-form__self-register {
        text-decoration: none;
        color: #11528F;

        font-family: "PTSans-Bold";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__forgot-password:hover,
    .kb2b-auth-login .comm-login-form__container .comm-login-form__self-register:hover {
        text-decoration: none;
        color: #004881;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-form__forgot-password:focus,
    .kb2b-auth-login .comm-login-form__container .comm-login-form__self-register:focus {
        text-decoration: none;
        color: #004881;
        border-radius: 99px;
        background: #E6EDF4;
    }

    .kb2b-auth-login .comm-login-form__container > div {
        margin: 0;
    }

    .kb2b-auth-login .comm-login-form__container > div:last-child {
        padding-top: 20px;
    }

    /* ERROR */

    .kb2b-auth-login .comm-login-form__container .comm-login-error__container {
        padding: 8px;
        border-radius: 8px;
        background: #F6C7C7;
    }

    .kb2b-auth-login .comm-login-form__container .comm-login-error__container span {
        color: #5F2020;
        font-family: "PTSans-Regular";

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .kb2b-auth-registration-title-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .kb2b-auth-registration-title-container .kb2b-auth-registration-title {
        text-align: center;
        word-break: break-word;
        color: #002B4E;

        font-family: "LeagueSpartan-Bold";
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    .kb2b-auth-registration-title-container .kb2b-auth-registration-subtitle {
        color: #002B4E;
        padding-left: 9px;
        font-family: "PTSans-Regular";
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 30.8px */
    }

    .kb2b-auth-registration-title-container .kb2b-auth-registration-helptext {
        padding: 8px;
        border-radius: 8px;
        background: #E6EDF4;
        color: #003865;
        font-family: "PTSans-Regular";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .kb2b-registration-wrapper lightning-input-field {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .kb2b-registration-wrapper lightning-input-field .slds-form-element__help {
        margin-left: 16px;
        color: rgba(226, 75, 75, 1);
    }

    .kb2b-registration-wrapper .slds-file-selector__dropzone {
        width: 100%;
        background: #F4F4F4;
    }

    .kb2b-registration-wrapper .slds-file-selector_files {
        width: 100% !important;
    }

    .kb2b-registration-wrapper lightning-input-field label {
        padding-bottom: 4px;
        padding-left: 16px;
        display: flex;
        max-width: 100%;
        color: #002B4E;
        font-family: "PTSans-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
    }

    .kb2b-registration-wrapper lightning-input label {
        padding-bottom: 4px;
        padding-left: 16px;
        display: flex;
        max-width: 100%;
        color: #002B4E;
        font-family: "PTSans-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
    }

    .kb2b-registration-wrapper lightning-input-field label lightning-helptext,
    .kb2b-registration-wrapper lightning-input label lightning-helptext {
        display: inline-flex;
        align-items: baseline;
        margin-left: 4px;
        line-height: 1;
    }

    .kb2b-registration-wrapper lightning-input-field label lightning-helptext .slds-form-element_icon,
    .kb2b-registration-wrapper lightning-input label lightning-helptext .slds-form-element_icon {
        display: inline-flex;
        align-items: center;
        line-height: 1;
    }

    .kb2b-registration-wrapper lightning-primitive-input-file span {
        display: flex;
        margin-top: 12px;
        margin-right: 8px;
        margin-bottom: 12px;
        margin-left: 16px;
        min-width: 150px;
    }

    .kb2b-registration-wrapper lightning-primitive-input-file span .slds-file-selector__text {
        min-width: 250px;
        color: #787878;

        font-family: "PTSans-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    .kb2b-registration-wrapper abbr.slds-required {
        color: #002B4E !important;
    }

    .kb2b-registration-wrapper .kb2b-auth-registration-checkbox abbr.slds-required {
        display: none !important;
    }

    .kb2b-registration-wrapper .kb2b-auth-registration-checkbox span.slds-checkbox_faux {
        margin-top: 2px;
        height: 27px;
        width: 27px;
    }

    .kb2b-registration-wrapper .kb2b-auth-registration-checkbox .slds-form-element__help {
        display: none;
    }

    .kb2b-registration-wrapper span.slds-truncale {
        flex: auto !important;
    }

    .kb2b-registration-wrapper .slds-input, .slds-combobox__input, .slds-select  {
        min-height: 47px !important;
        align-items: center;
    }

    .kb2b-registration-wrapper .kb2b-auth-registration-combobox lightning-combobox > div[part="combobox"] {
        display: flex;
        flex-direction: column;
    }

    .kb2b-registration-container {
        flex-direction: column;
        align-items: center;
        background: #F4F4F4;
    }

    .kb2b-registration-wrapper .slds-form-element_horizontal
    .slds-form-element__control, .slds-form_horizontal .slds-form-element
    .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control {
        padding-left: 0px;
        clear: inline-end;
    }

    .kb2b-registration-wrapper lightning-button button  {
        width: 100%;
    }

    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item {
        padding: 8px 20px;
        flex-direction: row-reverse;
    }
    
    .kb2b-registration-wrapper .slds-listbox_vertical.slds-dropdown {
        background: #FFF;
    }

    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item:focus,
    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item:focus-visible,
    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item.slds-has-focus {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item[aria-checked="true"] {
        color: #002B4E;

        font-family: "PTSans-Bold";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item:hover {
        background: #E6EDF4;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .kb2b-registration-wrapper .slds-listbox_vertical lightning-base-combobox-item svg {
        fill: rgba(55, 149, 93, 1);
    }

    .kb2b-auth-registration-checkbox lightning-input[checked] .slds-checkbox_faux {
        background-color: #E7F4EF;
    }

    .kb2b-auth-registration-checkbox lightning-input[checked] .slds-checkbox_faux::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L10 17L20 7' stroke='%230D8853' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        width: 24px !important;
        height: 24px !important;
        left: -1px !important;
        top: -1px !important;
        -webkit-transform: none !important;
        transform: none !important;
        border: none !important;
    }

    /* Registration Request Page Styling */

   .lwc-48aostf02bd.column-content:has(.kb2b-registration-success-svg) {
        padding: 0 !important;
        display: flex !important;
        align-items: center !important; 
        justify-content: center !important;
    }

    .lwc-33p17qvimcv-host.interactions-region.lwc-33p17qvimcv:has(.kb2b-registration-success-svg) {
        align-items: center !important;
        justify-content: center !important;
    }

    .kb2b-registration-success-svg {
        content: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'60'%20height%3D'60'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%3E%20%3Cpath%20d%3D'M22.5%2030L27.5%2035L37.5%2025M7.5%2030C7.5%2032.9547%208.08198%2035.8806%209.21271%2038.6104C10.3434%2041.3402%2012.0008%2043.8206%2014.0901%2045.9099C16.1794%2047.9992%2018.6598%2049.6566%2021.3896%2050.7873C24.1194%2051.918%2027.0453%2052.5%2030%2052.5C32.9547%2052.5%2035.8806%2051.918%2038.6104%2050.7873C41.3402%2049.6566%2043.8206%2047.9992%2045.9099%2045.9099C47.9992%2043.8206%2049.6566%2041.3402%2050.7873%2038.6104C51.918%2035.8806%2052.5%2032.9547%2052.5%2030C52.5%2027.0453%2051.918%2024.1194%2050.7873%2021.3896C49.6566%2018.6598%2047.9992%2016.1794%2045.9099%2014.0901C43.8206%2012.0008%2041.3402%2010.3434%2038.6104%209.21271C35.8806%208.08198%2032.9547%207.5%2030%207.5C27.0453%207.5%2024.1194%208.08198%2021.3896%209.21271C18.6598%2010.3434%2016.1794%2012.0008%2014.0901%2014.0901C12.0008%2016.1794%2010.3434%2018.6598%209.21271%2021.3896C8.08198%2024.1194%207.5%2027.0453%207.5%2030Z'%20stroke%3D'%2337955D'%20stroke-width%3D'4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%20%3C%2Fsvg%3E");
        width: 60px;
        height: 60px;
        max-width: 800px;
        margin: 60px auto 10px !important;
    }

    .kb2b-registration-success-title {
        color: #002B4E;
        font-size: 24px;
        font-weight: 700;
        max-width: 800px;
        line-height: 130%;
        font-style: normal;
        margin: 0px 20px 0px;
        text-align: -webkit-center;
        font-family: "LeagueSpartan-Bold";
    }

    /* Tablet and Desketop styles */
    @media only screen and (min-width: 768px) {
        .kb2b-registration-success-title {
            font-size: 37px;
        }
    }

    .kb2b-registration-request-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 53px;
    }

    .kb2b-registration-success-wrapper {
        display: flex;
        flex-direction: column;
        padding: 20px 20px 0px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #FFF;
    }

    .kb2b-registration-success-wrapper-green {
        width: 100%;
        padding: 8px;
        display: flex;
        border-radius: 8px;
        align-items: center;
        align-self: stretch;
        flex-direction: column;
        justify-content: center;
        background-color: #D8ECE0;
    }

    .kb2b-registration-success-wrapper-subtitle {
        font-size: 20px;
        font-weight: 700;
        color: #03441D;
        line-height: 130%;
        font-style: normal;
        text-align: center;
        font-family: "LeagueSpartan-Bold";
    }

    /* Tablet and Desketop styles */
    @media only screen and (min-width: 768px) {
        .kb2b-registration-success-wrapper-subtitle {
            font-size: 26px;
        }
    }

    .kb2b-registration-success-wrapper-message {
        font-size: 16px;
        font-weight: 400;
        color: #03441D;
        line-height: 150%;
        font-style: normal;
        text-align: center;
        font-family: "PTSans-Regular";
    }

    /* Tablet and Desketop styles */
    @media only screen and (min-width: 768px) {
        .kb2b-registration-success-wrapper-message {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 425px) {
        .kb2b-registration-wrapper lightning-primitive-input-file span {
            margin-right: 16px;
            width: calc(100vw - 102px);
        }

        .kb2b-registration-wrapper lightning-primitive-input-file span.slds-file-selector__text.slds-medium-show {
            display: none;
        }

    }

}

/* Sucess Wrapper component */
.kb2b-registration-success-component-wrapper {
    margin: auto !important;
    max-width: 800px !important;

    /* Desketop styles */
    @media only screen and (min-width: 1025px) {
        min-width: 800px !important;
    }
}

.kb2b-registration-success-button {
    padding: 20px !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    font-style: normal !important;
    margin-bottom: 60px !important;
    background-color: #FFF !important;
    font-family: "PTSans-Bold" !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-bottom-color: transparent !important;
}

.kb2b-registration-success-button .lwc-68jnud16dda{
    font-size: 15px !important;
}

/* Tablet and Desketop styles */
@media only screen and (min-width: 768px) {
    .kb2b-registration-success-button .lwc-68jnud16dda {
        font-size: 18px !important;
    }
}

.kb2b-auth:has(.kb2b-registration-success-svg) {
    margin: auto;
    max-width: 800px;
    padding: 0px !important;
}

community_layout-column:has(.kb2b-registration-success-wrapper) {
    margin: 9px 0px 24px;
}

.component-wrapper-spacer:has(.kb2b-registration-success-wrapper) {
    margin-bottom: 0px !important;
}