/**
 * Defaults
 */
* {
    font-family: Arial, Verdana, sans-serif;
    box-sizing: border-box;
    hyphens: auto;
    -ms-hyphens: auto;
    color: black;
}

font {
    color: inherit;
}

body {
    margin: 0 0 0 0;
}

::before, ::after {
    box-sizing: border-box;
}

label {
    display: inline-block;
}

input {
    margin: 0;
    outline: none;
}

a {
    text-decoration: none;
    outline: none;
}

a:focus{
    outline: 1px dotted #212121;
}

.nobr {
    white-space: nowrap;
}

.fixed_width_font {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

/**
 * Dachcom Styles
 */
:root {
    --color-bg-grey-body: #f0f0f0;
    --color-bg-grey-input: #f8f8f8;
    --color-border-grey-input: #e2e2e2;
    --color-yellow-light: #F7C400;
    --color-yellow-dark: #E1AE07;
    --color-brown-light: #937100;
    --color-red-dark: #7D0000;
    --color-red-light: #B50D0D; /*Fehlermeldungen*/
    --color-orange: #FF8A19; /*Verfügbarkeit*/
    --color-green: #39C246; /*Verfügbarkeit*/
    --color-black: #0D0D00;
    --color-gray-01: #4E4B45;
    --color-gray-02: #817D75;
    --color-gray-03: #ABACB0;
    --color-gray-04: #CCCCCC;
    --color-gray-05: #E7E7E7;
    --color-gray-06: #F3F3F3;
}

/**
 * input
 */
input[type=checkbox] {
    visibility: hidden;
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox] + label::after {
    width: 21px;
    height: 21px;
    content: '';
    visibility: visible;
    display: inline-block;
    border: 1px solid #4E4B45;
    background-color: white;
    cursor: pointer;
}

input[type=checkbox]:checked + label::after {
    content: '\2714';
    padding-left: 4px;
    background-color: #4E4B45;
    color: white;
    font-weight: bold;
}

input[type=checkbox]:disabled + label::after {
    background-color: #F3F3F3;
    cursor: default;
}

input[type=number]:disabled{
    background-color: #F3F3F3;
}

/**
 * Buttons
 */
.btn-primary-standard {
    display: flex;
    background-color: #F7C400;
    border: 1px solid #F7C400;
    color: #4E4B45;
    height: 40px;
    width: auto;
    padding: 0 22px;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
}

.btn-primary-standard:not(.p5_disabled):not(:disabled):hover {
    background-color: #E1AE07;
    border: 1px solid #E1AE07;
    cursor: pointer;
}

.btn-primary-standard:disabled {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    color: #ABACB0;
    cursor: default;
}

button.p5_disabled {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    color: #ABACB0;
    cursor: default;
}

.btn-secondary-standard {
    display: flex;
    background-color: white;
    border: 2px solid #F7C400;
    color: #4E4B45;
    height: 40px;
    width: auto;
    padding: 0 22px;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    margin-left: 2px; /*wegen "box-shadow"-Attribut in "hover"-Rule */
}

.btn-secondary-standard-small {
    display: flex;
    background-color: white;
    border: 2px solid #F7C400;
    color: #4E4B45;
    height: 35px;
    width: auto;
    padding: 0 8px;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
}

.btn-secondary-standard:not(.p5_disabled):hover,
.btn-secondary-standard-small:not(.p5_disabled):hover {
    box-shadow: 0 0 0 2px #F7C400;
    cursor: pointer;
}

.btn-secondary-standard:disabled, .btn-secondary-standard-small:disabled {
    background-color: #F3F3F3;
    border: 2px solid  #E7E7E7;
    color: #ABACB0;
    pointer-events: none;
}

.btn-primary-standard:focus,
.btn-secondary-standard:focus,
.btn-secondary-standard-small:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_btn_change_cartname {
    font-size: 18px;
    font-weight: 700 !important;
    width: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.p5_btn_change_cartname.p5_inactive {
    color: #abacb0;
}

.p5_btn_change_cartname:not(.p5_inactive):hover {
    font-weight: bold;
    color: #E1AE07;
    cursor: pointer;
}

.p5_btn_change_cartname:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

/**
 * Header
 */
.p5_header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 86px;
    display: inline-flex;
}

.p5_brand {
    position: absolute;
    left: 50px;
    width: 85px;
    height: 85px;
    padding: 10px;
    z-index: 2;
}

/* Dealer */
.p5_dealer_logo {
    position: absolute;
    right: 163px;
    width: 400px;
    height: 82px;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
    display: flex;
}

.p5_dealer_logo_img {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    padding-right: 4px;
    border: 1px solid white;
    border-radius: 2px;
    cursor: pointer;
    margin-left: auto;
}

.p5_dealer_logo_img:hover {
    border: 1px solid #817D75;
}

.p5_dealer_select {
    position: absolute;
    right: 149px;
    top: 40px;
    width: 8px;
    height: 6px;
    font-size: 12px;
    color: #ABACB0;
    display: none;
}

.p5_dealer_select:hover {
    font-weight: bold;
    cursor: pointer;
    color: #4E4B45;
}

.p5_header_line {
    position: absolute;
    top: 23px;
    right: 133px;
    width: 1px;
    height: 40px;
    border: solid 1px #ABACB0;
}

/*ILlustration Mailing*/
/* pl24connect */
#share_illustration_btn {
}

.p5_illu_mailing {
    position: absolute;
    display: none;
    right: 175px;
    top: 28px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #cccccc;
}

.p5_illu_mailing.p5_active {
    color: black;
}

.p5_illu_mailing.p5_active:hover {
    cursor: pointer;
    color: #F7C400;
}

/* Cart */
.p5_cart_logo {
    position: absolute;
    right: 77px;
    top: 28px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #cccccc;
}

.p5_cart_logo.p5_active {
    color: black;
}

.p5_cart_logo.p5_active:hover {
    cursor: pointer;
    color: #F7C400;
}

.p5_cart_items_count_header {
    position: absolute;
    top: -14px;
    right: -14px;
}

/* Logout */
.p5_logout {
    position: absolute;
    right: 10px;
    top: 28px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #cccccc;
}

.p5_logout.p5_active {
    color: black;
}

.p5_logout.p5_active:hover {
    cursor: pointer;
    color: #F7C400;
}


/* VIN / Search input */
.p5_input_set {
    position: absolute;
    display: inline-flex;
    left: 173px;
    top: 23px;
    height: 40px;
    width: 65%;
}

.p5_input_container {
    position: relative;
    margin-right: 10px;
    z-index: 2;
    width: 50%;
    min-width: 150px;
}

.p5_input {
    width: 100%;
    height: 40px;
    border: solid 1px #e2e2e2;
    background-color: white;
    padding: 9px 39px 11px 18px;
}

.p5_input.disabled {
    background-color: #F3F3F3;
    font-style: italic;
}

.p5_input:focus {
    border: 1px solid #707070
}

.p5_input_label {
    position: absolute;
    top: 8px;
    right: 15px;
    height: 24px;
    width: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    opacity: 0.6;
}

