.mt-x1 {
    margin-top: 4px;
}

.mt-x2 {
    margin-top: 8px;
}

.mt-x3 {
    margin-top: 12px;
}

.mt-x4 {
    margin-top: 16px;
}

.mb-x1 {
    margin-bottom: 4px;
}

.mb-x2 {
    margin-bottom: 8px;
}

.mb-x3 {
    margin-bottom: 12px;
}

.mb-x0 {
    margin-bottom: 0 !important;
}

.mb-x4 {
    margin-bottom: 16px;
}

.my-x1 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my-x2 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my-x3 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my-x4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media(min-width: 799px) {

    .my-sm-x0 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .mt-sm-x0 {
        margin-top: 0px;
    }
}

input[type=text] {
    text-transform: uppercase !important;
}

    input[type=text].not-upper-case {
        text-transform: none !important;
    }

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none !important;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none !important;
}

::placeholder { /* Recent browsers */
    text-transform: none !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

ul.nested-list.list_type_5 li:before {
    width: 5px;
    height: 5px;
}

ul.nested-list.list_type_5 {
    padding: 10px;
}

li.animated_item.highlighted:not(:hover) > a {
    background-color: #79c1e1;
    font-weight: 700;
    color: white;
}

li.animated_item.menu-item-conforms:not(:hover) > a,
li.animated_item.menu-item-alliance:not(:hover) > a,
li.animated_item.menu-item-cross:not(:hover) > a {
    font-weight: 700;
    color: white;
}

li.animated_item.menu-item-alliance:not(:hover) > a {
    background-color: #79c1e1;
}

li.animated_item.menu-item-conforms:not(:hover) > a {
    background-color: #d30000;
}

li.animated_item.menu-item-cross:not(:hover) > a {
    background-color: #6dd68d;
}

.text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.top_part .currency .current {
    font-weight: bold;
}

/*BEGIN LOGIN*/

.ra-modal .modal-body {
    height: 600px;
}

#dlgModalLogout .modal-body {
    height: 100px;
}

.ra-modal button {
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

.ra-modal p {
    margin: 5px;
}

.ra-modal .loader, .modal_window .loader, .details_add_to_cart_button .loader, #order-creation-coupon-apply-btn .loader, .quick_add_btn .loader {
    display: none;
    width: 25px;
    height: 25px;
    z-index: 1;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    animation: spin 2s linear infinite;
    margin: 0;
    position: relative;
    left: unset;
    top: unset;
}

#dlgModalLogin #login-form .link-right {
    text-align: right;
}

#dlgModalLogin #login-tab-header a {
    color: #30ad36 !important;
}

.ra-modal a {
    color: white;
}

#dlgModalLogin #register-tab-header a {
    color: #018bc8;
}

.ra-modal .login-header li {
    width: 100% !important;
}

.ra-modal .login-header a {
    border-radius: 0 !important;
    background: #f8f8f8 !important;
    border-bottom: none !important;
    color: #018bc8 !important;
}

.ra-modal .login-header.active,
.ra-modal .login-header.active a {
    border: none !important;
    background: white !important;
    border-bottom: none !important;
}

.ra-modal .login-header:hover,
.ra-modal .login-header a:hover {
    border: none !important;
    background: #018bc8 !important;
    color: #ffffff !important;
}

#dlgModalLogin #password-recovery {
    margin-top: 10px !important;
}

    #dlgModalLogin #password-recovery a {
        color: #49c3ff;
        cursor: pointer;
    }

        #dlgModalLogin #password-recovery a:hover {
            color: #0186c8;
        }

.ra-modal form.type_2 .form-rows li {
    margin-top: 10px;
}

#dlgModalLogin .usernamemarketplaceinput,
#dlgModalLogin .passwordmarketplaceinput {
    margin-top: 0;
}

.ra-modal .tab_container {
    border: none !important;
}

#dlgModalLogin .validation-summary-errors li {
    margin-top: 0 !important;
}

.ra-modal .tabs .tabs_nav {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

#dlgModalLogin .tabs .tabs_nav > li {
    margin-right: 0px !important;
    width: 50% !important;
}

#dlgModalPasswordRecovery .tabs .tabs_nav > li {
    margin-right: 0px !important;
    width: 100% !important;
}

#dlgModalLogin .tabs .tabs_nav > li:first-child {
    float: left !important;
}

#dlgModalLogin .tabs .tabs_nav > li:last-child {
    float: right !important;
}

