.osf_error-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ff3333;
    }
    .osf_csv-instruction {    
        margin: 1rem auto 0;
        text-align: center;
        max-width: 42em;
    }
    .osf_buttons-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 1.5rem;
    }
    .osf_disable-hover{
    	pointer-events: none;
    }
    .osf_or-separator {
        text-align: center;
        margin: 0 1rem;
    }

    .osf_or-separator span {
        position: relative;
        background-color: var(--lwc-brandNavigationBackgroundColor);
        padding: 0 0.5rem;
    }

    .osf_or-separator:before {
        border-top: 1px var(--b2btheme_lightGrey, var(--lwc-colorBorder)) solid;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    
    .osf_search-row {
        width: 100%;
        display: grid;
        grid-template-columns: .75fr 0.5fr 0.75fr;
        padding: 0.3rem;
    }

    .osf_search-row-part_number {
        width: 25%;
        padding-right: 2rem;
    }

    .osf_search-part_number-text {
        background: #ecebea;
        border: solid 1px gray;
        padding: 0.2rem 1rem;
        border-radius: 5px;
        pointer-events: none;
        width: 100%;
        min-width: 185px;
        max-width: 14rem;
        float: right;
        text-align: center;
    }

    .osf_search-row-search_input {
        width: 100%;
        max-width: 30rem;
    }

    .osf_search-row-quantity {
        padding-left: 2rem;
    }
    
    .osf_modal {
        display: block;
        position: fixed;
        z-index: 9000; /* Lowered from 10000 to allow Lightning tooltips (z-index: 9112) to appear above */
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }

    .osf_modal-content {
        background-color: #fefefe;
        margin: 28vh auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }
    

    .osf_part-number_container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-right: 1rem;
        height: 2rem;
        justify-content: flex-end;
    }

    .osf_part-number_text {
        border: 1px solid gray;
        border-radius: 8px;
        padding: 3px;
        font-size: 0.65rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        background: rgb(227 227 227);
        font-weight: bold;
        min-height: 2rem;
        min-width: 12rem;
        margin-bottom: 0.25rem;
    }

    .osf_csv-file-download-template-button {
        display: inline-block;
        margin-top: 0.5rem;
    }
    
    .osf_csv-file-download-template-button:hover {
        cursor:pointer;
        color:var(--dxp-c-link-text-color-hover, var(--dxp-s-link-text-color-hover, var(--dxp-g-brand-1)));
        text-decoration:underline;
    }

    /*This is to override slds hover color for all the table*/
    .slds-table:not(.slds-no-row-hover) tbody tr:focus>td, 
    .slds-table:not(.slds-no-row-hover) tbody tr:focus>th, 
    .slds-table:not(.slds-no-row-hover) tbody tr:hover>td, 
    .slds-table:not(.slds-no-row-hover) tbody tr:hover>th {
        background-color: #feffec;
    }

    @media (max-width: 970px) {

        .osf_search-row-part_number {
            padding-left: unset;
            margin-left: 2rem;
        }
    }