.p5_input_label.p5_active {
    opacity: 1.0;
    cursor: pointer;
}

/* Breadcrumbs */
.p5_breadcrumb_line {
    position: absolute;
    left: 50px;
    right: 182px;
    display: flex;
    padding: 20px 10px 19px 10px;
}

.p5_breadcrumb_container {
    position: relative;
}

.p5_breadcrumb {
    margin-right: 7px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 165px;
}

a.p5_breadcrumb:hover + .p5_tooltip,
.p5_breadcrumb:hover + .p5_tooltip {
    visibility: visible;
}

.p5_breadcrumb_septor {
    margin-right: 7px;
    width: 18px;
    height: 18px;
    color: #CCCCCC;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.p5_prevcrumb,
.p5_nextcrumb {
    width: 30px;
}

.p5_prevcrumb {
    margin-right: 5px;
    text-align: left;
}

.p5_nextcrumb {
    margin-left: 5px;
    text-align: right;
}

.p5_prevcrumb:focus, .p5_nextcrumb:focus {
    outline: 1px dotted #212121;
}

.p5_breadcrumb_prevnext {
    width: 250px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p5_breadcrumb.link,
.p5_prevcrumb.link,
.p5_nextcrumb.link {
    cursor: pointer;
}

a.p5_breadcrumb:hover,
.p5_breadcrumb.link:hover,
.p5_prevcrumb.link:hover,
.p5_nextcrumb.link:hover {
    text-decoration: underline;
    color: black;
}

.p5_breadcrumb.link:focus {
    outline: 1px dotted #212121;
}

/**
 * Companion and Content
 */
.p5_navbar {
    position: absolute;
    left: 0;
    top: 86px;
    right: 0;
    height: 55px;
    background-color: #e7e7e7;
}

.p5_companion_and_content {
    position: absolute;
    top: 141px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: #e7e7e7;
}

.p5_companion_content {
    position: absolute;
    background-color: white;
}

.p5_companion_btn {
    position: relative;
    left: 0;
    width: 44px;
    height: 38px;
    margin: 4px 6px 4px 6px;
    font-size: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

.p5_companion_btn.p5_active {
    opacity: 1.0;
    cursor: pointer;
}

.p5_companion_btn.p5_active:focus{
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_companion_btn.p5_active:hover{
    background-color: #E1AE07;
    border-radius: 3px;
}

.p5_companion_panel_header {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    height: 50px;
}

.p5_companion_panel_header_title {
    position: absolute;
    left: 0;
    top: 0;
    right: 35px;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    color: #65625c;
    padding: 17px 5px 17px 20px;
}

.p5_companion_panel_close,
.p5_dialog_head_close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #65625c;
    margin-top: 12px;
    padding: 5px 17px 5px 0;
}

.p5_companion_panel_close:hover,
.p5_dialog_head_close:hover{
    font-weight: bold;
    color: #F7C400;
}

.p5_companion_panel_close:focus,
.p5_dialog_head_close:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_companion_panel_content {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 80px;
    overflow: hidden;
}
.p5_companion_panel_content.full_height {
    bottom: 0;
}

.p5_companion_footer {
    position: absolute;
    left: 0;
    height: 80px;
    right: 0;
    bottom: 0;
    display: none;
}

.p5_companion_footer_btn_container {
    width: 100%;
    height: 100%;
    padding: 16px 33px;
}

.p5_companion_footer_btn_container:hover .p5_tooltip {
    visibility: visible;
}

.p5_companion_footer_btn,
.p5_partinfo_btn {
    float: right;
}

.p5_companion_msg_container {
    padding: 8px 20px 10px 20px;
}

.p5_companion_error_msg {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.36;
    padding: 8px 10px;
    color: #B50D0D;
}

/**
* P5 Accordeon
*/
.p5_table_container_acc {
    overflow: hidden;
    font-size: 14px;
}

.p5_table_head_acc {
    display: inline-flex;
    width: 100%;
    padding: 2px 13px 2px 13px;
    color: #817d75;
    border-bottom: 3px solid #E7E7E7;
}

.p5_table_data_acc {
    padding: 10px 13px 10px 13px;
    line-height: 1.36;
}

.p5_table_foot {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    height: 28px;
    width: 100%;
    background-color: #F3F3F3;
    border-top: 2px solid #F7C400;
}

.p5_table_foot div {
    position: absolute;
    overflow: hidden;
    top: 0;
    font-size: 12px;
    color: #4E4B45;
    padding-left: 8px;
    white-space: nowrap;
    line-height: 28px;
}

.p5_akkordeon {
    margin: 2px 0 2px 0;
}

.p5_akkordeon_header:hover {
    cursor: pointer;
}

.p5_akkordeon_header {
    background-color: #E7E7E7;
    padding: 10px 13px 8px 13px;
}

.p5_akkordeon_header_title {
    display: inline-flex;
    font-weight: bold;
    line-height: 1.43;
    width: calc(100% - 22px);
}

.p5_akkordeon_header_icon {
    display: inline-flex;
    width: 22px;
    justify-content: center;
    opacity: 0.7;
}

/**
 * Vehicle Info
 */
.p5_vehicle_info_vin {
    font-size: 17px;
    font-weight: bold;
    color: black;
    padding: 0 20px 0 20px;
}

.p5_vehicle_info_txt {
    padding: 8px 20px 10px 20px;
    font-size: 14px;
    line-height: 1.43;
}

.p5_vehicle_info_akkordeons {
    position: absolute;
    margin: 6px 17px 0 17px;
    font-size: 14px;
    line-height: 1.43;
    overflow: auto;
    max-height: calc(100% - 104px);
    width: calc(100% - 34px);
}

.p5_table_container_qr {

}

.p5_qr_code {
    display: flex;
    justify-content: center;
    align-items: center;
}

.p5_vehicle_info_narrow_down {
    display: none;
    overflow: auto;
    margin: 6px 17px 0 17px;
}

.p5_vehicle_info_narrow_down_item {
    padding: 10px 13px 8px 13px;
    font-size: 14px;
    line-height: 1.36;
    background-color: #E7E7E7;
    border-bottom: 1px solid rgba(137, 133, 125, .3);
    margin-top: 10px;
}

.p5_vehicle_info_narrow_down_item:hover {
    background-color: rgba(231, 231, 231, 0.4);
}

/**
 * Shopping Cart List
 */
.items_container {
    overflow: auto;
}

.p5_cartlist.items_container {
    margin: 10px 0 0 0;
    max-height: calc(100% - 10px);
}

.p5_cartlist_item {
    height: auto;
    padding: 15px 17px 15px 23px;
    font-size: 14px;
    border-bottom: 1px solid #E7E7E7;
}

.p5_cartlist_item:first-child {
    border-top: 2px solid #E7E7E7;
}

.p5_cartlist_item:hover {
    background-color: #e9e9e9;
    border-radius: 3px;
}

.p5_cartlist_item:focus {
    outline: 1px dotted #212121;
    outline-offset: -1px;
}


.p5_cartlist_item_main_container {
    font-size: 14px;
    padding: 5px 0 5px 0;
}

.p5_cartlist_item_name_container {
    width: calc(100% - 200px);
}

.p5_cartlist_item_last_edit {
    width: 140px;
    text-align: center;
}

.p5_cartlist_item_count_container {
    width: 44px;
    height: 26px;
    border: 1px solid transparent; /*Trick, damit beim :hover nichts verrutscht*/
    display: flex;
}

.p5_count_icon {
    height: 22px;
    min-width: 22px;
    padding: 0 3px;
    background-color: #F7C400;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #0D0D00;
    line-height: 22px;
    text-align: center;
}

.p5_cartlist_item_count {
    margin: auto;
}

.p5_cartlist_item_cartlogo {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 26px;
    height: 26px;
}

.p5_cartlist_item_cartcount {
    display: inline-flex;
    align-items: flex-end;
    font-size: 10px;
}

.p5_table_cell_comp.p5_cartlist_item_name {
    white-space: nowrap; /*Use nowrap for the cart name -> Firefox and Chrome behave differently w.r.t. "white-space: pre-wrap;"*/
}

.p5_cartlist_item_sub_container {
    margin: 5px 0 5px 15px;
    min-height: 15px;
}

.p5_.cartlist_vin_model_container {
    width: 100%;
}

.p5_cartlist_item_vin.p5_table_cell_comp {
    hyphens: none;
    font-size: 12px;
}

.p5_cartlist_vin_car_icon {
    padding: 2px;
    font-size: 14px;
    vertical-align: middle;
}

.p5_cartlist_item_model_description {
    font-size: 11px;
    padding-left: 4px;
}

.p5_cartlist_item_bin,
.p5_cartpreview_item_bin {
    width: 22px;
    /*margin-left: 10px;*/
    padding-left: 5px;
    cursor: pointer;
    font-size: 16px;
}

.p5_cartlist_item_bin:hover,
.p5_cartpreview_item_bin:hover {
    color: #F7C400;
}

.p5_cartlist_item_bin:focus,
.p5_cartpreview_item_bin:focus{
    outline: 1px dotted #212121;
    outline-offset: -1px;
    font-weight: 700;
}


/**
 * Shopping Cart Preview
 */
.p5_cart_title_container {
    padding: 5px 9px 5px 23px;
    height: 75px;
}

.p5_cart_name_container {
    height: 32px;
    display: flex;
}

.p5_cart_name_container:focus{
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_cart_creation_time {
    font-size: 12px;
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 6px;
}

.p5_cart_name_edit {
    width: 42px;
    font-size: 24px;
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 8px 0 10px;
}

.p5_cart_name_edit:hover {
    cursor: pointer;
    color: #E1AE07;
}

.p5_cart_name {
    font-size: 17px;
    font-weight: bold;
    margin: 4px 4px 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.p5_cartpreview.items_container {
    border-top: 1px solid #E7E7E7;
    max-height: calc(100% - 49px);
}


.p5_cart_name_input_container {
    display: flex;
    width: 100%;
    height: 32px;
    margin-right: 4px;
}

.p5_cart_name_input_field_container {
    width: calc(100% - 50px);
    height: 28px;
    margin-right: 10px;
}

.p5_cart_name_input_field {
    font-size: 17px;
    font-weight: bold;
    height: 100%;
    width: 100%;
    resize: none;
    border: none;
    text-align: left;
    border-bottom: 1px solid white;
}

.p5_cart_name_input_field:focus {
    border-bottom: 1px dotted #707070;
}

.p5_cartpreview_item,
.p5_part_item {
    flex-wrap: wrap;
    padding: 12px 17px 12px 23px;
    font-size: 14px;
    border-bottom: 1px solid #E7E7E7;
}

.p5_cartpreview_item:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_cartpreview_partno_container {
    width: calc(0.65*(100% - 123px));
}

.p5_cartpreview_line_total{
    width: calc(0.35*(100% - 123px));
    padding-right: 19px;
    text-align: right;
}

.p5_table_cell_comp.p5_cartpreview_line_total {
    padding: 5px 24px 5px 0;
}

.p5_cartpreview_item_bin {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 26px;
}

.p5_cartpreview_total_price_container {
    display: flex;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #E7E7E7;
    padding: 24px 17px 24px 23px;
}

.p5_cartpreview_net_total_txt {
    width: calc(0.65*(100% - 122px) + 100px);
    color: #817D75;
}

.p5_cartpreview_net_total_txt > div {
    padding: 4px 12px 0 4px;
    color: inherit;
}

.p5_table_cell_comp.p5_cartpreview_net_total {
    width: calc(0.35*(100% - 122px));
    text-align: right;
    padding: 5px 24px 5px 0;
    color: #817D75;
}

/**
 * Dealer info
 */
.p5_dealer_select_btn_container {
    position: absolute;
    top: 23px;
    right: 3px;
}

.p5_dealer_info_popup {
    padding: 15px 0;
    min-width: 280px;
    border-top: 4px solid #ABACB0;
    border-left: 1px solid #ABACB0;
    border-right: 1px solid #ABACB0;
    border-bottom: 1px solid #ABACB0;
    border-radius: 0;
    box-shadow: none;
    background-color: white;
    opacity: 1;
    z-index: 101;
}

.p5_dealer_btn_container {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin: 20px 0 8px 0;
}

.p5_dealer_data_container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 8px;
    height: 100%;
    width: auto;
    border: 1px solid white; /*invisible border to have smooth hover-effect*/
}

.p5_dealer_data {
    font-size: 14px;
    padding: 0 16px 10px 16px;
}

.p5_dealer_data.p5_border_bottom {
    border-bottom: 1px solid #E7E7E7;
}

.p5_dealer_txt {
    text-align: center;
}

.p5_dealer_company_name {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
    margin: auto 0;
    border: 1px solid white;
}

.p5_dealer_data_container > .p5_dealer_company_name {
    padding: 8px 4px;
}

.p5_dealer_data_container > .p5_dealer_company_name:hover {
    border: 1px solid #E7E7E7;
    color: black;
    cursor: pointer;
}

div.triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #ABACB0;
    z-index: auto;
    position: absolute;
    left: 140px;
    top: -10px;
}

div.dealer_close {
    position: absolute;
    right: 5px;
    top: 7px;
    width: 17px;
    height: 17px;
    font-size: 16px;
}

div.dealer_close:hover {
    cursor: pointer;
    font-weight: bold;
    color: #F7C400;
}

/**
 * Table
 */
.p5_table_container {
    font-size: 13px;
}
/* table head / table data*/
.p5_table_head {
    position: -webkit-sticky;
    position: sticky;
    display: inline-flex;
    width: 100%;
    height: 42px;
    border-bottom: 2px solid #F7C400;
    color: #65625c;
    font-weight: bold;
    padding: 4px 0;
    line-height: 19px;
    font-size: 14px;
    padding-left: 7px;
}

.p5_table_head > .p5_table_cell,
.p5_table_head_acc > .p5_table_cell_acc,
.p5_table_head_acc > .p5_table_cell_comp {
    color: #65625c;
    white-space: nowrap; /*Extra for Firefox. Firefox and Chrome behave differently w.r.t. "white-space: pre-wrap;"*/
    hyphens: none;
}

.p5_table_head.scrollbar_padding_right {
    padding-right: 17px;
}

.p5_table_head.scrollbar_padding_right > .p5_table_cell:last-of-type {
    padding-right: 5px;
}

.p5_table_data {
    position: absolute;
    overflow: auto;
    top: 42px;
    width: 100%;
    height: 100%;
    line-height: 19px;
    max-height: calc(100% - 42px);
}

/* table rec*/
.p5_table_rec {
    display: flex;
    padding: 2px 0;
    border-left: 7px solid white; /*invisible border*/
}

.p5_table_rec_acc {
    display: flex;
    padding: 2px 0;
}

.p5_table_rec.link:hover {
    background-color: #F3F3F3;
}

.p5_table_rec.unavailable:hover {
    cursor: default;
}

.p5_table_rec.link:not(.p5_selected):hover {
    border-left: 7px solid #F3F3F3;
}

.p5_table_rec.link:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
    background-color: #F3F3F3;
    border-left: 7px solid #F3F3F3;
}

.p5_table_rec.link.p5_selected:focus {
    border-left: 7px solid #F7C400;
}
.p5_table_rec.sectionrow, .p5_table_rec_comp.sectionrow {
    border-bottom: 1px solid #E7E7E7;
}

.p5_table_rec.sectionrow .p5_table_cell {
    color: #817d75;
    font-weight: bold;
}

.p5_table_rec.table_row_dropped,
.p5_table_rec_acc.table_row_dropped {
    text-decoration: line-through;
}

.p5_table_rec.important {
    font-weight: bold;
}

.p5_table_rec.table_row_remark_follows {
    border-bottom: none;
}

.p5_table_rec.invalid .p5_table_cell,
.p5_table_rec.unavailable .p5_table_cell {
    color: #ABACB0;
}

.p5_table_rec.p5_border_bottom {
    border-bottom: 1px solid #e7e7e7;
}

.p5_table_rec_comp {
    display: flex;
}

.p5_link {
    cursor: pointer;
}

.p5_table_rec.selectable,
.p5_table_rec.link,
.p5_table_rec_comp.link {
    cursor: pointer;
}

/* table cell*/
.p5_table_cell,
.p5_table_cell_acc,
.p5_table_cell_wrapped {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 8px 5px 6px 5px;
}

.p5_table_cell_comp {
    padding: 5px 5px 5px 0;
    max-height: 120px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p5_table_cell:first-of-type {
    padding-left: 10px;
}

.p5_table_cell_acc:first-of-type {
    padding-left: 7px;
}

.p5_table_head_acc > .p5_table_cell_acc:first-of-type {
    padding-left: 7px;
}

.p5_table_head > .p5_table_cell:first-of-type {
    padding-left: 10px;
}

.p5_table_cell:last-of-type,
.p5_table_cell_acc:last-of-type {
    padding-right: 17px;
}

.p5_table_cell.subelement {
    margin-left: 10%;
}

.p5_table_cell.id_element {
    max-width: 14%;
}

.p5_selected {
    border-left: 7px solid #F7C400;
    background-color: #F3F3F3;
}

.p5_btn_plus {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    font-size: 19px;
}

.p5_btn_plus:hover {
    cursor: pointer;
    font-weight: bold;
}

.p5_btn_more {
    position: absolute;
    right: 17px;
    width: 20px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    z-index: 1;
    border-radius: 2px;
    padding: 0;
}

.p5_btn_more:hover {
    font-weight: bold;
    color: #f7c400;
    cursor: pointer;
}

.p5_btn_more.inline {
    position: static;
}

.p5_btn_more_inline {
    height: 16px;
    display: inline-flex;
    justify-content: center;
    z-index: 1;
    border-radius: 2px;
    padding: 0;
}

.btn-secondary-standard-small.p5_btn_more:hover {
    box-shadow: 0 0 0 1px #F7C400;
}
/**
 * BOM
 */
.p5_bom_part_info_container {
    display: inline-flex;
    justify-content: center;
    padding-right: 10px;
}

.p5_bom_part_info {
    font-size: 24px;
    height: 24px;
    color: #4E4B45;
}

.p5_bom_part_info:hover {
    background-color: #F7C400;
    color: black;
    border-radius: 50%;
}

.p5_nothing_found {
    color: #817D75;
    font-size: 14px;
    padding: 17px 5px 17px 20px;
}

/**
 * Part Info
 */
.p5_dialog {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
    background-color: white;
}

.p5_dialog_head {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
}

.p5_dialog_head_title {
    position: absolute;
    left: 0;
    top: 0;
    right: 35px;
    bottom: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 5px 8px 20px;
    color: #65625c;
}

.p5_dialog_head_close:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_dialog_content {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.p5_partinfo_positions {
}

.p5_partinfo_accordeons {
    margin: 10px 20px;
}

.p5_partinfo_qty_container {
    width: 82px;
    right: 0;
}

.p5_partinfo_select_qty {
    height: 35px;
    width: 79px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding-left: 10px;
}

.p5_checkbox_container {
    display: inline-flex;
    margin: 0 4px 0 4px;
}

.p5_checkbox_label {
    margin-top: 4px;
    height: 21px;
    width: auto;
}

.p5_checkbox_label:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.p5_partinfo_btn_container {
    overflow: hidden;
    margin: 35px 20px;
    padding: 5px 0;
}

.p5_partinfo_btn.p5_partinfo_pdf_btn {
    float: left;
    margin-left: 10px;
}

.p5_orderable_part:focus {
    outline: none;
}

.p5_orderable_part.invalid {
    border: 2px solid #B50D0D;
}

.partslink24_logo {
    position: absolute;
    right: 10px;
    top: 17px;
    height: 22px;
    width:  auto;
}

/*
 * Quantity Input
 */
.p5_qty_select,
.p5_qty_input {
    width: 55px;
    height: 35px;
    margin-right: 5px;
    border: 1px solid #CCCCCC;
}

.p5_qty_select {
    padding-left: 5px;
}

.p5_qty_input {
    padding-left: 9px;
}

.p5_qty_input.invalid {
    border: 2px solid #B50D0D;
}

.p5_qty_select:hover {
    cursor: pointer;
}

.p5_qty_select:focus,
.p5_qty_input:focus {
    outline: 1px dotted #212121;
    outline-offset: -1px;
}

.p5_update_qty {
    color: #0d0d00;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    font-size: 18px;
}

.p5_update_qty:hover {
    color: #f7c400;
    cursor: pointer;
}

.p5_qty_input.disabled,
.p5_qty_select.disabled {
    color: #CCCCCC;
    cursor: default;
}

#versions_alert {
    background-color: transparent;
    color: transparent;
    position: absolute;
    top: 0;
    width: auto;
    right: 0;
    height: auto;
    z-index: 200;
    border: 2px solid transparent;
    font-weight: bold;
    font-size: small;
    padding: 3px;
    cursor: pointer;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
#versions_alert:hover {
    background-color: lightcyan;
    border-color: darkcyan;
    color: black;
}


#frbddn_cntnt {
    position: absolute;
    top: 141px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    display: none;
    z-index: 300;
    background-color: rgb(233, 233, 233);
}

/* header */
#brand_logo {
    display: none;
}

#search_query {
    display: none;
}

