#woocommerce_extensions { background: #f1f1f1 url(../images/icons/wc_icon.png) no-repeat 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; } #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 -6px; } .icon32-posts-product { background-position: -185px -6px !important; } .icon32-posts-product { background-position: -69px -6px !important; } .icon32-posts-shop_order { background-position: -127px -6px !important; } .icon32-attributes { background-position: -185px -6px !important; } .icon32-woocommerce-settings { background-position: -359px -6px !important; } .icon32-posts-shop_coupon { background-position: -475px -6px !important; } .icon32-posts-product_variation { background-position: -533px -6px !important; } .icon32-woocommerce-reports { background-position: -591px -6px !important; } .wrap.woocommerce div.updated, .wrap.woocommerce div.error { margin-top: 10px; } mark.amount { background: transparent none; color: inherit; } /* 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-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 */ #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: 50%; 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-wide { width: 100%; clear: both; } #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 { 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 div.edit_address { display: none; overflow: hidden; zoom: 1; } .order_actions { color: #999; font-size: 11px; 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; } .order_actions li.wide { width: auto; float: none; clear: both; padding: 6px; text-align: left; } #woocommerce-order-items .inside { margin: 0; padding: 0; background: #fefefe; } #woocommerce-order-items .buttons { float: left; padding-left: 6px; vertical-align: top; } #woocommerce-order-items .buttons .add_item_id, #woocommerce-order-items .buttons .chzn-container { width: 400px !important; margin-right: 9px; vertical-align: top; float: left; } #woocommerce-order-items .buttons button { margin: 2px 0 0 0; } #woocommerce-order-items .buttons-alt { float: right; padding-right: 6px; } #woocommerce-order-items .add_meta { margin-left: 0 !important; } #woocommerce-order-items h3 small { color: #999; } #woocommerce-order-items .row-actions { float: right; padding: 0; color: #999; } #woocommerce-order-items .row-actions a { color: #999; } #woocommerce-order-items .row-actions a.remove_row:hover { color: red; } #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; } #woocommerce-order-totals h4 { margin: 0 !important; } #woocommerce-order-totals h4 a.add_tax_row { display: block; padding-bottom: 10px; } #woocommerce-order-totals .totals_group { border-top: 1px solid white; border-bottom: 1px solid #DDD; padding: 10px 0 0; } #woocommerce-order-totals .totals_group:first-child { border-top: 0; } #woocommerce-order-totals ul.totals { margin: 6px 0 0; float: left; } #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; } #woocommerce-order-totals ul.totals li label { font-weight: normal; display: block; font-size: 0.8em; color: #333; } #woocommerce-order-totals ul.totals li input { width: 100%; vertical-align: middle; font-size: 1em; margin: 0 !important; font-weight: normal; color: #555; } #woocommerce-order-totals ul.totals li input.first { width: 49%; float: left; } #woocommerce-order-totals ul.totals li input.last { width: 49%; float: right; } #woocommerce-order-totals ul.totals li.left { float: left; width: 49%; clear: left; } #woocommerce-order-totals ul.totals li.left input { width: 100%; } #woocommerce-order-totals ul.totals li.right { float: right; width: 49%; clear: none; } #woocommerce-order-totals ul.totals li.right input { width: 100%; } #woocommerce-order-totals ul.totals .calculated { border-color: #ae8ca2; border-style: dotted; } #woocommerce-order-totals #tax_rows { margin: 6px 0 0; } #woocommerce-order-totals .tax_row { margin: 0 0 9px; border: 1px solid #DFDFDF; background: #fff; padding: 6px 6px 0; position: relative; opacity: 0.75; } #woocommerce-order-totals .tax_row:hover, #woocommerce-order-totals .tax_row:focus { opacity: 1; } #woocommerce-order-totals .tax_row p { margin: 0 0 6px; } #woocommerce-order-totals .tax_row label { color: #555; } #woocommerce-order-totals .tax_row label .checkbox { line-height: 26px; } #woocommerce-order-totals .tax_row p.first { float: left; width: 49%; clear: left; } #woocommerce-order-totals .tax_row p.first input, #woocommerce-order-totals .tax_row p.first select { width: 100%; } #woocommerce-order-totals .tax_row p.last { float: right; width: 49%; clear: none; } #woocommerce-order-totals .tax_row p.last input, #woocommerce-order-totals .tax_row p.last select { width: 100%; } #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; } #woocommerce-order-totals .tax_row:hover a.delete_tax_row, #woocommerce-order-totals .tax_row:focus a.delete_tax_row { display: block; } .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 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 td input, .woocommerce_order_items_wrapper table.woocommerce_order_items td textarea { width: 100%; } .woocommerce_order_items_wrapper table.woocommerce_order_items td select { width: 50%; } .woocommerce_order_items_wrapper table.woocommerce_order_items td input, .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 .name { min-width: 200px; } .woocommerce_order_items_wrapper table.woocommerce_order_items .center, .woocommerce_order_items_wrapper table.woocommerce_order_items .variation-id, .woocommerce_order_items_wrapper table.woocommerce_order_items .product-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_total, .woocommerce_order_items_wrapper table.woocommerce_order_items .line_subtotal, .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_total label, .woocommerce_order_items_wrapper table.woocommerce_order_items .line_subtotal label, .woocommerce_order_items_wrapper table.woocommerce_order_items .tax_class label { display: block; 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_total label input, .woocommerce_order_items_wrapper table.woocommerce_order_items .line_subtotal 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_total input, .woocommerce_order_items_wrapper table.woocommerce_order_items .line_subtotal 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_total select, .woocommerce_order_items_wrapper table.woocommerce_order_items .line_subtotal 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: 40px; } .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; } .widefat .column-order_title time { display: block; color: #999; margin: 3px 0; } .widefat .column-order_actions a.button { float: left; margin: 0 4px 2px 0; } .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: 90px; text-align: center; } .widefat .column-order_status mark { display: block; text-align: center; white-space: nowrap; padding: 0 2px; background: #999; border: 1px solid #999; -webkit-box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0; font-size: 9px; text-transform: uppercase; color: #fff; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .widefat .column-order_status mark.pending { background-color: #999; border-color: #999; } .widefat .column-order_status mark.completed { background-color: #a0658b; border-color: #a0658b; } .widefat .column-order_status mark.on-hold { background-color: #E66F00; border-color: #E66F00; } .widefat .column-order_status mark.failed { background-color: red; border-color: red; } .widefat .column-order_status mark.cancelled { background-color: #ccc; border-color: #ccc; } .widefat .column-order_status mark.processing { background-color: #2184c2; border-color: #2184c2; } .widefat .column-order_status mark.refunded { background-color: #ccc; border-color: #ccc; } ul.subsubsub li.pending a { color: #E66F00; } ul.subsubsub li.completed a { color: green; } ul.subsubsub li.onhold a { color: red; } ul.subsubsub li.cancelled a { color: #dfdfdf; } ul.subsubsub li.refunded a { 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; } .add_note h4 { margin-top: 5px !important; } .add_note input#add_order_note { width: 50%; } /* 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_tags, 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; } 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: url(../images/product_types.png) no-repeat 0 0; } table.wp-list-table span.product-type.external { background: url(../images/product_types.png) no-repeat -32px 0; } table.wp-list-table span.product-type.variable { background: url(../images/product_types.png) no-repeat -48px 0; } table.wp-list-table span.product-type.downloadable { background: url(../images/product_types.png) no-repeat -64px 0; } table.wp-list-table span.product-type.virtual { background: url(../images/product_types.png) no-repeat -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; } #dashboard_right_now p.woocommerce_sub { position: static; top: auto; left: auto; margin: 15px 5px 0; padding: 0 0 5px 0; border-bottom: #ECECEC 1px solid; } #dashboard_right_now .onhold { color: red; } #dashboard_right_now .pending { color: #e66f00; } #dashboard_right_now .complete { color: green; } #dashboard_right_now .t, #dashboard_right_now .t a { white-space: normal; } #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: 3px; margin-top: -3px; margin-bottom: 3px; } .woocommerce table.shippingrows td, .woocommerce table.taxrows td, .woocommerce table.shippingrows th, .woocommerce table.taxrows th { vertical-align: top; line-height: 25px; margin-bottom: 9px; } .woocommerce table.shippingrows a.remove, .woocommerce table.taxrows a.remove { margin: 0 !important; } .woocommerce table.shippingrows .dupe, .woocommerce table.taxrows .dupe, .woocommerce table.shippingrows .remove, .woocommerce table.taxrows .remove { float: right; margin-left: 9px; } .woocommerce table.shippingrows tbody .check-column, .woocommerce table.taxrows tbody .check-column { padding-top: 8px; } .woocommerce table.shippingrows tbody .check-column input, .woocommerce table.taxrows tbody .check-column input { margin: 0 0 0 8px; } .woocommerce table.shippingrows input, .woocommerce table.taxrows input { width: auto; } .woocommerce table.shippingrows td.apply_to_shipping, .woocommerce table.taxrows td.apply_to_shipping { padding-top: 8px; } .woocommerce table.shippingrows td.country, .woocommerce table.taxrows td.country { overflow: visible !important; } .woocommerce table.shippingrows td.country p, .woocommerce table.taxrows td.country p { line-height: 25px; margin: 0; color: #666; } .woocommerce table.shippingrows td.country button.edit_options, .woocommerce table.taxrows td.country button.edit_options { float: right; } .woocommerce table.shippingrows td.country select, .woocommerce table.taxrows td.country select { margin: 9px 0; width: 100%; height: 160px !important; } .woocommerce table.shippingrows td.country p.edit, .woocommerce table.taxrows td.country p.edit, .woocommerce table.shippingrows td.country .options, .woocommerce table.taxrows td.country .options { min-width: 400px; } .woocommerce table.shippingrows td.country .chzn-container, .woocommerce table.taxrows td.country .chzn-container { width: 100% !important; margin: 9px 0 5px; } .woocommerce table.shippingrows td.country .chzn-container .chzn-drop, .woocommerce table.taxrows td.country .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+ */ } .woocommerce table.shippingrows td.country .chzn-container .search-field input, .woocommerce table.taxrows td.country .chzn-container .search-field input { width: 150px !important; } .woocommerce table.shippingrows td.local_country, .woocommerce table.taxrows td.local_country { overflow: visible !important; width: 400px !important; } .woocommerce table.shippingrows td.local_country select, .woocommerce table.taxrows td.local_country select { width: 400px !important; margin-bottom: 3px; } .woocommerce table.shippingrows td.local_country textarea, .woocommerce table.taxrows td.local_country textarea { height: 60px; width: 400px; font-size: 13px; line-height: 16px; display: block; } table.wc_gateways td, table.wc_shipping td { vertical-align: middle; cursor: move; } 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; } .woocommerce table.widefat table.coupon_rows { border: 0 !important; width: 100%; } .woocommerce table.widefat table.coupon_rows thead th { padding: 1px; border: 0; font-weight: normal; font-size: 11px; color: #999; } .woocommerce table.widefat table.coupon_rows tbody td { padding: 3px 3px 0 0; border: 0; vertical-align: middle; } .woocommerce table.widefat table.coupon_rows tbody td input.text { width: 95px; } .woocommerce table.form-table { margin: 0 0 0; } .woocommerce table.form-table textarea.input-text { height: 100%; min-width: 150px; } .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; } .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 */ #product_variation-parent #parent_id { width: 100%; } #woocommerce-product-data ul.product_data_tabs, .woocommerce ul.tabs { background: #eaeaea; padding: 3px 9px 0; margin: 0; overflow: hidden; zoom: 1; line-height: 1em; -webkit-box-shadow: inset 0 -1px 0 0 #d5d5d5; -moz-box-shadow: inset 0 -1px 0 0 x #d5d5d5; box-shadow: inset 0 -1px 0 0 #d5d5d5; } #woocommerce-product-data ul.product_data_tabs li, .woocommerce ul.tabs li { float: left; padding: 0; margin: 0 5px 0 0; } #woocommerce-product-data ul.product_data_tabs li a, .woocommerce ul.tabs li a { padding: 0; margin: 0; border: 0; border: 1px solid #d5d5d5; border-bottom: 0; float: left; padding: 9px 9px; background: #ececec; text-decoration: none; color: #555; -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; -webkit-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.5); } #woocommerce-product-data ul.product_data_tabs li.active a, .woocommerce ul.tabs li.active a { background: #f8f8f8; color: #555; background-image: linear-gradient(bottom, #ffffff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(bottom, #ffffff 0%, #f8f8f8 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f8f8f8 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #f8f8f8)); } #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.crosssell_options a, #woocommerce-product-data ul.product_data_tabs li.attribute_options a, #woocommerce-product-data ul.product_data_tabs li.grouping_options a, #woocommerce-product-data ul.product_data_tabs li.variation_options a { padding: 9px 9px 9px 34px; line-height: 16px; border-bottom: 1px solid #d5d5d5; text-shadow: 0 1px 1px #fff; color: #555; background: #ececec url(../images/icons/wc-tab-icons.png) no-repeat 9px 9px; } #woocommerce-product-data ul.product_data_tabs li.general_options a { background-position: 9px 9px; } #woocommerce-product-data ul.product_data_tabs li.tax_options a { background-position: -141px 9px; } #woocommerce-product-data ul.product_data_tabs li.inventory_options a { background-position: -289px 9px; } #woocommerce-product-data ul.product_data_tabs li.crosssell_options a { background-position: 9px -40px; } #woocommerce-product-data ul.product_data_tabs li.attribute_options a { background-position: -141px -40px; } #woocommerce-product-data ul.product_data_tabs li.grouping_options a { background-position: -289px -40px; } #woocommerce-product-data ul.product_data_tabs li.variation_options a { background-position: -141px -91px; } #woocommerce-product-data ul.product_data_tabs li.active a { background-color: #f8f8f8; border-bottom: 1px solid #f8f8f8; } #woocommerce-product-data .inside, #woocommerce-product-type-options .inside, #woocommerce-order-data .inside, #woocommerce-product-type .inside, #woocommerce-order-downloads .inside { padding: 0; margin: 0; } .woocommerce_options_panel, .panel { padding: 9px 9px 9px 9px; color: #555; } .woocommerce_page_settings .woocommerce_options_panel, .panel, #woocommerce-product-type .woocommerce_options_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 { overflow: hidden; zoom: 1; margin: 0 0 9px; font-size: 12px; padding: 5px 9px; line-height: 24px; } .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 { width: 50% !important; float: left; } .woocommerce_options_panel input { width: 50%; float: left; } .woocommerce_options_panel input.button { width: auto; margin-left: 8px; } .woocommerce_options_panel .checkbox, table.woocommerce_variable_attributes .checkbox { vertical-align: middle; margin: 7px 0; width: auto; } .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; } /* Upsells/Cross sells */ #upsells_and_crosssells_product_data { padding: 0 9px 9px; } div.multi_select_products_wrapper { float: left; width: 49%; padding: 0; } div.multi_select_products_wrapper-alt { float: right; } .multi_select_products { border-bottom: 1px solid #ececec; margin: 0; padding: 0; width: 100%; float: left; background: #fff; overflow: hidden; height: auto; } .multi_select_products_target_upsell, .multi_select_products_target_crosssell { margin: 20px 0; } .multi_select_products.loading { background: #ffffff url(../images/ajax-loader.gif) no-repeat center; } .multi_select_products li { padding: 7px 9px; margin: 0 !important; line-height: 2em; border: 1px solid #ececec; border-bottom: 0; } .multi_select_products button { float: right; vertical-align: middle; } .multi_select_products .product_search input { width: 100%; } #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 attribtes, 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,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYGWP8//8/AzGACV3Rnj17/oMwujiGQnQFMD7RChlBbsRmFcwkEO3i4sJImonIumGmg0xBFifaRKIVgj2DbAUuNgCfThpracSKqwAAAABJRU5ErkJggg==) no-repeat left; } .wc-metaboxes-wrapper .close_all { padding-left: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKUlEQVQYlWP8//8/Az7AhFeWGAUsDAwMDHv27MFqj4uLCyNBExhp70gAohwKC5KJ+HQAAAAASUVORK5CYII=) 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 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; } .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 { width: 100%; } .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 .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 td { width: 16.66%; } #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.upload_image { width: 1%; white-space: nowrap; } #variable_product_options .woocommerce_variation table td.upload_image img { float: none; margin-right: 6px; vertical-align: middle; } #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: 60px; height: 60px; 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 { position: relative; padding-right: 40px; } #variable_product_options .woocommerce_variation table td .file_path_field .upload_file_button { position: absolute; right: 0; width: 30px; padding: 5px 0; margin: 1px 0 0; text-align: center; } .widefat .product-cat-placeholder { outline: 1px dotted #A0C443; height: 60px; background: #000; } /* 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); } #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-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; } /* 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; } /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; margin-right: 5px; } /* 100% width */ .chzn-container { width: 100% !important; margin: 0 1px; display: block; } .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+ */ } .form-table .chzn-container { width: 300px !important; display: inline-block; } .form-table .chzn-container .chzn-drop { width: 300px !important; } .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); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); z-index: 999; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 50%); background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%); background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaa; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 23px; padding: 0 0 0 8px; color: #444; text-decoration: none; } .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: 13px; font-size: 1px; background: url(../images/chosen-sprite.png) right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); border-left: 1px solid #aaa; 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 0 -1px; 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% -22px; background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; 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-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, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background-image: -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background-image: -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%); background-image: -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background-image: linear-gradient(top, #ffffff 85%, #eeeeee 99%); border: 1px solid #dfdfdf; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .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; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-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; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%); background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%); color: #333; border: 1px solid #b4b4b4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative; } .chzn-container-multi .chzn-choices .search-choice span { cursor: default; } .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: 13px; font-size: 1px; background: url(../images/chosen-sprite.png) right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 1.2em; padding: 7px 7px 8px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background: #3875d7; 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: 20px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } /* @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); -o-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; -o-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); -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 1px; } .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); -o-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 { direction: rtl; text-align: right; } .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top; } .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: url('../images/chosen-sprite.png') no-repeat -38px -22px, #ffffff; background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); padding: 4px 5px 4px 20px; } /* @end */