/* Product Selector CSS file
============================================ */

.product-dropdown .downshift-menu {
    /* min-width: 100%;
  max-width: 380px; */
    max-height: 300px;
}

.product-selector-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 1.5rem;
}

.product-selector-list li input[type='radio'] {
    margin-top: 0;
    margin-right: 1rem;
}

.product-selector-list li label {
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
    width: 90%;
    font-weight: 400 !important;
}

.all-product-selector-dropdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.all-product-selector-dropdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.all-product-selector-dropdown > * {
    width: 100%;
}

.all-product-selector-dropdown > *:first-child {
    margin-bottom: 2rem;
}

#describe-issue .product-selector-wrapper {
    margin-bottom: 2.5rem;
}

#describe-issue .all-product-selector-dropdown > *:first-child {
    margin-bottom: 1.5rem;
}

@media (min-width: 1200px) {
    .all-product-selector-dropdown {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .all-product-selector-dropdown > * {
        margin-bottom: 0 !important;
    }

    .all-product-selector-dropdown > *:first-child {
        -ms-flex: 0 1 60%;
        flex: 0 1 65%;
        width: 65%;
    }

    .all-product-selector-dropdown > * label {
        font-size: 15px;
    }

    .all-product-selector-dropdown .version-selector-wrapper {
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        -ms-flex-item-align: center;
        margin-left: 24px;

        button {
            height: 40px;
        }
    }

    .version-dropdown-wrapper {
        display: flex;
        align-items: center;
    }
}