#search_icon {
    display: none;
}


/*Leave for historical reasons*/
.cartitems_item_linecomment_textarea {
    width: calc(100% - 52px);
    height: 100%;
    min-height: 22px;
    float: left;
    border-radius: 2px;
    font-size: 12px;
    line-height: 19px;
    resize: vertical;
    overflow-x: hidden; /*Specialty of Firefox: https://stackoverflow.com/questions/7695945/height-of-textarea-does-not-match-the-rows-in-firefox*/
}

/* p5menu_3dots */
.p5menu_3dots {
    display: inline-flex;
    align-items: center;
    width: 22px;
    height: 26px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 20px;
}

.p5menu_3dots:focus {
    outline: 1px dotted #212121;
    outline-offset: -1px;
    font-weight: 700;
}

/* p5context_menu */
.p5context_menu {
    position: absolute;
    z-index: 2;
    width: auto;
    height: 29px;
    background-color: white;
    font-size: 12px;
    line-height: 19px;
    border: 1px solid rgb(129, 125, 117);
    border-radius: 3px;
}

.p5context_menu_element {
    padding: 5px 8px 3px 8px;
    cursor: pointer;
}

.p5context_menu_element:hover {
    background-color: #f5c300;
}

.p5context_menu_element:focus {
    outline: 1px dotted #212121;
    outline-offset: -1px;
}

