woocommerce/assets/css/admin.css

3131 lines
84 KiB
CSS

.woocommerce-message {
position: relative;
z-index: 100;
border: 1px solid #b76ca9 !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
-moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
overflow: hidden;
padding: 10px 0 10px !important;
background: #cc99c2 url(../images/message.png) no-repeat right bottom !important;
}
.woocommerce-message .squeezer {
max-width: 960px;
margin: 0;
padding: 0 10px;
text-align: left;
overflow: hidden;
}
.woocommerce-message h4 {
margin: 0 10px 0 0;
font-size: 18px;
line-height: 36px;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
font-weight: normal;
color: #fff;
text-shadow: 0px 1px 1px #b574a8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
vertical-align: middle;
}
.woocommerce-message p {
margin: 0 !important;
padding: 2px 0 !important;
float: left !important;
line-height: 32px;
vertical-align: middle;
}
.woocommerce-message p a.button-primary {
font-size: 16px !important;
line-height: 16px !important;
margin: 0 5px 0 0;
padding: 6px 15px;
vertical-align: middle;
color: #fff;
text-align: center;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #88537e;
background: #a46497;
-moz-box-shadow: inset 0 0 2px #ffffff, 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px #ffffff, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 2px #ffffff, 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
}
.woocommerce-message p a.button-primary:hover,
.woocommerce-message p a.button-primary:active {
background-color: #f0a000;
border-color: #c87800;
-webkit-transition-duration: .3s;
outline: none;
opacity: 1;
}
.woocommerce-message p a.skip,
.woocommerce-message p a.docs {
opacity: 0.5;
}
.woocommerce-message .twitter-share-button {
vertical-align: middle;
}
#variable_product_options #message {
margin: 10px;
}
#woocommerce_extensions {
background-color: #f1f1f1;
background-image: url(../images/icons/wc_icon.png);
background-repeat: no-repeat;
background-position: 4px 4px;
padding: 4px 18px 4px 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
width: 220px;
float: right;
margin: 9px 0 -40px;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
color: #555;
}
#woocommerce_extensions a {
color: #555;
}
#woocommerce_extensions a.hide {
color: #ccc;
float: right;
text-decoration: none;
position: absolute;
top: 0;
right: 0;
line-height: 20px;
padding: 2px 8px;
font-size: 11px;
text-align: center;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#woocommerce_extensions {
background-image: url(../images/icons/wc_icon@2x.png);
background-size: 16px 17px;
background-position: 6px 6px;
}
}
#wc_get_started {
position: relative;
margin: 1em 0 2em;
padding: 15px 15px 15px 90px;
border: 1px solid #d9d9d9;
background: #f5f5f5 url(../images/gear.png) no-repeat 15px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-moz-box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-webkit-box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
}
#wc_get_started span {
display: block;
text-shadow: 1px 1px 0 #fff;
font-size: 14px;
line-height: 22px;
color: #595959;
}
#wc_get_started span.main {
margin-top: 2px;
font-weight: bold;
font-size: 16px;
}
#wc_get_started .main-button {
position: absolute;
right: 20px;
top: 27px;
}
#wc_get_started p {
margin: 1em 0 .5em;
}
#wc_get_started.mijireh {
background: #5bc0de url(../images/mijireh-logo.png) no-repeat 15px 18px;
border: 1px solid #339bb9;
padding: 15px 15px 15px 152px;
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 0 rgba(255, 255, 255, 0.5);
}
#wc_get_started.mijireh span {
color: #fff;
text-shadow: 0 1px 0 #4a94ac;
}
#wc_get_started.mijireh span a {
color: #fff;
}
#wc_get_started.mijireh a.button {
border-color: #fff;
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px #206d8b;
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px #206d8b;
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px #206d8b;
}
#wc_get_started.mijireh a.button-primary {
background: #2b7e9f;
border-color: #266e8b;
}
#icon-woocommerce,
.woocommerce_icon,
.icon32-posts-product,
.icon32-posts-shop_order,
.icon32-posts-shop_coupon,
.icon32-posts-product_variation {
background-image: url(../images/icons/woocommerce-icons.png) !important;
background-position: -11px -5px;
background-size: auto !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#icon-woocommerce,
.woocommerce_icon,
.icon32-posts-product,
.icon32-posts-shop_order,
.icon32-posts-shop_coupon,
.icon32-posts-product_variation {
background-image: url(../images/icons/woocommerce-icons-x2.png) !important;
background-size: 986px 91px !important;
}
}
.icon32-posts-product {
background-position: -69px -5px !important;
}
.icon32-posts-shop_order {
background-position: -127px -5px !important;
}
.icon32-attributes {
background-position: -185px -5px !important;
}
.icon32-woocommerce-settings {
background-position: -359px -5px !important;
}
.icon32-posts-shop_coupon {
background-position: -475px -5px !important;
}
.icon32-posts-product_variation {
background-position: -533px -5px !important;
}
.icon32-woocommerce-reports {
background-position: -591px -5px !important;
}
.icon32-woocommerce-status {
background-position: -417px -5px !important;
}
.icon32-woocommerce-delivery {
background-position: -649px -5px !important;
}
.icon32-woocommerce-compose {
background-position: -708px -5px !important;
}
.icon32-woocommerce-telephone {
background-position: -766px -5px !important;
}
.icon32-woocommerce-users {
background-position: -824px -5px !important;
}
.icon32-woocommerce-nav {
background-position: -882px -5px !important;
}
.icon32-woocommerce-email {
background-position: -940px -5px !important;
}
.icon32-woocommerce-importer {
background-position: -11px -50px !important;
}
.wrap.woocommerce div.updated,
.wrap.woocommerce div.error {
margin-top: 10px;
}
mark.amount {
background: transparent none;
color: inherit;
}
.postbox input:invalid,
.woocommerce input:invalid {
border: 1px solid #cc010b;
background: #ffebe8 url(../images/icons/invalid.png) right center no-repeat;
}
/* Status page */
table.wc_status_table th {
font-weight: bold;
}
table.wc_status_table td {
padding: 5px 7px;
}
table.wc_status_table td mark {
background: transparent none;
}
table.wc_status_table td mark.yes {
color: green;
}
table.wc_status_table td mark.no {
color: #999;
}
table.wc_status_table td mark.error {
color: red;
}
table.wc_status_table td ul {
margin: 0;
}
#debug-report {
font-family: monospace;
display: none;
width: 100%;
margin-bottom: 20px;
height: 200px;
}
/* Bulk/Quick edit */
.inline-edit-product.quick-edit-row .inline-edit-col-center,
.inline-edit-product.quick-edit-row .inline-edit-col-right {
float: right !important;
}
#woocommerce-fields.inline-edit-col {
clear: left;
}
#woocommerce-fields.inline-edit-col label.featured,
#woocommerce-fields.inline-edit-col label.manage_stock {
margin-left: 10px;
}
#woocommerce-fields.inline-edit-col .dimensions div {
display: block;
margin: .2em 0;
}
#woocommerce-fields.inline-edit-col .dimensions div span.title {
display: block;
float: left;
width: 5em;
}
#woocommerce-fields.inline-edit-col .dimensions div span.input-text-wrap {
display: block;
margin-left: 5em;
}
#woocommerce-fields.inline-edit-col .text {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 99%;
float: left;
margin: 1px 1% 1px 1px;
}
#woocommerce-fields.inline-edit-col .length,
#woocommerce-fields.inline-edit-col .width,
#woocommerce-fields.inline-edit-col .height {
width: 32.33%;
}
#woocommerce-fields.inline-edit-col .height {
margin-right: 0;
}
#woocommerce-fields-bulk.inline-edit-col label {
clear: left;
}
#woocommerce-fields-bulk.inline-edit-col .inline-edit-group label,
#woocommerce-fields-bulk.inline-edit-col .inline-edit-group div.alignright {
clear: none;
width: 49%;
margin: .2em 0;
}
#woocommerce-fields-bulk.inline-edit-col .regular_price,
#woocommerce-fields-bulk.inline-edit-col .sale_price,
#woocommerce-fields-bulk.inline-edit-col .weight,
#woocommerce-fields-bulk.inline-edit-col .stock {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 100%;
}
#woocommerce-fields-bulk.inline-edit-col .length,
#woocommerce-fields-bulk.inline-edit-col .width,
#woocommerce-fields-bulk.inline-edit-col .height {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 32%;
}
/* Orders */
.tablenav .actions {
overflow: visible;
}
.alignleft.actions .chzn-container-single {
display: inline-block;
vertical-align: middle;
}
#order_data {
padding: 0 10px 9px;
}
#order_data .order_data_left {
width: 48%;
float: left;
}
#order_data .order_data_left h2 {
margin-top: 11px;
margin-bottom: 0;
}
#order_data .order_data_left p {
padding: 0 !important;
}
#order_data .order_data_left .form-field {
float: left;
width: 48%;
padding: 0;
margin: 9px 0 0 0;
}
#order_data .order_data_left .form-field label {
display: block;
padding: 0 0 3px;
}
#order_data .order_data_left .form-field input,
#order_data .order_data_left .form-field textarea {
width: 100%;
}
#order_data .order_data_left .form-field select {
width: 100%;
}
#order_data .order_data_left .form-field #order_status_chzn .chzn-search {
display: none;
}
#order_data .order_data_left .form-field .chzn-container {
width: 100% !important;
}
#order_data .order_data_left .form-field .date-picker-field {
width: 9em;
}
#order_data .order_data_left .form-field .hour,
#order_data .order_data_left .form-field .minute {
width: 2.5em;
}
#order_data .order_data_left .form-field.last {
float: right;
}
#order_data .order_data_left .form-field-wide {
width: 100%;
clear: both;
}
#order_data .order_data_left .form-field-wide input,
#order_data .order_data_left .form-field-wide textarea {
width: 100%;
}
#order_data .order_data_left .form-field-wide select {
width: 100%;
}
#order_data .order_data_right {
width: 48%;
float: right;
}
#order_data .order_data_right .order_data {
overflow: hidden;
zoom: 1;
width: 49%;
float: left;
}
#order_data .order_data_right .order_data_alt {
float: right;
}
#order_data .order_data_right h2 {
margin-top: 11px;
margin-bottom: 0;
}
#order_data .order_data_right p {
padding: 0 !important;
}
#order_data .order_data_right p.none_set {
color: #999;
}
#order_data .order_data_right .form-field {
float: left;
width: 50%;
padding: 0;
margin: 9px 0 0 0;
}
#order_data .order_data_right .form-field label {
display: block;
padding: 0 0 3px;
}
#order_data .order_data_right .form-field input,
#order_data .order_data_right .form-field select {
width: 95%;
}
#order_data .order_data_right ._billing_company_field,
#order_data .order_data_right ._shipping_company_field {
clear: both;
width: 100%;
}
#order_data .order_data_right ._billing_company_field input,
#order_data .order_data_right ._shipping_company_field input {
width: 97.5%;
}
#order_data .order_data_right ._billing_email_field {
clear: left;
}
#order_data .order_data_right div.edit_address {
display: none;
overflow: hidden;
zoom: 1;
}
.order_actions {
margin: 0;
overflow: hidden;
zoom: 1;
}
.order_actions li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
padding: 6px 0;
margin: 0;
line-height: 1.6em;
float: left;
width: 50%;
text-align: center;
}
.order_actions li a {
float: none;
text-align: center;
text-decoration: underline;
}
.order_actions li.wide {
width: auto;
float: none;
clear: both;
padding: 6px;
text-align: left;
overflow: hidden;
}
.order_actions li #delete-action {
line-height: 25px;
vertical-align: middle;
text-align: left;
float: left;
}
.order_actions li .save_order {
float: right;
}
#woocommerce-order-items .inside {
margin: 0;
padding: 0;
background: #fefefe;
}
#woocommerce-order-items .bulk_actions {
float: left;
padding-left: 12px;
vertical-align: top;
}
#woocommerce-order-items .add_items {
float: right;
padding-right: 12px;
vertical-align: top;
}
#woocommerce-order-items .add_items .add_item_id,
#woocommerce-order-items .add_items .chzn-container {
margin-right: 9px;
vertical-align: top;
float: left;
}
#woocommerce-order-items .add_items .add_item_id .search-field input,
#woocommerce-order-items .add_items .chzn-container .search-field input {
min-width: 100px;
}
#woocommerce-order-items .add_items button {
margin: 2px 0 0 0;
}
#woocommerce-order-items .add_meta {
margin-left: 0 !important;
}
#woocommerce-order-items h3 small {
color: #999;
}
#woocommerce-order-downloads .buttons {
float: left;
padding: 0;
margin: 0;
vertical-align: top;
}
#woocommerce-order-downloads .buttons .add_item_id,
#woocommerce-order-downloads .buttons .chzn-container {
width: 400px !important;
margin-right: 9px;
vertical-align: top;
float: left;
}
#woocommerce-order-downloads .buttons button {
margin: 2px 0 0 0;
}
#woocommerce-order-downloads h3 small {
color: #999;
}
#poststuff #woocommerce-order-actions .inside {
margin: 0;
padding: 0;
}
#poststuff #woocommerce-order-actions .inside ul.order_actions li {
padding: 6px 10px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
#poststuff #woocommerce-order-actions .inside ul.order_actions li:last-child {
border-bottom: 0;
}
#poststuff #woocommerce-order-totals .inside {
margin: 0;
padding: 0;
}
#poststuff #woocommerce-order-totals h4 {
margin: 0 !important;
}
#poststuff #woocommerce-order-totals h4 a.add_tax_row {
display: block;
padding-bottom: 10px;
}
#poststuff #woocommerce-order-totals h4 .inline_total {
float: right;
color: #999;
}
#poststuff #woocommerce-order-totals .totals_group {
border-top: 1px solid white;
border-bottom: 1px solid #DDD;
padding: 10px 10px 0 10px;
}
#poststuff #woocommerce-order-totals .totals_group:first-child {
border-top: 0;
}
#poststuff #woocommerce-order-totals .buttons {
border-top: 1px solid white;
padding: 0 10px 0 10px;
text-align: right;
}
#poststuff #woocommerce-order-totals .buttons .calc_line_taxes {
float: left;
}
#poststuff #woocommerce-order-totals ul.totals {
margin: 6px 0 0;
float: left;
}
#poststuff #woocommerce-order-totals ul.totals li {
float: left;
clear: both;
width: 100%;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
margin: 0;
padding: 0 0 10px;
}
#poststuff #woocommerce-order-totals ul.totals li label {
font-weight: normal;
display: block;
font-size: 0.8em;
color: #333;
}
#poststuff #woocommerce-order-totals ul.totals li input {
padding: 4px;
}
#poststuff #woocommerce-order-totals ul.totals li input,
#poststuff #woocommerce-order-totals ul.totals li select {
width: 100%;
vertical-align: top;
font-size: 1em !important;
margin: 0 !important;
font-weight: normal;
color: #555;
}
#poststuff #woocommerce-order-totals ul.totals li input.first {
width: 49%;
float: left;
}
#poststuff #woocommerce-order-totals ul.totals li input.last {
width: 49%;
float: right;
}
#poststuff #woocommerce-order-totals ul.totals li.left {
float: left;
width: 49%;
clear: left;
}
#poststuff #woocommerce-order-totals ul.totals li.left input {
width: 100%;
}
#poststuff #woocommerce-order-totals ul.totals li.right {
float: right;
width: 49%;
clear: none;
}
#poststuff #woocommerce-order-totals ul.totals li.right input {
width: 100%;
}
#poststuff #woocommerce-order-totals ul.totals li.wide {
float: left;
width: 100%;
clear: left;
}
#poststuff #woocommerce-order-totals ul.totals li.wide input {
width: 100%;
}
#poststuff #woocommerce-order-totals ul.totals .calculated {
border-color: #ae8ca2;
border-style: dotted;
}
#poststuff #woocommerce-order-totals #tax_rows {
margin: 6px 0 0;
}
#poststuff #woocommerce-order-totals .tax_row {
margin: 0 0 9px;
border: 1px solid #DFDFDF;
border-right-width: 2px;
border-bottom-width: 2px;
background: #fff;
padding: 6px 6px 0;
position: relative;
opacity: 0.75;
}
#poststuff #woocommerce-order-totals .tax_row:hover,
#poststuff #woocommerce-order-totals .tax_row:focus {
opacity: 1;
}
#poststuff #woocommerce-order-totals .tax_row p {
margin: 0 0 6px;
}
#poststuff #woocommerce-order-totals .tax_row label {
color: #555;
}
#poststuff #woocommerce-order-totals .tax_row label .checkbox {
line-height: 26px;
}
#poststuff #woocommerce-order-totals .tax_row p.first {
float: left;
width: 49%;
clear: left;
}
#poststuff #woocommerce-order-totals .tax_row p.first input,
#poststuff #woocommerce-order-totals .tax_row p.first select {
width: 100%;
}
#poststuff #woocommerce-order-totals .tax_row p.last {
float: right;
width: 49%;
clear: none;
}
#poststuff #woocommerce-order-totals .tax_row p.last input,
#poststuff #woocommerce-order-totals .tax_row p.last select {
width: 100%;
}
#poststuff #woocommerce-order-totals .tax_row p.wide {
clear: both;
}
#poststuff #woocommerce-order-totals .tax_row p.wide input,
#poststuff #woocommerce-order-totals .tax_row p.wide select {
width: 100%;
}
#poststuff #woocommerce-order-totals .tax_row a.delete_tax_row {
padding: 0;
text-decoration: none;
font-size: 11px;
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
color: #999;
float: right;
background: #ddd;
border: 1px solid #eee;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
position: absolute;
top: 0;
right: 0;
margin: -8px -8px 0 0;
display: none;
}
#poststuff #woocommerce-order-totals .tax_row:hover a.delete_tax_row,
#poststuff #woocommerce-order-totals .tax_row:focus a.delete_tax_row {
display: block;
}
#poststuff #woocommerce-order-notes .inside {
margin: 0;
padding: 0;
}
#poststuff #woocommerce-order-notes .inside ul.order_notes li {
padding: 0 10px;
}
.woocommerce_order_items_wrapper {
margin: 0;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items {
width: 100%;
background: #fff;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items thead th {
background: #ECECEC;
padding: 8px;
font-size: 11px;
text-align: left;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th,
.woocommerce_order_items_wrapper table.woocommerce_order_items td {
padding: 8px;
text-align: left;
line-height: 26px;
vertical-align: top;
border-bottom: 1px dotted #ececec;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th input,
.woocommerce_order_items_wrapper table.woocommerce_order_items td input,
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th textarea,
.woocommerce_order_items_wrapper table.woocommerce_order_items td textarea {
width: 100%;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th select,
.woocommerce_order_items_wrapper table.woocommerce_order_items td select {
width: 50%;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th input,
.woocommerce_order_items_wrapper table.woocommerce_order_items td input,
.woocommerce_order_items_wrapper table.woocommerce_order_items tbody th textarea,
.woocommerce_order_items_wrapper table.woocommerce_order_items td textarea {
font-size: 14px;
padding: 4px;
color: #555;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items td.check-column {
padding: 8px;
width: 1%;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .item {
min-width: 200px;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .center,
.woocommerce_order_items_wrapper table.woocommerce_order_items .variation-id {
text-align: center;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .cost,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax,
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_tax,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class {
text-align: right;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .cost label,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax label,
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity label,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost label,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_tax label,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class label {
white-space: nowrap;
color: #999;
font-size: 0.833em;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .cost label input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax label input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity label input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost label input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_tax label input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class label input {
display: inline;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .cost input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_tax input,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class input {
width: 60px;
vertical-align: middle;
text-align: right;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .cost select,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax select,
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity select,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost select,
.woocommerce_order_items_wrapper table.woocommerce_order_items .line_tax select,
.woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class select {
width: 85px;
height: 26px;
vertical-align: middle;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity {
text-align: center;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .quantity input {
text-align: center;
width: 50px;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items span.subtotal {
opacity: 0.5;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items td.tax_class,
.woocommerce_order_items_wrapper table.woocommerce_order_items th.tax_class {
text-align: left;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .calculated {
border-color: #ae8ca2;
border-style: dotted;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items table.meta {
width: 100%;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items table.meta tr td {
padding: 1px 4px 1px 0;
border: 0;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items table.meta tr td input {
min-width: 100px;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .thumb {
text-align: left;
width: 52px;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .thumb a {
display: block;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items .thumb img {
padding: 2px;
margin: 0;
border: 1px solid #dfdfdf;
vertical-align: middle;
width: 46px;
height: 46px;
}
.woocommerce_order_items_wrapper table.woocommerce_order_items tr.fee .thumb {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYGWP8//8/AzGACV3Rnj17/oMwujiGQnQFMD7RChlBbsRmFcwkEO3i4sJImonIumGmg0xBFifaRKIVgj2DbAUuNgCfThpracSKqwAAAABJRU5ErkJggg==) no-repeat center;
}
.widefat .column-order_title time {
display: block;
color: #999;
margin: 3px 0;
}
.widefat .column-order_actions {
width: 110px;
}
.widefat .column-order_actions a.button {
float: left;
margin: 0 4px 2px 0;
cursor: pointer;
padding: 3px 6px;
}
.widefat .column-order_actions a.button img {
display: block;
}
.widefat small.meta {
display: block;
color: #999;
font-size: inherit;
margin: 3px 0;
}
.widefat .column-total_cost,
.widefat .column-order_date {
width: 9%;
}
.widefat .column-order_status {
width: 75px;
text-align: center;
}
.widefat .column-order_status mark {
display: block;
text-align: center;
white-space: nowrap;
padding: 0 2px;
background: #999;
font-size: 11px;
line-height: 1.75;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0;
color: #fff;
font-weight: bold;
}
.widefat .column-order_status mark.pending {
background-color: #999;
}
.widefat .column-order_status mark.completed {
background-color: #a0658b;
}
.widefat .column-order_status mark.on-hold {
background-color: #E66F00;
}
.widefat .column-order_status mark.failed {
background-color: red;
}
.widefat .column-order_status mark.cancelled {
background-color: #ccc;
}
.widefat .column-order_status mark.processing {
background-color: #2184c2;
}
.widefat .column-order_status mark.refunded {
background-color: #ccc;
}
/* Order notes */
ul.order_notes {
padding: 2px 0 0 0;
}
ul.order_notes li .note_content {
padding: 10px;
background: #efefef;
position: relative;
}
ul.order_notes li .note_content p {
margin: 0;
padding: 0;
}
ul.order_notes li p.meta {
padding: 10px;
color: #999;
margin: 0;
font-size: 11px;
}
ul.order_notes li a.delete_note {
color: #ff0000;
}
ul.order_notes li .note_content:after {
content: "";
display: block;
position: absolute;
bottom: -15px;
left: 30px;
width: 0;
height: 0;
border-width: 15px 15px 0 0;
border-style: solid;
border-color: #efefef transparent;
}
ul.order_notes li.customer-note .note_content {
background: #d7cad2;
}
ul.order_notes li.customer-note .note_content:after {
border-color: #d7cad2 transparent;
}
.add_note {
border-top: 1px solid #ddd;
padding: 10px 10px 0;
}
.add_note h4 {
margin-top: 5px !important;
}
.add_note #add_order_note {
width: 100%;
height: 50px;
}
/* Product list */
table.wp-list-table .column-thumb {
width: 52px;
text-align: center;
white-space: nowrap;
}
table.wp-list-table .column-product_cat,
table.wp-list-table .column-product_tag {
width: 11% !important;
}
table.wp-list-table .column-sku,
table.wp-list-table .column-product_cat,
table.wp-list-table .column-product_tag,
table.wp-list-table .column-is_in_stock,
table.wp-list-table .column-price,
table.wp-list-table .column-product_date {
width: 9%;
}
table.wp-list-table .column-featured,
table.wp-list-table .column-product_type {
width: 46px;
text-align: left !important;
}
table.wp-list-table .column-note {
width: 46px;
text-align: center;
}
table.wp-list-table .column-note img {
margin: 0 auto;
padding-top: 0 !important;
}
table.wp-list-table .column-order_comments {
width: 3em !important;
}
table.wp-list-table .column-order_comments .post-com-count {
float: left;
}
table.wp-list-table th.column-note img,
table.wp-list-table th.column-order_comments img {
padding-top: 1px !important;
}
table.wp-list-table .manage-column.column-featured img,
table.wp-list-table .manage-column.column-product_type img {
padding-left: 2px;
}
table.wp-list-table img {
margin: 1px 2px;
}
table.wp-list-table .column-thumb img {
padding: 2px;
margin: 0;
border: 1px solid #dfdfdf;
vertical-align: middle;
width: 32px;
height: 32px;
}
table.wp-list-table span.na {
color: #999;
}
table.wp-list-table .column-is_in_stock {
text-align: left !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
table.wp-list-table span.product-type {
background-image: url(../images/product_types-x2.png) !important;
background-size: 96px 16px !important;
}
}
table.wp-list-table span.product-type {
width: 16px;
height: 16px;
margin: 1px 2px;
display: block;
background: url(../images/product_types.png) no-repeat -16px 0;
}
table.wp-list-table span.product-type.grouped {
background-position: 0 0;
}
table.wp-list-table span.product-type.external {
background-position: -32px 0;
}
table.wp-list-table span.product-type.variable {
background-position: -48px 0;
}
table.wp-list-table span.product-type.downloadable {
background-position: -64px 0;
}
table.wp-list-table span.product-type.virtual {
background-position: -80px 0;
}
table.wp-list-table mark.instock {
font-weight: bold;
color: green;
background: transparent none;
line-height: 1;
}
table.wp-list-table mark.outofstock {
font-weight: bold;
color: #aa4444;
background: transparent none;
line-height: 1;
}
/* Dashboard */
ul.woocommerce_stats {
overflow: hidden;
zoom: 1;
}
ul.woocommerce_stats li {
width: 22%;
padding: 0 1.4%;
float: left;
font-size: 0.8em;
border-left: 1px solid #fff;
border-right: 1px solid #ececec;
text-align: center;
}
ul.woocommerce_stats li:first-child {
border-left: 0;
}
ul.woocommerce_stats li:last-child {
border-right: 0;
}
ul.woocommerce_stats strong {
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-size: 4em;
line-height: 1.2em;
font-weight: normal;
text-align: center;
display: block;
}
#woocommerce_dashboard_right_now p.sub,
#woocommerce_dashboard_right_now .table,
#woocommerce_dashboard_right_now .versions {
margin: -12px;
}
#woocommerce_dashboard_right_now .inside {
font-size: 12px;
margin-bottom: 0;
padding-top: 20px;
}
#woocommerce_dashboard_right_now p.sub {
padding: 5px 0 15px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
top: -17px;
left: 15px;
}
#woocommerce_dashboard_right_now .table {
margin: 0;
padding: 0;
position: relative;
}
#woocommerce_dashboard_right_now .table_shop_content {
float: left;
border-top: #ececec 1px solid;
width: 45%;
}
#woocommerce_dashboard_right_now .table_orders {
float: right;
border-top: #ececec 1px solid;
width: 45%;
}
#woocommerce_dashboard_right_now table td {
padding: 3px 0;
white-space: nowrap;
}
#woocommerce_dashboard_right_now table tr.first td {
border-top: none;
}
#woocommerce_dashboard_right_now td.b {
padding-right: 6px;
text-align: right;
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-size: 14px;
width: 1%;
}
#woocommerce_dashboard_right_now td.b a {
font-size: 18px;
}
#woocommerce_dashboard_right_now td.b a:hover {
color: #d54e21;
}
#woocommerce_dashboard_right_now .t {
font-size: 12px;
padding-right: 12px;
padding-top: 6px;
color: #777;
}
#woocommerce_dashboard_right_now .t a {
white-space: nowrap;
}
#woocommerce_dashboard_right_now .on-hold a {
color: red;
}
#woocommerce_dashboard_right_now .pending a {
color: #e66f00;
}
#woocommerce_dashboard_right_now .completed a {
color: green;
}
#woocommerce_dashboard_right_now .versions {
padding: 6px 10px 12px;
clear: both;
}
#woocommerce_dashboard_right_now .versions .b {
font-weight: bold;
}
#woocommerce_dashboard_right_now a.button {
float: right;
clear: right;
position: relative;
top: -5px;
}
#woocommerce_dashboard_sales h3 a {
float: right;
margin-left: 8px;
}
ul.recent-orders li,
ul.stock_list li {
overflow: hidden;
zoom: 1;
border-bottom: #ECECEC 1px solid;
padding: 0 0 8px;
margin: 0 0 8px;
}
ul.recent-orders li .order-status,
ul.stock_list li .order-status {
float: right;
}
ul.recent-orders li small,
ul.stock_list li small {
color: #999;
}
ul.recent-orders li .order-cost,
ul.stock_list li .order-cost,
ul.recent-orders li .order-customer,
ul.stock_list li .order-customer {
margin-left: 8px;
}
ul.recent-orders li .completed,
ul.stock_list li .completed {
color: green;
}
ul.recent-orders li .on-hold,
ul.stock_list li .on-hold {
color: red;
}
ul.recent-orders li .processing,
ul.stock_list li .processing {
color: #21759B;
}
ul.recent-orders li .pending,
ul.stock_list li .pending {
color: #E66F00;
}
ul.recent-orders li .refunded,
ul.stock_list li .refunded,
ul.recent-orders li .cancelled,
ul.stock_list li .cancelled {
color: #999;
}
ul.recent-orders.stock_list small,
ul.stock_list.stock_list small {
float: right;
}
ul.recent-orders.stock_list a,
ul.stock_list.stock_list a {
text-decoration: none;
}
#woocommerce_dashboard_recent_reviews li {
line-height: 1.5em;
margin-bottom: 12px;
}
#woocommerce_dashboard_recent_reviews h4.meta {
line-height: 1.4;
margin: -0.2em 0 0 0;
font-weight: normal;
color: #999;
}
#woocommerce_dashboard_recent_reviews blockquote {
padding: 0;
margin: 0;
}
#woocommerce_dashboard_recent_reviews .avatar {
float: left;
margin: 0 10px 5px 0;
}
#woocommerce_dashboard_recent_reviews .star-rating {
float: right;
width: 50px;
height: 10px;
margin: 3px 0 0 0;
background: url(../images/admin-star.png) repeat-x left -10px;
}
#woocommerce_dashboard_recent_reviews .star-rating span {
background: url(../images/admin-star.png) repeat-x left 0;
height: 0;
padding-top: 10px;
overflow: hidden;
float: left;
}
/* Settings */
mark.notice {
background: #fff;
color: red;
margin: 0 0 0 10px;
}
a.export_rates,
a.import_rates {
float: right;
margin-left: 9px;
margin-top: -2px;
margin-bottom: 0;
}
table.wc_tax_rates td {
padding: 0;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-top: 0;
background: #fff;
}
table.wc_tax_rates td input {
width: 100%;
padding: 5px 7px;
margin: 0;
border: 0;
background: transparent none;
}
table.wc_tax_rates td.compound,
table.wc_tax_rates td.apply_to_shipping {
padding: 5px 7px;
vertical-align: middle;
}
table.wc_tax_rates td.compound input,
table.wc_tax_rates td.apply_to_shipping input {
width: auto;
padding: 0;
}
table.wc_tax_rates td:last-child {
border-right: 0;
}
table.wc_tax_rates tr.current td {
background-color: #fefbcc;
}
table.wc_tax_rates .item_cost,
table.wc_tax_rates .cost {
text-align: right;
}
table.wc_tax_rates .item_cost input,
table.wc_tax_rates .cost input {
text-align: right;
}
table.wc_tax_rates th.sort {
width: 17px;
padding: 0;
}
table.wc_tax_rates td.sort {
width: 16px;
padding: 0;
cursor: move;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHUlEQVQYV2O8f//+fwY8gJGgAny6QXKETRgEVgAAXxAVsa5Xr3QAAAAASUVORK5CYII=) no-repeat center;
}
table.wc_tax_rates .button {
float: left;
margin-right: 5px;
}
table.wc_tax_rates .export,
table.wc_tax_rates .import {
float: right;
margin-right: 0;
margin-left: 5px;
}
table.wc_tax_rates span.tips {
padding: 0 3px;
}
table.wc_gateways,
table.wc_shipping {
position: relative;
}
table.wc_gateways td,
table.wc_shipping td {
vertical-align: middle;
cursor: move;
padding: 4px 7px 2px;
}
table.wc_gateways td p,
table.wc_shipping td p {
margin: 0 0 2px;
}
table.wc_gateways .radio,
table.wc_shipping .radio {
text-align: center;
}
img.help_tip {
vertical-align: middle;
margin: 0 0 0 9px;
}
.postbox img.help_tip {
margin-top: -4px;
}
.woocommerce #template div {
margin: 0;
}
.woocommerce #template div p .button {
float: right;
margin-left: 10px;
margin-top: -4px;
}
.woocommerce #template div .editor textarea {
margin-bottom: 8px;
}
.woocommerce textarea[disabled="disabled"] {
background: #DFDFDF !important;
}
.woocommerce table.form-table {
margin: 0 0 0;
}
.woocommerce table.form-table .forminp-radio ul {
margin: 0;
}
.woocommerce table.form-table .forminp-radio ul li {
line-height: 1.4em;
}
.woocommerce table.form-table textarea.input-text {
height: 100%;
min-width: 150px;
display: block;
}
.woocommerce table.form-table input.regular-input {
width: 25em;
}
.woocommerce table.form-table textarea.wide-input {
width: 100%;
}
.woocommerce table.form-table img.help_tip {
padding: 0;
margin: -4px 0 0 5px;
vertical-align: middle;
cursor: help;
line-height: 1;
}
.woocommerce table.form-table span.help_tip {
cursor: help;
color: #21759B;
}
.woocommerce table.form-table th {
position: relative;
padding-right: 24px;
}
.woocommerce table.form-table th img.help_tip {
position: absolute;
right: 0;
margin: 0;
}
.woocommerce table.form-table fieldset img.help_tip {
margin: -3px 0 0 5px;
}
.woocommerce table.form-table .color_box {
border: 1px solid #ccc;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 6px;
float: left;
width: 80px;
margin: 0 10px 0 0;
}
.woocommerce table.form-table .color_box strong {
text-align: left;
display: block;
padding: 0 0 2px;
font-size: 0.92em;
}
.woocommerce table.form-table .color_box strong img {
float: right;
margin: 1px 0 0 0;
}
.woocommerce table.form-table .color_box input {
width: 100%;
margin: 0;
font-family: monospace;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.woocommerce table.form-table .color_box .colorpickdiv {
z-index: 100;
background: #eee;
border: 1px solid #ccc;
position: absolute;
display: none;
}
.woocommerce table.form-table .color_box_clear {
display: block;
clear: both;
padding-bottom: 10px;
}
.woocommerce #tabs-wrap table a.remove {
margin-left: 4px;
}
.woocommerce #tabs-wrap table p {
margin: 0 0 4px !important;
overflow: hidden;
zoom: 1;
}
.woocommerce #tabs-wrap table p a.add {
float: left;
}
/* Write Panels */
#wp-excerpt-editor-container {
background: #fff;
}
#product_variation-parent #parent_id {
width: 100%;
}
#woocommerce-product-images .inside {
margin: 0;
padding: 0;
}
#woocommerce-product-images .inside #product_images_container {
padding: 9px 0 0 9px;
}
#woocommerce-product-images .inside #product_images_container ul {
overflow: hidden;
margin: 0;
padding: 0;
}
#woocommerce-product-images .inside #product_images_container ul li.image,
#woocommerce-product-images .inside #product_images_container ul li.add,
#woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder {
width: 80px;
height: 80px;
overflow: hidden;
float: left;
cursor: move;
border: 1px solid #d5d5d5;
margin: 0 9px 9px 0;
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
#woocommerce-product-images .inside #product_images_container ul li.image img,
#woocommerce-product-images .inside #product_images_container ul li.add img,
#woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder img {
width: 100%;
height: auto;
display: block;
}
#woocommerce-product-images .inside #product_images_container ul li.image .loading,
#woocommerce-product-images .inside #product_images_container ul li.add .loading,
#woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder .loading {
background: #ffffff url(../images/ajax-loader.gif) no-repeat center;
width: 100%;
height: 100%;
opacity: 0.5;
position: absolute;
display: none;
top: 0;
left: 0;
}
#woocommerce-product-images .inside #product_images_container ul li.excluded {
opacity: 0.2;
}
#woocommerce-product-images .inside #product_images_container ul li.loading .loading {
display: block;
}
#woocommerce-product-images .inside #product_images_container ul li.image:first-child {
margin: 0 0 9px 0;
width: 258px;
height: auto;
overflow: visible;
opacity: 1;
}
#woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder {
border: 4px dashed #dddddd;
background: #f7f7f7 url(../images/image_watermark.png) no-repeat center;
}
#woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder:first-child {
background: #f7f7f7 url(../images/star_watermark.png) no-repeat center;
width: 258px;
height: 258px;
}
#woocommerce-product-images .inside #product_images_container ul ul.actions {
position: absolute;
top: 0;
right: 0;
padding: 2px;
display: none;
}
#woocommerce-product-images .inside #product_images_container ul ul.actions li {
background: #eee;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 1px;
float: right;
margin: 0 0 0 2px;
}
#woocommerce-product-images .inside #product_images_container ul ul.actions li a {
width: 10px;
padding: 10px 0 0 0;
margin: 0;
height: 0;
display: block;
overflow: hidden;
}
#woocommerce-product-images .inside #product_images_container ul ul.actions li a.view {
background: url(../images/icons/image_10.png) no-repeat top left;
}
#woocommerce-product-images .inside #product_images_container ul ul.actions li a.delete {
background: url(../images/icons/delete_10.png) no-repeat top left;
}
#woocommerce-product-images .inside #product_images_container ul li:hover ul.actions {
display: block;
}
#woocommerce-product-images .inside #plupload-upload-ui {
text-align: center;
color: #999;
background: none;
cursor: default !important;
border: 0;
width: 258px;
height: auto;
margin: 0;
padding: 0 0 9px 9px;
}
#woocommerce-product-images .inside #plupload-upload-ui #drag-drop-area {
padding: 20px 0;
height: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
line-height: 1.4em;
}
#woocommerce-product-images .inside #plupload-upload-ui #drag-drop-area p {
color: #AAA;
font-size: 14px;
margin: 5px 0;
}
#woocommerce-product-images .inside #plupload-upload-ui #drag-drop-area p.drag-drop-info {
font-size: 20px;
}
#woocommerce-product-data h3.hndle {
padding: 4px 10px;
}
#woocommerce-product-data h3.hndle span {
display: block;
vertical-align: middle;
line-height: 24px;
}
#woocommerce-product-data h3.hndle span span {
display: inline;
line-height: inherit;
vertical-align: baseline;
}
#woocommerce-product-data h3.hndle select {
font-family: sans-serif;
margin: 0;
}
#woocommerce-product-data h3.hndle label {
padding-right: 1em;
font-size: 12px;
vertical-align: baseline;
}
#woocommerce-product-data h3.hndle label:first-child {
margin-right: 1em;
border-right: 1px solid #dfdfdf;
}
#woocommerce-product-data h3.hndle input,
#woocommerce-product-data h3.hndle select {
margin: -3px 0 0 0.5em;
vertical-align: middle;
}
/* Tabs and panels */
#woocommerce-product-data .panel-wrap {
background: #f8f8f8;
padding-left: 153px;
}
#woocommerce-product-data .woocommerce_options_panel,
#woocommerce-product-data .wc-metaboxes-wrapper {
float: right;
width: 100%;
}
#woocommerce-product-data .woocommerce_options_panel p,
#woocommerce-product-data .wc-metaboxes-wrapper p,
#woocommerce-product-data .woocommerce_options_panel .wc-metaboxes,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metaboxes,
#woocommerce-product-data .woocommerce_options_panel p.toolbar,
#woocommerce-product-data .wc-metaboxes-wrapper p.toolbar {
padding-left: 12px !important;
padding-right: 20px !important;
}
#woocommerce-product-data .wc-tabs-back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #f1f1f1;
width: 145px;
border-right: 1px solid #DFDFDF;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#woocommerce-product-data ul.product_data_tabs li.general_options a,
#woocommerce-product-data ul.product_data_tabs li.tax_options a,
#woocommerce-product-data ul.product_data_tabs li.inventory_options a,
#woocommerce-product-data ul.product_data_tabs li.shipping_options a,
#woocommerce-product-data ul.product_data_tabs li.linked_product_options a,
#woocommerce-product-data ul.product_data_tabs li.attribute_options a,
#woocommerce-product-data ul.product_data_tabs li.variation_options a,
#woocommerce-product-data ul.product_data_tabs li.advanced_options a {
background-image: url(../images/icons/wc-tab-icons-x2.png) !important;
background-size: 17px 720px !important;
}
}
#woocommerce-product-data ul.product_data_tabs,
.woocommerce ul.wc-tabs {
background: #f1f1f1;
line-height: 1em;
float: left;
width: 145px;
margin: 0;
position: relative;
padding: 0 0 10px;
margin-left: -153px;
}
#woocommerce-product-data ul.product_data_tabs li,
.woocommerce ul.wc-tabs li {
display: block;
padding: 0;
margin: 0;
}
#woocommerce-product-data ul.product_data_tabs li a,
.woocommerce ul.wc-tabs li a {
padding: 5px;
line-height: 18px !important;
margin: 0;
display: block;
background: #f1f1f1;
text-decoration: none;
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
}
#woocommerce-product-data ul.product_data_tabs li:first-child a,
.woocommerce ul.wc-tabs li:first-child a {
border-top: 0 !important;
}
#woocommerce-product-data ul.product_data_tabs li.general_options a,
.woocommerce ul.wc-tabs li.general_options a,
#woocommerce-product-data ul.product_data_tabs li.tax_options a,
.woocommerce ul.wc-tabs li.tax_options a,
#woocommerce-product-data ul.product_data_tabs li.inventory_options a,
.woocommerce ul.wc-tabs li.inventory_options a,
#woocommerce-product-data ul.product_data_tabs li.shipping_options a,
.woocommerce ul.wc-tabs li.shipping_options a,
#woocommerce-product-data ul.product_data_tabs li.linked_product_options a,
.woocommerce ul.wc-tabs li.linked_product_options a,
#woocommerce-product-data ul.product_data_tabs li.attribute_options a,
.woocommerce ul.wc-tabs li.attribute_options a,
#woocommerce-product-data ul.product_data_tabs li.variation_options a,
.woocommerce ul.wc-tabs li.variation_options a,
#woocommerce-product-data ul.product_data_tabs li.advanced_options a,
.woocommerce ul.wc-tabs li.advanced_options a {
padding: 5px 5px 5px 28px;
background: #f1f1f1 url(../images/icons/wc-tab-icons.png) no-repeat 5px 5px;
}
#woocommerce-product-data ul.product_data_tabs li.general_options a,
.woocommerce ul.wc-tabs li.general_options a {
background-position: 5px 5px;
}
#woocommerce-product-data ul.product_data_tabs li.tax_options a,
.woocommerce ul.wc-tabs li.tax_options a {
background-position: 5px -59px;
}
#woocommerce-product-data ul.product_data_tabs li.inventory_options a,
.woocommerce ul.wc-tabs li.inventory_options a {
background-position: 5px -123px;
}
#woocommerce-product-data ul.product_data_tabs li.shipping_options a,
.woocommerce ul.wc-tabs li.shipping_options a {
background-position: 5px -635px;
}
#woocommerce-product-data ul.product_data_tabs li.linked_product_options a,
.woocommerce ul.wc-tabs li.linked_product_options a {
background-position: 5px -571px;
}
#woocommerce-product-data ul.product_data_tabs li.attribute_options a,
.woocommerce ul.wc-tabs li.attribute_options a {
background-position: 5px -251px;
}
#woocommerce-product-data ul.product_data_tabs li.advanced_options a,
.woocommerce ul.wc-tabs li.advanced_options a {
background-position: 5px -698px;
}
#woocommerce-product-data ul.product_data_tabs li.variation_options a,
.woocommerce ul.wc-tabs li.variation_options a {
background-position: 5px -443px;
}
#woocommerce-product-data ul.product_data_tabs li.active a,
.woocommerce ul.wc-tabs li.active a {
border-color: #DFDFDF;
position: relative;
background-color: #f8f8f8;
color: #555;
margin: 0 -1px 0 0;
width: 113px;
}
@media only screen and (max-width: 900px) {
#woocommerce-product-data .panel-wrap {
padding-left: 35px;
}
#woocommerce-product-data .wc-tabs-back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #f1f1f1;
width: 28px;
border-right: 1px solid #DFDFDF;
}
#woocommerce-product-data ul.product_data_tabs,
.woocommerce ul.wc-tabs {
width: 28px;
margin-left: -35px;
}
#woocommerce-product-data ul.product_data_tabs li a,
.woocommerce ul.wc-tabs li a {
width: 28px;
padding: 28px 0 0 0 !important;
overflow: hidden;
height: 0;
}
#woocommerce-product-data ul.product_data_tabs li.active a,
.woocommerce ul.wc-tabs li.active a {
width: 29px;
}
}
#woocommerce-product-data .inside,
#woocommerce-product-type-options .inside,
#woocommerce-order-data .inside,
#woocommerce-order-downloads .inside,
#woocommerce-coupon-data .inside {
padding: 0;
margin: 0;
}
.woocommerce_options_panel,
.panel {
padding: 9px 9px 9px 9px;
color: #555;
}
.woocommerce_page_settings .woocommerce_options_panel,
.panel {
padding: 0;
}
#woocommerce-product-type-options .panel,
#woocommerce-product-specs .inside {
padding: 9px;
margin: 0;
}
.woocommerce_options_panel p,
#woocommerce-product-type-options .panel p {
margin: 0 0 9px;
font-size: 12px;
padding: 5px 9px;
line-height: 24px;
}
.woocommerce_options_panel p:after,
#woocommerce-product-type-options .panel p:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.woocommerce_options_panel .checkbox,
table.woocommerce_variable_attributes .checkbox {
vertical-align: middle;
margin: 7px 0;
width: auto;
}
.woocommerce_options_panel p {
margin: 9px 0 9px;
}
.woocommerce_options_panel label {
float: left;
width: 150px;
padding: 0;
}
.woocommerce_options_panel label .req {
font-weight: bold;
font-style: normal;
color: red;
}
.woocommerce_options_panel .description {
padding: 0;
margin: 0 0 0 7px;
}
.woocommerce_options_panel .description-block {
margin-left: 0;
display: block;
}
.woocommerce_options_panel textarea,
.woocommerce_options_panel input,
.woocommerce_options_panel select {
margin: 0;
}
.woocommerce_options_panel textarea {
vertical-align: top;
height: 3.5em;
line-height: 1.5em;
}
.woocommerce_options_panel input {
width: 50%;
float: left;
}
.woocommerce_options_panel input.button {
width: auto;
margin-left: 8px;
}
.woocommerce_options_panel select {
float: left;
}
.woocommerce_options_panel .short {
width: 20%;
}
.woocommerce_options_panel .sized {
width: auto !important;
margin-right: 6px;
}
.woocommerce_options_panel .options_group {
border-top: 1px solid white;
border-bottom: 1px solid #DFDFDF;
}
.woocommerce_options_panel .options_group:first-child {
border-top: 0;
}
.woocommerce_options_panel .options_group:last-child {
border-bottom: 0;
}
.woocommerce_options_panel .dimensions_field .wrap input {
margin-right: .2%;
width: 6.6%;
}
.woocommerce_options_panel .dimensions_field .wrap .last {
margin-right: 0;
}
.woocommerce_options_panel .upload_file_button {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQ0lEQVQYV3WPUQoAMAhC1+E6tYdrFBgiW185X7biSAGolpkZfN6GJg1CA7ip0CYo+FzxBTqeE/7J1qGAXsTEAdxQfQHJTymZe4oqiAAAAABJRU5ErkJggg==) no-repeat 8px 5px;
}
#woocommerce-product-data input.dp-applied {
float: left;
}
#grouped_product_options,
#virtual_product_options,
#simple_product_options {
padding: 12px;
font-style: italic;
color: #666;
}
/* WC Metabox Panels - used for attributes, download permissions etc */
.wc-metaboxes-wrapper .expand_all,
.wc-metaboxes-wrapper .close_all {
float: right;
margin-left: 9px;
line-height: 22px;
}
.wc-metaboxes-wrapper .expand_all {
padding-left: 14px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAI0lEQVQYV2PcvXv3fwY8gJEoBa6urozYDAFpBpswGBTg8yYA3kYtiYVhDhIAAAAASUVORK5CYII=) no-repeat left;
}
.wc-metaboxes-wrapper .close_all {
padding-left: 14px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHUlEQVQYV2NkIAAYd+/e/R+fGsIKCFpBUAHt3QAASf0MyQbFJwoAAAAASUVORK5CYII=) no-repeat left;
}
.wc-metaboxes-wrapper .toolbar {
margin: 0 !important;
border-top: 1px solid white;
border-bottom: 1px solid #DFDFDF;
padding: 9px 12px !important;
}
.wc-metaboxes-wrapper .toolbar:first-child {
border-top: 0;
}
.wc-metaboxes-wrapper .toolbar:last-child {
border-bottom: 0;
}
.wc-metaboxes-wrapper p.toolbar {
overflow: hidden;
zoom: 1;
}
.wc-metaboxes-wrapper select.attribute_taxonomy,
.wc-metaboxes-wrapper button.add_attribute,
.wc-metaboxes-wrapper button.add_variable_attribute,
.wc-metaboxes-wrapper .fr {
float: right;
margin: 0 0 0 6px;
}
.wc-metaboxes-wrapper .wc-metaboxes {
border-bottom: 1px solid #DFDFDF;
padding: 0 12px 0;
}
.wc-metaboxes-wrapper .wc-metabox-sortable-placeholder {
border-color: #bbb;
background-color: #f5f5f5;
margin-bottom: 9px;
border-width: 1px;
border-style: dashed;
}
.wc-metaboxes-wrapper .wc-metabox {
background: #ececec;
border: 1px solid #ececec;
margin: 9px 0 !important;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.wc-metaboxes-wrapper .wc-metabox.closed {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wc-metaboxes-wrapper .wc-metabox h3 {
margin: 0 !important;
padding: 6px !important;
font-size: 1em !important;
overflow: hidden;
zoom: 1;
cursor: move;
}
.wc-metaboxes-wrapper .wc-metabox h3 button {
float: right;
}
.wc-metaboxes-wrapper .wc-metabox h3 strong {
font-weight: normal;
line-height: 24px;
}
.wc-metaboxes-wrapper .wc-metabox h3 select {
font-family: sans-serif;
}
.wc-metaboxes-wrapper .wc-metabox h3 .handlediv {
background-position: 6px 5px !important;
display: none;
height: 24px;
}
.wc-metaboxes-wrapper .wc-metabox h3.fixed {
cursor: pointer !important;
}
.wc-metaboxes-wrapper .wc-metabox:hover h3 .handlediv {
display: block;
}
.wc-metaboxes-wrapper .wc-metabox table {
width: 100%;
position: relative;
background: #fff;
padding: 3px;
}
.wc-metaboxes-wrapper .wc-metabox table td {
text-align: left;
padding: 6px 6px;
vertical-align: top;
border: 0;
}
.wc-metaboxes-wrapper .wc-metabox table td label {
text-align: left;
display: block;
line-height: 21px;
}
.wc-metaboxes-wrapper .wc-metabox table td input {
float: left;
min-width: 200px;
}
.wc-metaboxes-wrapper .wc-metabox table td input,
.wc-metaboxes-wrapper .wc-metabox table td textarea {
width: 100%;
margin: 0;
display: block;
font-size: 14px;
padding: 4px;
color: #555;
}
.wc-metaboxes-wrapper .wc-metabox table td select,
.wc-metaboxes-wrapper .wc-metabox table td .chzn-container {
width: 100% !important;
}
.wc-metaboxes-wrapper .wc-metabox table td input.short {
width: 200px;
}
.wc-metaboxes-wrapper .wc-metabox table td input.checkbox {
width: auto;
min-width: inherit;
vertical-align: middle;
display: inline;
float: none;
}
.wc-metaboxes-wrapper .wc-metabox table td.attribute_name {
width: 200px;
}
.wc-metaboxes-wrapper .wc-metabox table .plus,
.wc-metaboxes-wrapper .wc-metabox table .minus {
margin-top: 6px;
}
.wc-metaboxes-wrapper .wc-metabox table .fl {
float: left;
}
.wc-metaboxes-wrapper .wc-metabox table .fr {
float: right;
}
.wc-metaboxes-wrapper .plus {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYGWP8//8/AzGACV3Rnj17/oMwujiGQnQFMD7RChlBbsRmFcwkEO3i4sJImonIumGmg0xBFifaRKIVgj2DbAUuNgCfThpracSKqwAAAABJRU5ErkJggg==) no-repeat 7px 5px;
}
.wc-metaboxes-wrapper .minus {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKUlEQVQYlWP8//8/Az7AhFeWGAUsDAwMDHv27MFqj4uLCyNBExhp70gAohwKC5KJ+HQAAAAASUVORK5CYII=) no-repeat 7px 6px;
}
/* Configuration */
#variable_product_options p.toolbar strong {
margin: 0 6px 0 0;
float: left;
line-height: 23px;
}
#variable_product_options p.toolbar .button,
#variable_product_options p.toolbar select {
margin: 0 6px 0 0;
float: left;
}
#variable_product_options p.toolbar a.set {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYGWP8//8/AzGACV3Rnj17/oMwujiGQnQFMD7RChlBbsRmFcwkEO3i4sJImonIumGmg0xBFifaRKIVgj2DbAUuNgCfThpracSKqwAAAABJRU5ErkJggg==) no-repeat 7px 5px;
}
#variable_product_options p.toolbar a.toggle {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY3QAQrAIAgFUB07mrfWu7kc+2JRsiA0fJnE7k5m5tQsEWFS1WGduh3mahpNLx3hOs4WAr2zfU8mRBGxorAJ4wAU+boS1g41x4UbScQdQJ3/fvgDtStDiI0qoDcAAAAASUVORK5CYII=) no-repeat 7px 5px;
}
#variable_product_options p.toolbar a.delete_variations {
padding-left: 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKUlEQVQYlWP8//8/Az7AhFeWGAUsDAwMDHv27MFqj4uLCyNBExhp70gAohwKC5KJ+HQAAAAASUVORK5CYII=) no-repeat 7px 6px;
}
#variable_product_options p.toolbar .add_variation,
#variable_product_options p.toolbar .link_all_variations,
#variable_product_options p.toolbar .fr {
float: right;
margin: 0 0 0 6px;
}
#variable_product_options .woocommerce_variation table {
background: #f5f5f5;
padding: 6px;
}
#variable_product_options .woocommerce_variation table td input {
min-width: inherit !important;
}
#variable_product_options .woocommerce_variation table td.dimensions_field input {
width: 32%;
margin-right: 2%;
}
#variable_product_options .woocommerce_variation table td.dimensions_field .last {
margin-right: 0;
}
#variable_product_options .woocommerce_variation table td.options {
width: 150px;
}
#variable_product_options .woocommerce_variation table td.options label {
margin-bottom: 6px;
}
#variable_product_options .woocommerce_variation table td.data {
padding: 0 0 0 12px;
}
#variable_product_options .woocommerce_variation table td.data table {
width: 100%;
padding: 0 12px 6px 12px;
background: #fff;
border: 1px solid #dfdfdf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
#variable_product_options .woocommerce_variation table td.data table td {
width: 50%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
#variable_product_options .woocommerce_variation table td.data table:before {
content: "";
display: block;
position: absolute;
top: 33px;
left: 0;
margin: 0 0 0 -1px;
border: 7px solid #dfdfdf;
border-color: transparent transparent transparent #dfdfdf;
}
#variable_product_options .woocommerce_variation table td.data table:after {
content: "";
display: block;
position: absolute;
top: 34px;
left: 0;
margin: 0 0 0 -1px;
border: 6px solid #f5f5f5;
border-color: transparent transparent transparent #f5f5f5;
}
#variable_product_options .woocommerce_variation table td.upload_image {
white-space: nowrap;
width: 75px;
}
#variable_product_options .woocommerce_variation table td.upload_image img {
float: none;
width: 73px;
border: 1px solid #dfdfdf;
}
#variable_product_options .woocommerce_variation table td.upload_image .button {
margin: 0;
padding: 4px 10px;
width: auto;
float: none;
vertical-align: middle;
}
#variable_product_options .woocommerce_variation table td.upload_image .upload_image_button {
display: block;
position: relative;
}
#variable_product_options .woocommerce_variation table td.upload_image .upload_image_button .overlay {
display: none;
width: 75px;
height: 75px;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0.5;
background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXklEQVQYGW2OUQrAMAhDFy8+dnKnwiuh2I+aJulDZebDkfSie1b28Q7EXWrfvSm60RQnkQUC8ja7owpmL6d4GdDZ0cNNHyIhZEj4QYCxze6orsluAh8AnR0xKPR07weXJi8JGd3qqwAAAABJRU5ErkJggg==) no-repeat center center;
}
#variable_product_options .woocommerce_variation table td.upload_image .upload_image_button:hover .overlay {
display: block;
}
#variable_product_options .woocommerce_variation table td.upload_image .upload_image_button.remove .overlay {
background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWElEQVQYGY2OUQ6AMAxCZdm9jSev65K3YKNm+6EFBlVEHDxJJ3Pi0C72xlBNyTs3jU7wEUTTIB51GCp2CL8HLpHEdaOLb/N2dfuq9NT0zOo/M9q6EaImsd/uViMLVuD4KAAAAABJRU5ErkJggg==) no-repeat center center;
}
#variable_product_options .woocommerce_variation table td .file_path_field .upload_file_button {
text-align: center;
width: auto;
margin: 5px 0 0 0;
padding: 3px 8px 3px 20px;
background: #fefefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQ0lEQVQYV3WPUQoAMAhC1+E6tYdrFBgiW185X7biSAGolpkZfN6GJg1CA7ip0CYo+FzxBTqeE/7J1qGAXsTEAdxQfQHJTymZe4oqiAAAAABJRU5ErkJggg==) no-repeat 8px 5px;
}
#variable_product_options .woocommerce_variation table .cancel_sale_schedule,
#variable_product_options .woocommerce_variation table .sale_schedule {
float: right;
}
#variable_product_options .woocommerce_variation table tr.sale_price_dates_fields td {
padding-right: 24px;
position: relative;
}
#variable_product_options .woocommerce_variation table tr.sale_price_dates_fields td img {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 0;
margin: 0 0 6px;
}
/* Tooltips */
.tips {
cursor: help;
text-decoration: none;
}
img.tips {
padding: 5px 0 0 0;
}
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
padding: 4px 8px;
background: #a2678c;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#tiptip_content code {
background: #855c76;
padding: 1px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: #a2678c;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: #a2678c;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: #a2678c;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: #a2678c;
}
/* Datepicker */
img.ui-datepicker-trigger {
vertical-align: middle;
margin-top: -1px;
cursor: pointer;
}
.woocommerce_options_panel img.ui-datepicker-trigger,
.wc-metabox-content img.ui-datepicker-trigger {
float: left;
margin-right: 8px;
margin-top: 4px;
margin-left: 4px;
}
#ui-datepicker-div {
display: none;
}
/* Reports */
.woocommerce-reports-wrap {
margin-left: 300px;
padding-top: 18px;
}
.woocommerce-reports-wrap.halved {
margin: 0;
overflow: hidden;
zoom: 1;
}
.woocommerce-reports-wrap .postbox h3 {
cursor: default !important;
}
.woocommerce-reports-wrap .postbox .stat {
font-size: 1.5em !important;
font-weight: bold;
text-align: center;
}
.woocommerce-reports-wrap .postbox .chart {
padding: 16px;
}
.woocommerce-reports-wrap .woocommerce-reports-main {
float: left;
min-width: 100%;
}
.woocommerce-reports-wrap .woocommerce-reports-main table td {
padding: 9px;
}
.woocommerce-reports-wrap .woocommerce-reports-sidebar {
display: inline;
width: 281px;
margin-left: -300px;
clear: both;
float: left;
}
.woocommerce-reports-wrap .woocommerce-reports-left {
width: 49.5%;
float: left;
}
.woocommerce-reports-wrap .woocommerce-reports-right {
width: 49.5%;
float: right;
}
.woocommerce-wide-reports-wrap {
padding-bottom: 11px;
}
.woocommerce-wide-reports-wrap .widefat .export-data {
float: right;
}
.woocommerce-wide-reports-wrap .widefat th,
.woocommerce-wide-reports-wrap .widefat td {
vertical-align: middle;
padding: 7px;
}
form.report_filters p {
vertical-align: middle;
}
form.report_filters label,
form.report_filters input,
form.report_filters div {
vertical-align: middle;
}
/* Chart tooltips */
#tooltip {
color: #fff;
font-size: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
opacity: 0.80;
}
/* Custom charts */
table.bar_chart {
width: 100%;
}
table.bar_chart thead th {
text-align: left;
color: #ccc;
padding: 6px 0;
}
table.bar_chart tbody th {
padding: 6px 0;
width: 25%;
text-align: left !important;
font-weight: normal !important;
border-bottom: 1px solid #fee;
}
table.bar_chart tbody td {
text-align: right;
line-height: 24px;
padding: 6px 6px 6px 0;
border-bottom: 1px solid #fee;
}
table.bar_chart tbody td span {
color: #8a4b75;
display: block;
}
table.bar_chart tbody td span.alt {
color: #47a03e;
margin-top: 6px;
}
table.bar_chart tbody td.bars {
position: relative;
text-align: left;
padding: 6px 6px 6px 0;
border-bottom: 1px solid #fee;
}
table.bar_chart tbody td.bars span,
table.bar_chart tbody td.bars a {
text-decoration: none;
clear: both;
background: #8a4b75;
float: left;
display: block;
line-height: 24px;
height: 24px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
table.bar_chart tbody td.bars span.alt {
clear: both;
background: #47a03e;
}
table.bar_chart tbody td.bars span.alt span {
margin: 0;
color: #c5dec2 !important;
text-shadow: 0 1px 0 #47a03e;
background: transparent;
}
/* Chosen multiselect enhancement
----------------------------------*/
#woocommerce_allowed_countries_chzn .chzn-search,
#woocommerce_file_download_method_chzn .chzn-search {
display: none;
}
.chzn-container-single .chzn-single {
height: 24px;
line-height: 25px;
}
.chzn-container-single .chzn-single div b {
background: url('../images/chosen-sprite.png') no-repeat 0 2px !important;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 2px !important;
}
.chzn-container-single .chzn-search input {
line-height: 13px;
width: 100% !important;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.chzn-container .chzn-drop {
width: 100% !important;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.chzn-container-multi .chzn-choices .search-field input {
height: 21px !important;
}
.woocommerce_options_panel .chzn-container-multi {
width: 50% !important;
float: left;
}
.woocommerce_options_panel .chzn-container-multi .search-field {
min-width: 50%;
}
.woocommerce_options_panel .chzn-container-multi .search-field input {
min-width: 100%;
}
/* WooCommerce styles */
.woocommerce-checkout .form-row .chzn-container {
width: 100% !important;
}
.woocommerce-checkout .form-row .chzn-container-single .chzn-single {
height: 28px;
line-height: 29px;
}
.woocommerce-checkout .form-row .chzn-container-single .chzn-single div b {
background: url('../images/chosen-sprite.png') no-repeat 0 3px !important;
}
.woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 4px !important;
}
.woocommerce-checkout .form-row .chzn-container-single .chzn-search input {
line-height: 13px;
width: 100% !important;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.woocommerce-checkout .form-row .chzn-container .chzn-drop {
width: 100% !important;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.woocommerce-checkout .form-row .chzn-container-single .chzn-single div b {
background-image: url('../images/chosen-sprite@2x.png') !important;
background-position: 0 5px !important;
background-repeat: no-repeat !important;
background-size: 52px 37px !important;
}
.woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 5px !important;
}
}
/* @group Base */
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #aaa;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
z-index: 1010;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 23px;
line-height: 24px;
padding: 0 0 0 8px;
color: #444444;
text-decoration: none;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 12px;
font-size: 1px;
background: url('../images/chosen-sprite.png') -44px 2px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: -44px -9px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
background-position: -44px -9px;
}
.chzn-container-single .chzn-single div {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #ffffff url('../images/chosen-sprite.png') no-repeat 100% -20px;
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
}
.chzn-container-single .chzn-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* @end */
.chzn-container-single-nosearch .chzn-search input {
position: absolute;
left: -9000px;
}
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
border: 1px solid #aaa;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
font-family: sans-serif;
font-size: 100%;
height: 15px;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
border: 1px solid #aaaaaa;
line-height: 13px;
padding: 3px 20px 3px 5px;
margin: 3px 0 3px 5px;
position: relative;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
border: 1px solid #cccccc;
padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 12px;
font-size: 1px;
background: url('../images/chosen-sprite.png') -44px 2px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: -44px -9px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: -44px -9px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 15px;
padding: 5px 6px;
margin: 0;
list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background-color: #3875d7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #f4f4f4;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container .chzn-results-scroll {
background: white;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px;
/* This should by dynamic with js */
z-index: 1;
}
.chzn-container .chzn-results-scroll span {
display: inline-block;
height: 17px;
text-indent: -5000px;
width: 9px;
}
.chzn-container .chzn-results-scroll-down {
bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
background: url('../images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url('../images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
background-color: #eee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
cursor: default;
opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @group Right to Left */
.chzn-rtl {
text-align: right;
}
.chzn-rtl .chzn-single {
padding: 0 8px 0 0;
overflow: visible;
}
.chzn-rtl .chzn-single span {
margin-left: 26px;
margin-right: 0;
direction: rtl;
}
.chzn-rtl .chzn-single div {
left: 3px;
right: auto;
}
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
direction: rtl;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices .search-choice {
padding: 3px 5px 3px 19px;
margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
left: 4px;
right: auto;
background-position: -44px 2px;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
padding-left: 0;
padding-right: 15px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
border-right: none;
}
.chzn-rtl .chzn-search input {
background: #ffffff url('../images/chosen-sprite.png') no-repeat -30px -20px;
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl.chzn-container-active .chzn-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span {
background-image: url('../images/chosen-sprite@2x.png') !important;
background-repeat: no-repeat !important;
background-size: 52px 37px !important;
}
}
/* @end */