/**
 * 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;
}

img {
    vertical-align: middle;
}

p {
    margin: 0 !important;
}

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

/**
 * Buttons
 */
.p5_btn_variation_1 {
    max-width: 180px;
    height: auto;
    padding: 5px 20px;
}

/**
 * Header
 */
.p5_header {
    display: flex;
    width: 100%;
    height: 90px;
    padding: 0 60px;
    align-items: center;
    border-bottom: 2px solid #e7e7e7;
    background-color: white;
}

.p5_brand_logo_container {
    height: auto;
    min-width: 60px;
    max-width: 100px;
    margin-right: 20px;
}

#catalog_switch{
}

.p5_catalog_switch {
    display: flex;
    max-width: 40px;
    visibility: hidden;
}

.p5_catalog_switch.placeholder {
    min-width: 108px;
}

.p5_catalog_switch.p5_active {
    margin-right: 20px;
    min-width:80px;
    visibility: visible;
}

.p5_catalog_switch:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    background-color: #ccc;
}

.p5_catalog_book {
    padding-left: 20px;
}

.p5_brand_logo_container img {
    max-height: 60px;
}

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

/* Dealer */
#dealer_logo_container {
    display: none;
}

.p5_dealer_logo {
    margin-right: 30px;
    align-items: center;
}

.p5_dealer_logo:after {
    content: "";
    width: 1px;
    height: 38px;
    background-color: #ccc;
}

.p5_dealer_logo img {
    height: auto;
    width: auto;
    max-width: 200px;
    max-height: 60px;
    border: 1px solid white;
    border-radius: 2px;
    cursor: pointer;
    margin-left: auto;
}

/*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 */
#cart_logo_container {
    display: none;
}

.p5_cart_logo {
}

/* Logout */
.p5_logout {
    margin-left: 40px;
}

/* VIN / Search input */
.p5_vin_search_input_container {
    display: flex;
    align-items: center;
}

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

.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: 2px;
    right: 4px;
    opacity: 0.6;
}

.p5_input_label.active {
    opacity: 1;
}

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

/* Breadcrumbs */
.p5_breadcrumb_line {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 50px;
    padding-left: 15px;
}

.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;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    cursor: default !important;
}

.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: 90px;
    right: 0;
    height: 72px;
    background-color: #F3F3F3;
    padding-right: 60px;
    display: flex;
    align-items: center;
}

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

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

.p5_companion_btn {
    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 {
    min-height: 60px;
}

.p5_companion_panel_header_content_flex {
    display: flex;
    justify-content: space-between;
}

.p5_companion_panel_header_content_block {
    display: block;
}

.p5_companion_panel_header_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    color: #65625c;
    padding: 0 5px 0 20px;
}

.p5_companion_panel_close,
.p5_dialog_head_close {
    width: 35px;
    height: 35px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #65625c;
    margin: auto 6px;
}

.p5_companion_header_icon {
    color: #65625c;
    margin: 10px 6px 6px 6px;
    cursor: pointer;
}

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

.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: 60px;
    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;
}

/**
 * Abbreviations
 */
#companion_btn_abbreviations {
    display: none;
    margin-top: auto;
}

.abbreviations_content {
    bottom: 46px;
    max-height: calc(100% - 86px);
}

.abbreviations_input {
    padding: 4px 8px 18px 20px;
}

/**
 * Accordions
 */
.p5_accordion_container {
    margin-top: 4px;
}

.p5_accordion {
    margin-bottom: 10px;
}

.p5_accordion_header:hover {
    cursor: pointer;
}

.p5_accordion_header {
    display: flex;
    align-items: center;
    background-color: #E7E7E7;
    padding: 0 13px 0 13px;
    height: 40px;
}

.p5_accordion_header_title {
    font-weight: bold;
    width: 100%;
}

.p5_accordion_header_icon {
    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 2px 10px 2px;
    font-size: 14px;
    line-height: 1.43;
}

.p5_vehicle_info_txt_additional {
    padding: 8px 0 10px 0;
    font-size: 14px;
    line-height: 1.43;
    font-weight: bold;
}

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