.ra-modal .tabs .tabs_nav > li > a {
    padding: 15px !important;
    border-radius: 0 !important;
    border: none !important;
}

.ra-modal .tabs .tabs_nav > li:not(:first-child) > a {
    border-top: none !important;
}

.ra-modal .tabs .tabs_nav > li:first-child > a {
    border-radius: 0 !important;
}

.ra-modal .tabs .tabs_nav > li:last-child > a {
    border-radius: 0 !important;
}

#password-confirmation-success-message,
#password-confirmation-error-message,
#password-recovery-error-message,
#password-recovery-success-message,
#login-error-message,
#register-success-message,
#register-error-message,
#account-confirmation-success-message,
#account-confirmation-error-message {
    display: none;
}

.ra-modal label {
    margin-top: 16px;
}

/*END LOGIN*/


/*LOADING INDICATOR*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* END LOADING INDICATOR*/

ul.pags.pagination {
    display: block;
    position: relative;
    margin: 0 auto;
    width: fit-content;
}

    ul.pags.pagination a.disabled {
        cursor: not-allowed;
    }

.equipment-dropdown-menu-buttons-wrapper {
    display: flex;
    justify-content: space-evenly;
}

    .equipment-dropdown-menu-buttons-wrapper .btn {
        flex: 1;
        max-width: 200px;
        max-height: 30px;
        font-size: 11px;
    }

@media (max-width: 768px) {
    .equipment-dropdown-menu-buttons-wrapper .btn {
        font-size: 11px;
    }
}

.equipment-dropdown-menu-buttons-wrapper .btn.right {
    margin-right: 0;
}

#open_shopping_cart {
    display: inline-block;
    cursor: pointer;
}

    #open_shopping_cart.active, #open_shopping_cart.active::after {
        background-color: transparent;
        border-color: none;
    }

@media only screen and (max-width:992px) {
    #open_shopping_cart {
        margin-top: 0;
    }
}

.shopping_cart .shopping_cart_container .sc_product {
    display: flex;
    flex-direction: column;
    padding: 0;
}

    .shopping_cart .shopping_cart_container .sc_product .wrapper .product_name {
        flex: 1;
    }

    .shopping_cart .shopping_cart_container .sc_product p {
        text-align: end;
    }

    .shopping_cart .shopping_cart_container .sc_product .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

.shopping_cart .total_info .total b {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shopping_cart .footer-buttons {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: space-around;
}

.shopping_page.shopping-cart-container .footer-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme_color {
    color: #018bc8;
}

.shopping-cart-table-button-left {
    float: left;
    margin-right: 12px;
}

.shopping-cart-table-button-right {
    float: right;
    margin-left: 12px;
}


.shopping-cart-table-button-clear-with-border {
    border: 1px solid;
}

.shopping-cart-table-button-left,
.shopping-cart-table-button-right {
    margin-top: 6px;
    margin-bottom: 6px;
}

@media (max-width: 768px) {
    .shopping-cart-table-button-left,
    .shopping-cart-table-button-right {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.dialog-button {
    padding: 8px 28px 8px 28px !important;
    height: auto !important;
}


.alert-only-registered-users-message {
    font-size: 12px;
}

/*.tab_containers_wrap,.tabs .tab_container, .tour_section .ts_container {
    transition: none;
    -webkit-transition: none;
}*/


.description-tags-wrapper {
    display: inline-block;
    padding: 0 0 14px 0;
}


.description-tags-list {
    text-align: left;
    margin: 0 21px;
}

.description-tags-item {
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 3px;
    margin: 3px;
}

#main_navigation_wrap .main_navigation li:nth-child(1) > a {
    border: 1px solid #eaeaea;
}


#main_navigation_wrap .sticky_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
}

    #main_navigation_wrap .sticky_logo img {
        width: 120px;
        margin-right: 8px;
    }


.product_item_sku_price_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 6px;
}

.products-sort-select {
    min-width: 156px;
}

.product_item .description {
    max-width: 250px;
    margin: auto;
}

.quantity-cart-field-wrapper {
    width: 122px;
}

#main_navigation_wrap.sticky .alert_box.info.price_alert_info_box_sticky, .alert_box.info.price_alert_info_box_header {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #36c230;
    color: white;
}

li.quick-part-modal-supplier-info {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0 !important;
}

.single_product_description a:hover h3 {
    color: #0186c8;
    text-decoration: none;
}


#order-creation-coupon-apply-btn {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

    #order-creation-coupon-apply-btn p {
        margin-left: 4px;
    }

