
.plugin-option tr {
    border-bottom : 1px solid #ccc;
}

.plugin-option .d7_options,
.plugin-option .d7-options {
    border-bottom : 0px;
}

.plugin-option .d7-options .option,
.plugin-option .d7_options .option {
    width : 600px;
    float : left;
}

.plugin-option .form-table > tbody > tr > td {
    padding : 25px 10px;
}

.ie8 .d7_options select,
.ie8 .d7-options select {
    height : 26px;
}

/* Style to woocommerce panel*/

#plugin-fw-wc, #d7-plugin-fw-panel {
    padding-top : 20px;
}

#plugin-fw-wc table.form-table, #d7-plugin-fw-panel table.form-table {
    background-color : #fff;
    margin-bottom    : 20px;
}

#plugin-fw-wc table.form-table th, #d7-plugin-fw-panel table.form-table th {
    padding : 20px;
}

#plugin-fw-wc h3, #d7-plugin-fw-panel h3 {
    padding : 0 0 0 10px;
    margin  : 0;
}


/* === Woocommerce panel === */
#plugin-fw-wc .d7_options {
    padding : 0;
    border  : 0;
}

#plugin-fw-wc .d7_options input.upload_button, .d7_options input.button {
    background : none;
    border     : 1px solid #ccc;
}
/* WooCommerce 2.4 Support */
.woocommerce table.form-table .colorpick {
    width : 6em;
}

#wpwrap h2.nav-tab-wrapper, #wpbody-content h2.nav-tab-wrapper {
    border-bottom : 1px solid #ccc;
}

/* === D7 FRAMEWORK === */
.plugin-card .plugin-icon img {
    max-width : 100%;
    width     : auto;
    height    : auto;
}

/* === Panel Content and Container === */
.d7-admin-panel-container {
    position : relative;
}

.d7-admin-panel-content-wrap {
    width   : 100%;
    display : block;
}

.d7-disabled {
    opacity        : 0.3;
    pointer-events : none;
}

.d7-plugin-fw-select,
.d7-plugin-fw-slider-container,
.d7-plugin-fw-text-input,
.d7-plugin-fw-text-array-table,
.d7-plugin-fw-textarea {
    width     : 400px;
    max-width : 100%;
}

.d7-plugin-fw-text-array-table input {
    width : 100%;
}

.d7-plugin-fw-panel-wc-row.preview {
    float : none;
}

.d7-plugin-fw-panel .subsubsub {
    margin : 0;
}

/* === Responsive === */

@media (max-width : 767px) {

}

@media (max-width : 480px) {

}

@media (min-width : 768px) and (max-width : 992px) {
}

@media (min-width : 980px) and (max-width : 1199px) {
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio : 3/2), only screen and (min--moz-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