.p5_table_container_qr {

}

.p5_table_head_qr {
    padding: 2px 13px 2px 13px;
    border-bottom: 1px solid #CCCCCC;
}

.p5_qr_code_container {
    margin: 48px auto;
}

.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);
}

/**
 * Dealer info
 */
.p5_dealer_select_btn_container {
    margin-left: auto;
    margin-right: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p5_box.p5_dealer_info_popup {
    max-width: 310px;
    width: max-content;
    padding: 24px 26px;
    border-top: 4px solid #ABACB0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    text-align: center;
    box-shadow: 0 0 4px #ccc;
    background-color: white;
    z-index: 101;
}

.p5_dealer_btn_container {
    margin: 20px auto 8px auto;
}

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

.p5_dealer_data {
    padding-bottom: 4px;
}

.p5_dealer_data.border_bottom {
    border-bottom: 1px solid #CCCCCC;
}

.p5_dealer_txt {
    text-align: center;
}

.p5_dealer_company_name {
    font-weight: 700;
    cursor: pointer;
}

.p5_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;
}

.p5_dealer_close {
    position: absolute;
    right: 4px;
    top: 4px;
}

/**
 * Table
 */
.p5_table_container {
    font-size: 14px;
}

/*accordeon*/
.p5_table_container_accordeon {
    font-size: 14px;
}


/* table head / table data*/
.p5_table_head, .p5_table_head_accordeon {
    display: flex;
    color: #817d75;
}

.p5_table_head {
    position: -webkit-sticky;
    position: sticky;
    height: 42px;
    border-bottom: 2px solid #F7C400;
    font-weight: bold;
    padding: 4px 0 0 7px;
    line-height: 19px;
    font-size: 14px;
}

.p5_table_head_accordeon {
    padding: 2px 13px 2px 13px;
    border-bottom: 1px solid #CCCCCC;
}


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

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

.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;
}

/* table rec*/
.p5_table_rec {
    display: flex;
    padding: 2px 0 2px 7px;
    overflow: hidden;
}

.p5_table_rec.p5_selected {
    padding-left: 0;
}

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

.p5_table_rec.link:hover,
.p5_table_rec_accordeon.link:hover {
    background-color: #E7E7E7;
}

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

.p5_table_rec.link:focus,
.p5_table_rec_accordeon.link:focus {
    outline: 1px dotted white;
    outline-offset: -1px;
    background-color: #E7E7E7;
}

.p5_table_rec.link.p5_selected:focus,
.p5_table_rec_accordeon.link.p5_selected:focus {
    border-left: 7px solid #F7C400;
    padding-left: 0;
}

.p5_table_rec.sectionrow, .p5_table_rec_comp.sectionrow {
    border-bottom: 1px solid #CCCCCC;
}

.p5_table_rec.sectionrow .p5_table_cell > span,
.p5_table_rec_comp.sectionrow .p5_table_cell_comp > span,
.p5_table_rec.sectionrow .grana-list-cell > span {
    color: #817d75;
    font-weight: bold;
}

.p5_table_rec.table_row_dropped,
.p5_table_rec_accordeon.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_rec.unavailable {
    color: #ABACB0;
}

.p5_table_rec_comp.info .p5_table_cell_comp {
    color: #817d75;
}

.p5_table_rec_comp.info {
    justify-content: center;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
}

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

.p5_table_rec_comp {
    display: flex;
}

.p5_link {
    cursor: pointer;
}

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

/* table cell*/
.p5_table_cell,
.p5_table_cell_accordeon,
.p5_table_cell_wrapped,
.p5_table_cell_comp {
    color: inherit;
}

.p5_table_cell,
.p5_table_cell_accordeon,
.p5_table_cell_wrapped {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 6px;
}

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

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

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

.p5_table_cell_accordeon:last-of-type {
    padding-right: 17px;
}

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

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

.p5_cell_content {
    white-space: inherit;
    color: inherit;
    font-family: inherit;
}

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

.p5_table_top_btn {
    font-size: 19px;
    margin-left: 10px;
}

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

