﻿
.parts-list-div {
    padding-right: 0px;
    /*width: 100%;*/
}

.parts-list {
    min-height: 400px;
    max-height: 700px;
    overflow-y: auto;
}

.parts-list-section {
    margin-bottom: 25px;
}

.parts-list table tr:first-child td .part-ref-number {
    text-align: center;
    vertical-align: text-top;
    padding-top: 0px;
}

.parts-list table tr:first-child td .part-list-description {
    vertical-align: text-top;
}

.parts-list table tr:first-child td .part-list-retail-price {
    vertical-align: text-top;
}

.parts-list table tr:first-child td .part-list-required-qty {
    vertical-align: text-top;
}

.parts-list-section table {
    table-layout: fixed;
    width: 100%;
}

.parts-list table {
    table-layout: fixed;
    width: 100%;
}

    .parts-list table tr {
        border-bottom: 15px solid white;
    }

.part-list-description {
    width: 150px;
    text-align: left;
}

.part-list-retail-price {
    text-align: center;
}

.part-list-description {
    /*padding-top: 13px;*/
}

.part-list-required-qty {
    /*padding-left: 20px;
    padding-right: 15px;
    vertical-align: text-top;
    padding-top: 2px;*/
    text-align: center;
}

.part-list-input-qty {
    text-align: center;
}

.part-ref-number {
    padding-left: 20px;
    padding-right: 15px;
    text-align: center;
}

.part-list-add-to-cart {
    vertical-align: text-top;
}

.part-desciption {
    font-size: 14px;
}

.part-quantity-input {
    text-align: center;
}

.part-number {
    font-size: 12px;
    color: gray;
}

.microfiche-image {
    text-align: right;
    padding-right: 120px;
}

.section-dropdown-div {
    vertical-align: bottom;
}

.section-wrapper {
    background-color: #bdbcbc;
    /* overflow: auto; */
    margin-top: 20px;
    display: inline-flex;
    width: 101%;
    margin-left: -5px;
    margin-bottom: -5px
}

.section-lower-wrapper {
    background-color: #888888;
    /*overflow: auto;*/
    display: inline-flex;
    width: 100%;
}
.microfiche-image {
    width: 600px;
    height: 700px;
}
@media (max-width: 568px) {
    .microfiche-image {
        width: 500px;
        height: 700px;
    }
    
}

/*.section-lower-wrapper {
    background-color: rgb(189, 188, 188);
    /*overflow: auto;
    display: inline-flex;
    width: 100%;
    font-weight: bold;
    font-size: 1.33em;
}
.section-lower-wrapper button {
        float: right;
}*/
.section-switch {
    width: 100%;
    padding-right: 15px;
}

.section-wrapper button {
    float: right;
}

.section-button {
    background: url("../../Img/shoppingcart/ChangeSectionNormal.gif") no-repeat top center;
    border: 0;
    width: 134px;
    height: 23px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .section-button:hover {
        background: url("../../Img/shoppingcart/ChangeSectionHover.gif") no-repeat top center;
        border: 0;
        width: 134px;
        height: 23px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.section-name {
    margin-top: 10px;
    width: 200%;
    margin-left: 15px;
/*    overflow: auto;*/
    color: black;
}

.assembly-button {
    margin-top: 15px;
    /*margin-left: 50%;*/
}

.section-wrapper .dropdown-menu {
    max-height: 600px;
    overflow-y: auto;
}

.shopping-header {
    color: white;
    background-color: gray;
}

.section-header {
    padding: 10px 0 0 5px;
    background-color: #fff;
    color: #333;
    vertical-align: top;
    font-weight: bold;
    font-size: 1.33em;
}

.section-lower-header {
    margin-bottom: 20px;
    background-color: #fff;
    /*margin-top: -20px*/;
}

.section-header-wrapper {
    padding-right: 0px;
    padding-bottom: 3px;
    padding-top: 15px;
}

.tooltip-qty {
    margin-top: 100px;
}

.tooltip-qty-inner {
    background: #C30; /*tooltip text background color*/
    border-radius: 0px;
    font-weight: bolder;
    box-shadow: 1px 1px 1px 1px black;
}

.tooltip-qty.top .tooltip-qty-arrow {
    border-top-color: red;
    margin-left: -55px;
}

.tooltip-inner tooltip-arrow {
    margin-left: 200px;
}

.checkout-summary {
    float: right;
}
/*.cart-total {
    float: right;
}*/
.paypal {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

/*For strike on pricing*/
.retail-discount {
    position: relative;
}

retail-no-discount {
    position: relative;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
}

.retail-discount:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

/*==========================================================================================*/
.search-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Adds spacing between the input and button */
    margin-bottom: 15px; /* Adds spacing below the container */
}

.search-input {
    flex: 1; /* Makes the input take up available space */
    padding: 8px;
    font-size: 14px;
}

.search-button {
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
}