/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 Jul, 2018, 2:29:28 PM
    Author     : Wama Software
*/

.draggable-label {width: 55px;height: 27px;padding: 0.5em;border-style: solid;border-width: 2px;border-color: rgba(0,0,0,.5);opacity: 1;text-align: center;position: absolute !important;top: 0;background: none;color: #000;}
.draggable-label .label-text {position: absolute;top: -20px;right: 50%;font-size: 14px;color: #000;white-space: pre;transform: translateX(50px);}
#product_table_id_length label,
#product_table_id_filter label {margin-left: 0;width: auto;margin-bottom: 10px;}
#product_table_id td.label-area-size input {width: 40px;}
#product_table_id th, #product_table_id td {text-align: center;}
.exploded-area img {height: auto;width: 100%;}
.dataTable-area {padding: 0 10px;margin: 15px 0;}
.exploded-area {width: 600px;margin: 0 auto;position: relative;}
#ass_prod_list th, #ass_prod_list td {text-align: center !important;}
#my_custom_product_data {position: relative;width: 600px;margin: 0 auto;}
#my_custom_product_data .draggable-label {position: absolute;padding: 0;text-align: center;}
.highlight,
.highlight td {background-color: #edf4ce !important;}
.exploded-area .ui-widget-content {border-style: solid;border-width: 2px;border-color: rgba(0,0,0,.5);opacity: 1;background: none;}
.dataTable-area .label-area-size input[type=text] {width: 100%;float: none;}
.dataTable-area #product_table_id .label-num input[type=text] {width: 100%;}

.woocommerce div.product form.cart table {margin-top: 1.5rem;}
.woocommerce div.product form.cart table,
.woocommerce div.product form.cart table td {border: 2px solid #ccc !important;}
.woocommerce div.product form.cart table td {padding: 5px 10px !important;}

.grouped_form {clear: both;}