﻿.Catalog {
}

    .Catalog .EW .Search.Medium {
        padding-top: 80px;
    }

        .Catalog .EW .Search.Medium .Criteria {
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 10px;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 30px;
            width: calc(100vw - 60px);
        }

            .Catalog .EW .Search.Medium .Criteria .Tabs {
                display: flex;
            }

                .Catalog .EW .Search.Medium .Criteria .Tabs .TabContainer {
                    text-align: center;
                    width: 100px;
                }

                    .Catalog .EW .Search.Medium .Criteria .Tabs .TabContainer .Tab {
                        background-color: #ffffff;
                        border-radius: 12px;
                        color: rgba(86, 91, 96, 1);
                        height: 80px;
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: -30px;
                        padding-top: 20px;
                        width: 80px;
                    }

                        .Catalog .EW .Search.Medium .Criteria .Tabs .TabContainer .Tab.Selected {
                            background-color: rgba(255, 151, 62, 1);
                            color: rgba(255, 255, 255, 1);
                        }

            .Catalog .EW .Search.Medium .Criteria .SearchByName {
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 30px;
            }

                .Catalog .EW .Search.Medium .Criteria .SearchByName .NameSearchStyle {
                    background-color: rgba(86, 91, 96, 0.25);
                    border-radius: 6px;
                    color: #ffffff;
                    display: flex;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 5px;
                    width: 130px;
                }

                    .Catalog .EW .Search.Medium .Criteria .SearchByName .NameSearchStyle.Selected {
                        background-color: rgba(86, 91, 96, 0.5);
                    }

                    .Catalog .EW .Search.Medium .Criteria .SearchByName .NameSearchStyle .Square {
                        background-color: rgba(218, 220, 221, 1);
                        border-radius: 6px;
                        margin-left: 10px;
                        padding-left: 5px;
                        padding-right: 5px;
                        width: 20px;
                    }

                .Catalog .EW .Search.Medium .Criteria .SearchByName .SearchBoxAndButton {
                    margin-top: 10px;
                    text-align: left;
                }

                    .Catalog .EW .Search.Medium .Criteria .SearchByName .SearchBoxAndButton input {
                        padding: 10px;
                    }

                    .Catalog .EW .Search.Medium .Criteria .SearchByName .SearchBoxAndButton button {
                        padding: 10px;
                        width: 210px;
                    }

            .Catalog .EW .Search.Medium .Criteria .SearchById {
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 30px;
            }

                .Catalog .EW .Search.Medium .Criteria .SearchById .SearchBoxAndButton {
                    margin-top: 10px;
                }

                    .Catalog .EW .Search.Medium .Criteria .SearchById .SearchBoxAndButton input {
                        padding: 10px;
                    }

                    .Catalog .EW .Search.Medium .Criteria .SearchById .SearchBoxAndButton button {
                        padding: 10px;
                    }

    .Catalog .EW .Search.Medium .Criteria .SearchByAnf {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
    }

        .Catalog .EW .Search.Medium .Criteria .SearchByAnf .SearchBoxAndButton {
            margin-top: 10px;
        }

            .Catalog .EW .Search.Medium .Criteria .SearchByAnf .SearchBoxAndButton input {
                padding: 10px;
            }

            .Catalog .EW .Search.Medium .Criteria .SearchByAnf .SearchBoxAndButton button {
                padding: 10px;
            }

        .Catalog .EW .Search.Medium .Anf {
            padding: 10px;
            text-align: center;
        }

            .Catalog .EW .Search.Medium .Anf .AnfImage {
                background-color: rgba(239, 239, 240, 1);
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                height: 100px;
                padding-top: 10px;
            }

                .Catalog .EW .Search.Medium .Anf .AnfImage img {
                    border-radius: 10px 10px 0px 0px;
                    max-height: 100%;
                    max-width: 100%;
                }

            .Catalog .EW .Search.Medium .Anf .AnfName {
                background-color: rgba(239, 239, 240, 1);
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                color: rgba(0, 59, 106, 1);
            }

        .Catalog .EW .Search.Medium .AnfLocation {
            display: flex;
            font-weight: 400;
            padding-top: 20px;
        }

            .Catalog .EW .Search.Medium .AnfLocation .AllAnfs {
                background-color: var(--custom-color-5);
                border-radius: 8px;
                padding-right: 15px;
                padding-top: 10px;
                height: 42px;
                width: 42px;
            }

            .Catalog .EW .Search.Medium .AnfLocation .SelectedAnf {
                background-color: var(--custom-color-6);
                border-radius: 8px;
                color: var(--custom-color-5);
                font-size: 18px;
                font-weight: 500;
                height: 42px;
                margin-right: 5px;
                padding-right: 10px;
                padding-top: 10px;
                width: calc(100% - 47px);
            }

        .Catalog .EW .Search.Medium .Results {
            margin-left: auto;
            margin-right: auto;
            width: calc(100vw - 60px);
        }

            .Catalog .EW .Search.Medium .Results .Title {
                margin-top: 20px;
            }

    .Catalog .EW .Search.Medium .DigitalCatalog {
        margin-top: -30px;
        text-align: left;
        width: calc(100vw - 380px);
    }

        .Catalog .EW .Search.Medium .DigitalCatalog button {
            padding-left: 10px;
            padding-right: 10px;
            width: 210px;
        }
