body
{
    background-color: #F7FAFC !important;
}

#ez_container
{
    display: block;
    overflow-y: auto;
}

#lead_header
{
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%; /* 27.6px */
    text-align: center;
}

#lead_description
{
    color: #495057;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    text-align: center;
}

.row > *
{
    max-width: none !important;
    width: auto !important;
}

textarea
{
    border: 0;
    border-radius: 5px;
    height: 225px;
    margin: 10px 10px;
    padding: 5px;
    resize: vertical;
    width: 250px;
}

select
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('/images/refstandards/selectbox_arrow.png') calc(100% - 2px) center/15% no-repeat #fff;
    background-size: initial !important;
    border: 2px solid #fff !important;
    border-radius: 3px;
    font-size: .825rem;
    font-weight: 700;
    height: 24px;
    line-height: 1.2;
    padding: 0 35px 1px 5px;
    width: 103px;
}

textarea, select
{
    outline: none !important;
}

input.field:focus
{
    border: 2px solid white !important;
}

#ez_main
{
    background: none;
}

.header
{
    background-color: #fff;
}

#app_container
{
    width: 1340px !important;
}

#lead_greeting
{
    color: #0C115B;
    display: none;
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 115%; /* 1.725rem */
    margin-top: 2rem;
}

#site_title
{
    color: #015E9A;
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 115%; /* 41.4px */
}

#ez_tabs
{
    width: 430px !important;
}

#conditions_panel
{
    width: 100%;
}

#single_compound
{
    background: #FFF;
    border: 1px solid #ADB5BD;
    border-radius: 8px;
    float: left;
    height: 40px;
    width: 343px;
}

#addCompound
{
    background: #FFF;
    border: 1px solid #015E9A;
    border-radius: 8px;
    color: #015E9A;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    height: 40px;
    line-height: 20px;
    margin-left: 4px !important;
    padding: 6px 10px;
}

.field-label
{
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 115%; /* 18.4px */
    padding-top: 1rem;
}

textarea#compounds
{
    background: #FFF;
    border: 1px solid #ADB5BD;
    border-radius: 8px;
    width: 100%;
}

#compound_list_hint
{
    color: #495057;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 150%; /* 18px */
}

#clear_bulk
{
    background: #FFF;
    border: 1px solid #015E9A;
    border-radius: 8px;
    color: #015E9A;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin-right: 8px;
    margin-top: 6px;
    padding: 12px 16px;
}

#clear_bulk:disabled
{
    border-color: #BEC4CA;
    color: #BEC4CA;
    cursor: default;
}

#add_compounds
{
    background: #FFF;
    border: 1px solid #015E9A;
    border-radius: 8px;
    color: #015E9A;
    float: right;
    margin-top: 6px;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    padding: 12px 16px;

}

#clear_all
{
    background: #FFF;
    border: 1px solid #015E9A;
    border-radius: 8px;
    color: #015E9A;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin: 5px 10px;
    padding: 12px 16px;
}

#search_products
{
    float: right;
    padding: 13px 16px;
}

#search_products:disabled svg path
{
    stroke: #888;
}

#welcome
{
    color: #495057;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 2;
}

#comps_table
{
    margin: 87px auto 0 auto;
    max-height: 500px;
    overflow-y: auto;
}

#response_container
{
    background-color: #fff;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    clear: both;
    font-size: 1rem;
    line-height: 1.2;
}

/* Sticky header for compound list table */
.valid_compound_list thead
{
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}

