﻿.Catalog {
}

    .Catalog .AutoCompleteTable {
        background-color: #ffffff;
        border-radius: 10px;
        margin-top: 10px;
        width: 100%;
    }

        .Catalog .AutoCompleteTable tr {
        }

            .Catalog .AutoCompleteTable tr td {
                border-bottom: solid 1px #dddddd;
                color: #565b60;
                cursor: pointer;
                padding: 10px;
            }

                .Catalog .AutoCompleteTable tr td:hover {
                    opacity: 0.5;
                }

    .Catalog .Results .Title {
        color: var(--custom-color-1);
        font-size: 30px;
    }

    .Catalog .Results .Count {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .Catalog .InOrder {
        background-color: #ffffff;
        border-radius: 1rem;
        color: var(--custom-color-1);
        font-size: 1.1em;
        font-weight: 600;
        padding: 17px;
        text-align: center;
        width: 100%;
    }

    .Catalog .NonLedicoItem {
        border: solid 1px var(--custom-color-1);
        border-radius: 1rem;
        color: var(--custom-color-1);
        font-size: 14px;
        padding: 17px;
        text-align: center;
        width: 100%;
    }

    .Catalog .NewSearch {
        background-image: linear-gradient(to right, var(--custom-color-2), var(--custom-color-1));
        border-radius: 0rem 1rem 1rem 0rem;
        box-shadow: 0.0rem 0.3rem 0.3rem #aaaaaa;
        color: #ffffff;
        font-size: 1.6rem;
        height: 6rem;
        left: 0rem;
        padding-top: 1.8rem;
        position: fixed;
        text-align: center;
        top: 10rem;
        transition: all linear 0.1s;
        width: 50vw;
        z-index: 9990;
    }

    .Catalog .AddToCartButton {
        background-color: var(--custom-color-1);
        border: none;
        border-radius: 10px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1px;
        outline: none;
        padding: 17px;
        width: 100%;
    }

        .Catalog .NewSearch.ng-hide {
            width: 0vw;
        }

        .Catalog .NewSearch span {
            margin-right: 2rem;
        }


.OemNumbersModal {
}

    .OemNumbersModal .modal-dialog {
        margin-top: 90px;
        max-width: none;
    }

    .OemNumbersModal .modal-body {
        max-height: calc(100vh - 300px);
        overflow-x: hidden;
        overflow-y: auto;
    }

        .OemNumbersModal .modal-dialog table {
            text-align: left;
        }

            .OemNumbersModal .modal-dialog table th {
                text-align: left;
            }

.FullSizeImageModal {
}

    .FullSizeImageModal .modal-dialog {
        max-width: none;
    }

        .FullSizeImageModal .modal-dialog .FullSizeImage {
            text-align: center;
        }

            .FullSizeImageModal .modal-dialog .FullSizeImage img {
                max-height: calc(100vh - 250px);
                max-width: 100%;
            }

    .FullSizeImageModal .modal-body {
        overflow-x: hidden;
        overflow-y: auto;
    }

.CarSelectionModal {
}

    .CarSelectionModal .modal-dialog {
        max-width: none;
    }

        .CarSelectionModal .modal-dialog th {
            text-align: left;
        }

    .CarSelectionModal .modal-body {
        max-height: calc(100vh - 300px);
        overflow-x: hidden;
        overflow-y: auto;
    }

@media (min-width: 900px) {
    .CarSelectionModal .modal-dialog {
        width: 800px;
    }
}