/* ==========================================================================
   WooCommerce Variation styles - begin
   ========================================================================== */

.edge-woocommerce-page .edge-content {
    
    .variations {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        border: none;
        padding: 0;
        
        tr {
            border: 0;
            display: block;
            float: left;
            padding-right: 16px;
        }
        
        td {
            padding: 0;
            text-align: left;
            display: block;
        }

        td.label{
            width: 12%;
        }

        .select2-container{
            min-width: 180px;
        }
        
        .reset_variations {
            color: $default-heading-color;
            margin-left: 15px;
        }
    }
    
    .single_variation_wrap {
        margin: 14px 0 0;
        
        .single_variation {
            margin: 0 0 35px;
        }

        .variations_button{
            .edge-quantity-buttons{
                margin: 0;
                float: left;
                width: 198px;
            }
        }
    }
    
    table.group_table {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        border: none;
        padding: 0;
        
        tbody {
            display: block;
        }
        
        tr {
            border: 1px solid $additional-border-color;
            display: table;
            margin: 0 10px 13px 0;
            width: 100%;
            background-color: #fff;
        }
        
        td {
            box-sizing: border-box;
            padding: 0 10px;
            text-align: left;
            display: inline-block;

            &:first-child {
                padding: 0;
            }

            &.label {
                text-align: left;
                vertical-align: middle;
            }
            
            &.price {
                display: table-cell;
                font-size: 16px;
                margin: 0;
                text-align: center;
                vertical-align: middle;

            }
        }
        
        .edge-quantity-buttons {
            margin: 0;
            border: 0;
            background: transparent;
            padding: 0px 10px;

            .edge-quantity-label{
                display: none;
            }

            .edge-quantity-input{
                width: 20px;
                margin: 0;
            }
        }
        
        a {
            color: $default-text-color;
            
            &:hover {
                color: $default-heading-color;
            }
        }
    }
}
/* ==========================================================================
   WooCommerce Variation styles - end
   ========================================================================== */