/* DEMO */
#demo_indicator {
    position: absolute;
    right: calc(18% + 255px);
    top: 30px;
    color: rgb(125, 0, 0);
    font-weight: bold;
    font-size: 17px;
    display: none;
}


/* breadcrumbs */
.homie {
    margin-right: 17px;
    width: 12px;
}

#breadcrumbs:hover {
    overflow: visible;
    z-index: 5;
    height: auto;
}


/* companion and content */
#companion {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 46px;
    margin: 0;
    z-index: 2;
    background-color: #F7C400;
}

#content {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

#companion_and_content.comp_extended .p5_btn_selected {
    background-color: white;
    left: 0;
    top: 4px;
    z-index: 5;
    border-radius: 3px;
    height: 40px;
}

#companion_btn_vin {
}

#companion_vehicle_info {
}

#companion_btn_search {
}

#companion_btn_carts {
    font-weight: bold;
}

#companion_btn_cart {
    font-weight: bold;
}

#companion_content {
    display: none;
}

.companion_panel {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.companion_panel:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.companion_bling {
    position: absolute;
    display: none;
    color: rgb(247, 196, 0);
    font-size: 18px;
    z-index: 200;
}

#companion_and_content.comp_extended #companion {
}

#companion_and_content.comp_extended #content {
    top: calc(50% + 10px);
}