.p5_btn_more {
    height: 16px;
    border: 1px solid #F7C400;
    border-radius: 2px;
    margin-left: 10px;
    padding: 1px;
    z-index: 1;
}

.p5_btn_more:hover {
    border: 2px solid #F7C400;
    padding: 0;
    cursor: pointer;
}

.p5_table_more {
    position: absolute;
    right: 17px;
    width: 20px;
    height: 16px;
}


/**
 * item
 */
.p5_part_item {
    flex-wrap: wrap;
    padding: 12px 17px 12px 23px;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}

.p5_part_item {
    padding-left: 30px;
}

.p5_part_item.p5_selected {
    padding-left: 23px;
    border-bottom: 1px solid white;
}

.p5_part_item.selectable:hover {
    background-color: #E7E7E7;
}

/**
 * BOM
 */
.p5_bom_part_info_container {
    padding: 4px 0 16px 0;
}

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

.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;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p5_dialog_head_title {
    font-size: 14px;
    font-weight: 600;
    padding: 17px 5px 8px 20px;
    color: #817D75;
}

.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: 94px;
    display: flex;
    align-items: center;
}

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

.p5_checkbox_container {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.p5_checkbox {
}

.p5_checkbox:hover {
    cursor: pointer;
}

.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;
}

.pl24_logo_container {
}

.pl24_logo {
    width: 153px;
    height: auto;
}

.p5_partinfo_with_stock_title {
    display: flex;
    color: inherit;
}

.p5_partinfo_with_stock_title:after {
    content: "";
    width: 1px;
    background-color: #ccc;
    margin-left: 10px;
}

.p5_price_request_container {
}

.p5_price_request_container.p5_inactive {
    color: #cccccc;
}

.p5_price_request_text {
    color: inherit;
}

.p5_price_request_icon {
    color: inherit;
    margin: 0 5px 0 10px !important;
}

.p5_price_request_icon:hover {
    background-color: #e7e7e7;
    border-radius: 16px;
}

.p5_inactive > .p5_price_request_icon:hover {
    background-color: white;
    border-radius: 0;
    pointer-events: none;
}

.p5_stock_info {
    color: #39c246;
}

/*
 * Media Files
 */

.p5_media_container {
    display: flex;
    margin-top: 10px;
}

.p5_media {
    margin: 5px 17px 5px 7px
}

/*
 * Drop Down
 */


/*
 * Quantity Input
 */
.p5_qty_select,
.p5_qty_input {
}

.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 {
}

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

#versions_info_container {
    position: absolute;
    top: 0;
    width: auto;
    right: 0;
    height: auto;
    z-index: 200;
    padding: 2px 4px;
    cursor: pointer;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.version_info {
    font-size: 13px;
    color: transparent;
}

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


#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*/
}

/* DEMO */
.p5_demo {
    background-image: url('images/demo.png');
    z-index: -1;
}

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

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


/* companion and content */
#companion {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 46px;
    margin: 0;
    display: flex;
    flex-direction: row;
    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 {
}

#companion_btn_cart {
}

#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);
}

#header_icon_container {
    display: flex;
    align-items: center;
    margin-left: auto;
}

#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%;
}

#order_mgmt_container {
    display: none;
}

.p5_order_mgmt_btn {
    margin-right: 20px;
}

/* 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;
        flex-direction: column;
    }

    #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_container {
        min-width: 274px;
    }

    .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: flex;
    justify-content: center;
    margin: 12px 0;
}

.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 {
    color: #817D75;
    font-weight: 600;
}

.illuimageheader_text {
    color: inherit;
}

.illuimageheader_title.single_image {
    display: flex;
    align-items: center;
    margin: auto 10px;
    height: 100%;
}

.illuimageheader_title.multiple_images {
    margin: 0 6px 6px 0;
    height: calc(100% - 6px);
}

.illuimageheader_title select {
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #65625c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    width: 100%;
    height: 100%;
    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: 180px;
}

.illu_mailing_rendition_container {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    background-color: rgb(255, 253, 247);
    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;
}

.illumailing_reg_info_iframe {
    height: 175px;
    width: 100%;
    border: none;
}

/* 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: 70px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #CCCCCC;
}

.with_input .filterbom_filter {
    bottom: 70px;
}

.with_input .filterbom_filter_input {
    display: block;
}

.filterbom_filter_input_caption {
    color: white;
    padding: 12px 0 0 8px;
    font-size: 14px;
}

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

.filterbom_filter_input_container {
    position: relative;
    margin: 0 8px;
}

.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: 402;
    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 #CCCCCC;
    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;
}

/* Load Animation */
.p5_load_animation {
    position: absolute;
    top: 25%;
    width: 100%;
    height: 80px;
}