.disabled-field {
    cursor: not-allowed !important;
}

.discount-table-btn-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
}

    .discount-table-btn-wrapper button {
        margin: 6px 0;
    }

.discount-create-edit-select-group {
    border: 1px solid #eaeaea;
    padding: 0 15px;
    border-radius: 3px;
}

    .discount-create-edit-select-group.error {
        border-color: red;
        color: #504f4f;
    }

.discount-total-wrapper {
    color: green;
}

    .discount-total-wrapper input {
        color: green;
        border: 1px solid green;
    }

.discount-table-actions {
    display: flex;
    padding: 30px 10px;
}

    .discount-table-actions .preview-discount-usage {
        cursor: pointer;
    }

#DiscountUsagePreviewModal {
    min-height: 300px;
}

    #DiscountUsagePreviewModal.empty {
        display: flex;
        align-items: center;
        justify-content: center;
    }


#main_navigation_wrap .main_navigation > ul > li > a {
    font-size: 11px;
}

.table_layout h3 {
    margin-top: 12px;
}


.pipe_search
.input_with_unit_center {
    display: flex;
    align-items: center;
}

.pipe_search
.input_with_unit_end {
    display: flex;
    align-items: flex-end;
}

.pipe_search_form ul.pipe_search li {
    margin-bottom: 10px;
}

.m-y-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

@media(max-width: 799px) {
    .m-xs-y-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

.a-xs-c {
    text-align: center !important;
}

@media (min-width: 1200px) {
    .a-lg-r {
        text-align: right !important;
    }
}

.a-r {
    text-align: right !important;
}


.custom-select {
    color: #000000de;
    border: 1px solid #eaeaea;
    padding: 8px 10px 8px 12px;
    height: 38px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px;
}

    .custom-select:focus {
        outline: none;
    }

#dlgModalLogin li img {
    max-width: 250px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #000000ab;
        color: #fff;
        text-align: center;
        padding: 12px;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip .tooltiptext.tooltiptext-right {
        top: -5px;
        left: 105%;
    }

        .tooltip .tooltiptext.tooltiptext-right::after {
            content: " ";
            position: absolute;
            top: 50%;
            right: 100%; /* To the left of the tooltip */
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent black transparent transparent;
        }

    .tooltip .tooltiptext.tooltiptext-left {
        top: -20px;
        right: 115%;
    }

        .tooltip .tooltiptext.tooltiptext-left::after {
            content: " ";
            position: absolute;
            top: 50%;
            left: 100%; /* To the right of the tooltip */
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent black;
        }

    .tooltip .tooltiptext.tooltiptext-top {
        width: 200px;
        bottom: 100%;
        left: 50%;
        margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

        .tooltip .tooltiptext.tooltiptext-top::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .tooltip .tooltiptext.tooltiptext-bottom {
        width: 200px;
        top: 100%;
        left: 50%;
        margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

        .tooltip .tooltiptext.tooltiptext-bottom::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltip a {
        color: white;
    }

.table_cell .product_price i {
    font-size: 24px;
}

.theme_button:not(.icon_btn) > [class|="icon"],
.button_grey:not(.icon_btn) > [class|="icon"],
.button_blue:not(.icon_btn) > [class|="icon"],
.button_green:not(.icon_btn) > [class|="icon"],
.button_orange:not(.icon_btn) > [class|="icon"],
.button_dark_grey:not(.icon_btn) > [class|="icon"] {
    display: inline;
}

#parts-filter .toggle > dt::after,
#parts-filter .accordion > dt::after {
    height: 15px;
    width: 15px;
    font-size: 10px;
    margin-top: -5px;
    line-height: 15px;
}

#parts-filter .toggle > dt,
#parts-filter .accordion > dt {
    font-size: 14px;
}

#parts-filter .select2 {
    width: 100% !important;
}

#parts-filter .parts-filter-footer {
    margin-top: 12px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

#parts-filter-header {
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}

    #parts-filter-header div:first-child {
        display: flex;
        cursor: pointer;
    }

    #parts-filter-header h3 {
        padding-top: 0 !important;
        margin-left: 8px;
        margin-bottom: 0;
    }

#parts-filter dd .parts-filter-submit-button {
    margin-top: 8px;
}

.parts-filter-dropdown-submit-button {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}

.parts-filter-toggle-indicator {
    font-size: 16px;
    color: #5b5b5b;
}

#parts-filter-header > div {
    display: flex;
    flex-direction: row;
}