#companion_and_content.comp_extended #companion_content {
    display: block;
}

#companion_and_content.comp_extended .p5_companion_content {
    left: 0;
    top: 52px;
    height: calc(50% - 52px);
    width: 100%;
}

/* content split */
.p5content_split {
    position: absolute;
    left: 50%;
    width: 3px;
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    height: 100%;
    z-index: 2;
    cursor: w-resize;
}

.p5content_split_touch {
    border-right: 1px solid grey;
    border-left: 1px solid grey;
}

@media (min-aspect-ratio: 1/1) {
    #companion {
        width: 50px;
        height: auto;
        bottom: 0;
        background-color: #F7C400;
    }

    #companion_content {

    }

    #content {
        top: 0;
        left: 60px;
    }

    #companion_and_content.comp_extended #companion {
        height: auto;
    }

    #companion_and_content.comp_extended #companion_content {
        height: auto;
        display: block;
    }

    #companion_and_content.comp_extended .p5_companion_content {
        top: 0;
        bottom: 0;
        left: 60px;
        width: 507px;
    }

    #companion_and_content.comp_extended #content {
        top: 0;
        left: 587px;
    }

    #companion_and_content.comp_extended .p5_btn_selected {
        top: 0;
        left: 4px;
        width: 52px;
        height: 46px;
    }

    .p5_input_set {
        width: auto;
    }

    .p5_input_container {
        width: auto;
        position: relative;
    }

    .p5_input {
        width: 300px;
    }

    .p5_companion_btn {
        margin: 6px 4px 0 4px;
        height: 46px;
        width: 42px;
    }
}

/* content */
.p5fullpage {
    position: absolute;
    left: 0;
    top: 0;
    right: 10px;
    bottom: 0;
    overflow: hidden;
    background-color: white;
}

.nav_widget_container {
    position: absolute;
    top: 0;
    bottom: 0;
}

.col_first {
}

.col_cont {
    border-left: 1px solid #E7E7E7;
}

.nav_widget_content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/* table */
.table_row_remark {
    border-bottom: 1px solid #CCCCCC;
    line-height: 22px;
    white-space: pre-wrap;
    padding-right: 8px;
    padding-bottom: 3px;
}

.load_more_handler_button {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-top: 8px;
    padding: 4px;
    min-height: 60px;
}

.load_more_handler_button:focus {
    outline: 1px dotted #212121;
}

.text_after_table {
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin: 0;
}

.text_after_table:first-of-type {
    margin-top: 30px;
}

.light_bulb {
    padding-left: 22px;
    font-size: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAExSURBVChTY2QAggXS0nrq/l9reJX+qX9+8P/m3a2czTH3X11mWGNgoHp3nvzH35/M///95fD/7xf9//fmyX5eqaurzpwfKNWokWVuy8pfxsDIbMPAyGbGwK/0i+3bwzeMLCzivPLMXEYMv98rM/z/w8zAwMzIwMrzhoFD8r4c088vQld+vN7LwMK/gIFV4BQDq+Auhp8v9zN8/iB6jYmNW2/aw+2Pfv79sIjh99s9DH9fNTM82nn9Jxuz5lSQYxmONcdPfTWP7f/HPfr/38xm/3+8OXomSJwJRHBJ2+zYt4ub4dWTJwyXLnAwcEuZH4ZL8soqHGI1CmKYdUCL4bN2JoOgku4BuCSHoODv35zSvz98Y2L4xcT7j1dU9BtIHA6unDwWnZ+defn8kSMJEBEGBgAS5HOSYSwxOAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 8px 5px;
    color: rgb(78, 75, 69);
}

.value_link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

/* image */
.illuimage {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    bottom: 0;
}

.illuimageheader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 42px;
    border-bottom: 2px solid #F7C400;
}

.illuimageheader_title {
    position: absolute;
    left: 0;
    top: 0;
    right: 50px;
    bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #65625c;
    line-height: 28px;
}