.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;
    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-left: 15px;
    border-bottom: 2px solid #f7c400;
    background-color: #fff;
    height: 42px;
}

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

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

.p5_error_msg_container {
    display: flex;
    padding: 15px;
}

.p5_error_msg {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap;
}

.p5_inline_error, .p5_inline_info {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #B50D0D;
    font-weight: 400;
}

.p5_inline_info {
    color: black;
    font-weight: normal;
    margin: 0 12px;
    padding: 20px 8px;
}

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

.p5_message_tablewidget {
    padding: 12px 17px;
    font-weight: 600;
}

/*
 * p5 tabs
 */
.p5tab_container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 7px 0;
}

.p5tab_content {
    max-height: calc(100% - 40px);
    overflow: auto;
    padding-top: 25px;
}

.p5tab_content.selected {
    padding-top: 5px;
}

.p5tab_label {
    font-size: 14px;
}

.p5tab_upload {
    display: flex;
}

.p5tab_input {
    margin-top: 14px;
}

/*
 * order bridge
 */
.p5_upload_filename {
    display: flex;
    margin: 0 20px;
    align-items: center;
    justify-content: left;
    white-space: nowrap;
    min-width: 220px;
}

.p5_upload_btn,.p5_gen_qr_btn {
    align-self: center;
    font-size: 28px;
    margin-right: 6px;
}

.p5_gen_qr_btn {

}

.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;
}

.p5tab_token {
    margin: 10px 20px;
}

.p5_orderbrg_content_header {
    line-height: 1.36;
    font-size: 14px;
    padding: 5px 5px 5px 20px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 7px solid white;
}

.p5_orderbrg_content_header_item {
    color: #817d75;
}

.p5_orderbrg_partno_container {
    width: calc(100% - 185px);
}

.p5_orderbrg_info_panel {
    background-color: #E7E7E7;
    padding: 15px 8px 15px 0;
    margin: 4px 6px;
    border-radius: 3px;
}

.p5_orderbrg_info_panel_container {
    display: flex;
    padding-bottom: 6px;
}

.p5_orderbrg_info_panel_container.title  {
    align-items: center;
    justify-content: space-between;
}
.p5_orderbrg_info_panel_title {
    font-size: 16px;
    color: #65625c;
    padding: 0 17px;
    font-weight: bold;
}

.p5_orderbrg_info_panel_section {
    font-size: 14px;
    padding: 0 23px 0 4px;
    width: calc(100% - 55px);
}

.p5_orderbrg_info_panel_icon {
    cursor: pointer;
    color: #65625c
}

.p5_orderbrg_icon_edit_container {
    width: 100%;
    padding: 12px 17px 12px 23px;
    text-align: end;
}

.p5_orderbrg_icon_edit {
    padding-right: 4px;
    font-size: 22px;
}

.p5_orderbrg_info {
    padding: 15px 23px 25px 23px;
    font-size: 16px;
}

.p5_item_bin.orderbrg {
    font-size: 20px;
}

.p5_orderbrg_info_title {
    font-size: 20px;
    font-weight: bold;
    padding: 4px 0;
}

.p5_orderbrg_info_box {
    top: -30px;
    left: 160px;
    right: 10px;
    background: #F7C400;
}

.p5_orderbg_inline_info {
    padding-left: 30px;
    width: 100%;
}

.p5_orderbrg_animate {
    border-left: 7px solid #F7C400;
    background: #f8f8f8;
    padding-left: 23px;
}