.valid_compound_list thead th
{
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

.valid_compound_list td:first-child
{
    vertical-align: top;
}

.valid_compound_list td:last-child
{
    text-align: center;
    vertical-align: middle;
}

.unknown_hint_wrapper, .noCAS-mystery
{
    clear: both;
    float: left;
    margin-top: 6px;
}


.noCAS
{
    margin-left: -6px;
}

.refine-wrapper, .lead_field
{
    display: block;
    float: left;
}

#ref-format
{
    width: 280px;
}

#ref-conc
{
    width: 410px;
}

#ref-solvent
{
    margin-right: 24px;
    width: 340px;
}

#ref-apply
{
    height: 89px;
    position: relative;
    width: 154px;
}

#rerun
{
    background: #015E9A;
    border: 0;
    border-radius: 8px;
    bottom: 0;
    color: #FFF;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin: 0;
    padding: 12px 16px;
    position: absolute;
    right: 0;
}

#rerun:disabled
{
    background: #ADB5BD;
    cursor: not-allowed;
}

#reset_filters
{
    background: #FFF;
    border: 1px solid #015E9A;
    border-radius: 8px;
    bottom: 0;
    color: #015E9A;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin: 0;
    padding: 12px 16px;
    position: absolute;
    right: 87px;
}

#conc
{
    background: #FFF;
    border: 1px solid #ADB5BD;
    border-radius: 8px;
    height: 40px;
    padding: 8px 12px;
    width: 255px;

}

#conc:focus
{
    border-color: #015e9a;
    outline: none;
}

#unit_type
{
    background: url("/images/refstandards/selectbox_arrow.png") calc(100% - 10px) center/15% no-repeat #fff;
    border: 1px solid var(--Grayscale-500, #ADB5BD) !important;

    border-radius: 8px;
    height: 40px;
    padding: 0 12px;
    width: 125px !important;
}

#solvent
{
    background: #FFF;
    border: 1px solid #ADB5BD;
    border-radius: 8px;
    height: 40px;
    padding: 8px 12px;
    width: 315px;
}

#solvent:focus
{
    border-color: #015e9a;
    outline: none;

}

#prods_table
{
    display: block;
}

#result_tabs
{
    float: left;
    margin-top: 24px;
    width: 50%;
}

.result_tab
{

    border-bottom: 1px solid #CED4DA;
    color: #000;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 48px;
    padding: 8px 16px;
    text-align: center;
}

.active_tab
{

    border-bottom: 2px solid #015E9A;
}

.disabled_tab, .disabled_tab div, .disabled_tab h2
{
    border-bottom: 1px solid #CED4DA;
    color: #BEC4CA;
}

#modify_compounds
{
    background: #003f68;
    border: none;
    border-radius: 8px;
    color: #FFF;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin: 12px 0;
    padding: 12px 16px;
    text-align: center;
}

#modify_compounds svg
{
    margin-right: 5px;
    margin-top: -3px;
}

.product_div
{
    display: block;
    margin-bottom: 12px;
}

.submit_button
{
    background-color: #015E9A;
    border: 0;
    border-radius: 8px;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin: 5px 10px;
    padding: 12px 16px;
    user-select: none;
}

.submit_button:disabled
{
    background-color: #bbb;
    color: #888;
}

#search_products
{
    margin-right: 0;
}

#search_products svg
{
    margin-top: -2px;
}

#refine_tools
{
    background: #FFF;
    border: 1px solid #CED4DA;
    border-radius: 10px;
    border-radius: 8px;
    margin-top: 24px;
    padding: 24px;
    width: 100%;
}

.refine-control
{
    margin-left: 24px;
    padding: 0;
}

.refine-control label
{
    display: block !important;
    padding-bottom: 10px;
}

#format-options
{
    margin-top: 19px;
}

#format-options label
{
    display: inline !important;
    margin-right: 1rem;
}

#format-options input[type="checkbox"]
{
    accent-color: #015e9a;
}

.refcontrol-header
{
    color: #000;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 115%; /* 18.4px */
}

.refcontrol-hint
{
    color: #495057;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 115%; /* 13.8px */
}

#empty_case
{
    clear: both;
}

#empty_case h3
{
    color: #0C115B;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.skucompound_wrapper
{
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden;

}

table.sku_compound_list
{
    margin: 0 !important;
    width: 100%;
}

table.sku_compound_list tr
{
    border-bottom: 1px solid #fff;
    color: #495057;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 150%; /* 24px */
}

table.sku_compound_list th, table.sku_compound_list td
{
    border-bottom: 1px solid #ced4da;
    padding: 12px 16px;
}

table.sku_compound_list th
{
    background-color: #f3f4f8;
}

table.sku_compound_list th:first-child
{
    width: 350px;
}

table.sku_compound_list th:nth-child(2), table.sku_compound_list th:nth-child(3)
{
    width: 100px;
}

table.sku_compound_list th:nth-child(4)
{
    width: 125px;
}

table.sku_compound_list tr:last-child td
{
    border-bottom: 0;
}

.collapsed
{
    background: url("/images/refstandards/selectbox_arrow_collapsed.png") calc(100% - 10px) center/15% no-repeat;
    background-size: initial !important;
}

.expanded
{
    background: url("/images/refstandards/selectbox_arrow.png") calc(100% - 10px) center/15% no-repeat;
    background-size: initial !important;
}

/* Floating spinner box for search loading state */
.floating-spinner-box
{
    background-color: #01488a;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    left: 50%;
    padding: 30px 50px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2500;
}


.viewer-pane
{
    border-bottom: 1px solid #CED4DA;
    margin-bottom: 15px;
}

.viewer-pane:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.viewer-pane .section-desc
{
    color: #6c757d;
    font-size: 12px;
    font-style: italic;
    margin: -16px 0 18px 24px;
}

.viewer-pane-init
{
    max-height: 35px;
    overflow-y: hidden;
}

/* Increase height for sections with descriptions */
#excess-comps-container.viewer-pane-init,
#duplicate-comps-container.viewer-pane-init,
#alt_excess-comps-container.viewer-pane-init,
#alt_duplicate-comps-container.viewer-pane-init
{
    max-height: 55px;
}

.viewer-pane-open
{
    animation-duration: .5s;
    animation-name: reveal;
    max-height: 300px;
    overflow-y: scroll;
}

.viewer-pane-closed
{
    animation-duration: .5s;
    animation-name: conceal;
    max-height: 35px;
    overflow: hidden;
}



.aggregated
{
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 8px 12px;
}

.aggregated.matched
{
    border: 1px solid #7BF1A8;
    background: #DBFCE7;
}

.aggregated.unmatched
{

    border: 1px solid #DEE2E6;
    background: #F3F4F8;
}

.aggregated.excess
{
    border: 1px solid #FFD230;
    background: #FEF3C6;
}

.aggregated.duplicate
{
    border: 1px solid #FFA2A2;
    background: #FFE2E1;
}

@keyframes reveal
{
    0%
    {
        max-height: 25px;
    }
    25%
    {
        max-height: 350px;
    }
    100%
    {
        max-height: 300px;
    }
}

@keyframes conceal
{
    0%
    {
        max-height: 300px;
    }
    25%
    {
        max-height: 350px;
    }
    100%
    {
        max-height: 25px;
    }
}

#customFormCTA
{
    background: #015E9A;
    border-radius: 14px;
    display: none;
    height: 133px;
    margin: 2rem auto 0 auto;
    padding: 24px 32px;
    width: 1150px;
}


#cta_icon
{
    background: rgba(255, 255, 255, 0.20);
    border-radius: 10px;
    display: block;

    float: left;
    height: 48px;
    width: 48px;
}

#cta_icon svg
{
    height: 24px;
    margin: 11px 0 0 13px;
    width: 24px;
}

#cta_content
{
    display: block;
    float: left;
    margin-left: 24px;
    width: 750px;
}

#cta_content h4
{
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px; /* 150% */
}

#cta_content #cta_p
{
    color: #DBEAFE;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 24px; /* 150% */
    width: 753px;
}

#cta_button
{
    background: #FFF;
    border-radius: 8px;
    color: #000;
    display: block;
    float: right;
    margin-left: 50px;
    margin-top: 17px;
    padding: 12px 10px 12px 16px;
    text-align: left;
    text-decoration: none;
    width: 181px;
}

#cta_button svg
{
    margin-left: 10px;
    margin-top: -2px;
}

.info-icon
{
    cursor: pointer;
}

.info-icon svg
{
    height: 16px;
    width: 16px;
}

.tab-info-icon
{
    cursor: pointer;
    margin-left: 6px;
}


.tooltip
{
    background: white;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 14px;
    max-width: 250px; /* Maximum width */
    min-width: 100px; /* Optional: set a minimum width */
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: opacity 0.2s;
    visibility: hidden;
    width: max-content; /* Fit to content */
    z-index: 1000;
}

.tooltip[data-show]
{
    opacity: 1;
    visibility: visible;
}

/* unreboot */
label
{
    display: inline !important;
}

.refine, .results
{
    display: none;
}

.cloaked_btn
{
    display: none !important;
}


#lead_greeting
{
    display: none;
    margin-bottom: 12px;
}

.splashContainer
{
    align-items: stretch;
    display: none;
    gap: 40px;
    justify-content: center;
    margin: 50px auto;
    max-width: 900px;
}

.splashContainer.show
{
    display: flex;
}

.splashIntro
{
    background: #f8f9fa;
    border-radius: 8px;
    padding: 0 20px;
    width: 400px;
}

.splash_intro_header
{
    color: #015E9A;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 16px;
}

#splash_intro_hero
{
    margin-bottom: 15px;
    box-shadow: 0 0 9px 1px #015e9a33;
}

.splash_intro_text
{
    color: #333;
    font-size: 1rem;
    line-height: 1.6;
}

.splash_intro_text p
{
    margin-bottom: 12px;
}

.splash_intro_text p:first-child
{
    margin-top: 0;
}

.splash_intro_text p:last-child
{
    margin-bottom: 0;
}

.splashCard
{
    width: 400px;
}

.splashCard.show
{
    display: block;
}

/* Responsive: intro appears above form on narrow screens */
@media (max-width: 900px)
{
    .splashContainer
    {
        align-items: center;
        flex-direction: column-reverse;
    }

    .splashIntro,
    .splashCard
    {
        max-width: 400px;
        width: 100%;
    }
}


#country
{
    height: 30x;
    width: 210px;
}

.enter_compounds
{
    display: block;
}

#dummycompound_list_hint
{
    float: right;
    font-size: .9rem;
    font-weight: normal;
    line-height: 1.1;
    padding: 0 10px;
    width: 45%;
}

.single_input_typeahead
{
    background-color: #fff;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    max-height: 500px;
    padding: 0;
    position: absolute;
}

.single_input_typeahead li
{
    color: #333;
    cursor: pointer;
    padding: 8px;
}

.did_you_mean
{
    color: #007bff;
    cursor: pointer;
}

.single_input_typeahead li.active
{
    background-color: #f0f0f0;
}

.unknown_compound_name, .unk_CAS, .mystery_compound, .mystery_CAS
{
    background: #FFF;
    border: 1px solid #ADB5BD !important;
    border-radius: 8px !important;
    font-size: inherit !important;
    height: 24px !important;
    margin-top: 6px;
    outline: none;
    padding: 8px 12px;
    position: relative !important;
    text-align: left !important;
    width: 80% !important;
}

.unknown_row
{
    background-color: rgba(231, 0, 11, 0.05) !important;
}

.noCAS, .noCAS-mystery
{
    -moz-appearance: auto !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

.CAS_error
{
    background-color: #fcc !important;
    color: #cc3333 !important;
}

svg
{
    pointer-events: none;
}

#prods_table > .results_topper {
    background: #015e9a;
    padding: 1rem;
    margin-bottom: 16px;
    border-radius: 16px;
    box-sizing: border-box;
    clear: both;
    display: flex;
    align-items: center;
    gap: 1rem;
}

#efficient_export_buttons, #ampuls_export_buttons
{
    display: flex;
    align-items: center;
    gap: 10px;
}

.choose-me
{
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 115%; /* 18.4px */
    order: -1;
}

#efficient_download_excel, #efficient_download_pdf, #ampuls_download_excel, #ampuls_download_pdf
{
    background: #fff;
    border-radius: 8px;
    color: #015E9A;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px;
    padding: 12px 16px;
}

#efficient_download_pdf
{
    margin-right: -6px;
    margin-left: 0;
}

.clear_both
{
    clear: both;
}

.exButton
{
/ / color: #c66;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 5px 10px;

}

.exButton svg
{
    stroke: #E7000B;
    stroke-width: 1.333px;
}

.results_topper
{
    display: block;
}

#comp_match_topper
{
    color: #212529 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px; /* 100% */
    margin-bottom: 16px;
    margin-top: 0;
    padding-top: 13px;

}

#products_display, #alt_products_display
{
    color: #fff;
    display: flex;
    width: 100%;
}

#efficient_prods, #ampuls_prods
{
    display: inline;
    float: left;
    width: 58%;
}

.products_wrapper
{
    clear: both;
}

#compounds_info, #alt_compounds_info
{
    background-color: #FFF;
    border: 1px solid #CED4DA;
    border-radius: 10px;
    display: inline;
    float: right;
    width: 40%;
}

#compounds_info h4, #alt_compounds_info h4
{
    background-color: #fff;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px; /* 125% */
    margin-left: 24px;
    padding-bottom: 0;
    position: sticky;
    top: 0;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#compounds_info h4 svg, #alt_compounds_info h4 svg
{
    width: 20px;
    height: 20px;
}

#compounds_info h4 .view-header-title, #alt_compounds_info h4 .view-header-title
{
    margin-right: auto;
    margin-left: 10px;
}

#unmatched-compounds, #matched-compounds, #duplicate-compounds, #excess-compounds, #alt_unmatched-compounds, #alt_matched-compounds, #alt_duplicate-compounds, #alt_excess-compounds
{
    color: #495057;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 150%; /* 24px */
    margin: 0 24px;
}

table.aggregator
{
    border-collapse: collapse;
    width: 100%;
}

.compound_header
{
    background-color: #FFF;
    border: 1px solid #CED4DA;
    border-radius: 16px 16px 0 0;
    clear: both;
    color: #000;
    cursor: pointer;
    padding: 24px 24px 0 24px;
    page-break-inside: avoid;
}

.compound_header .cmpd_deets
{
    display: flex;
    align-items: center;
    line-height: 1;
}

.cmpd_deets a
{
    text-decoration: none;
    color: #015e9a;
}

.compound_header.expanded
{
    background: url("/images/refstandards/selectbox_arrow.png") calc(100% - 10px) 24px no-repeat #FFF;
    background-size: initial !important;
}

.compound_header.collapsed
{
    background: url("/images/refstandards/selectbox_arrow_collapsed.png") calc(100% - 10px) 24px no-repeat #FFF;
    background-size: initial !important;
}

.sku_list
{
    background-color: #FFF;
    border: 1px solid #CED4DA;
    border-radius: 0 0 16px 16px;
    border-top: 0;
    color: #000 !important;
    padding: 24px;

}

.product_solvent
{
    margin: 1rem 0;
}

#search_button, #dummysearch_button
{
    display: none;
}

#efficient_stats, #ampuls_stats
{
    color: #fff;
    flex: 1;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 115%; /* 23px */
}

::-webkit-scrollbar-thumb
{
    background-color: #01488a !important;
}





table.valid_compound_list
{
    border-collapse: collapse;
    margin: 0 !important;
    width: 100%;
}

.valid_compound_list th, .valid_compound_list td
{
    padding: 12px 16px;
    text-align: left;

}

.valid_compound_list th
{
    background: #F3F4F8;
    color: #0C115B;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
}

.valid_compound_list th:first-child
{
    border-radius: 8px 0 0 0;
    width: 550px;
}

.valid_compound_list th:last-child
{
    border-radius: 0 8px 0 0;
}

.valid_compound_list td
{
    border-top: 1px solid #CED4DA;
}

.valid_compound_list td:first-child input
{
    float: left;
    width: 400px !important;
}

.valid_compound_list .edit_unk_btn
{
    background-color: #fff;
    border: 1px solid #015E9A;
    border-radius: 8px;
    color: #015E9A;
    margin-left: 8px;
    margin-top: 6px;
}

.valid_compound_list th:last-child, .valid_compound_list td:last-child
{
    text-align: center;
}

.valid_compound_list tbody tr:last-child td:first-child
{
    border-radius: 0 0 0 8px;
}

.valid_compound_list tbody tr:last-child td:last-child
{
    border-radius: 0 0 8px 0;
}

.valid_compound_list input:focus
{
    box-shadow: none;
}


.excess_compounds
{
    background-color: #ccc;
    display: none;
}


.dummytab
{
    padding: 3px 10px;
}

.dummytab, .dummywrapper
{
    background-color: #ccc !important;
    color: #fff !important;
}

#tab1
{
    display: none;
    /* margin-top: 30px; */
}


.compound-matched
{
    background-color: inherit;
}

.compound-excess
{
    /*background-color: #ffc;*/
}

.tube_icon
{
    background: rgba(1, 94, 154, 0.10);
    border-radius: 10px;
    display: block;
    float: left;
    height: 48px;
    margin-right: 1rem;
    position: relative;
    width: 48px;

}

.tube_icon svg
{
    bottom: 0;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.matchtag
{
    color: #7B3306;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 2px 4px;
    text-align: center;
    border-radius: 8px;
    width: fit-content;
}

.matchtag svg
{
    margin-right: 4px;
}

.excess.matchtag
{
    background: #FEF3C6;
    border: 1px solid #FFD230;
}

.duplicate.matchtag
{
    background: #FFE2E1;
    border: 1px solid #FFA2A2;
}

.unmatched.matchtag
{
    color: #343a40;
    background: #e9ecef;
}

.solvent.matchtag
{
    border: 1px solid #CED4DA;
    background: #F3F4F8;
    display: inline-block;
    color: #343A40;
    padding: 2px 8px;
    margin: 0 12px;
}

.matched.matchtag
{
    border: 1px solid transparent;
    border-radius: 8px;
    background: #DBFCE7;
    display: inline-block;
    color: #0E542B;
}

.compound_header .matched.matchtag
{
    padding: 2px 8px;
    margin-right: 4px;
}

.compounds_info .matchtag
{
    border: 1px solid transparent;
    float: right;
    margin-right: 30px;
    padding: 2px 8px;
}




.ampule_icon {
    display: inline-block;
    margin: 12px 4px 12px 16px;
}

.dupe_comp
{
    /* font-weight: bold; */
    color: #8a3636 !important;
}


.content
{
    display: none;
    overflow: hidden;
}

#complist_footer
{
    padding: 10px 0 10px 10px;
}

#solvent_note, #complist_note
{
    display: none;
}

#complist_note
{
    color: #dd4e4e;
    font-weight: bold;
}

#ampuls_rough_stats_div, #efficient_rough_stats_div
{
    display: none;
}