.illuimageheader_title select {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #65625c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 28px;
    margin: 0 0 0 0;
    cursor: pointer;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAQklEQVQI12NgWMXwHwkuZoADEYYXcOFXDKIMSMAfLhHMgAYgxi1jwAAiDC8YXjOIIQuxMDAwMDC8YchlYGB4hSwBAKwFGW/b9Q9AAAAAAElFTkSuQmCC) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.illuimageheader_title select:hover {
    background-color: rgb(247, 196, 0);
}

.illuimageheader_title select option {
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    color: #65625c;
    padding-left: 8px;
}

/*
 * IE? Nein!
 */
.illuimageheader_title select::-ms-expand {
    display: none;
}

.illuimageheader_title select option:focus::-ms-value,
.illuimageheader_title select:focus::-ms-value {
    background-color: transparent;
    color: black;
}

/*
 * /IE? Nein!
 */
.illuimageheader_lens {
    display: none;
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAcCAYAAAAjmez3AAACFUlEQVRYw+3YP2gUQRTH8c+If3KYYNRCIWKZwkJs7sTCTiGFIoKVba4M2MXa8q6wiFiIiBhIIyIoWllYqIggCAdiEVELMVXwD5iLWKyFLxDOu9xeTC5r8MEwd+/NLvPd35s3s8smsdQpkGVZ94tTKjZIHoiiwaTVAhQNaIvNZlmWtW0YQQ0NNKM1wjfSMnZjFek0iZRSFbORguPYE208fLMx5q9Tc93UQBXvUV5BrXKMqRZBlU7ptLASRAvMwlKabWjVap1ASqmGlGXZZM6KVf99m+zihlavNk+5kUeNFlUa66TIGObxAoM4jgt5QZoo9QBSQnOdQGZwDFdxEtPY2e99ZAxz2Bb/j+IVvuF+VEBdYjN4iApGcQff+5la53A91IUdUeFOYBi34yl3iy3ZflzpdY3UUO8BpI5ah9Sai76Cx8v8h/E6R2zJrrUo+Gdqtak0U5hIKZVzVKwKJjDVoWL9jH4A25f5f2AxRwzO4wnu4TPO5FYm54ZYwVd8xN4OisxHvysmcRpDuIFLOWO3YsFP4wju9ppi1djs6rEOStHK4WviEzK8xHAbmEVsjd+n8DYmfTPupUtsMiBKeIYvONvzvtLt0Ih9eBMwzzFUiONKt9Nw62k3+gN4FzBPMVgomF6gcRAfAuYRBv5lmNFla+ZyUd5VVgtzCA+wu10q9v0ryhqC9eXdPvVRqcJ9Qlozdf7bZrZfhRQshE0U/foAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center;
}

.illuimageheader_lens:hover {
    background-color: rgb(247, 196, 0);
}

.illuimagecontainer {
    position: absolute;
    left: 0;
    top: 42px;
    right: 0;
    bottom: 0;
}

.image_canvas {
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
}

/* illustration mailing post it */
.illu_mailing_rendition_available .illuimagecontainer {
    bottom: 115px;
}
.illu_mailing_rendition_container {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 115px;
    background-color: rgb(255, 253, 247);
    border-top: 2px solid rgb(247, 196, 0);
    overflow: auto;
}
.illu_mailing_rendition_available .illu_mailing_rendition_container {
    display: block;
}
.illu_mailing_rendition_paragraph {
    margin: 5px 8px;
    font-size: 13px;
}
.illu_mailing_rendition_paragraph a {
    color: rgb(125, 0, 0);
    text-decoration: underline;
}
.illu_mailing_rendition_pick_parts {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAQAAAAEnG+bAAAAdUlEQVQI103NMQ7BYACG4UeVJk0kZjcwWsXgACZxBYdwCItJYxULvUSPYewBDAYdRH7Dn6pve5bv7Zt5a/xWKow6HgUnectCEFxlkIBg4yZr2cPKWZ6Cj8TTWp0aerjYGsernSXuDpExMfcy6eoDlb2/LdSmX81JF1Qufb5hAAAAAElFTkSuQmCC) no-repeat 4px 2px;
    padding-left: 25px;
}
.illu_mailing_rendition_put_into_cart {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAApUlEQVQY023QIW4CURCH8R9pwgWqUBhk7e4BMD3K6iaLqm4Qz3CIXqK+hLyVcAGO0Ar0VDwWXrN8ajLzJTPzp9AbhItBb+RpLJaykDQaSdyEnXkpsrMWe9/X0ULy5ejTjF5owcEedH6FH0fhg0FSsxHiJnRcNHBtP3v1YmXtzcmWu1CUmncz6hV3IRko4/rIUWhFlUb1ZhFaZ/nfqklQ2dKER1GDPzgmRGLAxYLPAAAAAElFTkSuQmCC) no-repeat 2px 2px;
    padding-left: 25px;
}
.illu_mailing_rendition_order {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAQAAAAKsiavAAAATElEQVQY062PQQqAMAwEp37AL+/Px4NQYlvrxQ2BEJghAREjL2kRAtDYZOsAIuIaHB3G3hTvypFh44N2QjK8m/nw82Zq/Z4q7fPxRV0wYkXY/39NDQAAAABJRU5ErkJggg==) no-repeat 0 2px;
    padding-left: 25px;
}

/* illustration */
.illutables {
    position: absolute;
    left: calc(50% + 3px);
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.illubomalone {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.illubombeside {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 40%;
    overflow: hidden;
}

.illudetails {
    position: absolute;
    left: 0;
    top: 60%;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid black;
}

/* filterbom */
.filterbom_filter_container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.filterbom_filter {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.filterbom_filter_input {
    position: absolute;
    display: none;
    left: 0;
    height: 50px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid rgb(129, 125, 117);
    background-color: rgb(137, 133, 125);
}

.with_input .filterbom_filter {
    bottom: 50px;
}

.with_input .filterbom_filter_input {
    display: block;
}

.filterbom_filter_input_caption {
    color: white;
    margin: 5px 0 0 5px;
    font-size: 11px;
}

.filterbom_filter_input_element {
    border: none;
    width: 100%;
}

.filterbom_filter_input_div {
    display: inline-flex;
    width: calc(100% - 10px);
    border: 1px solid silver;
    border-radius: 2px;
    padding: 2px;
    margin: 0 0 0 5px;
    background-color: white;
}

.filterbom_filter_input_icon {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABEElEQVQoz53RvyuFYRjG8c97kEQSg1Gsyq8yKGWTiFUWg+EZTRabUkcxWZQ7BiIslP/CYlSyUAYliwwosRz1pvPqcC3PcPe9r+t+rkxOEdGCXrThDjcppQ8FyipQhhmsogXP6MAFllJKt9XgUuWdwBY20YdBjOAJJxHRUQ2uj4hGrGAduyml79l9RCziHAvYqObcjR6c5kCQUnrDEcaLYjfhE68F//KC5iL4Hu/o/zmMCBjFVRH8iAOUI6IrB2aYxBx2f6uqFTsYxhkeMICxyknbKP/sPMs5NWIK02jHNQ5Rh2PsYy2/IFODImIIJ9jLLyjVAqeULjGLeSxHRF3NzlUS7KNc+gucS9CJBv9RpUZfj4dUTkWiqQwAAAAASUVORK5CYII=) no-repeat center center;
    cursor: pointer;
    width: 20px;
    height: auto;
}

.filterbom_filter_input_icon:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLklEQVQoz53TP0uVcRjG8c+jSIgHkXzAMWy5B0FNcAgENxGj1ugNnLXh5CtQjtMZWgIPNRiFuujsCziDS2Pwo6VAUJBniYYMwpZHeDqcR45ey2+4+F43959fpqKIaGAOU/iBbymlv2qUlVCGF9hCAz8xjVO8SSl9HwSPlO863uEt5vEET1HgMCKmB5aOiAcRcRoRr7vd7iDvJCI26yrP4jGOms3mf2ZK6Qr7WKuDx3GN3zVz+YWJOvgMf7DQb5ZtrODrQLjVal3iE9oR8ajSb9bpdDbwCh9uW9Uk3mMZx7jAIlbLlnbR7t95Vp0snuE5HiLhM0ZxgI/YqQZkhlBELOEQe9WA0WHgoijO8zzvlRc4med5ryiK66HgvoDtm4ARd1BK6QteYgZj7qPyI/kHkGdZp7NtjH4AAAAASUVORK5CYII=');
}

.filterbom_bom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/* Direct entry and vehicle info */
#direct_entry {
    display: none;
}

#vehicle_icon {
    display: none;
}