.parts-filter-clear-button {
    font-size: 16px;
    text-decoration: underline;
    color: #0186c8;
    margin-right: 8px;
}

a.request-boom-system-quote {
    color: #fff;
    background-color: #0186c8;
    border-color: #0186c8;
    border-radius: 3px;
    margin-left: 12px;
    padding: 12px;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    a.request-boom-system-quote {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

h3.quantity_break,
h5.quantity_break,
h5.inventory,
li.part_cell_quantity_break,
h3.part_details_quantity_break,
h5.part_details_inventory {
    color: #0186c8;
    font-weight: bolder;
}


.shopping_cart {
    width: 363px;
}

.table-cell-buttons button,
.table-cell-buttons a {
    margin-right: 4px;
    margin-top: 4px;
    z-index: 1;
}

.table-cell-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .table-cell-buttons.align-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

@media(min-width:768px) {
    .table-cell-buttons {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
}

#saved-list-info-preview,
#saved-list-info-change {
    display: flex;
}


    #saved-list-info-preview button {
        margin-right: 8px;
    }

    #saved-list-info-change button {
        margin-left: 8px;
    }

    #saved-list-info-change div:first-child {
        flex-grow: 1;
    }

#saved-list-description-change-value {
    height: 80px;
}

#saved-list-name-value {
    margin-bottom: 0;
}

.blob-image-preview {
    max-width: 200px;
    max-height: 200px;
}

.form-inline-row {
    display: flex;
}

    .form-inline-row button,
    .form-inline-row a {
        margin-left: 8px;
    }

form.type_2 h3 {
    color: black;
}

@media only screen and (max-width: 799px) {
    .row-offset {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

.part-list-item .product_item .image_wrap img {
    max-width: 250px;
    max-height: 180px;
    object-fit: cover;
}

img.part-image {
    width: 100%;
}

.blob-add-image-button {
    border: 1px solid #018bc8;
}

.shopping-cart-quick-adding-by-sku-wrapper {
    background: #ffffff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column !important;
    margin-bottom: 12px;
    margin-top: 12px;
    border-radius: 4px
}

    .shopping-cart-quick-adding-by-sku-wrapper.with-border {
        border-top: 1px solid #eaeaea;
    }

    .shopping-cart-quick-adding-by-sku-wrapper h3 {
        align-self: start;
        color: black !important;
    }

.quick-adding-section {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    width: 100%;
}

.part-select-wrapper {
    min-width: 250px;
    flex: 6;
}

.add-btn-wrapper {
    display: flex;
    align-items: flex-end;
}

    .add-btn-wrapper a.quick_add_btn {
        margin: 0 !important;
        cursor: pointer;
    }

.quantity-field-wrapper {
    display: flex;
    align-items: flex-end;
    flex: 3;
    justify-content: center;
}

    .quantity-field-wrapper .qty .theme_button, .quantity-field-wrapper .qty .quantity-input {
        height: 42px;
    }

@media (max-width: 630px) {
    .part-select-wrapper {
        min-width: 150px;
    }
}


@media (max-width: 580px) {
    .quick-adding-section {
        flex-direction: column !important;
        align-items: stretch;
    }

    .quantity-field-wrapper {
        align-items: center !important;
        justify-content: center !important;
    }

    .add-btn-wrapper {
        align-items: center !important;
        width: 100%;
    }
}

.product-info-tabs-container {
    margin-top: 12px;
}

.single_product_description.quantity_container .product-info-tabs-container {
    color: #000;
}


.quantity-break-tag {
    padding: 3px;
    border: 1px solid lightgray;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 4px;
}

table.quantity-break-table td + td {
    border-left: 2px solid #eaeaea;
}

table.quantity-break-table td {
    font-size: 16px;
    text-align: center;
    background-color: transparent;
    padding: 10px 0;
}

table.quantity-break-table tr:first-child td {
    text-align: center;
    font-weight: 700;
}

.part_cell_quantity_break table.quantity-break-table td {
    font-size: 14px;
}

.header-button-column {
    text-align: left;
}

@media(min-width:768px) {

    .header-button-column {
        text-align: right;
    }
}

.select2-selection {
    overflow: hidden;
}

#change-customer-form h3 {
    text-align: center;
}

#change-customer-form button {
    background-color: #018bc8;
    color: white;
    border-radius: 8px;
    margin-top: 8px;
    width: 100%;
    padding: 12px;
}

    #change-customer-form button:hover {
        background-color: #79c1e1;
    }

