/*
 * CSS for the settings page.
 * Do not edi the CSS file dirrectly. Please edit and compile the assets/less/admin.less
 * file instead.
 */
.woocommerce table.form-table {
    .cwl-tier-row-header {
        th:first-child {
            text-align: left;
        }
        th {
            padding: 5px;
            text-align: center;
        }
        .input-column {
            width: 120px;
            .woocommerce-help-tip {
                margin: -1px 0 0;
                float: none;
            }
        }
        th:last-child {
            width: auto;
        }
    } 
    .cwl-tier-row {
        td, th {
            padding: 0px;
        }
        th {
            text-align: center;
        }
        .input-column {
            text-align: center;
            input {
                display: inline-block;
                width: 120px;
            }
        }
        .responsive-text-medium {
            display: none;
        }
        .remove-tier {
            cursor: pointer;
        }
    }
    .cwl-tier-row-footer {
        th {
            text-align: left;
            padding-left: 10px;
        }
    }
}

@media only screen and (max-width: 782px) {
    .woocommerce table.form-table {
        .cwl-tier-row-header {
            display: none;
        }
        .cwl-tier-row { 
            .responsive-text-medium {
                display: inline-block;
                width: 20%;
                text-align: right;
                font-weight: bold;
            }
            .input-column {
                text-align: center;
                input {
                    display: inline-block;
                    width: 70%;
                }
            }
        }
        .cwl-tier-row-footer {
            th {
                text-align: center;
                padding-left: 0px;
                padding-right: 0px;
            }
        }
    }
}