#local_vin_storage {
    position: absolute;
    z-index: 110;
    left: 0;
    top: 0;
    height: auto;
    max-height: 40%;
    max-width: 300px;
    min-width: 150px;
    overflow: auto;
    background-color: white;
    display: none;
    border: 1px solid #707070;
    border-radius: 2px;
}

.local_vin_storage_item {
    border-bottom: 1px solid #E7E7E7;
    padding: 6px 5px;
    line-height: 16px;
    cursor: pointer;
    border-left: 7px solid white; /*invisible border*/
}

.local_vin_storage_item:last-of-type {
    border-bottom: none;
}

.local_vin_storage_selected_item,
.local_vin_storage_item:hover {
    border-left: 7px solid #F7C400;
    background-color: #F3F3F3;
}

.local_vin_storage_vin {
    font-size: 11px;
    font-weight: bold;
}

.local_vin_storage_description {
    font-size: 11px;
}

.ppp {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .9);
    z-index: 400;
}
.ppp .fixed_width_font {
    /*white-space: pre;*/
}
.ppp .p5_table_rec:hover {
    background-color: unset;
}
.ppp .p5_table_cell {
    text-overflow: unset;
}

/* upds testing */
.upds_test_cont {
    position: absolute;
    left: calc(50% - 250px);
    top: 15px;
    width: 500px;
    height: auto;
    border: 2px solid mediumseagreen;
    background-color: #eafff6;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    z-index: 150;
}
.upds_test_cont.upds_versions_differ {
    border-color: red;
    background-color: lightyellow;
}
.upds_testversion,
.upds_actualversion,
.upds_testcountry {
    font-weight: bold;
    cursor: help;
}

/* Stage-Management */
.stgmgm_cont {
    position: absolute;
    left: calc(50% - 250px);
    top: 0;
    width: 500px;
    height: 15px;
    padding: 0 5px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    z-index: 149;
}
.stgmgm_cont a {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}

/* p5_alert */
.p5_alert_void {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 250;
}
.p5_alert_outer {
    background-color: white;
    position: absolute;
    left: 25%;
    top: 25%;
    right: 25%;
    bottom: 25%;
}
.p5_alert_txtbox {
    position: absolute;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 60px);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: smaller;
}

.p5_alert_button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/* p5_animation */
.p5_animation {
    position: absolute;
    left: calc(50% - 30px);
    top: 25%;
    width: 60px;
    height: 60px;
}

.p5_animation_img_container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px 15px 20px 15px;
}

.p5_animation_text {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 13px;
}

.p5_box {
    position: absolute;
    border: 1px solid rgb(247, 196, 0);
    border-radius: 3px;
    z-index: 401;
    box-shadow: 1.5px 1.5px 2px 1px rgba(0, 0, 0, 0.2);
    background: white;
    padding: 10px 24px 10px 18px;
}

.p5_box_cancel {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    border: 0.5px solid rgb(247, 196, 0);
    border-right: none;
    border-top: none;
}
.p5_box_cancel:hover {
    background-color: rgb(247, 196, 0);
    cursor: pointer;
}

.p5_box_txt {
    font-size: 14px;
}

.p5_box_txt.bold {
    font-weight: bold;
}

.p5_box_img_container {
    width: 100%;
}

/* p5 tooltip*/
.p5_tooltip {
    position: absolute;
    display: none;
    background-color: #4E4B45;
    color: white;
    padding: 0.2rem 0.6rem;
    font-size: 13px;
    max-width: 330px;
    width: auto;
    height: auto;
    z-index: 500;
    font-weight: normal;
    line-height: 1.36;
    text-align: left;
}

/* p5 markup */
.p5_markup_bold {
    display: inline;
    font-weight: bold;
}

.p5_markup_hit {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAAXNSR0IArs4c6QAAAF1JREFUGNOtkLENgDAMBA2ioWaAZIuslU2c9WCGMMNRgBEhikjBV5b/fIVF/soA8AWNPaYm5DcvaU9tyMowh3PBFbc6NGs1A0x2HZd4GwrL0wSgWSsLQAEZ+E7Xnw4RgXJKtDrC0AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    width: 9px;
    height: 11px;
}

.p5_markup_miss {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAAXNSR0IArs4c6QAAAItJREFUGNOt0LENgzAUhOELkqkZw4091ZvIFcKeAJbwDBaCJdjhT0UIVRIpV13xFaeT/pUHwCfUnWUvRUuMyn2vJUbtpVwKYMuZUaKacbRGNWOU2HIGQABzCFQz3lPNmEO40OQcR2s3dLTG5BwAnSQN3mtN6TZ2TUmD9z9uOuEcApNzzCG8AMBXPz0B4UyeMzKprgcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center;
    width: 9px;
    height: 11px;
}

.p5_markup_unknown {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAAXNSR0IArs4c6QAAALBJREFUGNOt0L0KgnAUBfBjTVqTQWA0avQEPUsIPo0UmO9gQ0uv0lSOQVuEfxWELC0COw325VAtne1y7/3BvcC/IpHkr6Hae3GKIsz7Bs5J8nnId8fYrzfwJ6MqxXvyMOS0pTBcgJ6qMI/jR4tPaenY0M0C7QGgD69VjSQzIeipCo87kAQP21LLhHhJK8dGzyrQ6JSLzS5gmAV8t9SkLAg407SP51tCfP/TJU1Rl2XcADxkZfx2pshqAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    width: 9px;
    height: 11px;
}

/*
 *  error main
 */
.p5_error_main {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: white;
    font-size: 14px;
    z-index: 400;
}

.p5_error_header {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    border-bottom: 2px solid #f7c400;
    background-color: #fff;
}