#change-customer-form #change-customer-skip-button {
    background-color: white;
    color: #018bc8;
    border: 1px solid #018bc8;
    margin-top: 24px;
}

.uom-select {
    display: flex;
    margin-bottom: 12px;
}

.embed-parts-list-row {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding-top: 12px;
    padding-bottom: 12px;
}

    .embed-parts-list-row:last-of-type {
        border-bottom: none;
    }

    .embed-parts-list-row .info-column {
        flex: 2;
        margin-top: 12px;
    }

    .embed-parts-list-row img {
        height: 120px;
    }

    .embed-parts-list-row .title {
        font-size: 16px;
        text-align: center;
    }

        .embed-parts-list-row .title .ellipsize {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .embed-parts-list-row .description {
        text-align: center;
    }

    .embed-parts-list-row .product_price {
        margin-top: 12px;
        font-size: 16px;
    }

    .embed-parts-list-row a {
        background-color: #0186c8;
        color: #fff;
        font-weight: bold;
        padding: 8px 16px;
        border-radius: 3px;
        font-size: 12px;
        display: inline-block;
        margin-top: 12px;
    }

        .embed-parts-list-row a:hover {
            background-color: #79c1e1;
        }

.embed-parts-list-row-content {
    display: flex;
    flex-direction: column;
}

    .embed-parts-list-row-content > div:first-child,
    .embed-parts-list-row-content > div:last-child {
        width: auto;
    }

.embed-parts-list-row .best-seller {
    text-align: center;
    margin-bottom: 8px;
}

    .embed-parts-list-row .best-seller > span {
        font-size: 16px;
        background-color: #d30000;
        color: #fff;
        padding: 4px 12px;
        border-radius: 4px;
        font-weight: bold;
    }

@media(min-width: 1024px) {
    .embed-parts-list-row {
        flex-direction: row;
    }

        .embed-parts-list-row a,
        .embed-parts-list-row .info-column,
        .embed-parts-list-row .product_price {
            margin-left: 12px;
            margin-top: 0;
        }

        .embed-parts-list-row img {
            height: 40px;
        }

        .embed-parts-list-row .title,
        .embed-parts-list-row .description {
            text-align: left;
        }

    .embed-parts-list-row-content {
        flex-direction: row;
    }

        .embed-parts-list-row-content > div:first-child {
            width: 33%;
        }

        .embed-parts-list-row-content > div:last-child {
            width: 77%;
        }

    .embed-parts-list-row .best-seller {
        text-align: left;
    }
}

.embed_order_by {
    border: none;
}

.custom_select {
    background: none;
}

#parts-filter-container {
    background: #d2d2d2;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 12px;
}

    #parts-filter-container label,
    #parts-filter-container label {
        color: #000;
    }

    #parts-filter-container .toggle,
    #parts-filter-container .accordion {
        background: none;
        border: none;
    }

    #parts-filter-container h3 {
        font-weight: bold;
        color: #0186c8;
    }

    #parts-filter-container h4 {
        font-weight: bold;
        color: #000;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #parts-filter-container .parts-filter-show-more {
        color: #0186c8;
        margin-bottom: 8px;
    }




#main-menu .toggle > dt::after,
#main-menu .accordion > dt::after {
    height: 15px;
    width: 15px;
    font-size: 10px;
    margin-top: -5px;
    line-height: 15px;
}

#main-menu .toggle > dt,
#main-menu .accordion > dt {
    font-size: 14px;
}

#main-menu .select2 {
    width: 100% !important;
}

#categories-menu-header {
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}

    #categories-menu-header div:first-child {
        display: flex;
        cursor: pointer;
    }

    #categories-menu-header h3 {
        padding-top: 0 !important;
        margin-left: 8px;
        margin-bottom: 0;
    }

#main-menu dd .categories-menu-submit-button {
    margin-top: 8px;
}

.categories-menu-dropdown-submit-button {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}

.categories-menu-toggle-indicator {
    font-size: 16px;
    color: #5b5b5b;
}

#categories-menu-container {
    background: #d2d2d2;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 12px;
}

    #categories-menu-container label,
    #categories-menu-container label {
        color: #000;
    }

    #categories-menu-container .toggle,
    #categories-menu-container .accordion {
        background: none;
        border: none;
    }

    #categories-menu-container h3 {
        font-weight: bold;
        color: #0186c8;
    }

    #categories-menu-container h4 {
        font-weight: bold;
        color: #000;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #categories-menu-container .categories-menu-show-more {
        color: #0186c8;
        margin: 0 8px 8px 8px;
    }

    #parts-filter .parts-filter-item,
    #categories-menu-container .categories-menu-item {
        margin-top: 8px;
        margin-bottom: 8px;
    }

