// out: ../my-account.css, compress: true
body {
    div.woocommerce {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        h2 {
            flex:  0 0 100%;
        }
        form {
            flex:  0 0 auto;
            h2 {
                padding-left: 0;
                padding-right: 0;
            }
            .form-row {
                max-width: 300px;
                label, .password-input, .woocommerce-input-wrapper {
                    width: 100%;
                    flex: 0 0 100%;
                }
                .woocommerce-Input, .woocommerce-input-wrapper input {
                    width: 100%;
                    flex:  0 0 100%;
                    padding: 10px;
                    border: 1px solid #b7b7b7;
                    color: #7f7f7f;
                }
                .select2-container--default .select2-selection--single {
                    border-radius: 0;
                }
            }
        }
        .woocommerce-orders-table, .woocommerce-order-downloads .woocommerce-table {
            width: 100%;
            tr{
                border: 1px solid #ccc;
                th, td {
                    padding: 5px;
                }
                .button {
                    display: block;
                    text-align: center;
                    margin: 3px 0;
                }
            }
        }
        nav.woocommerce-MyAccount-navigation {
            flex: 0 0 20%;
            ul {
                list-style: none;
                padding: 0;
                li {
                    a {
                        padding: 10px;
                        border: 1px solid #ccc;
                        margin-bottom: 10px;
                        color: #000;
                        display: block;
                        text-decoration: none;
                    }
                    &.is-active {
                        a {
                            border: 1px solid #000;
                        }
                    }
                }
            }
        }
        div.woocommerce-MyAccount-content {
            flex: 0 0 80%;
            padding: 0 15px;
        }
    }
}
@media screen and (max-width: 991px){
    body {
        div.woocommerce {
            div.woocommerce-MyAccount-content {
                flex: 0 0 100%;
                padding: 0;
                margin-bottom: 15px;
                order: 1;
            }
            nav.woocommerce-MyAccount-navigation {
                flex: 0 0 100%;
                order: 2;
            }
        }
    }
}