.p5_icon_warning {
    color: #b50d0d;
    font-size: 26px;
    padding-right: 15px;
    display: inline-block;
}

.p5_error_title {
    color: #65625c;
    font-weight: 700;
    line-height: 1.7rem;
}

.p5_error_msg_container {
    padding: 15px;
}

.p5_error_msg {
    overflow: hidden;
    text-overflow: ellipsis;
}

.p5_inline_error {
    font-size: 13px;
    color: #B50D0D;
    font-weight: 400;
}

.p5_error_partinfo {
    padding: 6px 0 6px 7px;
    font-weight: 600;
}

/*
 * p5 tabs
 */
.p5tab_container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 7px 0;
}
.p5tabs {
    display: flex;
}
.p5tab {
    font-size: 14px;
    padding: 15px 20px;
    border-radius: 2px;
    font-weight: bold;
    width: 100%;
}
.p5tab.inactive {
    border-top: 1px solid #e2e2e2;
    /*border-bottom: 2px solid #F7C400;*/
}
.p5tab.unavailable {
    cursor: default;
    color: #CCCCCC;
}
.p5tab:not(.inactive) {
    border-bottom: 2px solid #e2e2e2;
}
.p5tab:not(.inactive):not(:first-child) {
    border-left: 2px solid #F7C400;
}
.p5tab:not(.inactive):not(:last-child) {
    border-right: 2px solid #F7C400;
}
.p5tab:not(.inactive):hover{
}
.p5tab.inactive > .p5tab_head {
    border-bottom: 2px solid #F7C400;
}
.p5tab_content {
    padding: 15px 0;
    max-height: calc(100% - 40px);
    overflow: auto;
}
.p5tab_label {
}
.p5tab_csv {
    display: inline-flex;
}
.p5tab_input {
    display: block;
    margin-top: 12px;
    width: 100%;
    border: solid 1px #e2e2e2;
    height: 40px;
}
/*
 * order bridge
 */
.p5_csv_upload_filename {
    display: flex;
    margin: 0 20px;
    align-items: center;
    justify-content: left;
    white-space: nowrap;
    min-width: 220px;
}

.p5_csv_upload_btn {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 46px;
    width: 42px;
    font-size: 28px;
    cursor: pointer;
}

.p5_csv_upload_btn:hover {
    color: #F7C400;
}

.p5_csv_partno_container {
    width: calc(100% - 123px);
}

.p5_file_upload_btn {
    margin-left: 20px;
}

.p5_not_found_parts {
    font-size: 14px;
    line-height: 1.36;
    padding: 12px 20px;
    color: #B50D0D;
}

.p5_not_found_parts > p {
    margin: 6px 0;
    color: #B50D0D;
}

.p5_csv_upload_no_items {
    padding: 6px 23px 4px 23px;
}

/**
 Parts Promotions
 */
.p5_partsprom_container {
    margin-top: 12px;
    font-size: 14px;
    max-height: calc(100% - 20px);
}

.p5_partsprom_item_container {
    background: white;
    border-bottom: 1px solid #E7E7E7;
}

.p5_partsprom_item_container:first-child {
    border-top: 2px solid #E7E7E7;
}

.p5_partsprom_item_overview {
    display: flex;
    padding: 8px 0 2px 0;
    border-radius: 2px;
    cursor: pointer;
}

.p5_partsprom_item_overview.border_bottom {
    border-bottom: 1px solid #f7c400;
}

.p5_partsprom_item_overview.with_detail {
    background: #F3F3F3;
    border-bottom: 1px solid #E7E7E7;
}

.p5_partsprom_item_overview:hover {
    background: #E7E7E7;
}

.p5_partsprom_rec_container {
    padding: 10px 0 10px 10px;
    width: 100%;
}

.p5_partsprom_name_container {
    width: calc(0.6*(100% - 22px));
    max-width: 228px;
}

.p5_partsprom_discount_container {
    width: calc(0.4*(100% - 22px));
}

.p5_partsprom_img_container {
    width: 80px;
    margin: 7px 0 7px 5px;
    max-height: 58px;
}

.p5_partsprom_img_container.with_image {
    box-shadow: 3px 3px #CCCCCC;
    background: white;
}

.p5_partsprom_name {
    font-weight: bold;
    white-space: nowrap;
    max-width: 228px;
}

.p5_partsprom_more {
    position: relative;
}

.p5_partsprom_description {
    max-height: 36px;
    max-width: 210px;
    font-size: 13px;
}

.p5_partsprom_sale {
    color: #B50D0D;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    background: #f7c400;
    margin: 5px 5px 5px 45%;
    border-radius: 50%;
    text-overflow: unset;
}

.p5_partsprom_valid_range {
    font-size: 13px;
    text-align: right;
}

.p5_partsprom_discount {
    text-align: right;
}

.p5_partsprom_up_down_icon {
    display: inline-flex;
    width: 22px;
    justify-content: center;
    opacity: 0.7;
    margin: 0 4px;
}

.p5_partsprom_up_down_icon:hover {
    font-weight: bold;
}

.p5_partsprom_articles_container {
    margin: 10px 8px;
}

.p5_partsprom_article_container {
    border-bottom: 1px solid #f7c400;
    padding: 10px 0;
}

.p5_partsprom_article {
    margin-top: 5px;

}

.p5_partsprom_partno_container {
    width: calc(0.6*(100% - 124px));
}

.p5_partsprom_article_discount_container {
    width: calc(0.4*(100% - 124px));
}

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

.p5_partsprom_discount_price {
    color: #B50D0D;
}

.p5_partsprom_discount_prefix {
    font-size: 11px;
}
.p5_partsprom_cart_input {
    font-size: 24px;
    width: 32px;
    height: 32px;
    background-color: #f7c400;
    border-radius: 3px;
    cursor: pointer;
}

.p5_partsprom_cart_input.p5_disabled {
    cursor: default;
    background-color: #ABACB0;
}

.p5_partsprom_cart_input:not(.p5_disabled):hover {
    background-color: #E1AE07;
    border: 1px solid black;
}

.p5_partsprom_add_to_cart:hover {
    background-color: #E1AE07;
}

.p5_partsprom_artice_models {
    padding: 8px 0 4px 0;
    width: calc(100% - 20px);
    max-height: 26px;
}

.p5_partsprom_partinfo_offer {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

/**
 Generic UI Elements
 */
.p5_qty_container {
    width: 100px;
}

.p5_item_bin {
    width: 22px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 16px;
}

.p5_item_bin:hover{
    color: #F7C400;
}

.p5_item_bin:focus {
    outline: 1px dotted #212121;
    outline-offset: -1px;
    font-weight: 700;
}

.p5_center_vert {
    display: inline-flex;
    align-items: center;
}

.p5_bottom_vert {
    display: inline-flex;
    align-items: flex-end;
}

.p5_center_hor {
    display: inline-flex;
    justify-content: center;
}

.p5_center {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.p5_btn_container {
    padding: 25px 23px 0 23px;
    height: 65px;
}

.p5_float_left {
    float: left;
}
.p5_float_right {
    float: right;
}