#main-menu .categories-menu-item-link {
    font-size: 16px;
    margin: 0 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

#main-menu .categories-menu-item-heading-link {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

#main-menu .categories-menu-item-selected,
#main-menu .categories-menu-heading-item-selected {
    font-weight: bold;
    color: #0186c8;
}

.image-disclaimer {
    text-align: right;
}

    .image-disclaimer i {
        font-size: 12px;
        font-style: italic;
    }


.general-best-seller {
    text-align: left;
    margin-bottom: 8px;
}

    .general-best-seller > span {
        font-size: 16px;
        background-color: #000;
        color: #fff;
        padding: 4px 12px;
        border-radius: 4px;
        font-weight: bold;
    }

.menu-dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
}

.menu-dropdown {
    position: relative;
    display: inline-block;
}

    .menu-dropdown.current .menu-dropbtn {
        background-color: #428bca;
    }

.menu-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

    .menu-dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .menu-dropdown-content a:first-child {
            border-radius: 4px 4px 0 0;
        }

        .menu-dropdown-content a:last-child {
            border-radius: 0 0 4px 4px;
        }

        .menu-dropdown-content a.current {
            color: white;
            background-color: #428bca;
        }

        .menu-dropdown-content a:hover {
            color: white;
            background-color: #428bca;
        }

.menu-dropdown:hover .menu-dropdown-content {
    display: block;
}

.menu-dropdown:hover .menu-dropbtn,
.menu-dropdown:hover .menu-dropbtn a {
    background-color: #428bca;
}

.topnav {
    overflow: hidden;
    display: flex;
    justify-content: end;
    flex-direction: row;
}

    .topnav a {
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        font-weight: bold;
    }

        .topnav a:not(.toggle-button):hover {
            border-bottom: 3px solid #428bca;
            transition: none;
            -webkit-transition: none;
        }

    .topnav .icon {
        display: none;
    }

    .topnav .topnav-dropdown > a:hover {
        border-bottom: none;
    }

    .topnav .topnav-dropdown:hover .topnav-dropdown-content {
        display: block;
    }

@media screen and (max-width: 600px) {
    .topnav {
        display: inline;
    }

        .topnav a {
            display: none;
        }

            .topnav a.icon {
                float: left;
                display: block;
            }

        .topnav.responsive {
            position: relative;
        }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
            }

            .topnav.responsive .topnav-dropdown > a {
                pointer-events: none;
            }

        .topnav a:not(.toggle-button):hover {
            border-bottom: none;
        }

        .topnav .topnav-dropdown:active .topnav-dropdown-content {
            display: block;
        }
}

.topnav .topnav-dropdown {
    display: inline;
}

.topnav .topnav-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    color: #000;
    border-radius: 4px;
}

    .topnav .topnav-dropdown-content a:first-child {
        border-radius: 4px 4px 0 0;
    }

    .topnav .topnav-dropdown-content a:last-child {
        border-radius: 0 0 4px 4px;
    }

    .topnav .topnav-dropdown-content a {
        color: #000;
        text-align: left;
    }

        .topnav .topnav-dropdown-content a:hover {
            border-bottom: none;
            background-color: #428bca;
            color: #fff;
        }


table.blobs-table img {
    height: 40px;
    cursor: pointer;
}

.blob-container-preview {
    text-align: center;
}

    .blob-container-preview .blob-image-preview-content {
        max-width: 400px;
        margin: auto;
    }


.part-type-header {
    margin-top: 12px;
    cursor: pointer;
}

    .part-type-header h4 {
        padding: 16px;
        background-color: #333;
        margin-bottom: 0;
        color: #fff;
    }

    .part-type-header .toggle-indicator {
        float: right;
        font-size: 18px;
    }

.equipment-components-tabs-nav button {
    margin-top: 8px;
    margin-bottom: 8px;
}

.equipment-components-modal {
    width: 240px !important;
}

@media(min-width: 500px) {
    .equipment-components-modal {
        width: 480px !important;
    }
}

@media(min-width:799px) {
    .equipment-components-modal {
        width: 760px !important;
    }
}

@media(min-width:1260px) {
    .equipment-components-modal {
        width: 1200px !important;
    }
}

.disabled-field {
    opacity: 0.6;
}