.p5_orderbrg_qty {
    width: 100px;
    padding-left: 12px;
    padding-right: 5px;
}

.p5_orderbrg_accordion_container {
    margin-top: 10px;
}

.p5_partslist_scan_partno_container {
    max-width: calc(100% - 55px);
    width: 100%;
}

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

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

.p5_partsprom_item_container:first-child {
    border-top: 1px solid #CCCCCC;
}

.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 #CCCCCC;
}

.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% - 32px));
    max-width: 228px;
}

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

.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 {
    width: 100%;
    padding: 10px;
}

.p5_partsprom_description {
    max-height: 50px;
    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 {
    align-self: flex-end;
    opacity: 0.7;
    margin: 0 4px;
}

.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_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;
}

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

.p5_partsprom_artice_models {
    max-width: 100%;
    max-height: 30px;
    white-space: nowrap;
}


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

/**
 Pl24 Grana
 */

.grana-list-cell {
    color: inherit;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 6px;
}

.grana-cell-content {
    color: inherit;
}

.grana-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: white;
}

.grana-category-header-border {
    border-right: 1px solid #efefef;
}

.grana-category-header-text {
    text-align: left;
    width: 100%;
}

.grana-category-selection {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.grana-category-content {
    display: grid;
    grid-template-columns: auto 310px;
}

.grana-category-images {
    display: grid;
    grid-template-rows: 160px auto 45px;
    flex-direction: column;
    width: 100%;
}

.grana-category-overview-image {
    height: 100px;
}

.grana-category-overview-image-container {
    display: inline-block;
    margin: 5px;
}

.grana-category-overview-image-container.selected {
    border-bottom: 5px solid #f7c400;
    background: #e7e7e7;
}

.grana-category-overview-image-container.not-selected {
    border: 2px solid #e7e7e7;
}

.grana-category-overview-image-container.not-selected > .grana-category-overview-image {
    height: 96px;
}

.grana-category-overview-image-selected {
    border-bottom: 5px solid #f7c400;
    background: #e7e7e7;
}

.grana-category-overview-image-not-selected {
    border: 2px solid #e7e7e7;
}

.grana-category-image-viewer-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.grana-image-viewer-spinner {
    position: absolute;
    top: 50%;
    left: calc(50%);
    transform: translate(-50%, -50%);
}

.grana_illustration_pages_content {
    position: absolute;
    overflow-y: auto;
    height: calc(100% - 42px);
    width: 100%;
}

.grana-illustration_pages_title {
    flex-grow: 1;
}

.grana-illu-pages-spinner {
    position: absolute;
    top: 50%;
    left: calc(50%);
    transform: translate(-50%, -50%);
}

.grana-image-viewer {
    position: relative;
    height: calc(100% - 6px);
}

.grana-category-image-zoom-container {
    padding-left: 1rem;
}

.grana-category-list-container {
    width: 310px;
    overflow: auto;
    line-height: 19px;
    height: 100%;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.grana_illustration_pages_mode_switch_button {
    margin: 0 10px 0 10px;
    display: inline-block;
}

.grana_illustration_pages_mode_switch_button:hover {
    border-radius: 3px;
    background-color: #E7E7E7;
}

.grana-illustration-pages {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
}

.grana-illustration-pages-table {
}

.grana-illustration-pages-tiles {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.grana-illustration-page-tile {
    cursor: pointer;
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column;
    margin: 5px;
    border: 2px solid #e7e7e7;
    max-width: 247px;
}

.grana-illustration-page-tile.unavailable {
    color: #ABACB0;
}

.grana-illustration-page-tile-image-container {
    border-top: solid 2px #efefef;
    height: 180px;
    text-align: center;
}

.grana-illustration-page-tile-image-container.unavailable .icon--image {
    color: #ABACB0;
}

.grana-illustration-page-tile-image {
    height: 100%;
    padding: 2px;
    max-width: 236px;/*subtract border of container*/
    object-fit: contain;/*keeping aspect ratio*/
    color: inherit;
}

.grana-illustration-page-tile-info {
    position: absolute;
    top: 0;
    right: 0;
    color: inherit;
}

.grana-illustration-page-tile-tooltip {
    display: flex;
    color: inherit;
}

.grana-illustration-page-tile-id {
    padding: 10px 5px 0 5px;
    color: inherit;
}

.grana-illustration-page-tile-description {
    height: 52px;
    padding: 10px 5px 0 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: inherit;
}

.grana-illustration-pages-thumbnail {
    max-width: 100%;
}

.grana-page-tile-tooltip-elem {
    padding: 4px 0;
    color: inherit;
    white-space: pre-wrap;
}

.grana-page-tile-tooltip-elem-text {
    color: inherit;
}
/**
 BT Versand
 */

#companion_btn_bt_versand {
    display: none;
}

.bt_label {
    font-weight: bold;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
}

.bt_textfield {
    display: flex;
    height: 40px;
    width: 100%;
    font-size: 14px;
    align-items: center;
    vertical-align: middle;
    padding: 0.40625rem 0.9375rem;

}

.bt_textarea {
    font-size: 14px;
    min-height: 4.375rem;
    vertical-align: middle;
    width: 100%;
    padding: 0.40625rem 0.9375rem;
}

.bt_box_container {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(100% - 40px);

}


.bt_versand_container {
    height: 100%;

}

.bt_versand_form {
    height: 100%;
    overflow: auto;
}

.mandatoryField {
    margin-left: 20px;
    width: calc(100% - 20px);
}

.flashmessage--styleguide {
    position: relative;
    margin-bottom: 1.25rem;
}


/**
 Generic UI Elements
 */
.p5_container {
    position: inherit;
    width: 100%;
    height: 100%;
}

.p5_title_container {
    color: inherit;
}

.p5_elem_box {
    color: inherit;
}

.p5_title_elem {
    max-width: 320px;
    padding-left: 10px;
    color: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
}

.p5_title_line {
    color: inherit;
}

.p5_qty_container {
    width: 100px;
    display: flex;
    align-items: center;
    padding-right: 30px;
}

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

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

.p5_default_icon,
.p5_icon_check,
.p5_icon_cross,
.p5_icon_exchange,
.p5_icon_question_mark {
    width: 55px;
    cursor: default;
    padding-left: 5px;
    font-size: 32px;
}

.p5_select_icon {
    width: 42px;
    margin: 4px 8px 2px 4px;
    height: 28px;
}

.p5_icon_exchange {
    color: #b50d0d;
    cursor: pointer;
    font-size: 36px;
}

.p5_icon_check {
    color: #39C246;
    font-size: 36px;
}

.p5_icon_cross {
    color: #b50d0d;
    font-size: 20px;
    font-weight: bolder !important;
}

.p5_icon_question_mark {
    color: #65625c
}

.p5_inline_icon {
    cursor: default;
    display: inline;
}

.flex_space_between {
    display: flex;
    justify-content: space-between;
}

.flex_align_center {
    display: flex;
    align-items: center;
}

.flex_justify_center {
    display: flex;
    justify-content: center;
}

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

.p5_vertical_align_mid {
    vertical-align: middle;
}

.p5_btn_container {
    margin: 25px 23px 16px 23px;
    height: 81px;
}

.p5_float_left {
    float: left;
}

.p5_float_right {
    float: right;
}

.p5_refresh {
    margin: 0 8px;
}

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

.p5_red {
    color: #B50D0D;
}

.p5_blur_page {
    filter: blur(1px) brightness(0.95);
}

.p5_prevent_click {
    pointer-events: none;
}

.p5_border_top {
    border-top: 1px solid #CCCCCC;
}

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

.p5_overflow_hidden {
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
}

.p5_overflow_hidden.ellipsis {
    text-overflow: ellipsis;
}

/**
 Image Slider
 */
.p5_image_slider_lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 101;
    background-color: black;
}

.p5_image_slider {
    position: absolute;
    top: -100px;
    left: 15%;
    right: 15%;
    width: 70%;
    z-index: 200;
    background-color: #FFFFFF;
    min-width: 500px;
}

.galleria-thumbnails {
    margin-left: auto;
    margin-right: auto;
}

.galleria-thumbnails-list img {
    padding: 20px;
    max-width: calc(100%) !important;
    max-height: calc(100%) !important;
}

.galleria-thumbnails .galleria-image.lazy.active {
    border-color: #4E4B45;
}

.galleria-theme-classic .galleria-thumbnails .galleria-image:hover {
    border-color: #4E4B45;
}

.galleria-theme-classic .galleria-stage {
    width: calc(100% - 20px);
    height: calc(100% - 180px);
}

.galleria-thumbnails-container {
    margin-left: auto;
    margin-right: auto;
    background: white;
    max-width: 520px;
}

.galleria-exit.icon {
    z-index: 103;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #000000;
}

.galleria-horizontal-line {
    visibility: hidden;
    position: relative;
    left: 0;
    right: 0;
    border-top: 1px solid;
    bottom: 180px;
    border-color: #CCCCCC;
    z-index: 2;
}


.galleria-image-nav-left:hover, .galleria-image-nav-right:hover, .galleria-exit.icon:hover, .galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover {
    background-color: #E7E7E7;
}

.galleria-image-nav-right:before, .galleria-image-nav-right, .galleria-image-nav-left:before, .galleria-image-nav-left {
    font-family: partslink24, sans-serif ;
    font-size: 64px;
}

.galleria-image-nav-left:hover, .galleria-image-nav-right:hover {
    border-radius: 32px;
}

.galleria-image-nav-left:before, .galleria-image-nav-right:before {
    position: relative;
    top: 22px;
}

.galleria-thumb-nav-right, .galleria-thumb-nav-right:before, .galleria-thumb-nav-left, .galleria-thumb-nav-left:before {
    font-family: partslink24, sans-serif;
    font-size: 32px;
}

.galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover {
    border-radius: 16px;
}

.galleria-thumb-nav-right:before, .galleria-thumb-nav-left:before {
    position: relative;
    top: 6px;
}

.galleria-image-nav-right:before, .galleria-thumb-nav-right:before, .galleria-thumb-nav-right, .galleria-image-nav-right {
    content:"";
}

.galleria-image-nav-left:before, .galleria-thumb-nav-left:before, .galleria-thumb-nav-left, .galleria-image-nav-left {
    content:"";
}

@media print {

    .noPrint {
        display: none !important;
    }

    #content.partInfoPrint {
        position: relative;
        top: 0 !important;
        left: 0 !important;
    }

    .p5fullpage.partInfoPrint {
        position: relative;
        overflow: visible;
    }

    .illutables.partInfoPrint{
        position: relative;
        left: 45px !important;
        right: 45px;
        overflow: visible;
        z-index: 5;
    }

    .illubomalone.noPrint {
        width: 0!important;
    }

    .illubombeside.partInfoPrint {
        position: relative;
    }

    .p5_dialog.partInfoPrint {
        position: relative;
        overflow: visible;
        left: 0 !important;
        border-left: 0 !important;
    }

    #p24_logo.partInfoPrint {
        display: block;
        position: absolute;
        top: -55pt;
        right: 86px;
        height: 15pt;
    }

    #brand_logo_container.partInfoPrint {
        display: block;
        position: absolute;
        top: 60pt;
        left: 45px;
        height: 60pt;
        max-height: 60pt;
    }

    .p5_header.partInfoPrint {
        position: relative;
        height: 120pt;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0;
    }

    .p5_navbar.partInfoPrint {
        position: relative;
        background-color: white;
        height: 30pt;
        top: 10pt;
        left: 45px;
        right: 86px;
    }

    #breadcrumbs.partInfoPrint {
        margin-left: 0;
        padding-left: 0;
        flex-wrap: wrap;
    }

    .p5_breadcrumb_prevnext.partInfoPrint {
        text-align: left;
    }

    .p5_breadcrumb_septor.icon.icon--arrow-right.partInfoPrint:first-of-type {
        display: none;
    }

    .p5_breadcrumb_septor.icon.icon--arrow-right.partInfoPrint:before {
        content: "|";
        font-size: 11pt;
        align-self: flex-start;
        color: #CCCCCC;
    }

    .p5_breadcrumb.link.partInfoPrint {
        font-size: 8pt;
        overflow: hidden;
    }

    .p5_companion_and_content.partInfoPrint {
        position: relative;
        top: 20pt;
        background-color: white;
    }

    .p5_dialog_head.partInfoPrint {
        position: relative;
    }
    .p5_dialog_content.partInfoPrint {
        position: relative;
        overflow: visible;
        top: 0;
    }

    .p5_accordion.partInfoPrint {
        page-break-inside: avoid;
    }

    .p5_accordion_content.partInfoPrint {
        display: block !important;
    }

    .p5_accordion_header.partInfoPrint{
        background-color: white;
        padding: 0 13px 0 0;
    }

    .p5_accordion_header_title.partInfoPrint {
        font-weight: bold;
        color: black;
        font-size: 8pt;
        line-height: 9pt;
    }

    .p5_table_rec_accordeon.datarow.partInfoPrint {
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 0 10px 7px;
        align-items: center;
        width: calc(100% - 90px);
    }

    .p5_table_rec_accordeon.datarow.table_row_remark_follows {
        padding: 10px 0 10px 7px;
    }

    .p5_table_rec_accordeon > .p5_table_cell_accordeon.partInfoPrint {
        font-weight: normal;
        color: black;
        font-size: 8pt;
        line-height: 9pt;
        padding: 0 5px 0 5px;
    }

    .p5_table_head_accordeon.partInfoPrint {
        border-bottom-color: #f7c400 !important;
        padding: 0 0 10px 7px;
        width: calc(100% - 90px);
    }

    .p5_table_head_accordeon > .p5_table_cell_accordeon.partInfoPrint {
        font-weight: bold;
        color: black;
        font-size: 8pt;
        line-height: 9pt;
        padding: 0 5px 0 5px;
        display: block !important;
    }

    .p5_table_container_accordeon .p5_table_head_accordeon > .p5_table_cell_accordeon.partInfoPrint,
    .p5_table_container_accordeon .p5_table_rec_accordeon > .p5_table_cell_accordeon.partInfoPrint {
        display: flex;
    }

    .p5_partinfo_positions > .p5_table_container_accordeon .p5_table_head_accordeon > .p5_table_cell_accordeon.partInfoPrint:last-child {
        width: 45px !important;
    }

    .p5_accordion_content > .p5_table_container_accordeon .p5_table_head_accordeon > .p5_table_cell_accordeon.partInfoPrint:last-child {
        width: 45px !important;
    }

    .p5_table_data_acc.partInfoPrint {
        border-left-width: 0;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .p5_partinfo_accordeons.partInfoPrint {
        margin: 0;
    }

    .p5_qty_select.select.partInfoPrint, .p5_qty_input.partInfoPrint{
        background-image: none;
        border: none;
        line-height: 9pt;
        padding: 0;
        font-size: 8pt;
        vertical-align: middle;
    }

    .p5_qty_select:disabled.partInfoPrint {
        color: black;
        opacity: 1;
    }

    .p5_qty_container.partInfoPrint {
        width: 30px;
        padding-right: 0;
    }

    .p5_dialog_head_title.partInfoPrint {
        font-size: 12pt;
        font-weight: bold;
        padding: 0;
    }

    .value_link.partInfoPrint {
        color: black;
        text-decoration: none;
    }

    .p5_partinfo_with_stock_title:after {
        content: none;
    }

    #partinfoScopeOfDeliveries_c1 .p5_cell_content.partInfoPrint {
        width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    #partinfoScopeOfDeliveries_c1.p5_table_rec_accordeon.partInfoPrint {
        border-top: none;
    }

    @page {
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        padding-top: 72px;
        padding-bottom: 72px;
        background-color: white !important;
    }

    .table_row_remark.partInfoPrint {
        font-size: 8pt;
        width: calc(100% - 90px);
    }

    .powered_by {
        display: block !important;
        position: fixed;
        bottom: 30pt;
        right: 45px;
        z-index: 6;
        color: #CCCCCC;
        opacity: 0.5;
        font-size: 8pt;
    }

}