WordPress.org
Get WordPress

Plugin Directory

Changeset 3450845


Ignore:
Timestamp:
01/31/2026 06:58:12 AM (2 months ago)
Author:
codersaiful
Message:

6.0.1 version added

Location:
woo-product-table/trunk
Files:
22 edited

Legend:

Unmodified
Added
Removed

  • woo-product-table/trunk/admin/tabs/search_n_filter.php

    r3291288 r3450845  
    349349                    <h4 style="margin:5px 0 0 0;" class="wpt_astaxonomy_choose_notice">After change, Please submit and relaod the page.</h4>
    350350                   
     351                </td>
     352            </tr>
     353            <tr>
     354                <th>
     355                    <label class="wpt_label" for="wpt_taxonomy_filter_type"><?php esc_html_e( 'Filter Type', 'woo-product-table' ); ?></label>
     356                </th>
     357                <td>
     358                    <div class="custom-select-box-wrapper sfl-auto-gen-box">
     359                        <?php
     360                        $filter_type_name = 'search_n_filter[taxonomy_filter_type]';
     361                        $filter_type_id = 'wpt_taxonomy_filter_type';
     362                        $filter_type_current = $meta_search_n_filter['taxonomy_filter_type'] ?? 'checkbox';
     363                        $filter_type_options = [
     364                            'checkbox' => esc_html__( 'Checkbox', 'woo-product-table' ),
     365                            'select' => esc_html__( 'Select Dropdown', 'woo-product-table' ),
     366                           
     367                        ];
     368                        ?>
     369
     370                        <input type="hidden" name="<?php echo esc_attr( $filter_type_name ); ?>"
     371                         value="<?php echo esc_attr( $filter_type_current ); ?>"
     372                         class="custom-select-box-input" id="<?php echo esc_attr( $filter_type_id ); ?>">
     373                        <div class="wpt-custom-select-boxes">
     374                            <?php foreach ($filter_type_options as $value => $label): ?>
     375                                <div class="wpt-custom-select-box <?php echo esc_attr( $filter_type_current === $value ? 'active' : '' ); ?>" data-value="<?php echo esc_attr($value); ?>">
     376                                    <?php echo esc_html( $label ); ?>
     377                                </div>
     378                            <?php endforeach; ?>
     379                        </div>
     380                        <p class="message">
     381                            <b><?php echo esc_html__( 'Tips:', 'woo-product-table' ); ?></b>
     382                            <span><?php echo esc_html__( 'Choose how taxonomy filters appear: as dropdown selects or checkboxes with selected items display.','woo-product-table' ); ?></span>
     383                        </p>
     384                    </div>
    351385                </td>
    352386            </tr>

  • woo-product-table/trunk/assets/css/admin.css

    r3420662 r3450845  
    763763    font-weight: bold;
    764764}
    765 /* .inside-column-settings-wrapper .inside_tab_content h4 span, */
    766 .inside-column-settings-wrapper .inside_tab_content h4 strong{
    767     display: none;
    768 }
     765
    769766.inside-column-settings-wrapper .inside_tab_content#inside-desktop h4 strong{display: inline-block;}
    770767
    … …  
    774771}
    775772.inside-column-settings-wrapper .inside_tab_content .inside_tab_content_inner {
    776     display: none;
     773    /* display: none; */
    777774    margin-top: 13px;
    778775    padding: 0 16px 1px 16px;

  • woo-product-table/trunk/assets/css/base-template.css

    r3449775 r3450845  
    1 :root {
    2   --wpt_primary: #0093b8;
    3   --wpt_primary_deep: #007694;
    4   --wpt_primary_deepest: #02485a;
    5   --wpt_primary_light: #0a7f9c;
    6 
    7   --wpt_secondary: #edf7f8;
    8   --wpt_secondary_deep: #ceeaed;
    9   --wpt_secondary_light: #d0d1d1;
    10 
    11   --wpt_link: var(--wpt_primary);
    12   --wpt_link_hover: var(--wpt_primary_deepest);
    13   --wpt_link_deep: #003542;
    14   --wpt_link_light: #047c9b;
    15   
    16 
    17   --wpt_text: #646464;
    18   --wpt_text_deep: #000000;
    19   --wpt_text_light: #404040;
    20 
    21   --wpt_warning: #ffeb3b;
    22   --wpt_danger: #d00;
    23   --wpt_cart_highliter: #00b17a;
    24 
    25   --wpt_off_white: #14141414;
    26   --wpt_deep_off_white: #cbcbcb;
    27   --wpt_white: #ffffff;
    28   --wpt_gray: gray;
    29   --wpt_black: #000000;
    30 
    31   --wpt_review: #ffc107;
    32   --wpt_thead_bg: var(--wpt_primary);
    33   --wpt_thead_text: var(--wpt_white);
    34 
    35   --wpt_product_title: var(--wpt_primary_deepest);
    36   --wpt_product_title_hover: var(--wpt_primary);
    37   
    38   --wpt_table_bg: var(--wpt_white);
    39   --wpt_table_tr_odd: transparent;
    40   --wpt_table_tr_boder: #0000000d;
    41 
    42   --wpt_btn_color: var(--wpt_white);
    43   --wpt_btn_color_hover: var(--wpt_primary);
    44 
    45   --wpt_btn_bg: var(--wpt_primary);
    46   --wpt_btn_bg_hover: transparent;
    47   
    48   --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
    49   --wpt_sorted_head_text: inherit;
    50   --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     1:root{
     2 --wpt_primary: #0093b8;
     3 --wpt_primary_deep: #007694;
     4 --wpt_primary_deepest: #02485a;
     5 --wpt_primary_light: #0a7f9c;
     6
     7 --wpt_secondary: #edf7f8;
     8 --wpt_secondary_deep: #ceeaed;
     9 --wpt_secondary_light: #d0d1d1;
     10
     11 --wpt_link: var(--wpt_primary);
     12 --wpt_link_hover: var(--wpt_primary_deepest);
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
     16
     17 --wpt_text: #646464;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
     20
     21 --wpt_warning: #ffeb3b;
     22 --wpt_danger: #d00;
     23 --wpt_cart_highliter: #00b17a;
     24
     25 --wpt_off_white: #14141414;
     26 --wpt_deep_off_white: #cbcbcb;
     27 --wpt_white: #ffffff;
     28 --wpt_gray: gray;
     29 --wpt_black: #000000;
     30
     31 --wpt_review: #ffc107;
     32 --wpt_thead_bg: var(--wpt_primary);
     33 --wpt_thead_text: var(--wpt_white);
     34
     35 --wpt_product_title: var(--wpt_primary_deepest);
     36 --wpt_product_title_hover: var(--wpt_primary);
     37 
     38 --wpt_table_bg: var(--wpt_white);
     39 --wpt_table_tr_odd: transparent;
     40 --wpt_table_tr_boder: #0000000d;
     41
     42 --wpt_btn_color: var(--wpt_white);
     43 --wpt_btn_color_hover: var(--wpt_primary);
     44
     45 --wpt_btn_bg: var(--wpt_primary);
     46 --wpt_btn_bg_hover: transparent;
     47 
     48 --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
     49 --wpt_sorted_head_text: inherit;
     50 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    5151}
    5252
    5353/*******Check Box and Radio Button Style Start Here*******/
    54 div.wpt-wrap input[type=checkbox] {
    55     position: absolute;
    56     opacity: 0;
    57 }
    58 
    59 div.wpt-wrap input[type=checkbox]+label {
    60     position: relative;
    61     cursor: pointer;
    62     padding: 0;
     54div.wpt-wrap input[type=checkbox]{
     55 position: absolute;
     56 opacity: 0;
     57}
     58
     59div.wpt-wrap input[type=checkbox]+label{
     60 position: relative;
     61 cursor: pointer;
     62 padding: 0;
    6363}
    6464
    … …  
    6666
    6767/********** STYLE FOR A RADIO BUTTON --------------- */
    68 div.wpt-wrap input[type=radio] {
    69     position: absolute;
    70     opacity: 0;
    71 }
    72 
    73 div.wpt-wrap input[type=radio]+label {
    74     position: relative;
    75     cursor: pointer;
    76     padding: 0;
    77 }
    78 
    79 div.wpt-wrap input[type=radio]+label:before {
    80     border: 1px solid #bbbbbb;
    81     content: '';
    82     margin-right: 10px;
    83     display: inline-block;
    84     vertical-align: text-top;
    85     width: 24px;
    86     height: 24px;
    87     background: #e6e6e6;
    88     border-radius: 50%;
    89 }
    90 
    91 div.wpt-wrap input[type=radio]:hover+label:before {
    92     background: #ccc;
    93 }
    94 
    95 div.wpt-wrap input[type=radio]:checked+label:before {
    96     background: #5cb85c;
    97     border-color: #5cb85c;
    98 }
    99 
    100 div.wpt-wrap input[type=radio]:disabled+label {
    101     color: #b8b8b8;
    102     cursor: auto;
    103 }
    104 
    105 div.wpt-wrap input[type=radio]:disabled+label:before {
    106     box-shadow: none;
    107     background: #ddd;
    108 }
    109 
    110 div.wpt-wrap input[type=radio]:checked+label:after {
    111     content: '●';
    112     color: #fff;
    113     top: 0px;
    114     font-size: 20px;
    115     font-weight: bold;
    116     left: 6.5px;
    117     top: -0.5px;
    118     position: absolute;
     68div.wpt-wrap input[type=radio]{
     69 position: absolute;
     70 opacity: 0;
     71}
     72
     73div.wpt-wrap input[type=radio]+label{
     74 position: relative;
     75 cursor: pointer;
     76 padding: 0;
     77}
     78
     79div.wpt-wrap input[type=radio]+label:before{
     80 border: 1px solid #bbbbbb;
     81 content: '';
     82 margin-right: 10px;
     83 display: inline-block;
     84 vertical-align: text-top;
     85 width: 24px;
     86 height: 24px;
     87 background: #e6e6e6;
     88 border-radius: 50%;
     89}
     90
     91div.wpt-wrap input[type=radio]:hover+label:before{
     92 background: #ccc;
     93}
     94
     95div.wpt-wrap input[type=radio]:checked+label:before{
     96 background: #5cb85c;
     97 border-color: #5cb85c;
     98}
     99
     100div.wpt-wrap input[type=radio]:disabled+label{
     101 color: #b8b8b8;
     102 cursor: auto;
     103}
     104
     105div.wpt-wrap input[type=radio]:disabled+label:before{
     106 box-shadow: none;
     107 background: #ddd;
     108}
     109
     110div.wpt-wrap input[type=radio]:checked+label:after{
     111 content: '●';
     112 color: #fff;
     113 top: 0px;
     114 font-size: 20px;
     115 font-weight: bold;
     116 left: 6.5px;
     117 top: -0.5px;
     118 position: absolute;
    119119}
    120120/*******Check Box and Radio Button Style End Here*******/
     121
     122
     123/******* Core Table Display Rules - Make div/section/span behave like table elements *******/
     124/* These rules are essential for the new div-based table structure */
     125.wpt-wrap .wpt-table-tag {
     126  display: table;
     127  width: 100%;
     128  border-collapse: collapse;
     129  border-spacing: 0;
     130}
     131
     132.wpt-wrap .wpt-thead-tag {
     133  display: table-header-group;
     134}
     135
     136.wpt-wrap .wpt-tbody-tag {
     137  display: table-row-group;
     138}
     139
     140.wpt-wrap .wpt-tr-tag {
     141  display: table-row;
     142}
     143
     144.wpt-wrap .wpt-th-tag {
     145  display: table-cell;
     146  vertical-align: middle;
     147}
     148
     149.wpt-wrap .wpt-td-tag {
     150  display: table-cell;
     151  vertical-align: middle;
     152}
     153/******* End Core Table Display Rules *******/
    121154
    122155
    123156/**TEMPLATE**/
    124157.wpt-wrap a,
    125 .wpt-wrap a:hover {
    126   text-decoration: none !important;
    127 }
    128 .wpt-wrap table {
    129     font-size: 16px;
     158.wpt-wrap a:hover{
     159 text-decoration: none !important;
     160}
     161.wpt-wrap .wpt-table-tag{
     162 font-size: 16px;
    130163}
    131164.wpt-wrap,
    132165.wpt-wrap>div,
    133166.wpt-wrap>div>div,
    134 .wpt-wrap table,
    135 .wpt-wrap .wpt-thead-tag th,
    136 /* .wpt-wrap .wpt-table-tag .wpt-tbody-tag td div:not('.wp-audio-shortcode *'), */
     167.wpt-wrap .wpt-table-tag,
     168.wpt-wrap .wpt-thead-tag .wpt-th-tag,
     169/* .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-td-tag div:not('.wp-audio-shortcode *'), */
    137170.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag,
    138 .wpt-wrap .wpt-table-tag .wpt-tbody-tag td {
    139   font-weight: 400;
    140   font-size: 16px;
    141   line-height: 18px;
    142 }
    143   /* td.inner-available.td_or_cell, */
    144   div.inner-available.td_or_cell {
    145     display: flex;
    146     flex-wrap: wrap;
    147     gap: 10px;
    148     flex-direction: row;
    149     align-items: center;
    150     justify-content: flex-start;
    151 }
    152 .wpt-wrap .wpt_table_head, .wpt-wrap .wpt_table_head>th {
    153     padding: 11px 10px;
    154     margin: 0;
     171.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-td-tag{
     172 font-weight: 400;
     173 font-size: 16px;
     174 line-height: 18px;
     175}
     176 /* .wpt-td-tag.inner-available.td_or_cell, */
     177 div.inner-available.td_or_cell{
     178 display: flex;
     179 flex-wrap: wrap;
     180 gap: 10px;
     181 flex-direction: row;
     182 align-items: center;
     183 justify-content: flex-start;
     184}
     185.wpt-wrap .wpt_table_head, .wpt-wrap .wpt_table_head>.wpt-th-tag{
     186 padding: 11px 10px;
     187 margin: 0;
    155188}
    156189
    157190body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-th-tag,
    158 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag {
    159   border-spacing: 1px;
    160   border: none;
    161   -webkit-transition: .3s all ease;
    162   -o-transition: .3s all ease;
    163   transition: .3s all ease;
     191body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag{
     192 border-spacing: 1px;
     193 border: none;
     194 -webkit-transition: .3s all ease;
     195 -o-transition: .3s all ease;
     196 transition: .3s all ease;
    164197}
    165198.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-th-tag:first-child,
    166 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag:first-child {
    167   border-top-left-radius: 0px;
    168   border-bottom-left-radius: 0px;
     199.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag:first-child{
     200 border-top-left-radius: 0px;
     201 border-bottom-left-radius: 0px;
    169202}
    170203.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-th-tag:last-child,
    171 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag:last-child {
    172   border-top-right-radius: 0px;
    173   border-bottom-right-radius: 0px;
    174 }
    175 .wpt-wrap .wpt-th-tag.wpt_description, .wpt-wrap .wpt-td-tag.wpt_description {
    176   min-width: 350px;
    177   white-space: inherit;
    178 }
    179 .wpt-wrap tr.wpt-row,
    180 tr.wpt-row>td>*{
    181     padding: 0;
    182     margin: 0;
    183 }
    184 .wpt-wrap tr.wpt-row>td{
    185     padding: 10px;
    186     margin: 0;
    187 }
    188 
    189 body.wpt_table_body .wpt-wrap .wpt-thead-tag tr,
    190 body.wpt_table_body .wpt-wrap .wpt-thead-tag th {
    191   color: #fff;
    192   border-top: none;
    193   border-bottom: none !important;
    194 }
    195 .wpt-wrap .wpt-thead-tag th {
    196   border: none;
    197   font-size: 18px;
    198   font-weight: 500;
    199   line-height: 20px;
    200 }
    201 .wpt-wrap table.wpt-tbl thead {
    202     border-bottom: 1px solid #ffffff;
    203 }
    204 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.spacer td {
    205     padding: 0 !important;
    206     height: 3px;
    207     border-radius: 0 !important;
    208     background: transparent !important;
    209   }
    210 
    211 .wp-block-button__link {
    212     color: #fff !important;
     204.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag:last-child{
     205 border-top-right-radius: 0px;
     206 border-bottom-right-radius: 0px;
     207}
     208.wpt-wrap .wpt-th-tag.wpt_description, .wpt-wrap .wpt-td-tag.wpt_description{
     209 min-width: 350px;
     210 white-space: inherit;
     211}
     212.wpt-wrap .wpt-tr-tag.wpt-row,
     213.wpt-tr-tag.wpt-row>.wpt-td-tag>*{
     214 padding: 0;
     215 margin: 0;
     216}
     217.wpt-wrap .wpt-tr-tag.wpt-row>.wpt-td-tag{
     218 padding: 10px;
     219 margin: 0;
     220}
     221
     222body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-tr-tag,
     223body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-th-tag{
     224 color: #fff;
     225 border-top: none;
     226 border-bottom: none !important;
     227}
     228.wpt-wrap .wpt-thead-tag .wpt-th-tag{
     229 border: none;
     230 font-size: 18px;
     231 font-weight: 500;
     232 line-height: 20px;
     233}
     234.wpt-wrap table.wpt-tbl .wpt-thead-tag{
     235 border-bottom: 1px solid #ffffff;
     236}
     237.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.spacer .wpt-td-tag{
     238 padding: 0 !important;
     239 height: 3px;
     240 border-radius: 0 !important;
     241 background: transparent !important;
     242 }
     243
     244.wp-block-button__link{
     245 color: #fff !important;
    213246}
    214247
    215248/*Pricing*/
    216 span.wpt_product_price ins {
    217   font-size: 16px;
    218   line-height: 18px;
    219 }
    220 
    221 span.wpt_product_price .amount {
    222   color: black;
    223   font-weight: normal;
    224 }
    225 
    226 .wpt_product_price del .amount {
    227   color: var(--wpt_gray);
    228   font-weight: normal;
    229   font-size: 16px;
    230   line-height: 18px;
     249span.wpt_product_price ins{
     250 font-size: 16px;
     251 line-height: 18px;
     252}
     253
     254span.wpt_product_price .amount{
     255 color: black;
     256 font-weight: normal;
     257}
     258
     259.wpt_product_price del .amount{
     260 color: var(--wpt_gray);
     261 font-weight: normal;
     262 font-size: 16px;
     263 line-height: 18px;
    231264}
    232265/*Add to Cart*/
    233 tr.product_type_simple .item_inside_cell.wpt_action, tr.product_type_simple .td_or_cell.wpt_action>div {
     266.wpt-tr-tag.product_type_simple .item_inside_cell.wpt_action, .wpt-tr-tag.product_type_simple .td_or_cell.wpt_action>div{
    234267  display: flex;
    235268  flex-direction: row;
    236   flex-wrap: initial;
    237269  align-items: center;
    238270  justify-content: start;
    239271  gap: 4px;
    240 }
    241 tr.stock_status_outofstock.backorders_no.product_type_simple .item_inside_cell.wpt_action,
    242 tr.stock_status_outofstock.backorders_no.product_type_simple .td_or_cell.wpt_action>div {
    243272  flex-wrap: wrap;
    244   gap: 10px;
    245 }
    246 
    247 .item_inside_cell.wpt_action, .td_or_cell.wpt_action>div {
    248   background: transparent;
    249   width: 100%;
     273}
     274.wpt-tr-tag.stock_status_outofstock.backorders_no.product_type_simple .item_inside_cell.wpt_action,
     275.wpt-tr-tag.stock_status_outofstock.backorders_no.product_type_simple .td_or_cell.wpt_action>div{
     276 flex-wrap: wrap;
     277 gap: 10px;
     278}
     279
     280.item_inside_cell.wpt_action, .td_or_cell.wpt_action>div{
     281 background: transparent;
     282 width: 100%;
    250283}
    251284a.button.wpt_woo_add_cart_button{
    252   position: relative;
    253   display: inline-block;
     285 position: relative;
     286 display: inline-block;
    254287}
    255288
    … …  
    265298.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.alt.wc-variation-selection-needed,
    266299.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.adding.wc-variation-selection-needed{
    267   padding: 10px 11px;
    268   color: #fff;
    269   font-size: 16px;
    270   border-radius: 2px;
    271   font-weight: 400;
    272   white-space: nowrap;
    273   line-height: 16px;
    274   cursor: pointer;
    275   text-transform: none;
    276   letter-spacing: 0px;
    277   box-shadow: none;
    278   opacity: 1; /* !important*/
    279   position: relative;
     300 padding: 10px 11px;
     301 color: #fff;
     302 font-size: 16px;
     303 border-radius: 2px;
     304 font-weight: 400;
     305 white-space: nowrap;
     306 line-height: 16px;
     307 cursor: pointer;
     308 text-transform: none;
     309 letter-spacing: 0px;
     310 box-shadow: none;
     311 opacity: 1; /* !important*/
     312 position: relative;
    280313}
    281314.wpt-tr-tag.visible_row.wpt_row .wpt-td-tag a.wpt_woo_add_cart_button.disabled{
    282   opacity: 1;
    283 }
    284 
    285 .wpt-wrap .wpt-tr-tag.wpt_table_header_row.wpt_table_head th {
    286     white-space: nowrap;
    287   }
    288 .wpt-wrap .wpt-table-tag .wpt-tbody-tag th .content span,
    289 .wpt-wrap .wpt-table-tag .wpt-tbody-tag td .content span {
    290   font-weight: 600;
    291   font-size: 18px;
    292   padding-bottom: 15px;
    293   padding-top: 15px;
    294 }
    295 
    296 
    297 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:not(.spacer) {
    298     border-radius: 0;
    299     overflow: hidden;
    300     -webkit-transition: .3s all ease;
    301     -o-transition: .3s all ease;
    302     transition: .3s all ease;
    303   }
    304   .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:not(.spacer):hover {
    305     -webkit-box-shadow: 0px -1px 0px 0px #0000000f;
    306     box-shadow: 0px -1px 0px 0px #0000000f;
    307   }
    308 
    309 
    310   
     315 opacity: 1;
     316}
     317
     318.wpt-wrap .wpt-tr-tag.wpt_table_header_row.wpt_table_head .wpt-th-tag{
     319 white-space: nowrap;
     320 }
     321.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-th-tag .content span,
     322.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-td-tag .content span{
     323 font-weight: 600;
     324 font-size: 18px;
     325 padding-bottom: 15px;
     326 padding-top: 15px;
     327}
     328
     329
     330.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:not(.spacer){
     331 border-radius: 0;
     332 overflow: hidden;
     333 -webkit-transition: .3s all ease;
     334 -o-transition: .3s all ease;
     335 transition: .3s all ease;
     336 }
     337 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:not(.spacer):hover{
     338 -webkit-box-shadow: 0px -1px 0px 0px #0000000f;
     339 box-shadow: 0px -1px 0px 0px #0000000f;
     340 }
     341
     342
     343 
    311344
    312345.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:last-child,
    313 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:last-child:hover {
    314   border-bottom: none !important;
    315   box-shadow: unset;
    316 }
    317 div.td_or_cell.no-inner.wpt_message input.message {
    318   width: 100%;
     346.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag:last-child:hover{
     347 border-bottom: none !important;
     348 box-shadow: unset;
     349}
     350div.td_or_cell.no-inner.wpt_message input.message{
     351 width: 100%;
    319352}
    320353table.wpt-message-box-table {
    321   width: 295px;
     354 width: 295px;
    322355}
    323356table.wpt-message-box-table, table.wpt-message-box-table tr, table.wpt-message-box-table td, table.wpt-message-box-table th {
    324   padding: 0;
    325   margin: 0;
     357 padding: 0;
     358 margin: 0;
    326359}
    327360
    328361table.wpt-message-box-table td input {
    329   padding: 10px;
    330   min-width: 150px;
    331   border-radius: 2px;
    332   font-size: 16px;
    333   line-height: 18px;
    334   height: 37px;
    335   margin: 0;
    336   box-shadow: unset;
    337   max-width: 225px;
    338   background-color: var(--wpt_white);
    339   border: 1px solid var(--wpt_off_white);
    340   text-align: left;
     362 padding: 10px;
     363 min-width: 150px;
     364 border-radius: 2px;
     365 font-size: 16px;
     366 line-height: 18px;
     367 height: 37px;
     368 margin: 0;
     369 box-shadow: unset;
     370 max-width: 225px;
     371 background-color: var(--wpt_white);
     372 border: 1px solid var(--wpt_off_white);
     373 text-align: left;
    341374}
    342375
    343376/*This green signal, when added to cart*/
    344 /* tr.wpt-row.wpt-added-to-cart>td:last-child::after, */
    345 tr.wpt-row.wpt-added-to-cart>td:first-child:before {
    346   content: "";
    347   position: absolute;
    348   width: 1px;
    349   top: 0;
    350   left: 0;
    351   height: 100%;
    352 }
    353 div.wpt_table_tag_wrapper tr.wpt-row.wpt-added-to-cart div.wpt_tick.item_inside_cell,
    354 div.wpt-wrap .wpt-table-tag.wpt_product_table tbody .wpt-tr-tag.wpt_row .wpt-td-tag.td_or_cell.wpt_tick {
    355     position: relative;
    356     padding: 0;
    357 }
    358 div.wpt_table_tag_wrapper tr.wpt-row.wpt-added-to-cart td>div.wpt_tick.item_inside_cell:before,
    359 div.wpt_table_tag_wrapper tr.wpt-row.wpt-added-to-cart div.item_inside_cell.wpt_tick:before {
    360     content: "\e811";
    361     font-family: 'wptfontelo';
    362     color: var(--wpt_cart_highliter);
    363     position: absolute;
    364     top: 50%;
    365     left: 6px;
    366     transform: translateY(-8px);
    367     background: transparent !important;
    368     padding: 5px;
    369     border-radius: 0;
    370     width: 20px;
    371     height: 20px;
    372 }
    373 
    374 tr.wpt-row.wpt-added-to-cart>td:last-child::after {
    375   left: unset;
    376   right: 0;
    377 }
    378 .instance_search_wrapper input.instance_search_input {
    379   margin: 0;
     377/* .wpt-tr-tag.wpt-row.wpt-added-to-cart>.wpt-td-tag:last-child::after, */
     378.wpt-tr-tag.wpt-row.wpt-added-to-cart>.wpt-td-tag:first-child:before{
     379 content: "";
     380 position: absolute;
     381 width: 1px;
     382 top: 0;
     383 left: 0;
     384 height: 100%;
     385}
     386div.wpt_table_tag_wrapper .wpt-tr-tag.wpt-row.wpt-added-to-cart div.wpt_tick.item_inside_cell,
     387div.wpt-wrap .wpt-table-tag.wpt_product_table .wpt-tbody-tag .wpt-tr-tag.wpt_row .wpt-td-tag.td_or_cell.wpt_tick{
     388 position: relative;
     389 padding: 0;
     390}
     391div.wpt_table_tag_wrapper .wpt-tr-tag.wpt-row.wpt-added-to-cart .wpt-td-tag>div.wpt_tick.item_inside_cell:before,
     392div.wpt_table_tag_wrapper .wpt-tr-tag.wpt-row.wpt-added-to-cart div.item_inside_cell.wpt_tick:before{
     393 content: "\e811";
     394 font-family: 'wptfontelo';
     395 color: var(--wpt_cart_highliter);
     396 position: absolute;
     397 top: 50%;
     398 left: 6px;
     399 transform: translateY(-8px);
     400 background: transparent !important;
     401 padding: 5px;
     402 border-radius: 0;
     403 width: 20px;
     404 height: 20px;
     405}
     406
     407.wpt-tr-tag.wpt-row.wpt-added-to-cart>.wpt-td-tag:last-child::after{
     408 left: unset;
     409 right: 0;
     410}
     411.instance_search_wrapper input.instance_search_input{
     412 margin: 0;
    380413}
    381414/*Others*/
    382 .wpt-wrap .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag .music_title {
    383     font-size: 16px;
    384     font-weight: 500;
    385   }
    386   .wpt-wrap .custom_table .wpt_row .wpt-td-tag img {
    387     border-radius: 3px;
    388   }
    389 
    390 .wpt-wrap #wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward {
    391   font-size: 12px;
    392   padding: 2px 5px;
    393   font-weight: normal;
    394   background: transparent;
    395   text-decoration: none;
    396   letter-spacing: 2px;
     415.wpt-wrap .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag .music_title{
     416 font-size: 16px;
     417 font-weight: 500;
     418 }
     419 .wpt-wrap .custom_table .wpt_row .wpt-td-tag img{
     420 border-radius: 3px;
     421 }
     422
     423.wpt-wrap #wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward{
     424 font-size: 12px;
     425 padding: 2px 5px;
     426 font-weight: normal;
     427 background: transparent;
     428 text-decoration: none;
     429 letter-spacing: 2px;
    397430}
    398431/*Checkbox*/
    399 .all_check_header_footer.all_check_header>span label {
    400   display: flex;
    401   column-gap: 10px;
    402 }
    403 div.wpt-wrap.wpt-wrap input[type=checkbox]+label:before {
    404   content: '';
    405   display: inline-block;
    406   vertical-align: text-top;
    407   width: 20px;
    408   height: 20px;
    409   border-radius: 1px;
    410   font-size: 18px;
    411   line-height: 18px;
    412 }
    413   
    414 div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:after {
    415   content: '\2713';
    416   top: 3px;
    417   font-size: 15px;
    418   font-weight: bold;
    419   left: 5px;
    420   position: absolute;
    421   line-height: 18px;
    422   width: 18px;
    423   height: 18px;
    424 }
    425 /* div.wpt-wrap.wpt-wrap tr th input[type=checkbox]:checked+label:after,
     432.all_check_header_footer.all_check_header>span label{
     433 display: flex;
     434 column-gap: 10px;
     435}
     436div.wpt-wrap.wpt-wrap input[type=checkbox]+label:before{
     437 content: '';
     438 display: inline-block;
     439 vertical-align: text-top;
     440 width: 20px;
     441 height: 20px;
     442 border-radius: 1px;
     443 font-size: 18px;
     444 line-height: 18px;
     445}
     446 
     447div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:after{
     448 content: '\2713';
     449 top: 3px;
     450 font-size: 15px;
     451 font-weight: bold;
     452 left: 5px;
     453 position: absolute;
     454 line-height: 18px;
     455 width: 18px;
     456 height: 18px;
     457}
     458/* div.wpt-wrap.wpt-wrap .wpt-tr-tag .wpt-th-tag input[type=checkbox]:checked+label:after,
    426459div.wpt-wrap.wpt-wrap span input[type=checkbox]:checked+label:after{
    427   left: 5px;
     460 left: 5px;
    428461} */
    429 div.wpt-wrap.wpt-wrap tr th input[type=checkbox]+label:after {
    430   font-size: 17px !important;
    431   line-height: 17px !important;
    432 }
    433 
    434 div.wpt-wrap.wpt-wrap tr.product_type_grouped input[type=checkbox]+label,
    435 div.wpt-wrap.wpt-wrap tr.product_type_external input[type=checkbox]+label,
    436 div.wpt-wrap.wpt-wrap tr.disabled input[type=checkbox]+label,
    437 div.wpt-wrap.wpt-wrap tr.stock_status_outofstock input[type=checkbox]+label{
    438   opacity: .25;
    439 }
    440 .wpt-wrap .wpt-th-tag.wpt_check label {
    441     margin-left: -1px;
     462div.wpt-wrap.wpt-wrap .wpt-tr-tag .wpt-th-tag input[type=checkbox]+label:after{
     463 font-size: 17px !important;
     464 line-height: 17px !important;
     465}
     466
     467div.wpt-wrap.wpt-wrap .wpt-tr-tag.product_type_grouped input[type=checkbox]+label,
     468div.wpt-wrap.wpt-wrap .wpt-tr-tag.product_type_external input[type=checkbox]+label,
     469div.wpt-wrap.wpt-wrap .wpt-tr-tag.disabled input[type=checkbox]+label,
     470div.wpt-wrap.wpt-wrap .wpt-tr-tag.stock_status_outofstock input[type=checkbox]+label{
     471 opacity: .25;
     472}
     473.wpt-wrap .wpt-th-tag.wpt_check label{
     474 margin-left: -1px;
    442475}
    443476/*Pagination*/
    444477.wpt-wrap .wpt_table_pagination span.page-numbers.current,
    445 .wpt-wrap .wpt_table_pagination a.page-numbers.current {
    446   color: #ffff;
    447   font-weight: bold;
    448   font-size: 16px;
    449   line-height: 17px;
     478.wpt-wrap .wpt_table_pagination a.page-numbers.current{
     479 color: #ffff;
     480 font-weight: bold;
     481 font-size: 16px;
     482 line-height: 17px;
    450483}
    451484.wpt-wrap .wpt_table_pagination a.page-numbers,
    452 .wpt-wrap .wpt_table_pagination span.page-numbers {
    453   padding: 8px 16px;
    454   text-decoration: none;
    455   transition: background-color .1s;
    456   margin: 0px;
    457   display: inline-block;
    458   cursor: pointer;
    459   font-size: 16px;
    460   border-radius: 2px;
    461   line-height: 17px;
     485.wpt-wrap .wpt_table_pagination span.page-numbers{
     486 padding: 8px 16px;
     487 text-decoration: none;
     488 transition: background-color .1s;
     489 margin: 0px;
     490 display: inline-block;
     491 cursor: pointer;
     492 font-size: 16px;
     493 border-radius: 2px;
     494 line-height: 17px;
    462495}
    463496
    464497/*Checkbox*/
    465 .wpt-wrap .all_check_header_footer {
    466   background-color: transparent;
    467   padding: 0;
    468   font-size: 16px;
    469   font-family: inherit;
    470   margin: 0;
    471   flex-wrap: wrap;
    472   gap: 10px;
    473 }
    474 .wpt-wrap .td_or_cell.wpt_check {
    475   /* display: table-cell !important */
    476 }  
    477 
    478 .wpt-wrap input[type=checkbox]+label, .wpt-wrap input[type=radio]+label {
    479   margin: 0 0 0 0;
    480 }
    481 
    482 .wpt_table_body .wpt-wrap .wpt_action form.cart {
    483     display: flex;
    484     align-items: center;
    485     gap: 10px;
    486     margin-bottom: 0;
    487     flex-wrap: nowrap;
    488     flex-direction: row;
    489     flex-basis: 100%;
    490     justify-content: start;
    491 }
    492 .wpt_table_body .wpt-wrap .wpt_action form.variations_form.cart {
    493 
    494     flex-wrap: nowrap;
    495     flex-direction: column;
    496     flex-basis: 100%;
     498.wpt-wrap .all_check_header_footer{
     499 background-color: transparent;
     500 padding: 0;
     501 font-size: 16px;
     502 font-family: inherit;
     503 margin: 0;
     504 flex-wrap: wrap;
     505 gap: 10px;
     506}
     507.wpt-wrap .td_or_cell.wpt_check{
     508 /* display: table-cell !important */
     509}
     510
     511.wpt-wrap input[type=checkbox]+label, .wpt-wrap input[type=radio]+label{
     512 margin: 0 0 0 0;
     513}
     514
     515.wpt_table_body .wpt-wrap .wpt_action form.cart{
     516 display: flex;
     517 align-items: center;
     518 gap: 10px;
     519 margin-bottom: 0;
     520 flex-wrap: wrap;
     521 flex-direction: row;
     522 flex-basis: 100%;
     523 justify-content: start;
     524}
     525.wpt_table_body .wpt-wrap .wpt_action form.variations_form.cart{
     526
     527 flex-wrap: wrap;
     528 flex-direction: column;
     529 flex-basis: 100%;
    497530}
    498531.wpt_action form.variations_form.cart .single_variation_wrap,
    499532.wpt_action form.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation{
    500   display: flex;
    501   flex-wrap: nowrap;
    502   flex-direction: column;
    503   gap: 10px;
    504   width: 100%;
    505   order: 3;
    506 }
    507 .wpt_action form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button {
    508   display: flex;
    509   flex-wrap: nowrap;
    510   flex-direction: row;
    511   gap: 10px;
    512   align-items: center;
    513   justify-content: start;
    514   order: 1;
     533 display: flex;
     534 flex-wrap: nowrap;
     535 flex-direction: column;
     536 gap: 10px;
     537 width: 100%;
     538 order: 3;
     539}
     540.wpt_action form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button{
     541 display: flex;
     542 flex-wrap: nowrap;
     543 flex-direction: row;
     544 gap: 10px;
     545 align-items: center;
     546 justify-content: start;
     547 order: 1;
    515548}
    516549.wpt_action form.variations_form.cart table.variations,
    … …  
    518551.wpt_action form.variations_form.cart table.variations td,
    519552.wpt_action form.variations_form.cart table.variations tr th {
    520   padding: 4px;
    521   margin: 0;
    522   background: transparent;
     553 padding: 4px;
     554 margin: 0;
     555 background: transparent;
    523556}
    524557
    525558.wpt_action form.variations_form.cart table.variations select {
    526   min-width: 160px;
    527 }
    528   /* product title */
    529 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>td a.wpt_product_title_in_td {
    530     font-weight: 400;
    531     text-decoration: none;
    532     font-size: 17px;
    533     line-height: 19px;
    534     background: transparent;
    535     margin: 0;
    536     box-shadow: none;
    537     min-width: 250px;
    538     display: block;
    539 }
    540   
    541   /* product description */
    542   body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>td .product_description {
    543     font-weight: 400;
    544     text-decoration: none !important;
    545     font-size: 16px;
    546     background: transparent;
    547     margin: 0;
    548   }
     559 min-width: 160px;
     560}
     561 /* product title */
     562body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>.wpt-td-tag a.wpt_product_title_in_td{
     563 font-weight: 400;
     564 text-decoration: none;
     565 font-size: 17px;
     566 line-height: 19px;
     567 background: transparent;
     568 margin: 0;
     569 box-shadow: none;
     570 min-width: 250px;
     571 display: block;
     572}
     573 
     574 /* product description */
     575 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>.wpt-td-tag .product_description{
     576 font-weight: 400;
     577 text-decoration: none !important;
     578 font-size: 16px;
     579 background: transparent;
     580 margin: 0;
     581 }
    549582
    550583
    551584/*----- Quantity ---------*/
    552 .wpt-wrap .wpt_quantity .quantity {
    553   display: flex;
    554 }
    555 .wpt-wrap .qib-button-wrapper button.qib-button {
    556   padding: 0;
    557   text-align: center;
    558 }
    559 
    560 .qib-button-wrapper .quantity input.input-text.qty.text {
    561   width: 3rem;
     585.wpt-wrap .wpt_quantity .quantity{
     586 display: flex;
     587}
     588.wpt-wrap .qib-button-wrapper button.qib-button{
     589 padding: 0;
     590 text-align: center;
     591}
     592
     593.qib-button-wrapper .quantity input.input-text.qty.text{
     594 width: 3rem;
    562595}
    563596.wpt-wrap .wpt-tbl input[type=number]::-webkit-inner-spin-button,
    564 .wpt-wrap .wpt-tbl input[type=number]::-webkit-outer-spin-button {
    565   opacity: 0.7;
    566 }
    567 
    568 .wpt-wrap .qib-button-wrapper {
    569   display: flex !important;
    570   height: 37px;
    571   float: unset;
    572   margin: 0;
    573   flex-wrap: nowrap;
    574   gap: 0;
     597.wpt-wrap .wpt-tbl input[type=number]::-webkit-outer-spin-button{
     598 opacity: 0.7;
     599}
     600
     601.wpt-wrap .qib-button-wrapper{
     602 display: flex !important;
     603 height: 37px;
     604 float: unset;
     605 margin: 0;
     606 flex-wrap: nowrap;
     607 gap: 0;
    575608}
    576609.wpt-wrap .qib-button-wrapper div.quantity.wqpmb_quantity{
    577   height: 37px;
     610 height: 37px;
    578611}
    579612.wpt_action input.input-text.qty.text,
    … …  
    581614.wpt-wrap .wpt_quantity input.input-text.qty.text,
    582615.wpt-wrap .wpt_quick_qty input.input-text.qty.text{
    583   padding: 0;
    584   text-align: center;
    585   min-width: 25px;
    586   border-radius: 2px;
    587   font-size: 16px;
    588   line-height: 18px;
    589   height: 37px;
    590   margin: 0;
    591   box-shadow: unset;
    592   max-width: 55px;
     616 padding: 0;
     617 text-align: center;
     618 min-width: 25px;
     619 border-radius: 2px;
     620 font-size: 16px;
     621 line-height: 18px;
     622 height: 37px;
     623 margin: 0;
     624 box-shadow: unset;
     625 max-width: 55px;
    593626}
    594627.wpt-wrap .qib-button-wrapper .quantity input.input-text.qty.text{
    595   border-radius: 0;
     628 border-radius: 0;
    596629}
    597630body.wpt_table_body .wpt-wrap .qib-button-wrapper .minus.qib-button,
    598 body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button {
    599   font-size: 18px;
    600   line-height:18px;
    601   height: 37px;
    602   font-weight: normal;
     631body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button{
     632 font-size: 18px;
     633 line-height:18px;
     634 height: 37px;
     635 font-weight: normal;
    603636}
    604637body.wpt_table_body .wpt-wrap .qib-button-wrapper .minus.qib-button{
    605   border-top-left-radius: 2px;
    606   border-bottom-left-radius: 2px;
    607   border-right: 0 none;
     638 border-top-left-radius: 2px;
     639 border-bottom-left-radius: 2px;
     640 border-right: 0 none;
    608641}
    609642body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button{
    610   border-top-right-radius: 2px;
    611   border-bottom-right-radius: 2px;
    612   border-left: 0 none;
     643 border-top-right-radius: 2px;
     644 border-bottom-right-radius: 2px;
     645 border-left: 0 none;
    613646}
    614647/*Mini Cart*/
    615 .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before {
    616   font-size: 24px;
    617   border-radius: 25px;
     648.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before{
     649 font-size: 24px;
     650 border-radius: 25px;
    618651}
    619652
    620653/* Small devices (portrait tablets and large phones, 600px and up) */
    621 @media only screen and (min-width: 600px) {
     654@media only screen and (min-width: 600px){
    622655
    623656}
    … …  
    626659
    627660/* Extra large devices (large laptops and desktops, 1200px and up) */
    628 @media only screen and (max-width: 1200px) {
    629 
    630 }
    631 
    632 @media only screen and (max-width: 1024px) {
     661@media only screen and (max-width: 1200px){
     662
     663}
     664
     665@media only screen and (max-width: 1024px){
    633666
    634667}
    635668/* Large devices (laptops/desktops, 992px and up) */
    636 @media only screen and (max-width: 991px) {
    637     
     669@media only screen and (max-width: 991px){
     670 
    638671}
    639672
    640673/* Medium devices (landscape tablets, 768px and up) */
    641 @media only screen and (max-width: 767px) {
     674@media only screen and (max-width: 767px){
    642675
    643676}
    644677
    645678/* Extra small devices (phones, 600px and down) */
    646 @media only screen and (max-width: 600px) {
     679@media only screen and (max-width: 600px){
    647680
    648681}
    649682
    650683/* Extra small devices (phones, 500px and down) */
    651 @media only screen and (max-width: 500px) {
    652   
    653 }
     684@media only screen and (max-width: 500px){
     685 
     686}

  • woo-product-table/trunk/assets/css/compatible/storefront.css

    r3449775 r3450845  
    1 div.wpt-wrap.beautiful_blacky_wrapper.wpt-wrap table.wpt-tbl tr.wpt-row td{
     1div.wpt-wrap.beautiful_blacky_wrapper.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tr-tag.wpt-row .wpt-td-tag{
    22    background: #28333bb7 !important;
    33}
    4 div.wpt-wrap.beautiful_blacky_wrapper.wpt-wrap table.wpt-tbl tr:nth-child(2n+2) td {
     4div.wpt-wrap.beautiful_blacky_wrapper.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tr-tag:nth-child(2n+2) .wpt-td-tag {
    55background: var(--wpt_table_tr_odd);
    66}
    77
    8 div.wpt-wrap.beautiful_blacky_wrapper.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
     8div.wpt-wrap.beautiful_blacky_wrapper.wpt_column_sort #wpt_.wpt-table-tag.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
    99    background: var(--wpt_sorted_td_bg) !important;
    1010}
    1111
    12 wpt_column_sort.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
     12wpt_column_sort.wpt_column_sort #wpt_.wpt-table-tag.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
    1313    background: rgba(20, 89, 153, 0.03) !important;
    1414}

  • woo-product-table/trunk/assets/css/elements/export-button.css

    r3420662 r3450845  
    164164@media (max-width: 480px) {
    165165    .wpt-export-buttons {
    166         flex-direction: column;
     166        flex-direction: row;
     167        justify-content: space-around;
     168        flex-wrap: wrap;
    167169        width: 100%;
     170        align-items: center;
    168171    }
    169172
    170173    .wpt-export-btn {
    171174        justify-content: center;
    172         width: 100%;
     175        width: 40px;
    173176    }
    174177}

  • woo-product-table/trunk/assets/css/override-root.css

    r3449775 r3450845  
    1 .wpt-td-tag.wpt-replace-td-in-tr {
    2     border: 1px solid var(--wpt_off_white) !important;
    3     background: var(--wpt_table_bg) !important;
    4     border-bottom: 0 none !important;
    5   }
    6   .wpt_table_tag_wrapper tr.wpt_selected_tr .wpt-td-tag.wpt-replace-td-in-tr {
    7     background: #8d8d8d0d !important;
    8   }
    9   tr:last-child .wpt-td-tag.wpt-replace-td-in-tr {
    10     border-bottom: 1px solid var(--wpt_off_white) !important;
    11   }
    12   
    13 .wpt-wrap .wpt_table_tag_wrapper table.wpt-tbl {
    14     background: var(--wpt_table_bg);
    15 }
    16 .wpt-wrap table.wpt-tbl tr:nth-child(2n+2) {
    17   background: var(--wpt_table_tr_odd);
    18 }
    19 
    20 
    21 .wpt-wrap table.wpt-tbl tr.wpt-row{
    22     box-shadow: 0px -1px 0px 0px var(--wpt_table_tr_boder);
    23 }
    24 .wpt-wrap .woocommerce-mini-cart__buttons.buttons a {
    25     background: var(--wpt_primary)!important;
    26     color: var(--wpt_white);
    27     border-color: var(--wpt_primary);
    28 }
    29 
    30 .wpt-wrap .woocommerce-mini-cart__buttons.buttons a:hover {
    31     background: var(--wpt_primary_deepest)!important;
    32     color: var(--wpt_white);
    33 }
    34 
    35 .wpt-wrap ul.woocommerce-mini-cart li a {
    36     color: var(--wpt_primary_deepest);
    37 }
    38 
    39 .wpt-wrap table {
    40     color: var(--wpt_text);
    41 }
    42 
    43 body.wpt_table_body .wpt-wrap .wp-block-button__link {
    44     background: var(--wpt_primary) !important;
     1.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag{
     2 border: 1px solid var(--wpt_off_white) !important;
     3 background: var(--wpt_table_bg) !important;
     4 border-bottom: 0 none !important;
     5 }
     6 .wpt_table_tag_wrapper .wpt-tr-tag.wpt_selected_tr .wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag{
     7 background: #8d8d8d0d !important;
     8 }
     9 .wpt-tr-tag:last-child .wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag{
     10 border-bottom: 1px solid var(--wpt_off_white) !important;
     11 }
     12 
     13.wpt-wrap .wpt_table_tag_wrapper .wpt-table-tag.wpt-tbl{
     14 background: var(--wpt_table_bg);
     15}
     16.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tr-tag:nth-child(2n+2){
     17 background: var(--wpt_table_tr_odd);
     18}
     19
     20
     21.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tr-tag.wpt-row{
     22 box-shadow: 0px -1px 0px 0px var(--wpt_table_tr_boder);
     23}
     24.wpt-wrap .woocommerce-mini-cart__buttons.buttons a{
     25 background: var(--wpt_primary)!important;
     26 color: var(--wpt_white);
     27 border-color: var(--wpt_primary);
     28}
     29
     30.wpt-wrap .woocommerce-mini-cart__buttons.buttons a:hover{
     31 background: var(--wpt_primary_deepest)!important;
     32 color: var(--wpt_white);
     33}
     34
     35.wpt-wrap ul.woocommerce-mini-cart li a{
     36 color: var(--wpt_primary_deepest);
     37}
     38
     39.wpt-wrap .wpt-table-tag{
     40 color: var(--wpt_text);
     41}
     42
     43body.wpt_table_body .wpt-wrap .wp-block-button__link{
     44 background: var(--wpt_primary) !important;
    4545}
    4646
    4747body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row,
    48 body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt-th-tag {
    49     background-color: var(--wpt_thead_bg);
    50 }
    51 
    52 .wpt-wrap table.wpt-tbl tbody td .wpt_product_title_in_td {
    53     color: var(--wpt_product_title);
    54 }
    55 .wpt-wrap table.wpt-tbl tbody td:hover .wpt_product_title_in_td {
    56     color: var(--wpt_product_title_hover);
    57 }
    58 
    59 .wpt-wrap table span.wpt-pro-tag-on-sale {
    60     border: 1px solid var(--wpt_primary);
    61     background: var(--wpt_primary);
     48body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt-th-tag{
     49 background-color: var(--wpt_thead_bg);
     50}
     51
     52.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tbody-tag .wpt-td-tag .wpt_product_title_in_td{
     53 color: var(--wpt_product_title);
     54}
     55.wpt-wrap .wpt-table-tag.wpt-tbl .wpt-tbody-tag .wpt-td-tag:hover .wpt_product_title_in_td{
     56 color: var(--wpt_product_title_hover);
     57}
     58
     59.wpt-wrap .wpt-table-tag span.wpt-pro-tag-on-sale{
     60 border: 1px solid var(--wpt_primary);
     61 background: var(--wpt_primary);
    6262}
    6363
    … …  
    6565body.wpt_table_body .wpt-wrap .wpt_quick_view .caqv-open-modal,
    6666body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag a.button.add_to_cart_button,
    67 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button ,
     67body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    6868body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.adding,
    6969body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.alt.wc-variation-selection-needed,
    70 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.adding.wc-variation-selection-needed {
    71     background: var(--wpt_btn_bg);
    72     border: 1px solid var(--wpt_btn_bg);
    73     color: var(--wpt_btn_color);
     70body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button.adding.wc-variation-selection-needed{
     71 background: var(--wpt_btn_bg);
     72 border: 1px solid var(--wpt_btn_bg);
     73 color: var(--wpt_btn_color);
    7474
    7575}
    … …  
    8181body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button:hover.adding,
    8282body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button:hover.alt.wc-variation-selection-needed,
    83 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button:hover.adding.wc-variation-selection-needed {
    84     background: var(--wpt_btn_bg_hover);
    85     color: var(--wpt_btn_color_hover);
    86     border: 1px solid var(--wpt_primary);
    87 }
    88 button.single_add_to_cart_button >span.wpt_ccount i.animate-spin, a.button.wpt_woo_add_cart_button>span.wpt_ccount i.animate-spin{
    89     background: var(--wpt_white);
    90     color: var(--wpt_primary);
     83body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.add_to_cart_button:hover.adding.wc-variation-selection-needed{
     84 background: var(--wpt_btn_bg_hover);
     85 color: var(--wpt_btn_color_hover);
     86 border: 1px solid var(--wpt_primary);
     87}
     88button.single_add_to_cart_button>span.wpt_ccount i.animate-spin, a.button.wpt_woo_add_cart_button>span.wpt_ccount i.animate-spin{
     89 background: var(--wpt_white);
     90 color: var(--wpt_primary);
    9191}
    9292
    … …  
    9494a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart>span.wpt_ccount,
    9595a.product_type_variation>span.wpt_ccount,
    96 button.single_add_to_cart_button >span.wpt_ccount, a.button.wpt_woo_add_cart_button>span.wpt_ccount {
    97     background: var(--wpt_white);
    98     color: var(--wpt_black);
    99 }
    100 
    101 .wpt-wrap .wpt-tr-tag.wpt_table_header_row.wpt_table_head th {
    102     color: var(--wpt_thead_text);
    103 }
    104 
    105 .wpt-wrap .wpt-table-tag .wpt-tbody-tag td {
    106     color: var(--wpt_text);
    107 }
    108 
    109 .wpt-wrap .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag .music_title {
    110     color: var(--wpt_primary);
    111 }
    112 
    113 
    114 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag a {
    115     color: var(--wpt_link);
    116 }
    117 .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag a:hover {
    118     color: var(--wpt_link_hover);
    119 }
    120 
    121 /* tr.wpt-row.wpt-added-to-cart>td:last-child::after, */
    122 tr.wpt-row.wpt-added-to-cart>td:first-child:before {
    123     background: var(--wpt_cart_highliter);
     96button.single_add_to_cart_button>span.wpt_ccount, a.button.wpt_woo_add_cart_button>span.wpt_ccount{
     97 background: var(--wpt_white);
     98 color: var(--wpt_black);
     99}
     100
     101.wpt-wrap .wpt-tr-tag.wpt_table_header_row.wpt_table_head .wpt-th-tag{
     102 color: var(--wpt_thead_text);
     103}
     104
     105.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-td-tag{
     106 color: var(--wpt_text);
     107}
     108
     109.wpt-wrap .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag .music_title{
     110 color: var(--wpt_primary);
     111}
     112
     113
     114.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag a{
     115 color: var(--wpt_link);
     116}
     117.wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .wpt-td-tag a:hover{
     118 color: var(--wpt_link_hover);
     119}
     120
     121/* .wpt-tr-tag.wpt-row.wpt-added-to-cart>.wpt-td-tag:last-child::after, */
     122.wpt-tr-tag.wpt-row.wpt-added-to-cart>.wpt-td-tag:first-child:before{
     123 background: var(--wpt_cart_highliter);
    124124}
    125125
    … …  
    127127
    128128.wpt-wrap .select2-container .select2-selection--multiple,
    129 .wpt-wrap .select2-container--default .select2-selection--single {
    130     border: 1px solid #ccd2d3;
     129.wpt-wrap .select2-container--default .select2-selection--single{
     130 border: 1px solid #ccd2d3;
    131131}
    132132.wpt_table_body .select2-container--default .select2-results__option[aria-selected=true],
    133133.wpt_table_body .select2-container--default .select2-results__option[data-selected=true]{
    134     background-color: var(--wpt_secondary) !important;
     134 background-color: var(--wpt_secondary) !important;
    135135}
    136136.wpt_table_body .select2-container--default .select2-results__option--highlighted[aria-selected],
    137 .wpt_table_body .select2-container--default .select2-results__option--highlighted[data-selected] {
    138   background-color: var(--wpt_primary) !important;
    139 }
    140 .wpt-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    141     border-color: var(--wpt_primary) transparent transparent transparent;
    142 }
    143 .wpt-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    144     border-color: transparent transparent var(--wpt_primary_deepest) transparent;
     137.wpt_table_body .select2-container--default .select2-results__option--highlighted[data-selected]{
     138 background-color: var(--wpt_primary) !important;
     139}
     140.wpt-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{
     141 border-color: var(--wpt_primary) transparent transparent transparent;
     142}
     143.wpt-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
     144 border-color: transparent transparent var(--wpt_primary_deepest) transparent;
    145145}
    146146/*Checkbox*/
    147 div.wpt-wrap.wpt-wrap input[type=checkbox]+label:before {
    148     background: var(--wpt_white);
    149     border: 1px solid var(--wpt_gray);
    150 }
    151 
    152 div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:before {
    153     background: var(--wpt_primary);
    154     border: 1px solid var(--wpt_primary_deep);
    155 }
    156 
    157 div.wpt-wrap.wpt-wrap tr th input[type=checkbox]:checked+label:before,
    158 div.wpt-wrap.wpt-wrap tr th input[type=checkbox]+label:before{
    159     /* background: var(--wpt_primary_deep); */
    160     border: 1px solid var(--wpt_primary_deepest);
     147div.wpt-wrap.wpt-wrap input[type=checkbox]+label:before{
     148 background: var(--wpt_white);
     149 border: 1px solid var(--wpt_gray);
     150}
     151
     152div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:before{
     153 background: var(--wpt_primary);
     154 border: 1px solid var(--wpt_primary_deep);
     155}
     156
     157div.wpt-wrap.wpt-wrap .wpt-tr-tag .wpt-th-tag input[type=checkbox]:checked+label:before,
     158div.wpt-wrap.wpt-wrap .wpt-tr-tag .wpt-th-tag input[type=checkbox]+label:before{
     159 /* background: var(--wpt_primary_deep); */
     160 border: 1px solid var(--wpt_primary_deepest);
    161161}
    162162
    163163div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:after{
    164     color: var(--wpt_white);
     164 color: var(--wpt_white);
    165165}
    166166
    … …  
    168168
    169169.wpt-wrap .wpt_table_pagination span.page-numbers.current,
    170 .wpt-wrap .wpt_table_pagination a.page-numbers.current {
    171     background-color: var(--wpt_primary);
    172     border: 1px solid var(--wpt_primary);
     170.wpt-wrap .wpt_table_pagination a.page-numbers.current{
     171 background-color: var(--wpt_primary);
     172 border: 1px solid var(--wpt_primary);
    173173}
    174174
    175175.wpt-wrap .wpt_table_pagination a.page-numbers,
    176 .wpt-wrap .wpt_table_pagination span.page-numbers {
    177     border: 1px solid var(--wpt_primary);
     176.wpt-wrap .wpt_table_pagination span.page-numbers{
     177 border: 1px solid var(--wpt_primary);
    178178}
    179179
    … …  
    181181.wpt-wrap .wpt_table_pagination a.page-numbers:focus,
    182182.wpt-wrap .wpt_table_pagination span.page-numbers:hover,
    183 .wpt-wrap .wpt_table_pagination span.page-numbers:focus {
    184     background: var(--wpt_primary);
    185     color: #fff;
     183.wpt-wrap .wpt_table_pagination span.page-numbers:focus{
     184 background: var(--wpt_primary);
     185 color: #fff;
    186186}
    187187
    188188
    189189/*Checkbox Header*/
    190 .all_check_header_footer.all_check_header>span {
    191     border: 1px solid var(--wpt_secondary_deep);
    192     color: var(--wpt_primary);
    193     background: var(--wpt_secondary);
     190.all_check_header_footer.all_check_header>span{
     191 border: 1px solid var(--wpt_secondary_deep);
     192 color: var(--wpt_primary);
     193 background: var(--wpt_secondary);
    194194}
    195195
    196196.all_check_header_footer .button.add_to_cart_all_selected,
    197 .wpt-tr-tag.visible_row.wpt_row .wpt-td-tag a.wpt_woo_add_cart_button.disabled {
    198     background: var(--wpt_off_white);
    199     color: var(--wpt_text_light);
    200 }
    201 
    202 .all_check_header_footer.product-selected .button.add_to_cart_all_selected {
    203     background: var(--wpt_primary);
    204     color: var(--wpt_white);
    205 }
    206 
    207 
    208 
    209 
    210 /* product description fatima  */
    211 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>td .product_description {
    212     color: #5c5c5c;
     197.wpt-tr-tag.visible_row.wpt_row .wpt-td-tag a.wpt_woo_add_cart_button.disabled{
     198 background: var(--wpt_off_white);
     199 color: var(--wpt_text_light);
     200}
     201
     202.all_check_header_footer.product-selected .button.add_to_cart_all_selected{
     203 background: var(--wpt_primary);
     204 color: var(--wpt_white);
     205}
     206
     207
     208
     209
     210/* product description fatima */
     211body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>.wpt-td-tag .product_description{
     212 color: #5c5c5c;
    213213}
    214214
    215215.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item a{
    216     color: var(--wpt_primary_deepest);
    217     font-weight: 500;
    218 }
    219 
    220 .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item {
    221     border: 1px solid var(--wpt_secondary_light);
    222     background: var(--wpt_white);
    223     color: var(--wpt_primary);
    224 }
    225 span.wpt_product_price .amount {
    226     color: var(--wpt_black);
    227   }
    228   
    229 .wpt_product_price del .amount {
    230     color: var(--wpt_gray);
    231 }
    232 .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content .total * {
    233     color: var(--wpt_text);
    234 }
    235 
    236 .tables_cart_message_box .widget_shopping_cart_content>p.total span.woocommerce-Price-amount.amount {
    237     color: var(--wpt_primary);
    238 }
    239 
    240 .tables_cart_message_box .widget_shopping_cart_content>p.total span.woocommerce-Price-currencySymbol {
    241     color: var(--wpt_primary_deepest);
     216 color: var(--wpt_primary_deepest);
     217 font-weight: 500;
     218}
     219
     220.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item{
     221 border: 1px solid var(--wpt_secondary_light);
     222 background: var(--wpt_white);
     223 color: var(--wpt_primary);
     224}
     225span.wpt_product_price .amount{
     226 color: var(--wpt_black);
     227 }
     228 
     229.wpt_product_price del .amount{
     230 color: var(--wpt_gray);
     231}
     232.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content .total *{
     233 color: var(--wpt_text);
     234}
     235
     236.tables_cart_message_box .widget_shopping_cart_content>p.total span.woocommerce-Price-amount.amount{
     237 color: var(--wpt_primary);
     238}
     239
     240.tables_cart_message_box .widget_shopping_cart_content>p.total span.woocommerce-Price-currencySymbol{
     241 color: var(--wpt_primary_deepest);
    242242}
    243243/*=========Search Box==========*/
    244244.search_box_fixer>.search_box_label{
    245     /* background: var(--wpt_secondary); */
    246     color: var(--wpt_text_deep);
    247 }
    248 .search_box_wrapper span.select2-selection__clear {
    249     background: var(--wpt_off_white);
    250     color: var(--wpt_danger);
    251 }
    252 
    253 .search_box_wrapper span.select2-selection__clear:hover {
    254     background: var(--wpt_off_white);
    255     color: var(--wpt_text);
     245 /* background: var(--wpt_secondary); */
     246 color: var(--wpt_text_deep);
     247}
     248.search_box_wrapper span.select2-selection__clear{
     249 background: var(--wpt_off_white);
     250 color: var(--wpt_danger);
     251}
     252
     253.search_box_wrapper span.select2-selection__clear:hover{
     254 background: var(--wpt_off_white);
     255 color: var(--wpt_text);
    256256}
    257257
    … …  
    259259
    260260.wpt-wrap .search_single .query_box_direct_value,
    261 .wpt-wrap .instance_search_input {
    262     border: 1px solid #ccd2d3;
    263 }
    264 button.wpt-query-reset-button {
    265     background: var(--wpt_primary);
    266     color: var(--wpt_white);
    267 }
    268 button.wpt-query-reset-button:hover {
    269     background: var(--wpt_danger);
    270     color: var(--wpt_white);
     261.wpt-wrap .instance_search_input{
     262 border: 1px solid #ccd2d3;
     263}
     264button.wpt-query-reset-button{
     265 background: var(--wpt_primary);
     266 color: var(--wpt_white);
     267}
     268button.wpt-query-reset-button:hover{
     269 background: var(--wpt_danger);
     270 color: var(--wpt_white);
    271271}
    272272
    … …  
    276276body.wpt_table_body .wpt-wrap select:focus,
    277277body.wpt_table_body .wpt-wrap textarea:focus,
    278 body.wpt_table_body .wpt-wrap button:focus {
    279     outline: 0 none !important;
     278body.wpt_table_body .wpt-wrap button:focus{
     279 outline: 0 none !important;
    280280}
    281281
    282282
    283283/*----- Quantity ---------*/
    284 .wpt-wrap .qib-button-wrapper button.qib-button {
    285     color: var(--wpt_primary);
    286     border: 1px solid var(--wpt_secondary_light);
     284.wpt-wrap .qib-button-wrapper button.qib-button{
     285 color: var(--wpt_primary);
     286 border: 1px solid var(--wpt_secondary_light);
    287287
    288288}
    … …  
    291291.wpt-wrap .qib-button-wrapper .quantity input.input-text.qty.text,
    292292.wpt-wrap .wpt_quantity input.input-text.qty.text,
    293 .wpt-wrap .wpt_quick_qty input.input-text.qty.text {
    294     border: 1px solid var(--wpt_off_white);
    295     background: var(--wpt_white);
    296     
     293.wpt-wrap .wpt_quick_qty input.input-text.qty.text{
     294 border: 1px solid var(--wpt_off_white);
     295 background: var(--wpt_white);
     296 
    297297}
    298298.wpt-wrap .qib-button-wrapper .quantity input.input-text.qty.text{
    299     border-left: 0;
    300     border-right: 0;
     299 border-left: 0;
     300 border-right: 0;
    301301}
    302302
    303303body.wpt_table_body .wpt-wrap .qib-button-wrapper .minus.qib-button,
    304 body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button {
    305     background: var(--wpt_white);
    306     border: 1px solid var(--wpt_off_white);
    307     color: var(--wpt_primary_deepest);
     304body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button{
     305 background: var(--wpt_white);
     306 border: 1px solid var(--wpt_off_white);
     307 color: var(--wpt_primary_deepest);
    308308}
    309309body.wpt_table_body .wpt-wrap .qib-button-wrapper .minus.qib-button:hover,
    310 body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button:hover {
    311     background: var(--wpt_off_white);
     310body.wpt_table_body .wpt-wrap .qib-button-wrapper .plus.qib-button:hover{
     311 background: var(--wpt_off_white);
    312312}
    313313/*Mini Cart*/
    314 .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before {
    315     background: var(--wpt_primary);
     314.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before{
     315 background: var(--wpt_primary);
    316316}
    317317.wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content li a.remove:hover::before{
    318     background: var(--wpt_danger);
     318 background: var(--wpt_danger);
    319319}
    320320.wpt-wrap select,
    321 .wpt_varition_section select {
    322     border: 1px solid var(--wpt_secondary_light);
    323 }
    324 
    325 .wpt-wrap .wpt_load_more {
    326     border: 1px solid var(--wpt_primary);
    327     background-color: var(--wpt_primary);
    328 }
    329 
    330 .wpt-wrap .wpt_load_more:hover {
    331     background-color: transparent;
    332     border: 1px solid var(--wpt_primary);
    333     color: var(--wpt_primary);
    334 }
    335 .wpt-wrap div.tables_cart_message_box p.woocommerce-mini-cart__empty-message {
    336     color: var(--wpt_danger);
    337     border: 1px solid var(--wpt_off_white);
    338     background-color: var(--wpt_table_bg);
    339     display: none;
     321.wpt_varition_section select{
     322 border: 1px solid var(--wpt_secondary_light);
     323}
     324
     325.wpt-wrap .wpt_load_more{
     326 border: 1px solid var(--wpt_primary);
     327 background-color: var(--wpt_primary);
     328}
     329
     330.wpt-wrap .wpt_load_more:hover{
     331 background-color: transparent;
     332 border: 1px solid var(--wpt_primary);
     333 color: var(--wpt_primary);
     334}
     335.wpt-wrap div.tables_cart_message_box p.woocommerce-mini-cart__empty-message{
     336 color: var(--wpt_danger);
     337 border: 1px solid var(--wpt_off_white);
     338 background-color: var(--wpt_table_bg);
     339 display: none;
    340340}
    341341/*Message*/
    342342.wpt-wrap .wpt_action #custom_message,
    343343.wpt-wrap .wpt-td-tag.wpt_message div>input.message,
    344 .wpt-wrap .item_inside_cell.wpt_message>input.message {
    345     border: 1px solid var(--wpt_off_white);
    346     background-color: var(--wpt_white);
     344.wpt-wrap .item_inside_cell.wpt_message>input.message{
     345 border: 1px solid var(--wpt_off_white);
     346 background-color: var(--wpt_white);
    347347}
    348348/*REview*/
    … …  
    353353p.stars a:after,
    354354.star-rating span:before,
    355 #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    356     color: var(--wpt_review);
     355#payment .payment_methods li input[type=radio]:first-child:checked+label:before{
     356 color: var(--wpt_review);
    357357}
    358358
    359359
    360360/* Footer Cart */
    361 .wpt-new-footer-cart {
    362     background: var(--wpt_primary);
    363 }
    364 
    365 .wpt-lister {
    366     border-top: 3px solid var(--wpt_primary);
    367 }
    368 
    369 .wpt-lister .lister-ins {
    370     color: var(--wpt_primary_light);
    371 }
    372 
    373 .wpt-new-footer-cart span.wpt-fcart-coll-expand {
    374     background: var(--wpt_primary_deep);
    375 }
    376 
    377 .lister-ins li .wpt-cart-remove:hover {
    378     color: var(--wpt_danger);
    379 }
    380 
    381 .wpt-cart-contents span.wpt_empty_cart_btn:hover {
    382     color: var(--wpt_warning);
     361.wpt-new-footer-cart{
     362 background: var(--wpt_primary);
     363}
     364
     365.wpt-lister{
     366 border-top: 3px solid var(--wpt_primary);
     367}
     368
     369.wpt-lister .lister-ins{
     370 color: var(--wpt_primary_light);
     371}
     372
     373.wpt-new-footer-cart span.wpt-fcart-coll-expand{
     374 background: var(--wpt_primary_deep);
     375}
     376
     377.lister-ins li .wpt-cart-remove:hover{
     378 color: var(--wpt_danger);
     379}
     380
     381.wpt-cart-contents span.wpt_empty_cart_btn:hover{
     382 color: var(--wpt_warning);
    383383}
    384384/*globalAdd2c*/
    385 .wpt-global-added-to-cart {
    386     /* background: var(--wpt_btn_bg); */
    387     
    388     color: var(--wpt_btn_color);
    389 }
    390 .wpt-global-added-to-cart:hover {
    391     background: var(--wpt_primary_deepest);
    392     color: var(--wpt_white);
     385.wpt-global-added-to-cart{
     386 /* background: var(--wpt_btn_bg); */
     387 
     388 color: var(--wpt_btn_color);
     389}
     390.wpt-global-added-to-cart:hover{
     391 background: var(--wpt_primary_deepest);
     392 color: var(--wpt_white);
    393393}
    394394/*NoticeBoard*/
    395395div.wpt_notice_board>div,
    396 div.wpt_notice_board>div.woocommerce-message {
    397     color: var(--wpt_white);
    398   background: var(--wpt_primary);
     396div.wpt_notice_board>div.woocommerce-message{
     397 color: var(--wpt_white);
     398 background: var(--wpt_primary);
    399399}
    400400
    401401div.wpt_notice_board>div.woocommerce-error{
    402   background: var(--wpt_danger);
    403 }
    404 
    405 div.wpt_notice_board>div:after {
    406     background: var(--wpt_primary_light);
    407   
    408 }
    409 div.wpt_notice_board>div:hover:after {
    410     background: var(--wpt_primary_deepest)
    411 }
    412 .wc-block-components-notice-banner__content {
    413     color: var(--wpt_primary);
    414 }
    415 
    416 
    417 div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted {
    418     background-color: var(--wpt_sorted_head_bg);
    419     color: var(--wpt_sorted_head_text);
    420 }
    421 div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
    422     background: var(--wpt_sorted_td_bg);;
     402 background: var(--wpt_danger);
     403}
     404
     405div.wpt_notice_board>div:after{
     406 background: var(--wpt_primary_light);
     407 
     408}
     409div.wpt_notice_board>div:hover:after{
     410 background: var(--wpt_primary_deepest)
     411}
     412.wc-block-components-notice-banner__content{
     413 color: var(--wpt_primary);
     414}
     415
     416
     417div.wpt_column_sort #wpt_.wpt-table-tag.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted{
     418 background-color: var(--wpt_sorted_head_bg);
     419 color: var(--wpt_sorted_head_text);
     420}
     421div.wpt_column_sort #wpt_.wpt-table-tag.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted{
     422 background: var(--wpt_sorted_td_bg);;
    423423}
    424424/*Progressbar*/
    425425/* Track */
    426 .wpt-wrap ::-webkit-scrollbar-track {
    427     background: var(--wpt_off_white);
    428   }
    429   
    430   /* Handle */
    431   .wpt-wrap ::-webkit-scrollbar-thumb {
    432     background: var(--wpt_primary);
    433   }
    434   
    435   /* Handle on hover */
    436   .wpt-wrap ::-webkit-scrollbar-thumb:hover {
    437     background: var(--wpt_text_deep);
    438   }
     426.wpt-wrap::-webkit-scrollbar-track{
     427 background: var(--wpt_off_white);
     428 }
     429 
     430 /* Handle */
     431 .wpt-wrap::-webkit-scrollbar-thumb{
     432 background: var(--wpt_primary);
     433 }
     434 
     435 /* Handle on hover */
     436 .wpt-wrap::-webkit-scrollbar-thumb:hover{
     437 background: var(--wpt_text_deep);
     438 }

  • woo-product-table/trunk/assets/css/templates/argentina.css

    r3449775 r3450845  
    1 :root {
    2     --wpt_primary: #70A7D8;
    3     --wpt_primary_deep: #567ea3;
    4     --wpt_primary_deepest: #5c7286;
    5     --wpt_primary_light: #346da1;
    6   
    7     --wpt_secondary: #edf7f8;
    8     --wpt_secondary_deep: #ceeaed;
    9     --wpt_secondary_light: #d0d1d1;
    10   
    11     --wpt_link: #02485a;
    12     --wpt_link_hover: #02485a;
    13     --wpt_link_deep: #003542;
    14     --wpt_link_light: #047c9b;
    15     
    16   
    17     --wpt_text: #70A7D8;
    18     --wpt_text_deep: #000000;
    19     --wpt_text_light: #404040;
    20   
    21     --wpt_cart_highliter: #00b17a;
    22     --wpt_danger: rgb(247, 24, 24);
    23     --wpt_warning: rgb(247, 243, 24);
    24   
    25     --wpt_off_white: #14141414;
    26     --wpt_deep_off_white: #cbcbcb;
    27     --wpt_white: #ffffff;
    28     --wpt_gray: gray;
    29     --wpt_black: #000000;
    30   
    31     
    32     --wpt_review: #ffc107;
    33     --wpt_thead_bg: #efefef57;
    34     --wpt_thead_text: black;
    35   
    36     --wpt_product_title: #70A7D8;
    37     --wpt_product_title_hover: #ffc107;
    38     
    39     --wpt_table_bg: var(--wpt_white);
    40     --wpt_table_tr_odd: #efefef27;
    41     --wpt_table_tr_boder: #0000000d;
    42   
    43     --wpt_btn_color: var(--wpt_white);
    44     --wpt_btn_color_hover: var(--wpt_primary);
    45   
    46     --wpt_btn_bg: var(--wpt_primary);
    47     --wpt_btn_bg_hover: transparent;
    48   
    49     --wpt_sorted_head_bg: #70A7D8;
    50     --wpt_sorted_head_text: white;
    51     --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    52   }
     1:root{
     2 --wpt_primary: #70A7D8;
     3 --wpt_primary_deep: #567ea3;
     4 --wpt_primary_deepest: #5c7286;
     5 --wpt_primary_light: #346da1;
     6 
     7 --wpt_secondary: #edf7f8;
     8 --wpt_secondary_deep: #ceeaed;
     9 --wpt_secondary_light: #d0d1d1;
     10 
     11 --wpt_link: #02485a;
     12 --wpt_link_hover: #02485a;
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
     16 
     17 --wpt_text: #70A7D8;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
     20 
     21 --wpt_cart_highliter: #00b17a;
     22 --wpt_danger: rgb(247, 24, 24);
     23 --wpt_warning: rgb(247, 243, 24);
     24 
     25 --wpt_off_white: #14141414;
     26 --wpt_deep_off_white: #cbcbcb;
     27 --wpt_white: #ffffff;
     28 --wpt_gray: gray;
     29 --wpt_black: #000000;
     30 
     31 
     32 --wpt_review: #ffc107;
     33 --wpt_thead_bg: #efefef57;
     34 --wpt_thead_text: black;
     35 
     36 --wpt_product_title: #70A7D8;
     37 --wpt_product_title_hover: #ffc107;
     38 
     39 --wpt_table_bg: var(--wpt_white);
     40 --wpt_table_tr_odd: #efefef27;
     41 --wpt_table_tr_boder: #0000000d;
     42 
     43 --wpt_btn_color: var(--wpt_white);
     44 --wpt_btn_color_hover: var(--wpt_primary);
     45 
     46 --wpt_btn_bg: var(--wpt_primary);
     47 --wpt_btn_bg_hover: transparent;
     48 
     49 --wpt_sorted_head_bg: #70A7D8;
     50 --wpt_sorted_head_text: white;
     51 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     52 }
    5353
    54 body.wpt_table_body .wpt-wrap table:not( .has-background ) tbody td{
    55     background: transparent;
     54body.wpt_table_body .wpt-wrap .wpt-table-tag:not( .has-background ) .wpt-tbody-tag .wpt-td-tag{
     55 background: transparent;
    5656}
    57   
     57 
    5858.wpt-new-footer-cart,
    5959.all_check_header_footer .button.add_to_cart_all_selected,
    60 body.wpt_table_body .wpt-wrap table.wpt-tbl thead,
     60body.wpt_table_body .wpt-wrap table.wpt-tbl .wpt-thead-tag,
    6161body.wpt_table_body .wpt-wrap .wpt_table_pagination span.page-numbers.current,
    6262body.wpt_table_body .wpt-wrap .wpt_table_pagination a.page-numbers,
    … …  
    6767body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    6868body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    69     background-image: linear-gradient(#70A7D8 30%, #F7F7F7 50%, #70A7D8 70%) !important;
    70     color: hsl(0deg 39% 41%) !important;       
     69 background-image: linear-gradient(#70A7D8 30%, #F7F7F7 50%, #70A7D8 70%) !important;
     70 color: hsl(0deg 39% 41%) !important;
    7171}
    7272
    … …  
    7474body.wpt_table_body .wpt-wrap .search_single .query_box_direct_value, .wpt-wrap .instance_search_input,
    7575body.wpt_table_body .wpt-wrap span.select2.select2-container.select2-container--default{
    76   border: 1px solid var(--wpt_primary) !important;
     76 border: 1px solid var(--wpt_primary) !important;
    7777}
    7878
    … …  
    8181.wpt-cart-contents span.woocommerce-Price-amount.amount,
    8282.wpt-new-footer-cart-inside a.wpt-view-n{
    83     color: hsl(0deg 39% 41%) !important;
     83 color: hsl(0deg 39% 41%) !important;
    8484}
    8585
    8686div.wpt-footer-cart-wrapper>a:after,
    87 div.wpt-footer-cart-wrapper>a {
    88     background-color: #70A7D8 !important;
     87div.wpt-footer-cart-wrapper>a{
     88 background-color: #70A7D8 !important;
    8989}

  • woo-product-table/trunk/assets/css/templates/beautiful_blacky.css

    r3449775 r3450845  
    1 :root {
    2   --wpt_primary: #1F2739;
    3   --wpt_primary_deep: #141a25;
    4   --wpt_primary_deepest: #080a0e;
    5   --wpt_primary_light: #4f5155;
     1:root{
     2 --wpt_primary: #1F2739;
     3 --wpt_primary_deep: #141a25;
     4 --wpt_primary_deepest: #080a0e;
     5 --wpt_primary_light: #4f5155;
    66
    7   --wpt_secondary: #4f525a;
    8   --wpt_secondary_deep: #3c3e42;
    9   --wpt_secondary_light: #8e9096;
     7 --wpt_secondary: #4f525a;
     8 --wpt_secondary_deep: #3c3e42;
     9 --wpt_secondary_light: #8e9096;
    1010
    11   --wpt_link: var(--wpt_white);
    12   --wpt_link_hover: var(--wpt_primary_deepest);
    13   --wpt_link_deep: #003542;
    14   --wpt_link_light: #047c9b;
    15   
     11 --wpt_link: var(--wpt_white);
     12 --wpt_link_hover: var(--wpt_primary_deepest);
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
    1616
    17   --wpt_text: var(--wpt_white);
    18   --wpt_text_deep: #000000;
    19   --wpt_text_light: #404040;
     17 --wpt_text: var(--wpt_white);
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
    2020
    21   --wpt_warning: #ffeb3b;
    22   --wpt_danger: #d00;
    23   --wpt_cart_highliter:var(--wpt_white);
    24   --wpt_cart_highliter: #00b17a;
     21 --wpt_warning: #ffeb3b;
     22 --wpt_danger: #d00;
     23 --wpt_cart_highliter:var(--wpt_white);
     24 --wpt_cart_highliter: #00b17a;
    2525
    26   --wpt_off_white: #14141414;
    27   --wpt_deep_off_white: #cbcbcb;
    28   --wpt_white: #ffffff;
    29   --wpt_gray: gray;
    30   --wpt_black: #000000;
     26 --wpt_off_white: #14141414;
     27 --wpt_deep_off_white: #cbcbcb;
     28 --wpt_white: #ffffff;
     29 --wpt_gray: gray;
     30 --wpt_black: #000000;
    3131
    32   --wpt_review: #ffc107;
    33   --wpt_thead_bg: #323c50;
    34   --wpt_thead_text: var(--wpt_white);
     32 --wpt_review: #ffc107;
     33 --wpt_thead_bg: #323c50;
     34 --wpt_thead_text: var(--wpt_white);
    3535
    36   --wpt_product_title: var(--wpt_white);
    37   --wpt_product_title_hover: var(--wpt_white);
    38   
    39   --wpt_table_bg: var(--wpt_primary);
    40   --wpt_table_tr_odd: #323c50;
    41   --wpt_table_tr_boder: #0000000d;
     36 --wpt_product_title: var(--wpt_white);
     37 --wpt_product_title_hover: var(--wpt_white);
     38 
     39 --wpt_table_bg: var(--wpt_primary);
     40 --wpt_table_tr_odd: #323c50;
     41 --wpt_table_tr_boder: #0000000d;
    4242
    43   --wpt_btn_color: var(--wpt_white);
    44   --wpt_btn_color_hover: var(--wpt_white);
     43 --wpt_btn_color: var(--wpt_white);
     44 --wpt_btn_color_hover: var(--wpt_white);
    4545
    46   --wpt_btn_bg: #37aee9;
    47   --wpt_btn_bg_hover:#323844;
    48   
    49   --wpt_sorted_head_bg: #0585c56c;
    50   --wpt_sorted_head_text: inherit;
    51   --wpt_sorted_td_bg: #199ddf49;
     46 --wpt_btn_bg: #37aee9;
     47 --wpt_btn_bg_hover:#323844;
     48 
     49 --wpt_sorted_head_bg: #0585c56c;
     50 --wpt_sorted_head_text: inherit;
     51 --wpt_sorted_td_bg: #199ddf49;
    5252}
    5353
    54 body.wpt_table_body .wpt-wrap table:not( .has-background ) tbody td{
    55   background: transparent;
     54body.wpt_table_body .wpt-wrap .wpt-table-tag:not( .has-background ) .wpt-tbody-tag .wpt-td-tag{
     55 background: transparent;
    5656}
    5757
    5858body.wpt_table_body .wpt-wrap span.wpt_product_price .amount{
    59   color: var(--wpt_white) !important;
     59 color: var(--wpt_white) !important;
    6060}
    6161
    … …  
    6363body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    6464body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    65   border: 1px solid var(--wpt_btn_bg) !important;
    66   color: var(--wpt_white) !important;
    67   background-color: var(--wpt_btn_bg) !important;
    68   line-height: 16px !important;
     65 border: 1px solid var(--wpt_btn_bg) !important;
     66 color: var(--wpt_white) !important;
     67 background-color: var(--wpt_btn_bg) !important;
     68 line-height: 16px !important;
    6969}
    7070
    … …  
    7272body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button:hover,
    7373body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button:hover{
    74   border: 1px solid #37aee9!important;
    75   color: var(--wpt_white) !important;
    76   background-color: var(--wpt_btn_bg_hover) !important;
     74 border: 1px solid #37aee9!important;
     75 color: var(--wpt_white) !important;
     76 background-color: var(--wpt_btn_bg_hover) !important;
    7777}
    7878
    79 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>td .product_description {
    80   color: var(--wpt_white) !important;
     79body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row>.wpt-td-tag .product_description{
     80 color: var(--wpt_white) !important;
    8181}
    8282
    83 body.wpt_table_body .wpt-wrap table.wpt-tbl tr.wpt-row:hover td {
    84   background: #28333bb7 !important;
     83body.wpt_table_body .wpt-wrap table.wpt-tbl tr.wpt-row:hover .wpt-td-tag{
     84 background: #28333bb7 !important;
    8585}
    8686
    87 /* body .wpt-new-footer-cart {
    88   background: #626366;
     87/* body .wpt-new-footer-cart{
     88 background: #626366;
    8989} */
    9090
    … …  
    9393.wpt-tr-tag.visible_row.wpt_row .wpt-td-tag a.wpt_woo_add_cart_button.disabled,
    9494body.wpt_table_body .wpt-wrap .all_check_header_footer.all_check_header>span{
    95   color: var(--wpt_white) !important;
    96   background: #37aee9 !important;
    97   border: 1px solid #37aee9!important;
     95 color: var(--wpt_white) !important;
     96 background: #37aee9 !important;
     97 border: 1px solid #37aee9!important;
    9898}
    9999
    100100body.wpt_table_body .wpt-wrap a.ajax_active.wpt_variation_product.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed.wpt_woo_add_cart_button,
    101101body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    102   background: var(--wpt_btn_bg) !important;
     102 background: var(--wpt_btn_bg) !important;
    103103}
    104104
    105105div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:before{
    106   background:var(--wpt_white) !important;
     106 background:var(--wpt_white) !important;
    107107}
    108108
    109109div.wpt-wrap.wpt-wrap input[type=checkbox]:checked+label:after{
    110   color: black !important;
     110 color: black !important;
    111111}
    112112
    113 body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row > td .product_description {
    114   color: #a7a7a7 !important;
     113body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag.wpt_row> .wpt-td-tag .product_description{
     114 color: #a7a7a7 !important;
    115115}
    116116
    117 body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap tr>td .qib-button-wrapper .minus.qib-button,
    118 body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap tr>td .qib-button-wrapper .plus.qib-button {
    119   background: #37aee9;
    120   border: 1px solid #37aee9;
    121   color: #ffffff;
     117body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap .wpt-tr-tag>.wpt-td-tag .qib-button-wrapper .minus.qib-button,
     118body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap .wpt-tr-tag>.wpt-td-tag .qib-button-wrapper .plus.qib-button{
     119 background: #37aee9;
     120 border: 1px solid #37aee9;
     121 color: #ffffff;
    122122}
    123123
    124 body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap tr>td .qib-button-wrapper .minus.qib-button:hover,
    125 body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap tr>td .qib-button-wrapper .plus.qib-button:hover {
    126   background: var(--wpt_black);
    127   border: 1px solid #37aee9;
    128   color: #37aee9;
     124body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap .wpt-tr-tag>.wpt-td-tag .qib-button-wrapper .minus.qib-button:hover,
     125body.wpt_table_body div.beautiful_blacky_wrapper.wpt-wrap .wpt-tr-tag>.wpt-td-tag .qib-button-wrapper .plus.qib-button:hover{
     126 background: var(--wpt_black);
     127 border: 1px solid #37aee9;
     128 color: #37aee9;
    129129}
    130130
    … …  
    132132div.beautiful_blacky_wrapper.wpt-wrap .qib-button-wrapper .quantity input.input-text.qty.text,
    133133div.beautiful_blacky_wrapper.wpt-wrap .wpt_quantity input.input-text.qty.text,
    134 div.beautiful_blacky_wrapper.wpt-wrap .wpt_quick_qty input.input-text.qty.text {
    135   border: 1px solid var(--wpt_white);
    136   background: var(--wpt_white);
    137   color: var(--wpt_black);
     134div.beautiful_blacky_wrapper.wpt-wrap .wpt_quick_qty input.input-text.qty.text{
     135 border: 1px solid var(--wpt_white);
     136 background: var(--wpt_white);
     137 color: var(--wpt_black);
    138138}
    139139
    140 div.beautiful_blacky_wrapper.wpt-wrap table td select{
    141   border: 1px solid #000000;
    142   background-color: #1b232a;
    143   color: #ffffff99;
     140div.beautiful_blacky_wrapper.wpt-wrap .wpt-table-tag .wpt-td-tag select{
     141 border: 1px solid #000000;
     142 background-color: #1b232a;
     143 color: #ffffff99;
    144144}
    145145
    146 div.beautiful_blacky_wrapper.wpt-wrap .tag_or_div {
    147   background: #37aee900;
     146div.beautiful_blacky_wrapper.wpt-wrap .tag_or_div{
     147 background: #37aee900;
    148148}
    149149
    150 div.beautiful_blacky_wrapper.wpt-wrap.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted {
    151   background-color: #000000 !important;
    152   color: var(--wpt_sorted_head_text);
     150div.beautiful_blacky_wrapper.wpt-wrap.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted{
     151 background-color: #000000 !important;
     152 color: var(--wpt_sorted_head_text);
    153153}
    154154
    155 body.wpt_table_body .wpt-wrap .wpt_edit_table > a:hover {
    156   color: #37aee9;
     155body.wpt_table_body .wpt-wrap .wpt_edit_table> a:hover{
     156 color: #37aee9;
    157157}
    158158
    159 body.wpt_table_body .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content .total * {
    160   color: var(--wpt_black) !important;
     159body.wpt_table_body .wpt-wrap div.tables_cart_message_box div.widget_shopping_cart_content .total *{
     160 color: var(--wpt_black) !important;
    161161}
    162 body.wpt_table_body .wpt-wrap .wpt-new-footer-cart {
    163   background: #707070;
     162body.wpt_table_body .wpt-wrap .wpt-new-footer-cart{
     163 background: #707070;
    164164}
     165body.wpt_table_body label.wpt-checkbox-item.wpt-checkbox-checked .wpt-checkbox-label {
     166    color: var(--wpt_text);
     167}

  • woo-product-table/trunk/assets/css/templates/brazil.css

    r3449775 r3450845  
    1 :root {
    2     --wpt_primary: #009B3A;
    3     --wpt_primary_deep: #0a642b;
    4     --wpt_primary_deepest: #0e913f;
    5     --wpt_primary_light: #0e913f;
    6   
    7     --wpt_secondary: #edf7f8;
    8     --wpt_secondary_deep: #ceeaed;
    9     --wpt_secondary_light: #d0d1d1;
    10   
    11     --wpt_link: #02485a;
    12     --wpt_link_hover: #02485a;
    13     --wpt_link_deep: #003542;
    14     --wpt_link_light: #047c9b;
    15     
    16   
    17     --wpt_text: #70A7D8;
    18     --wpt_text_deep: #000000;
    19     --wpt_text_light: #404040;
    20   
    21     --wpt_cart_highliter: #00b17a;
    22     --wpt_danger: rgb(247, 24, 24);
    23     --wpt_warning: rgb(247, 243, 24);
    24   
    25     --wpt_off_white: #14141414;
    26     --wpt_deep_off_white: #cbcbcb;
    27     --wpt_white: #ffffff;
    28     --wpt_gray: gray;
    29     --wpt_black: #000000;
    30   
    31     
    32     --wpt_review: #ffc107;
    33     --wpt_thead_bg: #efefef57;
    34     --wpt_thead_text: black;
    35   
    36     --wpt_product_title: #009B3A;
    37     --wpt_product_title_hover: #ffc107;
    38     
    39     --wpt_table_bg: var(--wpt_white);
    40     --wpt_table_tr_odd: #efefef27;
    41     --wpt_table_tr_boder: #0000000d;
    42   
    43     --wpt_btn_color: var(--wpt_white);
    44     --wpt_btn_color_hover: var(--wpt_primary);
    45   
    46     --wpt_btn_bg: var(--wpt_primary);
    47     --wpt_btn_bg_hover: transparent;
    48   
    49     --wpt_sorted_head_bg: #70A7D8;
    50     --wpt_sorted_head_text: white;
    51     --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    52   }
     1:root{
     2 --wpt_primary: #009B3A;
     3 --wpt_primary_deep: #0a642b;
     4 --wpt_primary_deepest: #0e913f;
     5 --wpt_primary_light: #0e913f;
     6 
     7 --wpt_secondary: #edf7f8;
     8 --wpt_secondary_deep: #ceeaed;
     9 --wpt_secondary_light: #d0d1d1;
     10 
     11 --wpt_link: #02485a;
     12 --wpt_link_hover: #02485a;
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
     16 
     17 --wpt_text: #70A7D8;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
     20 
     21 --wpt_cart_highliter: #00b17a;
     22 --wpt_danger: rgb(247, 24, 24);
     23 --wpt_warning: rgb(247, 243, 24);
     24 
     25 --wpt_off_white: #14141414;
     26 --wpt_deep_off_white: #cbcbcb;
     27 --wpt_white: #ffffff;
     28 --wpt_gray: gray;
     29 --wpt_black: #000000;
     30 
     31 
     32 --wpt_review: #ffc107;
     33 --wpt_thead_bg: #efefef57;
     34 --wpt_thead_text: black;
     35 
     36 --wpt_product_title: #009B3A;
     37 --wpt_product_title_hover: #ffc107;
     38 
     39 --wpt_table_bg: var(--wpt_white);
     40 --wpt_table_tr_odd: #efefef27;
     41 --wpt_table_tr_boder: #0000000d;
     42 
     43 --wpt_btn_color: var(--wpt_white);
     44 --wpt_btn_color_hover: var(--wpt_primary);
     45 
     46 --wpt_btn_bg: var(--wpt_primary);
     47 --wpt_btn_bg_hover: transparent;
     48 
     49 --wpt_sorted_head_bg: #70A7D8;
     50 --wpt_sorted_head_text: white;
     51 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     52 }
    5353
    54 body.wpt_table_body .wpt-wrap table:not( .has-background ) tbody td{
    55     background: transparent;
     54body.wpt_table_body .wpt-wrap .wpt-table-tag:not( .has-background ) .wpt-tbody-tag .wpt-td-tag{
     55 background: transparent;
    5656}
    57   
     57 
    5858.wpt-new-footer-cart,
    5959.all_check_header_footer .button.add_to_cart_all_selected,
    60 body.wpt_table_body .wpt-wrap table.wpt-tbl thead,
     60body.wpt_table_body .wpt-wrap table.wpt-tbl .wpt-thead-tag,
    6161body.wpt_table_body .wpt-wrap .wpt_table_pagination span.page-numbers.current,
    6262body.wpt_table_body .wpt-wrap .wpt_table_pagination a.page-numbers,
    … …  
    6767body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    6868body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    69     background-image: linear-gradient(#009B3A 10%, #FEDF00 48%, #009B3A 90%) !important;
    70     color: #07276B!important;   
     69 background-image: linear-gradient(#009B3A 10%, #FEDF00 48%, #009B3A 90%) !important;
     70 color: #07276B!important;
    7171}
    7272
    … …  
    7474body.wpt_table_body .wpt-wrap .search_single .query_box_direct_value, .wpt-wrap .instance_search_input,
    7575body.wpt_table_body .wpt-wrap span.select2.select2-container.select2-container--default{
    76   border: 1px solid var(--wpt_primary) !important;
     76 border: 1px solid var(--wpt_primary) !important;
    7777}
    7878
    … …  
    8181.wpt-cart-contents span.woocommerce-Price-amount.amount,
    8282.wpt-new-footer-cart-inside a.wpt-view-n{
    83     color: #07276B!important;
     83 color: #07276B!important;
    8484}
    8585
    8686div.wpt-footer-cart-wrapper>a:after,
    87 div.wpt-footer-cart-wrapper>a {
    88     background-color: #009B3A !important;
     87div.wpt-footer-cart-wrapper>a{
     88 background-color: #009B3A !important;
    8989}

  • woo-product-table/trunk/assets/css/templates/default.css

    r3449775 r3450845  
    1 :root {
    2   --wpt_primary: #0093b8;
    3   --wpt_primary_deep: #007694;
    4   --wpt_primary_deepest: #02485a;
    5   --wpt_primary_light: #0a7f9c;
     1:root{
     2 --wpt_primary: #0093b8;
     3 --wpt_primary_deep: #007694;
     4 --wpt_primary_deepest: #02485a;
     5 --wpt_primary_light: #0a7f9c;
    66
    7   --wpt_secondary: #edf7f8;
    8   --wpt_secondary_deep: #ceeaed;
    9   --wpt_secondary_light: #d0d1d1;
     7 --wpt_secondary: #edf7f8;
     8 --wpt_secondary_deep: #ceeaed;
     9 --wpt_secondary_light: #d0d1d1;
    1010
    11   --wpt_link: var(--wpt_primary);
    12   --wpt_link_hover: var(--wpt_primary_deepest);
    13   --wpt_link_deep: #003542;
    14   --wpt_link_light: #047c9b;
    15   
     11 --wpt_link: var(--wpt_primary);
     12 --wpt_link_hover: var(--wpt_primary_deepest);
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
    1616
    17   --wpt_text: #646464;
    18   --wpt_text_deep: #000000;
    19   --wpt_text_light: #404040;
     17 --wpt_text: #646464;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
    2020
    21   --wpt_warning: #ffeb3b;
    22   --wpt_danger: #d00;
    23   --wpt_cart_highliter: #00b17a;
     21 --wpt_warning: #ffeb3b;
     22 --wpt_danger: #d00;
     23 --wpt_cart_highliter: #00b17a;
    2424
    25   --wpt_off_white: #14141414;
    26   --wpt_deep_off_white: #cbcbcb;
    27   --wpt_white: #ffffff;
    28   --wpt_gray: gray;
    29   --wpt_black: #000000;
     25 --wpt_off_white: #14141414;
     26 --wpt_deep_off_white: #cbcbcb;
     27 --wpt_white: #ffffff;
     28 --wpt_gray: gray;
     29 --wpt_black: #000000;
    3030
    31   --wpt_review: #ffc107;
    32   --wpt_thead_bg: var(--wpt_primary);
    33   --wpt_thead_text: var(--wpt_white);
     31 --wpt_review: #ffc107;
     32 --wpt_thead_bg: var(--wpt_primary);
     33 --wpt_thead_text: var(--wpt_white);
    3434
    35   --wpt_product_title: var(--wpt_primary_deepest);
    36   --wpt_product_title_hover: var(--wpt_primary);
    37   
    38   --wpt_table_bg: var(--wpt_white);
    39   --wpt_table_tr_odd: transparent;
    40   --wpt_table_tr_boder: #0000000d;
     35 --wpt_product_title: var(--wpt_primary_deepest);
     36 --wpt_product_title_hover: var(--wpt_primary);
     37 
     38 --wpt_table_bg: var(--wpt_white);
     39 --wpt_table_tr_odd: transparent;
     40 --wpt_table_tr_boder: #0000000d;
    4141
    42   --wpt_btn_color: var(--wpt_white);
    43   --wpt_btn_color_hover: var(--wpt_primary);
     42 --wpt_btn_color: var(--wpt_white);
     43 --wpt_btn_color_hover: var(--wpt_primary);
    4444
    45   --wpt_btn_bg: var(--wpt_primary);
    46   --wpt_btn_bg_hover: transparent;
    47   
    48   --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
    49   --wpt_sorted_head_text: inherit;
    50   --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     45 --wpt_btn_bg: var(--wpt_primary);
     46 --wpt_btn_bg_hover: transparent;
     47 
     48 --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
     49 --wpt_sorted_head_text: inherit;
     50 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    5151}
    5252
    … …  
    5454body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    5555body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    56   line-height: 16px !important;
     56 line-height: 16px !important;
    5757}

  • woo-product-table/trunk/assets/css/templates/greeny.css

    r3449775 r3450845  
    1 :root {
    2   --wpt_primary: #5BB318;
    3   --wpt_primary_deep: #2B7A0B;
    4   --wpt_primary_deepest: #1b6000;
    5   --wpt_primary_light: #3d8905;
     1:root{
     2 --wpt_primary: #5BB318;
     3 --wpt_primary_deep: #2B7A0B;
     4 --wpt_primary_deepest: #1b6000;
     5 --wpt_primary_light: #3d8905;
    66
    7   --wpt_secondary: #edf7f8;
    8   --wpt_secondary_deep: #ceeaed;
    9   --wpt_secondary_light: #d0d1d1;
     7 --wpt_secondary: #edf7f8;
     8 --wpt_secondary_deep: #ceeaed;
     9 --wpt_secondary_light: #d0d1d1;
    1010
    11   --wpt_link: #02485a;
    12   --wpt_link_hover: #02485a;
    13   --wpt_link_deep: #003542;
    14   --wpt_link_light: #047c9b;
    15   
     11 --wpt_link: #02485a;
     12 --wpt_link_hover: #02485a;
     13 --wpt_link_deep: #003542;
     14 --wpt_link_light: #047c9b;
     15 
    1616
    17   --wpt_text: #0e0d0d;
    18   --wpt_text_deep: #000000;
    19   --wpt_text_light: #404040;
     17 --wpt_text: #0e0d0d;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
    2020
    21   --wpt_cart_highliter: #00b17a;
    22   --wpt_danger: rgb(247, 24, 24);
    23   --wpt_warning: rgb(247, 243, 24);
     21 --wpt_cart_highliter: #00b17a;
     22 --wpt_danger: rgb(247, 24, 24);
     23 --wpt_warning: rgb(247, 243, 24);
    2424
    25   --wpt_off_white: #14141414;
    26   --wpt_deep_off_white: #cbcbcb;
    27   --wpt_white: #ffffff;
    28   --wpt_gray: gray;
    29   --wpt_black: #000000;
     25 --wpt_off_white: #14141414;
     26 --wpt_deep_off_white: #cbcbcb;
     27 --wpt_white: #ffffff;
     28 --wpt_gray: gray;
     29 --wpt_black: #000000;
    3030
    31   
    32   --wpt_review: #ffc107;
    33   --wpt_thead_bg: #efefef57;
    34   --wpt_thead_text: black;
     31 
     32 --wpt_review: #ffc107;
     33 --wpt_thead_bg: #efefef57;
     34 --wpt_thead_text: black;
    3535
    36   --wpt_product_title: #5bb318;
    37   --wpt_product_title_hover: black;
    38   
    39   --wpt_table_bg: var(--wpt_white);
    40   --wpt_table_tr_odd: #efefef27;
    41   --wpt_table_tr_boder: #0000000d;
     36 --wpt_product_title: #5bb318;
     37 --wpt_product_title_hover: black;
     38 
     39 --wpt_table_bg: var(--wpt_white);
     40 --wpt_table_tr_odd: #efefef27;
     41 --wpt_table_tr_boder: #0000000d;
    4242
    43   --wpt_btn_color: var(--wpt_white);
    44   --wpt_btn_color_hover: var(--wpt_primary);
     43 --wpt_btn_color: var(--wpt_white);
     44 --wpt_btn_color_hover: var(--wpt_primary);
    4545
    46   --wpt_btn_bg: var(--wpt_primary);
    47   --wpt_btn_bg_hover: transparent;
     46 --wpt_btn_bg: var(--wpt_primary);
     47 --wpt_btn_bg_hover: transparent;
    4848
    49   --wpt_sorted_head_bg: #5bb318;
    50   --wpt_sorted_head_text: white;
    51   --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     49 --wpt_sorted_head_bg: #5bb318;
     50 --wpt_sorted_head_text: white;
     51 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    5252}
    53 .wpt-wrap.greeny_wrapper table.wpt-tbl tr.wpt_table_head th {
    54   border-bottom: 1px solid #040404 !important;
     53.wpt-wrap.greeny_wrapper table.wpt-tbl tr.wpt_table_head .wpt-th-tag{
     54 border-bottom: 1px solid #040404 !important;
    5555}
    5656
    57 body.wpt_table_body .wpt-wrap .all_check_header_footer.all_check_header>span {
    58   border: 1px solid #efefef !important;
    59   color: #000000 !important;
    60   background: #ffffff59 !important;
     57body.wpt_table_body .wpt-wrap .all_check_header_footer.all_check_header>span{
     58 border: 1px solid #efefef !important;
     59 color: #000000 !important;
     60 background: #ffffff59 !important;
    6161}
    6262
    … …  
    6464body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    6565body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    66   line-height: 16px !important;
     66 line-height: 16px !important;
    6767}
    68 
    69 /* Extra small devices (phones, 500px and down) */
    70 @media only screen and (max-width: 500px) {
    71   .wpt-stats-report {
    72     background: #727272 !important;
    73     color: white !important;
    74   }
    75 }

  • woo-product-table/trunk/assets/css/templates/redy.css

    r3449775 r3450845  
    1 :root {
    2     --wpt_primary: #df0206;
    3     --wpt_primary_deep: #a70003;
    4     --wpt_primary_deepest: #7c0002;
    5     --wpt_primary_light: #ff2b2f;
     1:root{
     2 --wpt_primary: #df0206;
     3 --wpt_primary_deep: #a70003;
     4 --wpt_primary_deepest: #7c0002;
     5 --wpt_primary_light: #ff2b2f;
    66
    7     --wpt_secondary: #ffcfd0;
    8     --wpt_secondary_deep: #d1a0a1;
    9     --wpt_secondary_light: #fff4f4;
     7 --wpt_secondary: #ffcfd0;
     8 --wpt_secondary_deep: #d1a0a1;
     9 --wpt_secondary_light: #fff4f4;
    1010
    11     --wpt_link: #df0206;
    12     --wpt_link_hover: #ff2626;
    13     --wpt_link_deep: #7c0002;
    14     --wpt_link_light: #ff2b2f;
    15     
     11 --wpt_link: #df0206;
     12 --wpt_link_hover: #ff2626;
     13 --wpt_link_deep: #7c0002;
     14 --wpt_link_light: #ff2b2f;
     15 
    1616
    17     --wpt_text: #0e0d0d;
    18     --wpt_text_deep: #000000;
    19     --wpt_text_light: #404040;
     17 --wpt_text: #0e0d0d;
     18 --wpt_text_deep: #000000;
     19 --wpt_text_light: #404040;
    2020
    2121
    22     --wpt_warning: #ffeb3b;
    23   --wpt_danger: #9C27B0;
    24   --wpt_cart_highliter: #8bc34a;
     22 --wpt_warning: #ffeb3b;
     23 --wpt_danger: #9C27B0;
     24 --wpt_cart_highliter: #8bc34a;
    2525
    26   --wpt_off_white: #14141414;
    27   --wpt_deep_off_white: #cbcbcb;
    28   --wpt_white: #ffffff;
    29   --wpt_gray: gray;
    30   --wpt_black: #000000;
     26 --wpt_off_white: #14141414;
     27 --wpt_deep_off_white: #cbcbcb;
     28 --wpt_white: #ffffff;
     29 --wpt_gray: gray;
     30 --wpt_black: #000000;
    3131
    32   --wpt_review: #ffc107;
    33   --wpt_thead_bg: var(--wpt_primary);
    34   --wpt_thead_text: var(--wpt_white);
     32 --wpt_review: #ffc107;
     33 --wpt_thead_bg: var(--wpt_primary);
     34 --wpt_thead_text: var(--wpt_white);
    3535
    36   --wpt_product_title: var(--wpt_primary_deepest);
    37   --wpt_product_title_hover: var(--wpt_primary);
    38   
    39   --wpt_table_bg: var(--wpt_white);
    40   --wpt_table_tr_odd: #dd000005;
    41   --wpt_table_tr_boder: #0000000d;
     36 --wpt_product_title: var(--wpt_primary_deepest);
     37 --wpt_product_title_hover: var(--wpt_primary);
     38 
     39 --wpt_table_bg: var(--wpt_white);
     40 --wpt_table_tr_odd: #dd000005;
     41 --wpt_table_tr_boder: #0000000d;
    4242
    43   --wpt_btn_color: var(--wpt_white);
    44   --wpt_btn_color_hover: var(--wpt_primary);
     43 --wpt_btn_color: var(--wpt_white);
     44 --wpt_btn_color_hover: var(--wpt_primary);
    4545
    46   --wpt_btn_bg: var(--wpt_primary);
    47   --wpt_btn_bg_hover: transparent;
    48   
    49   --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
    50   --wpt_sorted_head_text: inherit;
    51   --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
    52   
    53   }
     46 --wpt_btn_bg: var(--wpt_primary);
     47 --wpt_btn_bg_hover: transparent;
     48 
     49 --wpt_sorted_head_bg: rgba(0, 0, 0, 0.18);
     50 --wpt_sorted_head_text: inherit;
     51 --wpt_sorted_td_bg: rgba(0, 0, 0, 0.03);
     52 
     53 }
    5454
    5555body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag a.button.add_to_cart_button,
    5656body.wpt_table_body .wpt-wrap .wpt-table-tag .wpt-tbody-tag .wpt-tr-tag .button.single_add_to_cart_button,
    5757body.wpt_table_body .wpt-wrap a.ajax_active.button.wpt_woo_add_cart_button.add_to_cart_button{
    58   line-height: 16px !important;
     58 line-height: 16px !important;
    5959}

  • woo-product-table/trunk/assets/css/universal.css

    r3449775 r3450845  
    11
    22/*When add Shop Icon in Add to cart button. Since Version: 3.2*/
    3 @font-face {
    4   font-family: 'WooCommerce';
    5   src: url("../../../woocommerce/assets/fonts/WooCommerce.eot");
    6   src: url("../../../woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
    7       url("../../../woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),
    8       url("../../../woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
    9   font-weight: normal;
    10   font-style: normal; }
     3@font-face{
     4 font-family: 'WooCommerce';
     5 src: url("../../../woocommerce/assets/fonts/WooCommerce.eot");
     6 src: url("../../../woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
     7 url("../../../woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("../../../../woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),
     8 url("../../../woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
     9 font-weight: normal;
     10 font-style: normal; }
    1111/**
    1212Universal CSS Style for Woo Product Table
    … …  
    1616.wpt-wrap .wpt-table-tag.wpt_product_table>.wpt-tbody-tag .wpt-tr-tag.wpt_row .wpt-td-tag a.single_add_to_cart_button
    1717{
    18     text-decoration: none;
    19     white-space: nowrap;
    20 }
    21 a.wpt_empty_cart_btn.button {
    22     display: none;
     18 text-decoration: none;
     19 white-space: nowrap;
     20}
     21a.wpt_empty_cart_btn.button{
     22 display: none;
    2323}
    2424/*******For All Table*********/
    2525
    26 tr.wpt-row.wpt-added-to-cart {
    27     position: relative;
     26.wpt-tr-tag.wpt-row.wpt-added-to-cart{
     27 position: relative;
    2828}
    2929
    … …  
    3232div.wpt-wrap #wpt_table.wpt-table-tag .wpt-tr-tag.wpt_row .wpt-td-tag .wpt_varition_section div.wpt_message p.stock.out-of-stock{color: #d22121;}
    3333div.wpt-wrap #wpt_table.wpt-table-tag .wpt-tr-tag.wpt_row .wpt-td-tag .wpt_varition_section div.wpt_message p.stock.in-stock{
    34     color: #4caf50;
    35     font-weight: bold;
    36 }
    37 tr .td_or_cell.wpt_action>div p.stock {
    38     width: 100%;
    39 }
    40 .wpt-td-tag.wpt_action {
    41     text-align: right !important;
    42 }
    43 
    44 .wpt_varition_section {
    45     display: inline-block;
    46     margin: 6px;
    47 }
    48 .wpt-td-tag.wpt_check {
    49     text-align: center;
    50 }
    51 .wpt-th-tag.wpt_check, .wpt-td-tag.wpt_check {
    52     text-align: center;
    53     width: 40px;
    54 }
    55 .wpt-table-tag.wpt_product_table thead tr{cursor: pointer;}
     34 color: #4caf50;
     35 font-weight: bold;
     36}
     37.wpt-tr-tag .td_or_cell.wpt_action>div p.stock{
     38 width: 100%;
     39}
     40.wpt-td-tag.wpt_action{
     41 text-align: right !important;
     42}
     43
     44.wpt_varition_section{
     45 display: inline-block;
     46 margin: 6px;
     47}
     48.wpt-td-tag.wpt_check{
     49 text-align: center;
     50}
     51.wpt-th-tag.wpt_check, .wpt-td-tag.wpt_check{
     52 text-align: center;
     53 width: 40px;
     54}
     55.wpt-table-tag.wpt_product_table .wpt-thead-tag .wpt-tr-tag{cursor: pointer;}
    5656.wpt_varition_section select{display: inline-block;}
    5757
    5858
    5959/*Customize Serial Number collumn*/
    60 .wpt_product_table thead .wpt-th-tag.serial_number{
    61     width: 67px;
    62     font-size: 12px !important;
    63 }
    64 
    65 .wpt_product_table thead .wpt-th-tag.description {
    66     width: 312px;
     60.wpt_product_table .wpt-thead-tag .wpt-th-tag.serial_number{
     61 width: 67px;
     62 font-size: 12px !important;
     63}
     64
     65.wpt_product_table .wpt-thead-tag .wpt-th-tag.description{
     66 width: 312px;
    6767}
    6868.wpt_product_table *,.wpt_product_table .wpt-tr-tag>.wpt-td-tag,.wpt_product_table .wpt-td-tag{
    69     box-sizing: border-box;
    70     vertical-align:middle;
    71     text-align: left;
    72 }
    73 
    74 .wpt_product_table .wpt-tbody-tag .wpt-td-tag.wpt_thumbnail {
    75     text-align: center;
    76     vertical-align: middle;
    77     position: relative;
    78     overflow: hidden;
    79     height: 62px;
    80 }
    81 .wpt-td-tag.wpt_thumbnails img {
    82     cursor: pointer;
    83 }
    84 .wpt-td-tag.wpt_thumbnails_no_action img {
    85     cursor: default;
    86 }
    87 
    88 .wpt_product_table .wpt-tbody-tag .wpt-td-tag.wpt_thumbnail>img {
    89     position: absolute;
    90     top: 3px;
    91     left: 21%;
     69 box-sizing: border-box;
     70 vertical-align:middle;
     71 text-align: left;
     72}
     73
     74.wpt_product_table .wpt-tbody-tag .wpt-td-tag.wpt_thumbnail{
     75 text-align: center;
     76 vertical-align: middle;
     77 position: relative;
     78 overflow: hidden;
     79 height: 62px;
     80}
     81.wpt-td-tag.wpt_thumbnails img{
     82 cursor: pointer;
     83}
     84.wpt-td-tag.wpt_thumbnails_no_action img{
     85 cursor: default;
     86}
     87
     88.wpt_product_table .wpt-tbody-tag .wpt-td-tag.wpt_thumbnail>img{
     89 position: absolute;
     90 top: 3px;
     91 left: 21%;
    9292}
    9393div.wpt_thumbnails img.lazyloaded + .lazyloaded,
    … …  
    9696.wpt-td-tag.wpt_thumbnails img.lazyloaded + .lazyloaded,
    9797.wpt-td-tag.wpt_thumbnails img.ls-is-cached.lazyloaded + img.ls-is-cached.lazyloaded,
    98 .wpt-td-tag.wpt_thumbnails img.ls-is-cached + .ls-is-cached {
    99     display: none;
     98.wpt-td-tag.wpt_thumbnails img.ls-is-cached + .ls-is-cached{
     99 display: none;
    100100}
    101101
    102102.wpt-th-tag.wpt_total, .wpt-td-tag.wpt_total,
    103103.wpt-th-tag.wpt_price, .wpt-td-tag.wpt_price{
    104     text-align: center;
     104 text-align: center;
    105105}
    106106/*******Style for Stock/OutofStock Info*********/
    107 span.outofstock {
    108     color: #e65454;
    109     font-weight: normal;
    110 }
    111 
    112 span.instock {
    113     color: #4CAF50;
    114     font-weight: bold;
     107span.outofstock{
     108 color: #e65454;
     109 font-weight: normal;
     110}
     111
     112span.instock{
     113 color: #4CAF50;
     114 font-weight: bold;
    115115}
    116116
    … …  
    118118/*Customizing Quantity*/
    119119.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_row .wpt-td-tag.wpt_quantity div.quantity{
    120     text-align: center;
     120 text-align: center;
    121121}
    122122.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_row .wpt-td-tag.wpt_quantity{
    123     text-align: center;
     123 text-align: center;
    124124}
    125125
    126126
    127127/***********************Style For PopUP*****************************/
    128 .wpt_thumbs_popup,#wpt_thumbs_popup {
    129     position: fixed !important;
    130     top: 0;
    131     left: 0;
    132     background: rgba(0, 0, 0, 0.78);
    133     width: 100%;
    134     height: 100%;
    135     z-index: 99999;
    136     overflow-y: auto;
    137     cursor: pointer;
    138 }
    139 #wpt_thumbs_popup .wpt_popup_image_wrapper {
    140     width: 96%;
    141     margin: 50px auto;
    142     background: white;
    143     padding: 10px;
    144     position: relative;
    145     max-width: 100%;
    146     /*max-width: 600px;*/
    147     min-width: 250px;
    148     display: none;
    149     z-index: 100000;
    150     box-shadow: -11px 8px 20px 0px black;
    151     border: 1px solid black;
    152     border-radius: 7px;
    153 }
    154 #wpt_thumbs_popup img.wpt_popup_image {
    155     width: 100%;
    156     height: auto;
     128.wpt_thumbs_popup,#wpt_thumbs_popup{
     129 position: fixed !important;
     130 top: 0;
     131 left: 0;
     132 background: rgba(0, 0, 0, 0.78);
     133 width: 100%;
     134 height: 100%;
     135 z-index: 99999;
     136 overflow-y: auto;
     137 cursor: pointer;
     138}
     139#wpt_thumbs_popup .wpt_popup_image_wrapper{
     140 width: 96%;
     141 margin: 50px auto;
     142 background: white;
     143 padding: 10px;
     144 position: relative;
     145 max-width: 100%;
     146 /*max-width: 600px;*/
     147 min-width: 250px;
     148 display: none;
     149 z-index: 100000;
     150 box-shadow: -11px 8px 20px 0px black;
     151 border: 1px solid black;
     152 border-radius: 7px;
     153}
     154#wpt_thumbs_popup img.wpt_popup_image{
     155 width: 100%;
     156 height: auto;
    157157}
    158158#wpt_thumbs_popup .wpt_wrapper_title{padding: 0;margin: 0;}
    159 span#wpt_popup_close {
    160     position: absolute;
    161     background: rgba(255, 0, 0, 0.7);
    162     padding: 6px;
    163     right: 3px;
    164     top: 3px;
    165     width: 28px;
    166     text-align: center;
    167     color: white;
    168     height: 27px;
    169     line-height: 12px;
    170     font-size: 23px;
    171     border: none;
    172     cursor: pointer;
    173     border-top-right-radius: 7px;
    174     z-index: 5;
     159span#wpt_popup_close{
     160 position: absolute;
     161 background: rgba(255, 0, 0, 0.7);
     162 padding: 6px;
     163 right: 3px;
     164 top: 3px;
     165 width: 28px;
     166 text-align: center;
     167 color: white;
     168 height: 27px;
     169 line-height: 12px;
     170 font-size: 23px;
     171 border: none;
     172 cursor: pointer;
     173 border-top-right-radius: 7px;
     174 z-index: 5;
    175175}
    176176span#wpt_popup_close:hover{
    177     background: rgba(255, 0, 0, 1);
     177 background: rgba(255, 0, 0, 1);
    178178}
    179179
    180180/* For Rating Star of Table */
    181 .wpt-wrap table tr .star-rating::before {
    182     opacity: .15;
    183     float: left;
    184 }
    185 .wpt_product_table tbody tr .star-rating {
    186     font-size: 0.65em;
     181.wpt-wrap .wpt-table-tag .wpt-tr-tag .star-rating::before{
     182 opacity: .15;
     183 float: left;
     184}
     185.wpt_product_table .wpt-tbody-tag .wpt-tr-tag .star-rating{
     186 font-size: 0.65em;
    187187}
    188188
    189189div#wpt_table_wrapper,div#wpt_table_wrapper *{
    190     transition: all .4s !important;
     190 transition: all .4s !important;
    191191}
    192192
    193193/****************Style for Live Cart of Table******************/
    194 .wpt_live_cart_box {
    195     padding: 5px 10px;
    196     position: relative;
    197 }
    198 a.remove.remove_from_cart_button.wpt_remove_cart_link {
    199     display: inline-block;
    200 }
    201 .wpt_live_cart_box .cart-dropdown .wpt_dropdown {
    202     padding: 0;
    203     margin: 0;
    204     list-style: none;
    205 }
    206 a.remove_cart_icon {
    207     color: red;
    208     padding: 2px;
    209     background: rgba(255, 0, 0, 0.09);
    210     display: inline-block;
    211     line-height: 8px;
    212     text-decoration: none;
    213     transition: all 1s;
     194.wpt_live_cart_box{
     195 padding: 5px 10px;
     196 position: relative;
     197}
     198a.remove.remove_from_cart_button.wpt_remove_cart_link{
     199 display: inline-block;
     200}
     201.wpt_live_cart_box .cart-dropdown .wpt_dropdown{
     202 padding: 0;
     203 margin: 0;
     204 list-style: none;
     205}
     206a.remove_cart_icon{
     207 color: red;
     208 padding: 2px;
     209 background: rgba(255, 0, 0, 0.09);
     210 display: inline-block;
     211 line-height: 8px;
     212 text-decoration: none;
     213 transition: all 1s;
    214214}
    215215a.remove_cart_icon:hover{
    216     text-decoration: none;
    217     background: rgba(255, 0, 0, 0.06);
    218 }
    219 .wpt_live_cart_box .cart-dropdown .wpt_dropdown li {
    220     padding: 0px 5px;
    221     background: rgba(189, 189, 189, 0.07058823529411765);
    222     display: inline-block;
    223     border: 1px solid rgba(0, 0, 0, 0.12156862745098039);
    224     border-radius: 4px;
    225     margin: 2px 0;
    226     font-size: 12px;
    227     cursor: pointer;
    228 }
    229 
    230 .wpt_live-cart-subtotal, .wpt_live-cart-other_link {
    231     display: inline-block;
    232 }
    233 .wpt_live-cart-other_link>a {
    234     padding: 0 13px;
     216 text-decoration: none;
     217 background: rgba(255, 0, 0, 0.06);
     218}
     219.wpt_live_cart_box .cart-dropdown .wpt_dropdown li{
     220 padding: 0px 5px;
     221 background: rgba(189, 189, 189, 0.07058823529411765);
     222 display: inline-block;
     223 border: 1px solid rgba(0, 0, 0, 0.12156862745098039);
     224 border-radius: 4px;
     225 margin: 2px 0;
     226 font-size: 12px;
     227 cursor: pointer;
     228}
     229
     230.wpt_live-cart-subtotal, .wpt_live-cart-other_link{
     231 display: inline-block;
     232}
     233.wpt_live-cart-other_link>a{
     234 padding: 0 13px;
    235235}
    236236
    237237/************ Style for Search Box, New added at Version: 1.9 */
    238 .wpt_search_box {
    239     display: block;
    240     font-size: 16px;
    241     line-height: 17px;
    242     font-weight: normal;
    243     width: 100%;
    244 }
    245 
    246 button.button.wpt_search_button {
    247     visibility: hidden;
    248     padding: 0;
    249     margin: 0;
    250     display: none;
    251 }
    252 .wpt_load_more_wrapper {
    253     text-align: center;
    254     display: block;
    255     width: 100%;
    256     margin: 16px 0;
    257     clear: both;
    258 }
    259 .archive .wpt_load_more_wrapper {
    260     display: none;
     238.wpt_search_box{
     239 display: block;
     240 font-size: 16px;
     241 line-height: 17px;
     242 font-weight: normal;
     243 width: 100%;
     244}
     245
     246button.button.wpt_search_button{
     247 visibility: hidden;
     248 padding: 0;
     249 margin: 0;
     250 display: none;
     251}
     252.wpt_load_more_wrapper{
     253 text-align: center;
     254 display: block;
     255 width: 100%;
     256 margin: 16px 0;
     257 clear: both;
     258}
     259.archive .wpt_load_more_wrapper{
     260 display: none;
    261261}
    262262/* problem solved */
    263263.wpt_load_more{
    264     border-color: #eeeeee;
    265     color: #fff;
    266     border-radius: 3px;
    267     transition: all .1s;
     264 border-color: #eeeeee;
     265 color: #fff;
     266 border-radius: 3px;
     267 transition: all .1s;
    268268}
    269269.wpt_load_more{
    270     float: none;
     270 float: none;
    271271}
    272272.wpt_load_more:hover,
    273273.add_to_cart_all_selected:hover{
    274     background-color: #EFF2F7;
     274 background-color: #EFF2F7;
    275275}
    276276/* problem solved */
    277 .wpt_load_more_wrapper.load_more_hidden {
    278     display: none !important;
    279 }
    280 .wpt_load_more_wrapper .wpt-load-pagination-infinite_scroll {
    281     padding: 7px 15px 8px 15px;
    282     line-height: 7px;
    283     font-size: 15px;
    284 }
    285 p.search_select.query {
    286     padding: 0;
    287     margin: 0;
    288 }
    289 span.texonomy_checkbox_single {
    290     display: inline-block;
     277.wpt_load_more_wrapper.load_more_hidden{
     278 display: none !important;
     279}
     280.wpt_load_more_wrapper .wpt-load-pagination-infinite_scroll{
     281 padding: 7px 15px 8px 15px;
     282 line-height: 7px;
     283 font-size: 15px;
     284}
     285p.search_select.query{
     286 padding: 0;
     287 margin: 0;
     288}
     289span.texonomy_checkbox_single{
     290 display: inline-block;
    291291}
    292292/************ End here of:: Style for Search Box, New added at Version: 1.9 */
    293293
    294294/* Custom Style for Filter Box Start here */
    295 select.filter_select {
    296     border: 1px solid #e2e2e2 !important;
    297 }
    298 .wpt_filter.fulter_half {
    299     width: 50%;
    300     float: left;
    301 }
    302 .wpt_filter.fulter_half .wpt_filter_wrapper {
    303     padding: 15px 5px 5px 5px;
     295select.filter_select{
     296 border: 1px solid #e2e2e2 !important;
     297}
     298.wpt_filter.fulter_half{
     299 width: 50%;
     300 float: left;
     301}
     302.wpt_filter.fulter_half .wpt_filter_wrapper{
     303 padding: 15px 5px 5px 5px;
    304304}
    305305.wpt_filter.fullter_full{
    306     width: 100%;
    307     text-align: left;
     306 width: 100%;
     307 text-align: left;
    308308}
    309309.wpt_filter.fullter_full .wpt_filter_wrapper{
    310     padding: 5px 0;
     310 padding: 5px 0;
    311311}
    312312
    … …  
    314314
    315315@media only screen and (min-width: 500px) and (min-device-width: 500px) and (-webkit-min-device-pixel-ratio: 2){
    316     #wpt_thumbs_popup .wpt_popup_image_wrapper {
    317         margin:5% auto !important;
    318     }
     316 #wpt_thumbs_popup .wpt_popup_image_wrapper{
     317 margin:5% auto !important;
     318 }
    319319}
    320320
    321321/******Adjust Theme********/
    322322#wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_row .wpt-td-tag.wpt_quantity .quantity input.plus,
    323 #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_row .wpt-td-tag.wpt_quantity .quantity input.minus {
    324     width: 28px;
     323#wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_row .wpt-td-tag.wpt_quantity .quantity input.minus{
     324 width: 28px;
    325325}
    326326
    … …  
    330330@media
    331331only screen and (max-width: 760px),
    332 (min-device-width: 768px) and (max-device-width: 1024px)  {
    333     a.button.wpt_woo_add_cart_button.add_to_cart_button {
    334         margin-top: 7px !important;
    335         margin-bottom: 7px !important;
    336         display: inline-block;
    337     }
    338     
    339     .td_or_cell.wpt_thumbnails.wpt_for_product_desc {
    340         display: flex;
    341     }
     332(min-device-width: 768px) and (max-device-width: 1024px){
     333 a.button.wpt_woo_add_cart_button.add_to_cart_button{
     334 margin-top: 7px !important;
     335 margin-bottom: 7px !important;
     336 display: inline-block;
     337 }
     338 
     339 .td_or_cell.wpt_thumbnails.wpt_for_product_desc{
     340 display: flex;
     341 }
    342342}
    343343
    344344/*Style custom for Sorting Column*/
    345 div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted {
    346     background: rgba(0, 0, 0, 0.03);
    347 }
    348 div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted {
    349     background-color: rgba(0, 0, 0, 0.18);
    350 }
    351 
    352 div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag, div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag {
    353     position: relative;
     345div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-td-tag.this_column_sorted{
     346 background: rgba(0, 0, 0, 0.03);
     347}
     348div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.this_column_sorted{
     349 background-color: rgba(0, 0, 0, 0.18);
     350}
     351
     352div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag, div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag{
     353 position: relative;
    354354}
    355355div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table>.wpt-thead-tag>.wpt-tr-tag>.wpt-th-tag::before,
    356356div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table>.wpt-thead-tag>.wpt-tr-tag>.wpt-th-tag::after{
    357     
    358     font-family: "wptfontelo";
    359     font-style: normal;
    360     font-weight: normal;
    361     speak: never;
    362     text-decoration: inherit;
    363     width: 1em;
    364     margin-right: .2em;
    365     text-align: center;
    366     /* opacity: .8; */
    367     font-variant: normal;
    368     text-transform: none;
    369     line-height: 1em;
    370     margin-left: .2em;
    371     /* font-size: 120%; */
    372     -webkit-font-smoothing: antialiased;
    373     -moz-osx-font-smoothing: grayscale;
    374     /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    375     opacity: 0.3;
    376     text-align: right;
    377     float: right;
    378     position: absolute;
    379     top: 50%;
    380     right: 10px;
    381     transform: translateY(-50%);
     357 
     358 font-family: "wptfontelo";
     359 font-style: normal;
     360 font-weight: normal;
     361 speak: never;
     362 text-decoration: inherit;
     363 width: 1em;
     364 margin-right: .2em;
     365 text-align: center;
     366 /* opacity: .8; */
     367 font-variant: normal;
     368 text-transform: none;
     369 line-height: 1em;
     370 margin-left: .2em;
     371 /* font-size: 120%; */
     372 -webkit-font-smoothing: antialiased;
     373 -moz-osx-font-smoothing: grayscale;
     374 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
     375 opacity: 0.3;
     376 text-align: right;
     377 float: right;
     378 position: absolute;
     379 top: 50%;
     380 right: 10px;
     381 transform: translateY(-50%);
    382382}
    383383
    384384div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table>.wpt-thead-tag>.wpt-tr-tag>.wpt-th-tag::after{
    385     content: '\e842';
     385 content: '\e842';
    386386}
    387387div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.wpt_quantity::before,
    … …  
    389389div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.wpt_quantity::after,
    390390div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.wpt_check::after{
    391     display: none;
     391 display: none;
    392392}
    393393div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table>.wpt-thead-tag>.wpt-tr-tag>.wpt-th-tag.this_column_sorted[data-sort_type="ASC"]::before{
    394     content: '\e84d';
    395     opacity: 0.8;
    396     margin-top: -6px;
     394 content: '\e84d';
     395 opacity: 0.8;
     396 margin-top: -6px;
    397397}
    398398div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table>.wpt-thead-tag>.wpt-tr-tag>.wpt-th-tag.this_column_sorted[data-sort_type="DESC"]::before{
    399     content: '\e84c';
    400     opacity: 0.8;
    401     margin-top: 6px;
     399 content: '\e84c';
     400 opacity: 0.8;
     401 margin-top: 6px;
    402402}
    403403body.wpt_table_body .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt-th-tag i{
    404     font-size: 14px;
     404 font-size: 14px;
    405405}
    406406
    … …  
    411411div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.wpt_quick,
    412412div.wpt_column_sort #wpt_table.wpt-table-tag.wpt_product_table .wpt-tr-tag>.wpt-th-tag.wpt_thumbnails{
    413     background-image: none !important;
     413 background-image: none !important;
    414414}
    415415
    416416/*New Style Since Version 3.7 | 20.11.2018*/
    417 #wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward {
    418     font-size: 10px;
    419     padding: 2px 5px;
    420     font-weight: normal;
    421     background: #00000014;
    422     color: black;
    423     text-decoration: none;
    424 }
    425 #wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward:hover {
    426     background: #0003;
    427     color: white;
     417#wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward{
     418 font-size: 10px;
     419 padding: 2px 5px;
     420 font-weight: normal;
     421 background: #00000014;
     422 color: black;
     423 text-decoration: none;
     424}
     425#wpt_table.wpt-table-tag.wpt_product_table a.added_to_cart.wc-forward:hover{
     426 background: #0003;
     427 color: white;
    428428
    429429}
    430430
    431431/*Style Additional for Quick View of YITH*/
    432 body.wpt_pro_table #yith-quick-view-content div.summary {
    433     width: 47% !important;
     432body.wpt_pro_table #yith-quick-view-content div.summary{
     433 width: 47% !important;
    434434}
    435435
    436436@media (max-width: 480px){
    437     body.wpt_pro_table #yith-quick-view-content div.images,
    438     body.wpt_pro_table #yith-quick-view-content div.summary {
    439         width: 100% !important;
    440         float: none !important;
    441     }
     437 body.wpt_pro_table #yith-quick-view-content div.images,
     438 body.wpt_pro_table #yith-quick-view-content div.summary{
     439 width: 100% !important;
     440 float: none !important;
     441 }
    442442}
    443443
    … …  
    445445
    446446/*CSS Style for Attribute Start*/
    447 .wpt_each_attribute_wrapper {
    448     display: block;
    449     min-width: 230px;
    450     margin-bottom: 2px;
    451 }
    452 
    453 .wpt_each_attribute_wrapper>* {
    454     display: inline;
    455 }
    456 
    457 .wpt_each_attribute_wrapper>label {
    458     background: #dddddd78;
    459     display: inline-block;
    460     padding: 2px 7px 2px 6px;
    461     margin-right: 3px;
    462     min-width: 53px;
     447.wpt_each_attribute_wrapper{
     448 display: block;
     449 min-width: 230px;
     450 margin-bottom: 2px;
     451}
     452
     453.wpt_each_attribute_wrapper>*{
     454 display: inline;
     455}
     456
     457.wpt_each_attribute_wrapper>label{
     458 background: #dddddd78;
     459 display: inline-block;
     460 padding: 2px 7px 2px 6px;
     461 margin-right: 3px;
     462 min-width: 53px;
    463463}
    464464/*CSS Style for Attribute End*/
    465465/*Pagination Style page-numbers current */
    466 .wpt_table_pagination {
    467     display: flex;
    468     margin: 0;
    469     text-align: center;
    470     align-items: center;
    471     justify-content: center;
    472     column-count: 2;
    473     column-gap: 5px;
    474 }
    475 
    476 .wpt_table_pagination a.page-numbers,.wpt_table_pagination span.page-numbers {
    477     padding: 8px 16px;
    478     text-decoration: none;
    479     transition: background-color .3s;
    480     border: 1px solid #ddd;
    481     margin: 0px;
    482     display: inline-block;
    483     cursor: pointer;
     466.wpt_table_pagination{
     467 display: flex;
     468 margin: 0;
     469 text-align: center;
     470 align-items: center;
     471 justify-content: center;
     472 column-count: 2;
     473 column-gap: 5px;
     474}
     475
     476.wpt_table_pagination a.page-numbers,.wpt_table_pagination span.page-numbers{
     477 padding: 8px 16px;
     478 text-decoration: none;
     479 transition: background-color .3s;
     480 border: 1px solid #ddd;
     481 margin: 0px;
     482 display: inline-block;
     483 cursor: pointer;
    484484}
    485485
    486486.wpt_table_pagination span.page-numbers.current,.wpt_table_pagination a.page-numbers.current{
    487   background-color: #0A7F9C;
    488   color: #ffff;
    489   border: 1px solid #0A7F9C;
    490   font-weight: bold;
     487 background-color: #0A7F9C;
     488 color: #ffff;
     489 border: 1px solid #0A7F9C;
     490 font-weight: bold;
    491491}
    492492
    493493.wpt_table_pagination a:hover{background-color: #ddd;}
    494 .wpt_table_pagination.pagination_loading, .wpt_table_pagination.pagination_loading * {
    495     opacity: 0.5;
    496     cursor: not-allowed !important;
     494.wpt_table_pagination.pagination_loading, .wpt_table_pagination.pagination_loading *{
     495 opacity: 0.5;
     496 cursor: not-allowed !important;
    497497}
    498498/*Pagination Style End*/
    499499/*------new for per product--------*/
    500500button.single_add_to_cart_button{
    501     position: relative;
    502 }
    503 button.single_add_to_cart_button >span.wpt_ccount i.animate-spin, a.button.wpt_woo_add_cart_button>span.wpt_ccount  i.animate-spin {
    504     font-size: 13px;
    505     line-height: 13px;
    506     padding: 0;
    507     margin: 0;
    508     opacity: 1;
    509     width: 100%;
    510     height: 100%;
    511     display: flex;
    512     align-items: center;
    513     justify-content: center;
    514 }
    515 button.single_add_to_cart_button >span.wpt_ccount i.animate-spin::before,
    516 a.button.wpt_woo_add_cart_button>span.wpt_ccount  i.animate-spin::before{
    517     margin: 0;
    518     padding: 0;
     501 position: relative;
     502}
     503button.single_add_to_cart_button>span.wpt_ccount i.animate-spin, a.button.wpt_woo_add_cart_button>span.wpt_ccount i.animate-spin{
     504 font-size: 13px;
     505 line-height: 13px;
     506 padding: 0;
     507 margin: 0;
     508 opacity: 1;
     509 width: 100%;
     510 height: 100%;
     511 display: flex;
     512 align-items: center;
     513 justify-content: center;
     514}
     515button.single_add_to_cart_button>span.wpt_ccount i.animate-spin::before,
     516a.button.wpt_woo_add_cart_button>span.wpt_ccount i.animate-spin::before{
     517 margin: 0;
     518 padding: 0;
    519519}
    520520
    … …  
    523523a.product_type_variation>span.wpt_ccount,
    524524button.single_add_to_cart_button>span.wpt_ccount,
    525 a.button.wpt_woo_add_cart_button>span.wpt_ccount {
    526     position: absolute;
    527     min-width: 23px;
    528     height: 23px;
    529     border: none 0;
    530     top: -15px;
    531     right: -17px;
    532     z-index: 1;
    533     clear: both;
    534     border-radius: 20px;
    535     box-shadow: -1px 0px 4px 1px #0000001c;
    536     font-size: 13px;
    537     line-height: 14px;
    538     text-align: center;
    539     padding: 4px;
    540     display: flex;
    541     align-items: center;
    542     justify-content: center;
    543     white-space: nowrap;
    544     z-index: 99;
     525a.button.wpt_woo_add_cart_button>span.wpt_ccount{
     526 position: absolute;
     527 min-width: 23px;
     528 height: 23px;
     529 border: none 0;
     530 top: -15px;
     531 right: -17px;
     532 z-index: 1;
     533 clear: both;
     534 border-radius: 20px;
     535 box-shadow: -1px 0px 4px 1px #0000001c;
     536 font-size: 13px;
     537 line-height: 14px;
     538 text-align: center;
     539 padding: 4px;
     540 display: flex;
     541 align-items: center;
     542 justify-content: center;
     543 white-space: nowrap;
     544 z-index: 99;
    545545}
    546546/* a.button.wpt_woo_add_cart_button.button.loading>span.wpt_ccount{display: none;} */
    547547@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
    548548body.wpt_pro_table_body.wpt_pro_table .wpt-table-tag.wpt_product_table a.button.wpt_woo_add_cart_button.loading:after{
    549     font-family: WooCommerce;
    550     content: '\e01c';
    551     vertical-align: top;
    552     font-weight: 400;
    553     -webkit-animation: spin 2s linear infinite;
    554     animation: spin 2s linear infinite;
    555     position: absolute;
    556     background: white !important;
    557     color: black;
    558     width: 30px;
    559     height: 30px;
    560     border: 1px solid #e6e6e6;
    561     top: -7px;
    562     right: -17px;
    563     z-index: 2;
    564     text-align: center;
    565     line-height: 30px;
    566     font-size: 13px;
    567     clear: both;
    568     border-radius: 50%;
    569     box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.04);
    570     left: inherit;
     549 font-family: WooCommerce;
     550 content: '\e01c';
     551 vertical-align: top;
     552 font-weight: 400;
     553 -webkit-animation: spin 2s linear infinite;
     554 animation: spin 2s linear infinite;
     555 position: absolute;
     556 background: white !important;
     557 color: black;
     558 width: 30px;
     559 height: 30px;
     560 border: 1px solid #e6e6e6;
     561 top: -7px;
     562 right: -17px;
     563 z-index: 2;
     564 text-align: center;
     565 line-height: 30px;
     566 font-size: 13px;
     567 clear: both;
     568 border-radius: 50%;
     569 box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.04);
     570 left: inherit;
    571571}
    572572.single_add_to_cart_button.button>span.wpt_ccount:empty,
    … …  
    574574a.button.wpt_woo_add_cart_button>span.wpt_ccount.wpt-spin5.animate-spin,
    575575.single_add_to_cart_button.button>span.wpt_ccount.wpt-spin5.animate-spin{display: flex;}
    576 span.wpt_ccount.wpt-spin5.animate-spin:before {
    577     font-size: 13px;
    578 }
    579 tr.wpt-row a.remove.remove_from_cart_button.empty-cart{display: none;}
     576span.wpt_ccount.wpt-spin5.animate-spin:before{
     577 font-size: 13px;
     578}
     579.wpt-tr-tag.wpt-row a.remove.remove_from_cart_button.empty-cart{display: none;}
    580580
    581581
    582582/*Footer Cart Box*/
    583 .wpt-footer-cart-wrapper {
    584     position: fixed;
    585     bottom: 1%;
    586     right: 1%;
    587     z-index: 99;
    588     width: 74px;
    589     height: 74px;
    590     display: none;
    591 }
    592 .wpt-footer-cart-wrapper.bottom_left {
    593     left: 1%;
    594     right: initial;
    595 }
    596 .wpt-footer-cart-wrapper.top_left {
    597     left: 1%;
    598     bottom: initial;
    599     top: 10%;
    600 }
    601 .wpt-footer-cart-wrapper.top_right {
    602     right: 1%;
    603     bottom: initial;
    604     top: 10%;
     583.wpt-footer-cart-wrapper{
     584 position: fixed;
     585 bottom: 1%;
     586 right: 1%;
     587 z-index: 99;
     588 width: 74px;
     589 height: 74px;
     590 display: none;
     591}
     592.wpt-footer-cart-wrapper.bottom_left{
     593 left: 1%;
     594 right: initial;
     595}
     596.wpt-footer-cart-wrapper.top_left{
     597 left: 1%;
     598 bottom: initial;
     599 top: 10%;
     600}
     601.wpt-footer-cart-wrapper.top_right{
     602 right: 1%;
     603 bottom: initial;
     604 top: 10%;
    605605}
    606606
    607607div.wpt-footer-cart-wrapper.always_show{display: block;}
    608608div.wpt-footer-cart-wrapper.always_hide{display: none;}
    609 .wpt-footer-cart-wrapper > a {
    610     position: relative;
    611     display: block;
    612     width: 100%;
    613     height: 100%;
    614     border-radius: 50%;
    615 }
    616 .wpt-footer-cart-wrapper > a > span {
    617     position: static;
    618     line-height: 23px;
    619     font-size: 16px;
    620     color: #fff;
    621     font-weight: bold;
    622     text-align: center;
    623     width: 100%;
    624     display: block;
    625     padding-top: calc(50% - 8px);
    626     height: 100%;
    627 }
    628 .wpt-footer-cart-wrapper > a:after {
    629     content: "";
    630     border-radius: 50%;
    631     -webkit-border-radius: 50%;
    632     -moz-border-radius: 50%;
    633     -ms-border-radius: 50%;
    634     -o-border-radius: 50%;
    635     position: absolute;
    636     width: 100%;
    637     height: 100%;
    638     top: 0;
    639     right: 0;
    640     z-index: -1;
    641     opacity: 0;
    642     -webkit-animation-duration: 1.5s;
    643     animation-duration: 1.5s;
    644     -webkit-animation-fill-mode: forwards;
    645     animation-fill-mode: forwards;
    646     -webkit-animation-name: wpt-icon-float-away;
    647     animation-name: wpt-icon-float-away;
    648     -webkit-animation-timing-function: ease-out;
    649     animation-timing-function: ease-out;
    650     -webkit-animation-iteration-count: infinite;
    651     animation-iteration-count: infinite;
    652 }
    653 
    654 @-webkit-keyframes wpt-icon-float-away {
    655     0% {
    656         opacity: .4;
    657     }
    658     100% {
    659         opacity: 0;
    660         -webkit-transform: scale(1.3);
    661         transform: scale(1.3);
    662     }
    663 }
    664 
    665 @keyframes wpt-icon-float-away {
    666     0% {
    667         opacity: .4;
    668     }
    669     100% {
    670         opacity: 0;
    671         -webkit-transform: scale(1.3);
    672         transform: scale(1.3);
    673     }
    674 }
    675 
    676 .wpt-footer-cart-wrapper > a > span > span {
    677     font-size: 13px;
    678     position: relative;
    679     top: 0px;
    680     padding: 0 2px;
    681     color: #cecece;
    682 }
    683 .wpt-footer-cart-wrapper > a:empty{display: none;}
    684 div.wpt-footer-cart-wrapper>a:after, div.wpt-footer-cart-wrapper>a {
    685     background-color: #4caf50;
     609.wpt-footer-cart-wrapper> a{
     610 position: relative;
     611 display: block;
     612 width: 100%;
     613 height: 100%;
     614 border-radius: 50%;
     615}
     616.wpt-footer-cart-wrapper> a> span{
     617 position: static;
     618 line-height: 23px;
     619 font-size: 16px;
     620 color: #fff;
     621 font-weight: bold;
     622 text-align: center;
     623 width: 100%;
     624 display: block;
     625 padding-top: calc(50% - 8px);
     626 height: 100%;
     627}
     628.wpt-footer-cart-wrapper> a:after{
     629 content: "";
     630 border-radius: 50%;
     631 -webkit-border-radius: 50%;
     632 -moz-border-radius: 50%;
     633 -ms-border-radius: 50%;
     634 -o-border-radius: 50%;
     635 position: absolute;
     636 width: 100%;
     637 height: 100%;
     638 top: 0;
     639 right: 0;
     640 z-index: -1;
     641 opacity: 0;
     642 -webkit-animation-duration: 1.5s;
     643 animation-duration: 1.5s;
     644 -webkit-animation-fill-mode: forwards;
     645 animation-fill-mode: forwards;
     646 -webkit-animation-name: wpt-icon-float-away;
     647 animation-name: wpt-icon-float-away;
     648 -webkit-animation-timing-function: ease-out;
     649 animation-timing-function: ease-out;
     650 -webkit-animation-iteration-count: infinite;
     651 animation-iteration-count: infinite;
     652}
     653
     654@-webkit-keyframes wpt-icon-float-away{
     655 0%{
     656 opacity: .4;
     657 }
     658 100%{
     659 opacity: 0;
     660 -webkit-transform: scale(1.3);
     661 transform: scale(1.3);
     662 }
     663}
     664
     665@keyframes wpt-icon-float-away{
     666 0%{
     667 opacity: .4;
     668 }
     669 100%{
     670 opacity: 0;
     671 -webkit-transform: scale(1.3);
     672 transform: scale(1.3);
     673 }
     674}
     675
     676.wpt-footer-cart-wrapper> a> span> span{
     677 font-size: 13px;
     678 position: relative;
     679 top: 0px;
     680 padding: 0 2px;
     681 color: #cecece;
     682}
     683.wpt-footer-cart-wrapper> a:empty{display: none;}
     684div.wpt-footer-cart-wrapper>a:after, div.wpt-footer-cart-wrapper>a{
     685 background-color: #4caf50;
    686686}
    687687/*------new for per product End-- a.button.wpt_woo_add_cart_button>span.wpt_ccount:empty{display: none;}------*/
    688688
    689 .wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_selected_tr .wpt_product_title_in_td {
    690     font-weight: 600 !important;
     689.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_selected_tr .wpt_product_title_in_td{
     690 font-weight: 600 !important;
    691691}
    692692
    693693/*Responsive Version is here*/
    694694@media only screen and (min-width: 768px) and (max-width: 991px){
    695     
    696 }
    697 @media only screen and (max-width: 767px) {
    698   
    699 }
    700 
    701 
    702 
    703 
    704 
    705 /*  customiza css by mizan  */
     695 
     696}
     697@media only screen and (max-width: 767px){
     698 
     699}
     700
     701
     702
     703
     704
     705/* customiza css by mizan */
    706706.wpt_table_pagination a.page-numbers,
    707707.wpt_table_pagination span.page-numbers{
    708     text-decoration: none !important;
    709     color: #021d33;
     708 text-decoration: none !important;
     709 color: #021d33;
    710710}
    711711.wpt_table_pagination a.page-numbers:hover,
    … …  
    713713.wpt_table_pagination span.page-numbers:hover,
    714714.wpt_table_pagination span.page-numbers:focus{
    715     background: #0A7F9C;
    716     color: #fff;
    717 }
    718 .wpt_for_product_action.wpt_quantity .quantity input {
    719     height: 30px;
    720     background: #f3f3f3;
     715 background: #0A7F9C;
     716 color: #fff;
     717}
     718.wpt_for_product_action.wpt_quantity .quantity input{
     719 height: 30px;
     720 background: #f3f3f3;
    721721}
    722722.wpt_for_product_action{
    723     margin-left: 0;
    724     margin-right: 0;
     723 margin-left: 0;
     724 margin-right: 0;
    725725}
    726726.wpt_product_price{
    727     font-weight: bold;
    728     white-space: nowrap;
     727 font-weight: bold;
     728 white-space: nowrap;
    729729}
    730730/*
    731 .wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_selected_tr>td:before{
    732     content: "";
    733     position: absolute;
    734     background: #0000000d;
    735     height: 100%;
    736     width: 100%;
    737     z-index: 0;
    738     top: 0;
    739     left: 0;
     731.wpt-table-tag.wpt_product_table .wpt-tr-tag.wpt_selected_tr>.wpt-td-tag:before{
     732 content: "";
     733 position: absolute;
     734 background: #0000000d;
     735 height: 100%;
     736 width: 100%;
     737 z-index: 0;
     738 top: 0;
     739 left: 0;
    740740}
    741741*/
    742742
    743743
    744 div.wpt-wrap .wpt-table-tag.wpt_product_table tbody tr.wpt_row>td {
    745     border-left: 0 none;
    746     border-right: 0 none;
     744div.wpt-wrap .wpt-table-tag.wpt_product_table .wpt-tbody-tag .wpt-tr-tag.wpt_row>.wpt-td-tag{
     745 border-left: 0 none;
     746 border-right: 0 none;
    747747}
    748748
    749749/*Additional for Advance version*/
    750 #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag table, #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag table td,
    751 #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag table tr {
    752     border: 0 none;
    753 }
    754 
    755 .wpt_product_table span.woocommerce-Price-currencySymbol {
    756     vertical-align: unset;
    757 }
    758 .wpt_for_product_action.wpt_quantity .quantity input {
    759     min-width: 45px;
    760 }
    761 
    762 .wpt-td-tag.wpt_for_product_action.wpt_quantity input {
    763     display: block !important;
    764 }
    765 td.yith-wcqv-button {
    766     cursor: pointer;
    767 }
    768 .wpt-table-tag .wpt_loader_text {
    769     position: absolute;
    770     background: #ffffffad;
    771     width: 100%;
    772     height: 100%;
    773     min-height: 60px;
    774     color: #223d4a;
    775     font-size: 35px;
    776     text-align: center;
    777     z-index: 3;
    778 }
    779 
    780 .product-not-found-tr {
    781     padding: 0;
    782     margin: 0;
    783 }
    784 .wpt_product_not_found {
    785     color: #ef3900;
    786     font-size: 30px;
    787     line-height: 35px;
    788     text-align: center;
    789     padding: 15px;
    790     font-weight: normal;
    791     font-style: italic;
     750#wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag .wpt-table-tag, #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag .wpt-table-tag .wpt-td-tag,
     751#wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag .wpt-table-tag .wpt-tr-tag{
     752 border: 0 none;
     753}
     754
     755.wpt_product_table span.woocommerce-Price-currencySymbol{
     756 vertical-align: unset;
     757}
     758.wpt_for_product_action.wpt_quantity .quantity input{
     759 min-width: 45px;
     760}
     761
     762.wpt-td-tag.wpt_for_product_action.wpt_quantity input{
     763 display: block !important;
     764}
     765.wpt-td-tag.yith-wcqv-button{
     766 cursor: pointer;
     767}
     768.wpt-table-tag .wpt_loader_text{
     769 position: absolute;
     770 background: #ffffffad;
     771 width: 100%;
     772 height: 100%;
     773 min-height: 60px;
     774 color: #223d4a;
     775 font-size: 35px;
     776 text-align: center;
     777 z-index: 3;
     778}
     779
     780.product-not-found-.wpt-tr-tag{
     781 padding: 0;
     782 margin: 0;
     783}
     784.wpt_product_not_found{
     785 color: #ef3900;
     786 font-size: 30px;
     787 line-height: 35px;
     788 text-align: center;
     789 padding: 15px;
     790 font-weight: normal;
     791 font-style: italic;
    792792}
    793793
    794794
    795795/*Min Max qty button issue fixer*/
    796 .wpt-table-tag.wpt_product_table .wpt-tr-tag div.wpt-qty-button {
    797     min-width: 153px;
    798     display: block;
    799 }
    800 
    801 .wpt-table-tag.wpt_product_table .wpt-tr-tag div.wpt-qty-button .wpt-qty-button {
    802     height: 35px;
    803     width: 35px;
    804     text-align: center;
    805     padding: 0px;
     796.wpt-table-tag.wpt_product_table .wpt-tr-tag div.wpt-qty-button{
     797 min-width: 153px;
     798 display: block;
     799}
     800
     801.wpt-table-tag.wpt_product_table .wpt-tr-tag div.wpt-qty-button .wpt-qty-button{
     802 height: 35px;
     803 width: 35px;
     804 text-align: center;
     805 padding: 0px;
    806806}
    807807
    808808/******Style for Elentor Cart *****/
    809809div.wpt-wrap .elementor-menu-cart__product-image a,
    810 div.wpt-wrap .elementor-menu-cart__product-image img {
    811     max-height: 50px;
    812     width: auto;
     810div.wpt-wrap .elementor-menu-cart__product-image img{
     811 max-height: 50px;
     812 width: auto;
    813813}
    814814
    … …  
    816816/* Quantity Buttons */
    817817.wpt-qty-wrapper{min-width: 152px;display: block;}
    818 .wpt-qty-wrapper button.wpt-quantity {
    819     padding: 6px 12px 8px;
    820     height: 41px;
    821     background: #ffffff;
    822     border: 1px solid #efefef;
    823     cursor: pointer;
    824     font-size: 20px;
    825     line-height: 20px;
    826     width: 41px;
    827     color: black;
    828 }
    829 .wpt-qty-wrapper .quantity {
    830     display: inline-block;
    831     width: calc(100% - 110px);
    832 }
    833 .wpt-quantity.wpt-qty-wrapper {
    834     margin: 3px auto;
    835     width: 100%;
    836     display: block;
    837 }
    838 
    839 
    840 .wpt-qty-wrapper .quantity input.input-text.qty.text {
    841     width: 100%;
    842     height: 41px;
    843     padding: 0 5px;
    844     text-align: center;
    845     background: #ffffff;
    846     border: 1px solid #efefef;
    847     font-size: 20px;
    848     line-height: 20px;
    849     box-shadow: none;
     818.wpt-qty-wrapper button.wpt-quantity{
     819 padding: 6px 12px 8px;
     820 height: 41px;
     821 background: #ffffff;
     822 border: 1px solid #efefef;
     823 cursor: pointer;
     824 font-size: 20px;
     825 line-height: 20px;
     826 width: 41px;
     827 color: black;
     828}
     829.wpt-qty-wrapper .quantity{
     830 display: inline-block;
     831 width: calc(100% - 110px);
     832}
     833.wpt-quantity.wpt-qty-wrapper{
     834 margin: 3px auto;
     835 width: 100%;
     836 display: block;
     837}
     838
     839
     840.wpt-qty-wrapper .quantity input.input-text.qty.text{
     841 width: 100%;
     842 height: 41px;
     843 padding: 0 5px;
     844 text-align: center;
     845 background: #ffffff;
     846 border: 1px solid #efefef;
     847 font-size: 20px;
     848 line-height: 20px;
     849 box-shadow: none;
    850850}
    851851
    852852
    853853.wpt-qty-wrapper input::-webkit-outer-spin-button,
    854 .wpt-qty-wrapper input::-webkit-inner-spin-button {
    855     -webkit-appearance: none;
    856     -moz-appearance: none;
    857     margin: 0;
     854.wpt-qty-wrapper input::-webkit-inner-spin-button{
     855 -webkit-appearance: none;
     856 -moz-appearance: none;
     857 margin: 0;
    858858}
    859859.wpt-qty-wrapper input[type=number]
    860860{
    861   -moz-appearance: textfield;
     861 -moz-appearance: textfield;
    862862}
    863863
    … …  
    866866 */
    867867.wpt-wrap .wpt_for_product_action.wpt_price,
    868 .wpt-wrap .wpt_total.total_general {
    869     white-space: nowrap;
     868.wpt-wrap .wpt_total.total_general{
     869 white-space: nowrap;
    870870}
    871871.wpt-wrap .wpt_for_product_action.wpt_price del,
    872 .wpt-wrap .wpt_for_product_action.wpt_price ins {
    873     display: block;
     872.wpt-wrap .wpt_for_product_action.wpt_price ins{
     873 display: block;
    874874}
    875875
    876876.wpt_table_tag_wrapper,.wpt_second_wrapper{
    877     display: block;
    878     overflow-x: auto;
     877 display: block;
     878 overflow-x: auto;
    879879}
    880880.wpt_second_content{display: block;min-height: 1px;}
    … …  
    883883.wpt-wrap select,
    884884.wpt_varition_section select{
    885     border-radius: 5px;
    886     padding: 2px;
    887     border: 1px solid #a9a1a1;
    888     margin: 1px;
    889     padding: 5px;
    890 }
    891 .wpt_filter_wrapper {
    892     display: flex;
    893     padding: 0;
    894     gap: 10px 10px;
    895     justify-content: start;
    896     flex-wrap: wrap;
    897 }
    898 .wpt-mini-filter {
    899     display: flex;
    900     padding: 0;
    901     gap: 10px 10px;
    902     justify-content: start;
    903     flex-wrap: wrap;
    904     flex-direction: row;
    905     align-items: center;
    906 }
    907 .wpt_filter_wrapper .search_single_column {
    908     flex-grow: 4;
    909     min-width: 250px;
    910     flex-basis: 0;
    911 }
    912 
    913 .wpt_filter_wrapper label, .wpt_filter_wrapper a, .wpt_filter_wrapper select {
    914     font-size: 16px;
    915     margin-right: 9px;
    916 }
    917 
    918 .wpt_filter_wrapper select,.wpt_varition_section select {
    919     min-width: 120px;
    920     padding-left: 16px;
    921 }
    922 .wpt_filter_wrapper span.select2 {
    923     margin-right: 11px;
     885 border-radius: 5px;
     886 padding: 2px;
     887 border: 1px solid #a9a1a1;
     888 margin: 1px;
     889 padding: 5px;
     890}
     891.wpt_filter_wrapper{
     892 display: flex;
     893 padding: 0;
     894 gap: 10px 10px;
     895 justify-content: start;
     896 flex-wrap: wrap;
     897}
     898.wpt-mini-filter{
     899 display: flex;
     900 padding: 0;
     901 gap: 10px 10px;
     902 justify-content: start;
     903 flex-wrap: wrap;
     904 flex-direction: row;
     905 align-items: center;
     906}
     907.wpt_filter_wrapper .search_single_column{
     908 flex-grow: 4;
     909 min-width: 250px;
     910 flex-basis: 0;
     911}
     912
     913.wpt_filter_wrapper label, .wpt_filter_wrapper a, .wpt_filter_wrapper select{
     914 font-size: 16px;
     915 margin-right: 9px;
     916}
     917
     918.wpt_filter_wrapper select,.wpt_varition_section select{
     919 min-width: 120px;
     920 padding-left: 16px;
     921}
     922.wpt_filter_wrapper span.select2{
     923 margin-right: 11px;
    924924}
    925925
    926926/********NEW UPDATE*********/
    927927
    928 .wpt_device_mobile .wpt_search_box select.search_select {
    929     width: 100%;
    930 }
    931 
    932 .wpt_edit_table > a {
    933     font-size: 19px;
    934     color: var(--wpt_primary);
    935     background: #dddddd2b;
    936     padding: 10px;
    937     display: inline-block;
    938     margin: 0;
    939 }
    940 .wpt_edit_table > a:hover {
    941     background: rgb(0, 0, 0);
    942     color: #ffffff;
    943 }
    944 .wpt_search_box .search_box_wrapper {
    945     position: relative;
     928.wpt_device_mobile .wpt_search_box select.search_select{
     929 width: 100%;
     930}
     931
     932.wpt_edit_table> a{
     933 font-size: 19px;
     934 color: var(--wpt_primary);
     935 background: #dddddd2b;
     936 padding: 10px;
     937 display: inline-block;
     938 margin: 0;
     939}
     940.wpt_edit_table> a:hover{
     941 background: rgb(0, 0, 0);
     942 color: #ffffff;
     943}
     944.wpt_search_box .search_box_wrapper{
     945 position: relative;
    946946}
    947947
    948948.wpt_search_box .search_box_wrapper a.search_box_reset,
    949 .wpt_search_box .search_box_wrapper a.search_box_reset, a.search_box_reset {
    950     position: absolute;
    951     right: unset;
    952     bottom: unset;
    953     height: 25px;
    954     padding: 0;
    955     width: auto;
    956     text-align: center;
    957     font-family: 'wptfontelo';
    958     font-weight: normal;
    959     color: #ff0000;
    960     background: black;
    961     border-radius: 5px;
    962     line-height: 25px;
    963     font-size: 17px;
    964     transition: all .1s;
    965     outline: none !important;
    966     border: none !important;
    967     text-decoration: none !important;
    968     display: none;
    969     min-width: 23px;
    970     top: -35px;
    971     left: 0;
    972     padding: 0 10px;
     949.wpt_search_box .search_box_wrapper a.search_box_reset, a.search_box_reset{
     950 position: absolute;
     951 right: unset;
     952 bottom: unset;
     953 height: 25px;
     954 padding: 0;
     955 width: auto;
     956 text-align: center;
     957 font-family: 'wptfontelo';
     958 font-weight: normal;
     959 color: #ff0000;
     960 background: black;
     961 border-radius: 5px;
     962 line-height: 25px;
     963 font-size: 17px;
     964 transition: all .1s;
     965 outline: none !important;
     966 border: none !important;
     967 text-decoration: none !important;
     968 display: none;
     969 min-width: 23px;
     970 top: -35px;
     971 left: 0;
     972 padding: 0 10px;
    973973}
    974974a.search_box_reset:focus,
    975 .wpt_search_box .search_box_wrapper a.search_box_reset:hover, a.search_box_reset:hover {
    976     color: #ffffff;
    977     background: #ff0000;
     975.wpt_search_box .search_box_wrapper a.search_box_reset:hover, a.search_box_reset:hover{
     976 color: #ffffff;
     977 background: #ff0000;
    978978}
    979979/***************Search Box or option start****************/
    980 /*option.level-1 {
    981     padding-left: 25px;
     980/*option.level-1{
     981 padding-left: 25px;
    982982}*/
    983983/***************Search Box or option end****************/
    984984
    985985
    986 .wpt_varition_section.variations {
    987     width: 100%;
     986.wpt_varition_section.variations{
     987 width: 100%;
    988988}
    989989/* Scrollbar Design */
    990990/* width */
    991 .wpt-wrap ::-webkit-scrollbar {
    992   width: 7px;
     991.wpt-wrap::-webkit-scrollbar{
     992 width: 7px;
    993993}
    994994
    … …  
    996996/*Audio Player Style*/
    997997/*Audio Player Style */
    998 /*.mejs-container {
    999     min-width: 300px;
    1000 }
    1001 .mejs-time-total {
    1002 
    1003 }
    1004 
    1005 .mejs-time-current {
    1006 }
    1007 .mejs-time-loaded {
    1008 
    1009 }
    1010 
    1011 .mejs-button.mejs-playpause-button {
    1012 
    1013 }
    1014 .mejs-button button {
    1015 
    1016 }
    1017 
    1018 .mejs-controls {
    1019 
    1020 }
    1021 
    1022 .mejs-controls > div {
    1023 
    1024 }
    1025 
    1026 .mejs-time {
    1027 
    1028 }
    1029 
    1030 .mejs-button button:hover {
    1031 
    1032 }
    1033 
    1034 .mejs-button.mejs-volume-button, .mejs-button.mejs-fullscreen-button {
     998/*.mejs-container{
     999 min-width: 300px;
     1000}
     1001.mejs-time-total{
     1002
     1003}
     1004
     1005.mejs-time-current{
     1006}
     1007.mejs-time-loaded{
     1008
     1009}
     1010
     1011.mejs-button.mejs-playpause-button{
     1012
     1013}
     1014.mejs-button button{
     1015
     1016}
     1017
     1018.mejs-controls{
     1019
     1020}
     1021
     1022.mejs-controls> div{
     1023
     1024}
     1025
     1026.mejs-time{
     1027
     1028}
     1029
     1030.mejs-button button:hover{
     1031
     1032}
     1033
     1034.mejs-button.mejs-volume-button, .mejs-button.mejs-fullscreen-button{
    10351035
    10361036}*/
    1037 .wpt_product_table .variation-wrapper {
    1038     display: flex;
    1039     justify-content: space-between;
    1040 }
    1041 .variation-wrapper.reset {
    1042     justify-content: flex-end;
    1043 }
    1044 .wpt_product_table .variation-wrapper label {
    1045     min-width: 60px;
    1046     display: inline-block;
    1047     font-weight: 600;
    1048 }
    1049 .wpt_product_table .variation-wrapper a.reset_variations {
    1050     display: inline-block;
    1051     margin-left: 16px;
    1052 }
    1053 
    1054 .col_inside_tag.audio {
    1055     /* width: 60px; */
    1056     height: 65px;
     1037.wpt_product_table .variation-wrapper{
     1038 display: flex;
     1039 justify-content: space-between;
     1040}
     1041.variation-wrapper.reset{
     1042 justify-content: flex-end;
     1043}
     1044.wpt_product_table .variation-wrapper label{
     1045 min-width: 60px;
     1046 display: inline-block;
     1047 font-weight: 600;
     1048}
     1049.wpt_product_table .variation-wrapper a.reset_variations{
     1050 display: inline-block;
     1051 margin-left: 16px;
     1052}
     1053
     1054.col_inside_tag.audio{
     1055 /* width: 60px; */
     1056 height: 65px;
    10571057}
    10581058.mediPlayer{cursor: pointer;}
    1059 .col_inside_tag.audio * {
    1060     max-width: 65px;
    1061 }
    1062 .individually-sold a.button.add_to_cart_button.added {
    1063     display: none;
    1064 }
    1065 
    1066 .wpt_table_body .select2-container--open .select2-dropdown {
    1067     top: 32px;
    1068 }
    1069 .wpt_table_body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    1070     margin-bottom: 0;
     1059.col_inside_tag.audio *{
     1060 max-width: 65px;
     1061}
     1062.individually-sold a.button.add_to_cart_button.added{
     1063 display: none;
     1064}
     1065
     1066.wpt_table_body .select2-container--open .select2-dropdown{
     1067 top: 32px;
     1068}
     1069.wpt_table_body .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
     1070 margin-bottom: 0;
    10711071}
    10721072.select2-container .select2-selection--multiple .select2-selection__rendered{
    1073     padding: 0 !important;
    1074 }
    1075 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    1076     margin-right: 0 !important;
    1077     padding-left: 0 !important;
    1078 }
    1079 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
    1080     padding: 0 5px !important;
    1081 }
    1082 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    1083     margin-left: 5px !important;
     1073 padding: 0 !important;
     1074}
     1075.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline{
     1076 margin-right: 0 !important;
     1077 padding-left: 0 !important;
     1078}
     1079.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field{
     1080 padding: 0 5px !important;
     1081}
     1082.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{
     1083 margin-left: 5px !important;
    10841084}
    10851085
    10861086/* Elementor Cart */
    1087 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product {
    1088     display: inline-block;
    1089     margin-right: 20px;
    1090     border: none;
    1091 }
    1092 
    1093 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product > * {
    1094     float: left;
    1095     padding-left: 10px;
    1096 }
    1097 
    1098 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-image {
    1099     display: none;
    1100 }
    1101 
    1102 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove {
    1103     position: absolute;
    1104 }
    1105 
    1106 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-name {
    1107     margin-left: 30px;
    1108     padding-left: 0;
    1109 }
    1110 
    1111 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove:before, .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove:after {
    1112     background: #c54c4c;
    1113 }
    1114 
    1115 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-price {
    1116     color: #828282;
    1117 }
    1118 
    1119 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__subtotal {
    1120     text-align: left;
    1121 }
    1122 
    1123 .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__footer-buttons {
    1124     display: flex;
    1125     justify-content: end;
    1126 }
    1127 
    1128 span.wpt_empty_cart_btn {
    1129     opacity: 0.6;
    1130 }
    1131 span.wpt_empty_cart_btn:hover {
    1132     opacity: 1;
     1087.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product{
     1088 display: inline-block;
     1089 margin-right: 20px;
     1090 border: none;
     1091}
     1092
     1093.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product> *{
     1094 float: left;
     1095 padding-left: 10px;
     1096}
     1097
     1098.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-image{
     1099 display: none;
     1100}
     1101
     1102.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove{
     1103 position: absolute;
     1104}
     1105
     1106.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-name{
     1107 margin-left: 30px;
     1108 padding-left: 0;
     1109}
     1110
     1111.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove:before, .wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-remove:after{
     1112 background: #c54c4c;
     1113}
     1114
     1115.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__product .elementor-menu-cart__product-price{
     1116 color: #828282;
     1117}
     1118
     1119.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__subtotal{
     1120 text-align: left;
     1121}
     1122
     1123.wpt-wrap div.tables_cart_message_box .widget_shopping_cart_content .elementor-menu-cart__footer-buttons{
     1124 display: flex;
     1125 justify-content: end;
     1126}
     1127
     1128span.wpt_empty_cart_btn{
     1129 opacity: 0.6;
     1130}
     1131span.wpt_empty_cart_btn:hover{
     1132 opacity: 1;
    11331133}
    11341134
    … …  
    11411141.button.loading::after,
    11421142.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading::after,
    1143 .added_to_cart.loading::after {
    1144     -webkit-font-smoothing: antialiased;
    1145     font-style: normal;
    1146 
    1147     font-weight: 900;
    1148     vertical-align: baseline;
    1149 
    1150     height: 20px;
    1151     width: 20px;
    1152     line-height: 20px;
    1153     font-size: 20px;
    1154     position: absolute;
    1155     top: 50%;
    1156     left: 50%;
    1157     margin-left: -10px;
    1158     margin-top: -10px;
    1159     display: block;
    1160     font-variant: normal;
    1161     animation: 0.75s linear 0s infinite normal none running fa-spin;
    1162 }
    1163 
    1164 .wpt-post-not-publish {
    1165     color: #ad5b5b;
    1166     font-size: 18px;
    1167     background: #dcdcdc70;
    1168     padding: 25px 10px 1px 10px;
    1169     border-top: 3px solid #d00;
     1143.added_to_cart.loading::after{
     1144 -webkit-font-smoothing: antialiased;
     1145 font-style: normal;
     1146
     1147 font-weight: 900;
     1148 vertical-align: baseline;
     1149
     1150 height: 20px;
     1151 width: 20px;
     1152 line-height: 20px;
     1153 font-size: 20px;
     1154 position: absolute;
     1155 top: 50%;
     1156 left: 50%;
     1157 margin-left: -10px;
     1158 margin-top: -10px;
     1159 display: block;
     1160 font-variant: normal;
     1161 animation: 0.75s linear 0s infinite normal none running fa-spin;
     1162}
     1163
     1164.wpt-post-not-publish{
     1165 color: #ad5b5b;
     1166 font-size: 18px;
     1167 background: #dcdcdc70;
     1168 padding: 25px 10px 1px 10px;
     1169 border-top: 3px solid #d00;
    11701170}
    11711171
    … …  
    11781178.button.loading,
    11791179.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
    1180 .added_to_cart.loading {position: relative;}
    1181 
    1182 .wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action {
    1183     display: flex;
    1184     flex-direction: column;
    1185     justify-content: flex-start;
    1186     align-items: flex-end;
    1187     align-content: space-around;
    1188 }
    1189 .wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action a {
    1190     margin-bottom: 5px;
     1180.added_to_cart.loading{position: relative;}
     1181
     1182.wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action{
     1183 display: flex;
     1184 flex-direction: column;
     1185 justify-content: flex-start;
     1186 align-items: flex-end;
     1187 align-content: space-around;
     1188}
     1189.wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action a{
     1190 margin-bottom: 5px;
    11911191}
    11921192.wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action a:last-child{margin-bottom: inherit;}
    11931193
    11941194/* for cascade filtering */
    1195 select.search_select.cascade-filtering {
    1196     background: url(../images/loading.gif) #7b7b7b59 no-repeat center center !important;
    1197     opacity: 0.4;
    1198     cursor: not-allowed;
    1199     background-size: 30px !important;
     1195select.search_select.cascade-filtering{
     1196 background: url(../images/loading.gif) #7b7b7b59 no-repeat center center !important;
     1197 opacity: 0.4;
     1198 cursor: not-allowed;
     1199 background-size: 30px !important;
    12001200}
    12011201
    … …  
    12041204/* CODE FROM INTERNEL CSS */
    12051205
    1206 .wpt-th-tag.wpt_price {
    1207     text-align: left;
    1208 }  
    1209 
    1210 
    1211 .dataTables_wrapper .dataTables_filter input {
    1212     border: 1px solid #aaa;
    1213     border-radius: 3px;
    1214     padding: 5px;
    1215     background-color: transparent;
    1216     margin-left: 0px !important;
    1217     margin-bottom: 10px;
    1218 }
    1219 span.preview_info {
    1220     position: relative;
    1221     display: inline-block;
    1222     padding: 10px;
    1223     color: #fff;
    1224     background: #0a7f9c;
    1225     padding-left: 30px;
     1206.wpt-th-tag.wpt_price{
     1207 text-align: left;
     1208}
     1209
     1210
     1211.dataTables_wrapper .dataTables_filter input{
     1212 border: 1px solid #aaa;
     1213 border-radius: 3px;
     1214 padding: 5px;
     1215 background-color: transparent;
     1216 margin-left: 0px !important;
     1217 margin-bottom: 10px;
     1218}
     1219span.preview_info{
     1220 position: relative;
     1221 display: inline-block;
     1222 padding: 10px;
     1223 color: #fff;
     1224 background: #0a7f9c;
     1225 padding-left: 30px;
    12261226}
    12271227span.preview_info:before{
    1228     font-family:dashicons;
    1229     content: "\f14c";
    1230     position:absolute;
    1231     left: 7px;
    1232 }
    1233 .wpt_edit_table > a {
     1228 font-family:dashicons;
     1229 content: "\f14c";
     1230 position:absolute;
     1231 left: 7px;
     1232}
     1233.wpt_edit_table> a{
    12341234position: relative;
    12351235padding-left: 30px;
    12361236}
    1237 .wpt_edit_table > a::before {
    1238     font-family:dashicons;
    1239     content: "\f464";
    1240     position:absolute;
    1241     left: 7px;
     1237.wpt_edit_table> a::before{
     1238 font-family:dashicons;
     1239 content: "\f464";
     1240 position:absolute;
     1241 left: 7px;
    12421242}
    12431243
    … …  
    12461246/******Copy from template.css start here*********/
    12471247
    1248 @media only screen and (min-width: 992px) {
    1249     /* div.wpt_for_product_desc,div.wpt_for_product_action,
    1250     div.wpt_for_thumbs_desc.wpt_thumbnails,
    1251     div.wpt_custom_cf_tax{display: none !important;} */
     1248@media only screen and (min-width: 992px){
     1249 /* div.wpt_for_product_desc,div.wpt_for_product_action,
     1250 div.wpt_for_thumbs_desc.wpt_thumbnails,
     1251 div.wpt_custom_cf_tax{display: none !important;} */
    12521252}
    12531253
    12541254/* for shop Icon*/
    12551255/*For Shop Icon*/
    1256 .wpt-table-tag.add_cart_only_icon tr .wpt_action a.button:before {
    1257     content: "\e01d";   
    1258     z-index: 99999;
    1259     margin: 11px;
    1260     font-family: WooCommerce;
    1261     font-size: initial;
    1262     padding: 0 9px;
    1263 }
    1264 .wpt-table-tag.add_cart_only_icon tr .wpt_action a.button{
    1265     font-size: 0 !important;
    1266 }
    1267 .wpt-table-tag.add_cart_only_icon tr .wpt_action a.button.added:before{
    1268     font-style: italic;
    1269     font-stretch: semi-expanded;
    1270 }
    1271 .wpt-table-tag.add_cart_left_icon tr .wpt_action a.button:before {
    1272     content: "\e01d";   
    1273     z-index: 99999;
    1274     font-family: WooCommerce;
    1275     font-size: initial;
    1276     padding: 0;
    1277     position: static;
    1278     font-size: 76%;
    1279     margin-right: 5px;
    1280 }
    1281 .wpt-table-tag.add_cart_right_icon .wpt-tr-tag .wpt_action a.button:after {
    1282     content: "\e01d";   
    1283     z-index: 99999;
    1284     font-family: WooCommerce;
    1285     font-size: initial;
    1286     padding: 0;
    1287     position: static;
    1288     font-size: 76%;
    1289     margin-left: 5px;
    1290 }
    1291 
    1292 .woocommerce-notices-wrapper {
    1293     position: relative;
    1294 }
    1295 
    1296 /*  responsive */
    1297 @media only screen and (max-width: 767px) {
    1298     .wpt_product_title {
    1299         padding-bottom: 1px;
    1300     }
    1301     .wpt_action {
    1302         padding-top: 1px;
    1303     }
    1304     .mobile_responsive .wpt_row .wpt-td-tag img{
    1305         margin: 0;
    1306     }
    1307     .wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action {
    1308         align-items: flex-start;
    1309     }
    1310     #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag {
    1311         padding: 0;
    1312     }
    1313     #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag>.wpt-td-tag{
    1314         padding: 10px;
    1315     }
     1256.wpt-table-tag.add_cart_only_icon .wpt-tr-tag .wpt_action a.button:before{
     1257 content: "\e01d";
     1258 z-index: 99999;
     1259 margin: 11px;
     1260 font-family: WooCommerce;
     1261 font-size: initial;
     1262 padding: 0 9px;
     1263}
     1264.wpt-table-tag.add_cart_only_icon .wpt-tr-tag .wpt_action a.button{
     1265 font-size: 0 !important;
     1266}
     1267.wpt-table-tag.add_cart_only_icon .wpt-tr-tag .wpt_action a.button.added:before{
     1268 font-style: italic;
     1269 font-stretch: semi-expanded;
     1270}
     1271.wpt-table-tag.add_cart_left_icon .wpt-tr-tag .wpt_action a.button:before{
     1272 content: "\e01d";
     1273 z-index: 99999;
     1274 font-family: WooCommerce;
     1275 font-size: initial;
     1276 padding: 0;
     1277 position: static;
     1278 font-size: 76%;
     1279 margin-right: 5px;
     1280}
     1281.wpt-table-tag.add_cart_right_icon .wpt-tr-tag .wpt_action a.button:after{
     1282 content: "\e01d";
     1283 z-index: 99999;
     1284 font-family: WooCommerce;
     1285 font-size: initial;
     1286 padding: 0;
     1287 position: static;
     1288 font-size: 76%;
     1289 margin-left: 5px;
     1290}
     1291
     1292.woocommerce-notices-wrapper{
     1293 position: relative;
     1294}
     1295
     1296/* responsive */
     1297@media only screen and (max-width: 767px){
     1298 .wpt_product_title{
     1299 padding-bottom: 1px;
     1300 }
     1301 .wpt_action{
     1302 padding-top: 1px;
     1303 }
     1304 .mobile_responsive .wpt_row .wpt-td-tag img{
     1305 margin: 0;
     1306 }
     1307 .wpt-tr-tag.visible_row.wpt_row .col_inside_tag.action{
     1308 align-items: flex-start;
     1309 }
     1310 #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag{
     1311 padding: 0;
     1312 }
     1313 #wpt_table.wpt-table-tag.mobile_responsive.wpt_product_table .wpt-tr-tag>.wpt-td-tag{
     1314 padding: 10px;
     1315 }
    13161316}
    13171317/******Copy from template.css end here*********/
    … …  
    13231323
    13241324
    1325  /* For New CSS code  */
     1325 /* For New CSS code */
    13261326 div.wpt-wrap.wpt-ajax-loading:after,
    1327  div.wpt-ajax-loading:after {
    1328     content: "";
    1329     position: absolute;
    1330     height: 100%;
    1331     width: 100%;
    1332     background: #00000012;
    1333     top: 0;
    1334     left: 0;
    1335     z-index: 999;
    1336     border-radius: 2px;
     1327 div.wpt-ajax-loading:after{
     1328 content: "";
     1329 position: absolute;
     1330 height: 100%;
     1331 width: 100%;
     1332 background: #00000012;
     1333 top: 0;
     1334 left: 0;
     1335 z-index: 999;
     1336 border-radius: 2px;
    13371337}
    13381338
    13391339div.wpt-wrap.wpt-ajax-loading,
    1340 div.wpt-ajax-loading {
    1341     position: relative;
    1342     /* opacity: 0.9; */
     1340div.wpt-ajax-loading{
     1341 position: relative;
     1342 /* opacity: 0.9; */
    13431343}
    13441344div.tables_cart_message_box.wpt-ajax-loading{
    1345     padding: 0;
     1345 padding: 0;
    13461346}
    13471347div.wpt-wrap.woocommerce.wpt-ajax-loading:before{display: none;}
    13481348
    1349 .wpt-stats-report {
    1350     display: flex;
    1351     flex-flow: row wrap;
    1352     justify-content: space-between;
    1353     gap: 10px;
    1354 }
    1355 .wpt-stats-report>p {
    1356     padding: 0 !important;
    1357     margin: 0 !important;
    1358 }
    1359 
    1360 span.wpt-cart-remove {
    1361     background: #00000000 no-repeat;
    1362     padding: 0 10px 10px 10px;
    1363     font-size: 11px;
    1364     line-height: 11px;
    1365     width: 19px;
    1366     height: 19px;
    1367     margin: 0;
    1368     cursor: pointer;
    1369     background-size: 19px 19px;
    1370     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAAAXNSR0IArs4c6QAABk9JREFUaEPtmXtsU3UUx7/n1z3sYCJvt96Ol4RoTBSm8b21ICLKRIERxBDagQNJwCgxQRLN/jAxGKMYkchg68UIBAjKS9SA9BbQ+QDRhIQYlLC1G48JhOfco79j7m07urKuvbRTQnb/2nZ/9/zO53zP+f3O7zfCLfDQLcCAHoibRcUeJXqUSGMEetIpXjAZFaL2iYbBmRS8ky3IJxlsIc4IoI+ozd9ReTWNIhim0qaE/5FSK7JynwZ4EohLCDSwU2eZGyRhO4i2nrmYufeBQ5WtqUKlDMGOiox61M0F5NsA5Zl06BiApTbNs4UANvlt+/CUIOrHusfIIK8nolEdHaDzEnxAMPlJ8GnJJIg5j4gKJMsiIsqJcfhHC/jFPE09cSMgNwwRcJZNZyk9EYcYYAI2EWjNyUsZvnhp0lBSnsOXW8fLIC0kweMiTjO40cKYmu9T95sFuSGIeqdrgWRaQeGaYqCGQYsKtOqDZhyoc7onkOSP2pVktECIKYq36iszdkxD1Be7xkviXQSRoU/E4KoLA68suHfz5hYzE0fGNj5WltuUyesEUBK2d4lhebRAqzqSrD1TELXjyoZbgjgIcN/w2vau4vUs1X9ucJQPyNMqzyZboEdKS7Os5/taR+ypvMClpZb6xtzPAZ5h2GX8Zc1pGdP/63UXkwExBRFwlG0CuDQ80Rc2n2ea7nTDk7MKZKvFC9Aem88zPxHIwcLyzMG5bbqtIcgWT9q/rTqnL9GU3dsH4MGw4+8omuettEL4ne6HwKgx6oC5IYtyRg3SVl5uByAaHoar7AokAkDg50NBx2GyBMcr33129qTDNTQIOgrgNmZcCcrMkUP3V55MBJK0En7H7B0EMcmYmLnc7lNX6z8Hiss+AfGC6ImI6ON8b/WrsYroKdSnMXdjBODaQs+LFa/6gf673+l6j5jeCKWr/FDxrn09LRBnJ750e9PVzDMgymbmWoWG3kVaRZtuPDay7RMyOigSdxywyqZ5XokA1z4+s68lI7shpAbXKj51WKL0TEqJeodrBoM2xItOIpBDheUZeg1cp0AMQCQAgSLXTgh6NiSGGGPbV3W4KzWSgggUu1eBUB5eAp12TdVijRqpcrr3JhKYHP2OgRUAKbEA8VLOSKli18tEVBmeb4ldU5elDhEVGViCA/Qi7MxoFykTO7xDCsW+DDjL7gPzb/rfJbC2QPO4UobwO9y/EjAazM02n2rtKkeTAOkSQHc2XBfnjHQCfWPTqiemAcJ1nEDD9KVV8am2RKvFqadm9WptzjhOhEEdxjL/bvOpoxMV6rGJC7OtTZf/MSCY99l8anHKEAGHuwbAw2lRImbV6sy5blEiUOzeBsJzxoTpqIkEINE1AbCqaKo7HUp8CmCeYYhprOKr9nbr6uR0lxNjVXpXJ2fZdDBvDDnOyxVNfS0aItFGpu8TebmtGxl4oWONdNwQI+8CDvcuAOFi5tGKphorVbwnqX1Cb5ebM2RjaMdGnUJDRiTcsWM2Mh00GRD/hDn9qFnWp33H1iNQ53Bvb+/5CfPsXo+xGaW7dwo43O8DWGxEPZ29k26vwTm7MMjil9Bpjk9mt4pRA7+vvnRdFxunlYikQmddbKQdP1U0d1gbtR0N92hXOUuMLNhdrfdRXT5JpdO1XC3bEDm4MGirohVMJVTIKJDd0c1cvJn/t/OE7pDR7zMOgaifoTZomU2rXmIoleLJzn+m93pBmB4Cl39arW2F3XKyM2pj7JwiEZS7QcgyQBjrZcvlufaazU2JZO/s/X9+xo5Kq/kMXhm57QDzzyxokd3r+ckMiN/peoaYlgMYaXzH3MwCU+xeVV9ik35M1US01YDDPY0ZKhF6GfMb905yixCW1ef6X9Li3X7o907Bi20TiHghAGfEJgGnIDDVttfzQ9LehwfeMIT+fcDhup8Z64jong4TM19gJg0CxwD+GxBEkINJ0t0sUATA2tFReYCkmGnb5/GbBQjVZoqPfhcb4BNuAipAlG/GHDP/AYg37b7qL818Fzs2ZYiIQf3KxZLda4IEJjNTCRH6x3FMv2/dRqCd+SjQIjv/TQER7YT+/4nTRYEhbSSHMnCHECyDJM4LSccVbU0gFYc7+zZtSqTbMTP2eiDMRKs7x/Yo0Z3RNWO7Rwkz0erOsbeEEv8Cb/clXzpENTAAAAAASUVORK5CYII=);
    1371     opacity: .5;
     1349.wpt-stats-report{
     1350 display: flex;
     1351 flex-flow: row wrap;
     1352 justify-content: space-between;
     1353 gap: 10px;
     1354}
     1355.wpt-stats-report>p{
     1356 padding: 0 !important;
     1357 margin: 0 !important;
     1358}
     1359
     1360span.wpt-cart-remove{
     1361 background: #00000000 no-repeat;
     1362 padding: 0 10px 10px 10px;
     1363 font-size: 11px;
     1364 line-height: 11px;
     1365 width: 19px;
     1366 height: 19px;
     1367 margin: 0;
     1368 cursor: pointer;
     1369 background-size: 19px 19px;
     1370 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAAAXNSR0IArs4c6QAABk9JREFUaEPtmXtsU3UUx7/n1z3sYCJvt96Ol4RoTBSm8b21ICLKRIERxBDagQNJwCgxQRLN/jAxGKMYkchg68UIBAjKS9SA9BbQ+QDRhIQYlLC1G48JhOfco79j7m07urKuvbRTQnb/2nZ/9/zO53zP+f3O7zfCLfDQLcCAHoibRcUeJXqUSGMEetIpXjAZFaL2iYbBmRS8ky3IJxlsIc4IoI+ozd9ReTWNIhim0qaE/5FSK7JynwZ4EohLCDSwU2eZGyRhO4i2nrmYufeBQ5WtqUKlDMGOiox61M0F5NsA5Zl06BiApTbNs4UANvlt+/CUIOrHusfIIK8nolEdHaDzEnxAMPlJ8GnJJIg5j4gKJMsiIsqJcfhHC/jFPE09cSMgNwwRcJZNZyk9EYcYYAI2EWjNyUsZvnhp0lBSnsOXW8fLIC0kweMiTjO40cKYmu9T95sFuSGIeqdrgWRaQeGaYqCGQYsKtOqDZhyoc7onkOSP2pVktECIKYq36iszdkxD1Be7xkviXQSRoU/E4KoLA68suHfz5hYzE0fGNj5WltuUyesEUBK2d4lhebRAqzqSrD1TELXjyoZbgjgIcN/w2vau4vUs1X9ucJQPyNMqzyZboEdKS7Os5/taR+ypvMClpZb6xtzPAZ5h2GX8Zc1pGdP/63UXkwExBRFwlG0CuDQ80Rc2n2ea7nTDk7MKZKvFC9Aem88zPxHIwcLyzMG5bbqtIcgWT9q/rTqnL9GU3dsH4MGw4+8omuettEL4ne6HwKgx6oC5IYtyRg3SVl5uByAaHoar7AokAkDg50NBx2GyBMcr33129qTDNTQIOgrgNmZcCcrMkUP3V55MBJK0En7H7B0EMcmYmLnc7lNX6z8Hiss+AfGC6ImI6ON8b/WrsYroKdSnMXdjBODaQs+LFa/6gf673+l6j5jeCKWr/FDxrn09LRBnJ750e9PVzDMgymbmWoWG3kVaRZtuPDay7RMyOigSdxywyqZ5XokA1z4+s68lI7shpAbXKj51WKL0TEqJeodrBoM2xItOIpBDheUZeg1cp0AMQCQAgSLXTgh6NiSGGGPbV3W4KzWSgggUu1eBUB5eAp12TdVijRqpcrr3JhKYHP2OgRUAKbEA8VLOSKli18tEVBmeb4ldU5elDhEVGViCA/Qi7MxoFykTO7xDCsW+DDjL7gPzb/rfJbC2QPO4UobwO9y/EjAazM02n2rtKkeTAOkSQHc2XBfnjHQCfWPTqiemAcJ1nEDD9KVV8am2RKvFqadm9WptzjhOhEEdxjL/bvOpoxMV6rGJC7OtTZf/MSCY99l8anHKEAGHuwbAw2lRImbV6sy5blEiUOzeBsJzxoTpqIkEINE1AbCqaKo7HUp8CmCeYYhprOKr9nbr6uR0lxNjVXpXJ2fZdDBvDDnOyxVNfS0aItFGpu8TebmtGxl4oWONdNwQI+8CDvcuAOFi5tGKphorVbwnqX1Cb5ebM2RjaMdGnUJDRiTcsWM2Mh00GRD/hDn9qFnWp33H1iNQ53Bvb+/5CfPsXo+xGaW7dwo43O8DWGxEPZ29k26vwTm7MMjil9Bpjk9mt4pRA7+vvnRdFxunlYikQmddbKQdP1U0d1gbtR0N92hXOUuMLNhdrfdRXT5JpdO1XC3bEDm4MGirohVMJVTIKJDd0c1cvJn/t/OE7pDR7zMOgaifoTZomU2rXmIoleLJzn+m93pBmB4Cl39arW2F3XKyM2pj7JwiEZS7QcgyQBjrZcvlufaazU2JZO/s/X9+xo5Kq/kMXhm57QDzzyxokd3r+ckMiN/peoaYlgMYaXzH3MwCU+xeVV9ik35M1US01YDDPY0ZKhF6GfMb905yixCW1ef6X9Li3X7o907Bi20TiHghAGfEJgGnIDDVttfzQ9LehwfeMIT+fcDhup8Z64jong4TM19gJg0CxwD+GxBEkINJ0t0sUATA2tFReYCkmGnb5/GbBQjVZoqPfhcb4BNuAipAlG/GHDP/AYg37b7qL818Fzs2ZYiIQf3KxZLda4IEJjNTCRH6x3FMv2/dRqCd+SjQIjv/TQER7YT+/4nTRYEhbSSHMnCHECyDJM4LSccVbU0gFYc7+zZtSqTbMTP2eiDMRKs7x/Yo0Z3RNWO7Rwkz0erOsbeEEv8Cb/clXzpENTAAAAAASUVORK5CYII=);
     1371 opacity: .5;
    13721372}
    13731373.wpt_action:hover span.wpt-cart-remove{
    1374     opacity: 1;
     1374 opacity: 1;
    13751375}
    13761376
    … …  
    13781378.wpt_spin{
    13791379
    1380     animation-name: wpt_spin;
    1381     animation-duration: 500ms;
    1382     animation-iteration-count: infinite;
    1383     animation-timing-function: linear;
     1380 animation-name: wpt_spin;
     1381 animation-duration: 500ms;
     1382 animation-iteration-count: infinite;
     1383 animation-timing-function: linear;
    13841384}
    13851385@keyframes wpt_spin{
    1386     from {
    1387         transform:rotate(0deg);
    1388         opacity: .5;
    1389     }
    1390     to {
    1391         opacity: 1;
    1392         transform:rotate(360deg);
    1393     }
     1386 from{
     1387 transform:rotate(0deg);
     1388 opacity: .5;
     1389 }
     1390 to{
     1391 opacity: 1;
     1392 transform:rotate(360deg);
     1393 }
    13941394}
    13951395body:not('.wpt_table_body') .wpt-new-footer-cart{
    1396     display: none;
    1397 }
    1398 
    1399 .wpt-td-tag.wpt-replace-td-in-tr:before{
    1400     display: none;
    1401 }
    1402 .wpt-new-footer-cart.footer-cart-empty {
    1403     display: none;
    1404 }
    1405 tr.stock_status_outofstock.backorders_no .wpt_action .button {
    1406     opacity: 0.7 !important;
    1407 }
    1408 .tag_or_div {
    1409     background: transparent;
     1396 display: none;
     1397}
     1398
     1399.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag:before{
     1400 display: none;
     1401}
     1402.wpt-new-footer-cart.footer-cart-empty{
     1403 display: none;
     1404}
     1405.wpt-tr-tag.stock_status_outofstock.backorders_no .wpt_action .button{
     1406 opacity: 0.7 !important;
     1407}
     1408.tag_or_div{
     1409 background: transparent;
    14101410}
    14111411
    14121412
    14131413/*Global Added to cart*/
    1414 .wpt-global-added-to-cart {
    1415     /* background: #5bb318; */
    1416     color: white;
    1417     position: fixed;
    1418     top: unset;
    1419     right: unset;
    1420     bottom: 115px;
    1421     left: calc(50% - 162px);
    1422     width: 324px;
    1423     height: auto;
    1424     border-radius: 2px;
    1425     box-shadow: 0 10px 30px 0 #0000004d;
    1426     align-items: center;
    1427     z-index: 999;
    1428     font-size: 22px;
    1429     font-weight: normal;
    1430     line-height: 20px;
    1431     padding: 10px 6px;
    1432     text-transform: uppercase;
    1433     cursor: cell;
    1434     gap: 10px;
    1435     display: block;
    1436     text-align: center;
    1437     white-space: nowrap;
    1438     outline: 0 none;
    1439     border: 0 none;
    1440     text-decoration: none !important;
    1441     /* background: linear-gradient(90deg, rgb(238, 119, 82) 30%, rgb(231, 60, 126) 30%, rgb(35, 166, 213) 70%, rgb(35, 213, 171) 70%) 0% 0% / 400% 400%; */ /*color ta sundor*/
    1442     /* background: linear-gradient(90deg, #ee7752 30%, #e73c7e 30%, #23a6d5 70%, #23d5ab 70%); */
    1443     background: linear-gradient(90deg, var(--wpt_primary),var(--wpt_thead_bg), var(--wpt_product_title), var(--wpt_btn_bg), var(--wpt_thead_bg));
    1444     background-size: 400% 400%;
    1445     animation: gradient 5s ease infinite;
    1446 }
    1447 @keyframes gradient {
    1448     0% {
    1449         background-position: 0% 0%;
    1450     }
    1451     50% {
    1452         background-position: 100% 100%;
    1453     }
    1454     100% {
    1455         background-position: 0% 10%;
    1456     }
     1414.wpt-global-added-to-cart{
     1415 /* background: #5bb318; */
     1416 color: white;
     1417 position: fixed;
     1418 top: unset;
     1419 right: unset;
     1420 bottom: 115px;
     1421 left: calc(50% - 162px);
     1422 width: 324px;
     1423 height: auto;
     1424 border-radius: 2px;
     1425 box-shadow: 0 10px 30px 0 #0000004d;
     1426 align-items: center;
     1427 z-index: 999;
     1428 font-size: 22px;
     1429 font-weight: normal;
     1430 line-height: 20px;
     1431 padding: 10px 6px;
     1432 text-transform: uppercase;
     1433 cursor: cell;
     1434 gap: 10px;
     1435 display: block;
     1436 text-align: center;
     1437 white-space: nowrap;
     1438 outline: 0 none;
     1439 border: 0 none;
     1440 text-decoration: none !important;
     1441 /* background: linear-gradient(90deg, rgb(238, 119, 82) 30%, rgb(231, 60, 126) 30%, rgb(35, 166, 213) 70%, rgb(35, 213, 171) 70%) 0% 0% / 400% 400%; */ /*color ta sundor*/
     1442 /* background: linear-gradient(90deg, #ee7752 30%, #e73c7e 30%, #23a6d5 70%, #23d5ab 70%); */
     1443 background: linear-gradient(90deg, var(--wpt_primary),var(--wpt_thead_bg), var(--wpt_product_title), var(--wpt_btn_bg), var(--wpt_thead_bg));
     1444 background-size: 400% 400%;
     1445 animation: gradient 5s ease infinite;
     1446}
     1447@keyframes gradient{
     1448 0%{
     1449 background-position: 0% 0%;
     1450 }
     1451 50%{
     1452 background-position: 100% 100%;
     1453 }
     1454 100%{
     1455 background-position: 0% 10%;
     1456 }
    14571457}
    14581458.wpt-global-added-to-cart>i{margin-right: 8px;}
    14591459.wpt-global-added-to-cart.wpt-added-to-cart-empty{
    1460     display: none;
    1461 }
    1462 body.single.single-wpt_product_table div.wpt-wrap {
    1463     margin-bottom: 150px;
     1460 display: none;
     1461}
     1462body.single.single-wpt_product_table div.wpt-wrap{
     1463 margin-bottom: 150px;
    14641464}
    14651465
    14661466/*All Basics of Table and Other Elemements from base Template*/
    1467 .wpt_table_tag_wrapper, .wpt_table_tag_wrapper table,
    1468 .wpt-wrap .wpt_table_tag_wrapper table, .wpt-wrap .wpt_table_tag_wrapper table.wpt-tbl {
    1469   width: 100%;
    1470   padding: 0;
    1471   margin: 0;
    1472 }
    1473 div.wpt-wrap {
    1474   display: flex;
    1475   gap: 10px;
    1476   flex-direction: column;
    1477   flex: 1 100%;
    1478   clear: both;
    1479   width: 100%;
    1480 }
    1481 .wpt-wrap .wpt_table_tag_wrapper {
    1482   box-shadow: 0 10px 15px 0 #00000010;
    1483   margin-bottom: 15px; /*25px*/
    1484   background: white;
    1485 }
    1486 .wpt-wrap .wpt_table_tag_wrapper table,
     1467.wpt_table_tag_wrapper, .wpt_table_tag_wrapper .wpt-table-tag,
     1468.wpt-wrap .wpt_table_tag_wrapper .wpt-table-tag, .wpt-wrap .wpt_table_tag_wrapper table.wpt-tbl{
     1469 width: 100%;
     1470 padding: 0;
     1471 margin: 0;
     1472}
     1473div.wpt-wrap{
     1474 display: flex;
     1475 gap: 10px;
     1476 flex-direction: column;
     1477 flex: 1 100%;
     1478 clear: both;
     1479 width: 100%;
     1480}
     1481.wpt-wrap .wpt_table_tag_wrapper{
     1482 box-shadow: 0 10px 15px 0 #00000010;
     1483 margin-bottom: 15px; /*25px*/
     1484 background: white;
     1485}
     1486.wpt-wrap .wpt_table_tag_wrapper .wpt-table-tag,
    14871487.wpt-wrap .wpt_table_tag_wrapper table.wpt-tbl{
    1488   margin: 0;
    1489 }
    1490 
    1491   
     1488 margin: 0;
     1489}
     1490
     1491 
    14921492/*Search Box*/
    14931493/* label.search_keyword_label.single_keyword, */
    … …  
    14961496.wpt_search_box .search_box_wrapper .search_single>label,
    14971497.wpt_filter_wrapper .search_single_column>label{
    1498   margin-bottom: 8px;
    1499   color: black;
    1500 }
    1501 .wpt-wrap .search_single .query_box_direct_value, .wpt-wrap .instance_search_input {
    1502   width: 100%;
    1503   border-radius: 1px;
    1504   padding: 8px;
    1505   height: 38px;
    1506   font-size: 14px;
    1507   font-weight: normal;
    1508   line-height: 14px;
    1509   margin-top: 8px;
     1498 margin-bottom: 8px;
     1499 color: black;
     1500}
     1501.wpt-wrap .search_single .query_box_direct_value, .wpt-wrap .instance_search_input{
     1502 width: 100%;
     1503 border-radius: 1px;
     1504 padding: 8px;
     1505 height: 38px;
     1506 font-size: 14px;
     1507 font-weight: normal;
     1508 line-height: 14px;
     1509 margin-top: 8px;
    15101510}
    15111511.wpt_filter_wrapper .search_single_column>*,
    1512 .wpt-wrap .search_box_wrapper .search_single>* {
    1513   display: block;
    1514   width: 100%;
    1515 }
    1516 .wpt-wrap .wpt_search_box .select2-container {
    1517   width: 100% !important;
    1518   margin-top: 8px;
    1519 }
    1520 .wpt-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    1521   top: 6px;
    1522   right: 6px;
    1523 }
    1524 
    1525 .wpt-wrap .select2-container .select2-selection--multiple {
    1526   min-height: 42px;
    1527 }
    1528 .wpt-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    1529   font-size: 15px;
    1530 }
    1531 .wpt-wrap .select2-container--default .select2-selection--single {
    1532   border-radius: 2px;
     1512.wpt-wrap .search_box_wrapper .search_single>*{
     1513 display: block;
     1514 width: 100%;
     1515}
     1516.wpt-wrap .wpt_search_box .select2-container{
     1517 width: 100% !important;
     1518 margin-top: 8px;
     1519}
     1520.wpt-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
     1521 top: 6px;
     1522 right: 6px;
     1523}
     1524
     1525.wpt-wrap .select2-container .select2-selection--multiple{
     1526 min-height: 42px;
     1527}
     1528.wpt-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
     1529 font-size: 15px;
     1530}
     1531.wpt-wrap .select2-container--default .select2-selection--single{
     1532 border-radius: 2px;
    15331533}
    15341534
    15351535/*Search bar*/
    1536 .wpt-wrap .all_check_header_footer.all_check_header>span>* {
    1537     padding: 0 !important;
    1538     margin: 0;
    1539 }
    1540 
    1541 .wpt-wrap .wpt-wrap.wpt-wrap input[type=checkbox]+label:before {
    1542     content: '';
    1543     margin-right: 3px;
    1544     display: inline-block;
    1545     vertical-align: text-top;
    1546     width: 20px;
    1547     height: 20px;
    1548     border-radius: 2px;
    1549     margin-right: 6px;
    1550 }
    1551   
     1536.wpt-wrap .all_check_header_footer.all_check_header>span>*{
     1537 padding: 0 !important;
     1538 margin: 0;
     1539}
     1540
     1541.wpt-wrap .wpt-wrap.wpt-wrap input[type=checkbox]+label:before{
     1542 content: '';
     1543 margin-right: 3px;
     1544 display: inline-block;
     1545 vertical-align: text-top;
     1546 width: 20px;
     1547 height: 20px;
     1548 border-radius: 2px;
     1549 margin-right: 6px;
     1550}
     1551 
    15521552
    15531553
    … …  
    15551555
    15561556/*load*/
    1557 .wpt-wrap .wpt_load_more {
    1558     color: #fff;
    1559     border-radius: 3px;
    1560     transition: all .5s;
    1561 }
    1562 
    1563 .search_box_wrapper span.select2-selection__clear {
    1564     padding: 0px 12px;
    1565     transition: all .2s;
    1566 }
    1567 
    1568 .search_box_wrapper span.select2-selection__clear:hover {
    1569     color: white;
     1557.wpt-wrap .wpt_load_more{
     1558 color: #fff;
     1559 border-radius: 3px;
     1560 transition: all .5s;
     1561}
     1562
     1563.search_box_wrapper span.select2-selection__clear{
     1564 padding: 0px 12px;
     1565 transition: all .2s;
     1566}
     1567
     1568.search_box_wrapper span.select2-selection__clear:hover{
     1569 color: white;
    15701570}
    15711571
    … …  
    15731573.wpt-wrap .wpt_action #custom_message,
    15741574.wpt-wrap .wpt-td-tag.wpt_message div>input.message,
    1575 .wpt-wrap .item_inside_cell.wpt_message>input.message {
    1576     padding: 7px 11px;
    1577     margin: 0;
    1578     border-radius: 2px;
    1579     font-size: 14px;
    1580     line-height: 14px;
    1581     text-transform: none;
    1582     box-shadow: unset;
     1575.wpt-wrap .item_inside_cell.wpt_message>input.message{
     1576 padding: 7px 11px;
     1577 margin: 0;
     1578 border-radius: 2px;
     1579 font-size: 14px;
     1580 line-height: 14px;
     1581 text-transform: none;
     1582 box-shadow: unset;
    15831583}
    15841584
    15851585/*NoticeBoard*/
    15861586
    1587 div.wpt_notice_board {
    1588 
    1589     width: 400px;
    1590     min-height: 1px;
    1591     z-index: 999999;
    1592     position: fixed;
    1593 
    1594     border-radius: 3px;
    1595     text-align: center;
    1596     padding: 4px;
    1597     cursor: pointer;
    1598     top: unset;
    1599     left: 10px;
    1600     bottom: 10px;
    1601     max-width: 100%;
    1602     display: block;
    1603 }
    1604 
    1605 div.wpt_notice_board>div {
    1606     margin-bottom: 10px !important;
    1607     border: 0 none;
     1587div.wpt_notice_board{
     1588
     1589 width: 400px;
     1590 min-height: 1px;
     1591 z-index: 999999;
     1592 position: fixed;
     1593
     1594 border-radius: 3px;
     1595 text-align: center;
     1596 padding: 4px;
     1597 cursor: pointer;
     1598 top: unset;
     1599 left: 10px;
     1600 bottom: 10px;
     1601 max-width: 100%;
     1602 display: block;
     1603}
     1604
     1605div.wpt_notice_board>div{
     1606 margin-bottom: 10px !important;
     1607 border: 0 none;
    16081608}
    16091609
    16101610div.wpt_notice_board>div,
    1611 div.wpt_notice_board>div.woocommerce-message {
    1612     position: relative;
    1613     text-align: left;
    1614     box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
     1611div.wpt_notice_board>div.woocommerce-message{
     1612 position: relative;
     1613 text-align: left;
     1614 box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
    16151615}
    16161616
    … …  
    16191619div.wpt_notice_board .woocommerce-message,
    16201620div.wpt_notice_board .woocommerce-noreviews,
    1621 div.wpt_notice_board p.no-comments {
    1622     padding: .5em .618em;
    1623     margin-bottom: 2px;
    1624 }
    1625 .wpt-error.wpt-error-assing_property {
    1626     color: #d00;
    1627 }
    1628 .wpt-error-wrapper {
    1629     padding: 10px;
    1630     border-top: 2px solid #a44;
    1631     padding-top: 15px;
    1632 }
    1633 div.wpt_notice_board>div:before {
    1634     content: "";
    1635     display: none;
    1636 }
    1637 
    1638 div.wpt_notice_board>div:after {
    1639     content: "x";
    1640     position: absolute;
    1641     right: 7px;
    1642     top: 7px;
    1643     width: 10px;
    1644     height: 10px;
    1645     overflow: hidden;
    1646     font-size: 17px;
    1647     text-align: center;
    1648     line-height: 8px;
    1649     padding: 7px;
     1621div.wpt_notice_board p.no-comments{
     1622 padding: .5em .618em;
     1623 margin-bottom: 2px;
     1624}
     1625.wpt-error.wpt-error-assing_property{
     1626 color: #d00;
     1627}
     1628.wpt-error-wrapper{
     1629 padding: 10px;
     1630 border-top: 2px solid #a44;
     1631 padding-top: 15px;
     1632}
     1633div.wpt_notice_board>div:before{
     1634 content: "";
     1635 display: none;
     1636}
     1637
     1638div.wpt_notice_board>div:after{
     1639 content: "x";
     1640 position: absolute;
     1641 right: 7px;
     1642 top: 7px;
     1643 width: 10px;
     1644 height: 10px;
     1645 overflow: hidden;
     1646 font-size: 17px;
     1647 text-align: center;
     1648 line-height: 8px;
     1649 padding: 7px;
    16501650}
    16511651div.wc-block-components-notice-banner:after,
    16521652div.wpt_notice_board>div.wc-block-components-notice-banner:after{
    1653     position: inherit;
    1654     right: inherit;
    1655     top: auto;
    1656     display: none;
    1657 }
    1658 .wpt_edit_table {
    1659     display: flex;
    1660     justify-content: flex-start;
    1661     flex: 1 100%;
    1662     flex-wrap: wrap;
    1663     align-items: center;
    1664 }
    1665   
    1666   
     1653 position: inherit;
     1654 right: inherit;
     1655 top: auto;
     1656 display: none;
     1657}
     1658.wpt_edit_table{
     1659 display: flex;
     1660 justify-content: flex-start;
     1661 flex: 1 100%;
     1662 flex-wrap: wrap;
     1663 align-items: center;
     1664}
     1665 
     1666 
    16671667/*Mobile Responsive Handle*/
    1668 .wpt_stock {
    1669     white-space: nowrap;
    1670 }
    1671 
    1672 tr .item_inside_cell.wpt_action {
    1673     margin-right: 8px;
    1674 }
    1675 
    1676 .wpt-td-tag.wpt-replace-td-in-tr {
    1677     display: flex;
    1678     width: 100%;
    1679     gap: 10px;
    1680     flex-flow: column wrap;
    1681     position: relative;
    1682 }
    1683 
    1684 /* td.td_or_cell .item_inside_cell {
     1668.wpt_stock{
     1669 white-space: nowrap;
     1670}
     1671
     1672.wpt-tr-tag .item_inside_cell.wpt_action{
     1673 margin-right: 8px;
     1674}
     1675
     1676.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag{
     1677 display: flex;
     1678 width: 100%;
     1679 gap: 10px;
     1680 flex-flow: column wrap;
     1681 position: relative;
     1682}
     1683
     1684/* .wpt-td-tag.td_or_cell .item_inside_cell{
    16851685flex: 0 100%;
    16861686}
    1687 td.td_or_cell .item_inside_cell.wpt_thumbnails,
    1688 td.td_or_cell .item_inside_cell.wpt_quantity,
    1689 td.td_or_cell .item_inside_cell.wpt_price,
    1690 td.td_or_cell .item_inside_cell.wpt_total,
    1691 td.td_or_cell .item_inside_cell.wpt_serial{
     1687.wpt-td-tag.td_or_cell .item_inside_cell.wpt_thumbnails,
     1688.wpt-td-tag.td_or_cell .item_inside_cell.wpt_quantity,
     1689.wpt-td-tag.td_or_cell .item_inside_cell.wpt_price,
     1690.wpt-td-tag.td_or_cell .item_inside_cell.wpt_total,
     1691.wpt-td-tag.td_or_cell .item_inside_cell.wpt_serial{
    16921692flex-grow: 1;
    16931693} */
    1694 td.td_or_cell .item_inside_cell.wpt_product_title,
    1695 td.td_or_cell .item_inside_cell.wpt_action,
    1696 td.td_or_cell .item_inside_cell.wpt_description {
    1697     flex: 1 100%;
    1698 }
    1699 
    1700 .wpt_product_title .item_inside_cell {
    1701     display: flex;
    1702     flex-direction: column;
    1703     gap: 10px;
    1704 }
    1705 .wpt-td-tag.wpt-replace-td-in-tr div.td_or_cell.wpt_check {
    1706     position: absolute !important;
    1707     top: 10px;
    1708     right: 10px;
    1709     background: transparent;
    1710     width: 22px;
    1711 }
    1712   /* .inner-available .item_inside_cell, */
    1713 .wpt-td-tag.wpt-replace-td-in-tr div.td_or_cell{
    1714     order: 99;
     1694.wpt-td-tag.td_or_cell .item_inside_cell.wpt_product_title,
     1695.wpt-td-tag.td_or_cell .item_inside_cell.wpt_action,
     1696.wpt-td-tag.td_or_cell .item_inside_cell.wpt_description{
     1697 flex: 1 100%;
     1698}
     1699
     1700.wpt_product_title .item_inside_cell{
     1701 display: flex;
     1702 flex-direction: column;
     1703 gap: 10px;
     1704}
     1705.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag div.td_or_cell.wpt_check{
     1706 position: absolute !important;
     1707 top: 10px;
     1708 right: 10px;
     1709 background: transparent;
     1710 width: 22px;
     1711}
     1712 /* .inner-available .item_inside_cell, */
     1713.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag div.td_or_cell{
     1714 order: 99;
    17151715}
    17161716/* .inner-available .item_inside_cell.wpt_thumbnails, */
    1717 .wpt-td-tag.wpt-replace-td-in-tr div.td_or_cell.wpt_thumbnails{
    1718     order: 1;
     1717.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag div.td_or_cell.wpt_thumbnails{
     1718 order: 1;
    17191719}
    17201720/* .inner-available .item_inside_cell.wpt_product_title, */
    1721 .wpt-td-tag.wpt-replace-td-in-tr div.td_or_cell.wpt_product_title {
    1722     order: 2;
    1723 }
    1724 .wpt_table_tag_wrapper div.wpt-ob_get_clean:empty {
    1725     display: none !important;
    1726 }  
     1721.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag div.td_or_cell.wpt_product_title{
     1722 order: 2;
     1723}
     1724.wpt_table_tag_wrapper div.wpt-ob_get_clean:empty{
     1725 display: none !important;
     1726}
    17271727
    17281728
    17291729/* Small devices (portrait tablets and large phones, 600px and up) */
    1730 @media only screen and (min-width: 600px) {
     1730@media only screen and (min-width: 600px){
    17311731
    17321732}
    … …  
    17351735
    17361736/* Extra large devices (large laptops and desktops, 1200px and up) */
    1737 @media only screen and (max-width: 1200px) {
    1738 
    1739 }
    1740 
    1741 @media only screen and (max-width: 1024px) {
     1737@media only screen and (max-width: 1200px){
     1738
     1739}
     1740
     1741@media only screen and (max-width: 1024px){
    17421742
    17431743}
    17441744/* Large devices (laptops/desktops, 992px and up) */
    1745 @media only screen and (max-width: 991px) {
    1746     
     1745@media only screen and (max-width: 991px){
     1746 
    17471747}
    17481748
    17491749/* Medium devices (landscape tablets, 768px and up) */
    1750 @media only screen and (max-width: 767px) {
    1751   .wpt_edit_table {
    1752     justify-content: center;
    1753   }
    1754   /* .wpt_product_table *, .wpt_product_table .wpt-tr-tag>.wpt-td-tag, .wpt_product_table .wpt-td-tag {
    1755     vertical-align: top;
    1756   } */
     1750@media only screen and (max-width: 767px){
     1751 .wpt_edit_table{
     1752 justify-content: center;
     1753 }
     1754 /* .wpt_product_table *, .wpt_product_table .wpt-tr-tag>.wpt-td-tag, .wpt_product_table .wpt-td-tag{
     1755 vertical-align: top;
     1756 } */
    17571757}
    17581758
    17591759/* Extra small devices (phones, 600px and down) */
    1760 @media only screen and (max-width: 600px) {
     1760@media only screen and (max-width: 600px){
    17611761
    17621762}
    17631763
    17641764/* Extra small devices (phones, 500px and down) */
    1765 @media only screen and (max-width: 500px) {
    1766     .inner-available .item_inside_cell {
    1767         order: 99;
    1768     }
    1769 
    1770     .inner-available .item_inside_cell.wpt_thumbnails {
    1771         order: 1;
    1772     }
    1773 
    1774     .inner-available .item_inside_cell.wpt_product_title {
    1775         order: 2;
    1776     }
    1777 
    1778     tr.product_type_simple .item_inside_cell.wpt_action,
    1779     tr.product_type_simple .td_or_cell.wpt_action>div {
    1780         gap: 45px;
    1781     }
    1782 
    1783     .wpt-stats-report {
    1784         background: var(--wpt_thead_bg);
    1785         padding: 15px 10px;
    1786         color: var(--wpt_thead_text);
    1787         flex-shrink: 0;
    1788         margin: 0;
    1789         margin-bottom: -10px;
    1790     }
    1791 
    1792     .wpt-mini-filter>* {
    1793         flex-grow: 1;
    1794         flex-basis: 200px;
    1795     }
    1796 }
    1797 div.wpt-wrap .wpt-search-full-wrapper .button.wpt-search-products {
    1798     display: none !important;
    1799     order: 99;
    1800 }
    1801 tr.wpt-row .button.loading:after {
    1802     display: none !important;
     1765@media only screen and (max-width: 500px){
     1766 .inner-available .item_inside_cell{
     1767 order: 99;
     1768 }
     1769
     1770 .inner-available .item_inside_cell.wpt_thumbnails{
     1771 order: 1;
     1772 }
     1773
     1774 .inner-available .item_inside_cell.wpt_product_title{
     1775 order: 2;
     1776 }
     1777
     1778 .wpt-tr-tag.product_type_simple .item_inside_cell.wpt_action,
     1779 .wpt-tr-tag.product_type_simple .td_or_cell.wpt_action>div{
     1780 gap: 45px;
     1781 }
     1782
     1783 .wpt-stats-report{
     1784 padding-top: 10px;
     1785 }
     1786
     1787 .wpt-mini-filter>*{
     1788 flex-grow: 1;
     1789 flex-basis: 200px;
     1790 }
     1791}
     1792div.wpt-wrap .wpt-search-full-wrapper .button.wpt-search-products{
     1793 display: none !important;
     1794 order: 99;
     1795}
     1796.wpt-tr-tag.wpt-row .button.loading:after{
     1797 display: none !important;
    18031798}
    18041799
    18051800/*
    1806     * for display label in mobile version
    1807     * @since 3.3.6.1
    1808     * @author Fazle Bari
     1801 * for display label in mobile version
     1802 * @since 3.3.6.1
     1803 * @author Fazle Bari
    18091804 */
    1810 .wpt-td-tag.wpt-replace-td-in-tr.wpt-mobile-label-show>div:before {
    1811     content: attr(data-title);
    1812     height: 100%;
    1813     width: 86px;
    1814     position: absolute;
    1815     left: -86px;
    1816     top: 0;
    1817     color: black;
    1818 }
    1819 
    1820 .wpt-td-tag.wpt-replace-td-in-tr.wpt-mobile-label-show>div {
    1821     margin-left: 86px !important;
    1822     position: relative !important;
    1823     min-height: 19px;
    1824 }
    1825 
    1826 
    1827 .wpt-td-tag.wpt-replace-td-in-tr.wpt-mobile-label-show>.td_or_cell.no-inner.wpt_check.type_default.type_name_Default {
    1828     right: 10px;
    1829     height: 25px;
    1830     width: 25px;
    1831     z-index: 999;
    1832     text-align: right;
    1833 }
    1834 
    1835 
    1836 .wpt-td-tag.wpt-replace-td-in-tr.wpt-mobile-label-show a.wpt_product_title_in_td{
    1837     min-width: unset !important;
    1838 }
    1839 
    1840 body[class^="wpt-"]:before, body[class*=" wpt-"]:before {
    1841     display: none;
     1805.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag.wpt-mobile-label-show>div:before{
     1806 content: attr(data-title);
     1807 height: 100%;
     1808 width: 86px;
     1809 position: absolute;
     1810 left: -86px;
     1811 top: 0;
     1812 color: black;
     1813}
     1814
     1815.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag.wpt-mobile-label-show>div{
     1816 margin-left: 86px !important;
     1817 position: relative !important;
     1818 min-height: 19px;
     1819}
     1820
     1821
     1822.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag.wpt-mobile-label-show>.td_or_cell.no-inner.wpt_check.type_default.type_name_Default{
     1823 right: 10px;
     1824 height: 25px;
     1825 width: 25px;
     1826 z-index: 999;
     1827 text-align: right;
     1828}
     1829
     1830
     1831.wpt-td-tag.wpt-replace-td-in-.wpt-tr-tag.wpt-mobile-label-show a.wpt_product_title_in_td{
     1832 min-width: unset !important;
     1833}
     1834
     1835body[class^="wpt-"]:before, body[class*=" wpt-"]:before{
     1836 display: none;
    18421837}
    18431838
    18441839.inner-available .item_inside_cell.wpt_category,
    1845 .wpt_product_title .item_inside_cell.wpt_category {
    1846     display: inline-block;
    1847 }
    1848 .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt-th-tag.wpt_tick {
    1849     opacity: 0;
    1850 }
    1851 
    1852 .wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt_tick {
    1853     width: 20px;
    1854     padding: 0px;
    1855     margin: 0;
    1856 }
     1840.wpt_product_title .item_inside_cell.wpt_category{
     1841 display: inline-block;
     1842}
     1843.wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt-th-tag.wpt_tick{
     1844 opacity: 0;
     1845}
     1846
     1847.wpt-wrap .wpt-thead-tag .wpt-tr-tag.wpt_table_header_row .wpt_tick{
     1848 width: 20px;
     1849 padding: 0px;
     1850 margin: 0;
     1851}

  • woo-product-table/trunk/assets/js/custom.js

    r3449775 r3450845  
    15191519       
    15201520        function uncheckAllCheck(temp_number){
    1521             var selectedCheckBox = $('#table_id_' + temp_number + ' input[type=checkbox]');
     1521            var selectedCheckBox = $('#table_id_' + temp_number + ' .all_check_header input[type=checkbox],#table_id_' + temp_number + ' .wpt_table_tag_wrapper input[type=checkbox]');
    15221522            selectedCheckBox.each(function(){
    15231523                if($(this).is(':checked')){

  • woo-product-table/trunk/assets/js/wpt-control-v2.js

    r3449775 r3450845  
    3434                this.state.isMob = true;
    3535                this.state.isDesk = false;
    36                 this.genDeskToMobTable();
    3736            } else {
    3837                this.state.isMob = false;
    3938                this.state.isDesk = true;
    40                 this.genMobToDeskTable();
    41             }
    42             $(window).on('resize', () => this.deviceWiseResize());
     39            }
     40           
    4341            this.bindEvents();
    4442            this.initExportEvents();
    … …  
    6563            $(document.body).on('click', '.wpt-query-reset-button', function() {
    6664                self.handleResetSearch($(this));
     65            });
     66
     67            // Checkbox filter events
     68            $(document.body).on('change', '.wpt-checkbox-input', function() {
     69                self.handleCheckboxChange($(this));
     70            });
     71
     72            $(document.body).on('click', '.wpt-selected-tag-remove', function() {
     73                self.handleSelectedTagRemove($(this));
    6774            });
    6875
    … …  
    129136            $btn.closest('.wpt-search-full-wrapper').find('.query_box_direct_value').val('');
    130137            $btn.closest('.wpt-search-full-wrapper').find('select').val('').change();
     138            // Reset checkbox filters
     139            $btn.closest('.wpt-search-full-wrapper').find('.wpt-checkbox-input').prop('checked', false);
     140            $btn.closest('.wpt-search-full-wrapper').find('.wpt-checkbox-item').removeClass('wpt-checkbox-checked');
     141            $btn.closest('.wpt-search-full-wrapper').find('.wpt-selected-items').empty();
    131142            this.state.resetSearchClicked = 'yes';
    132143            $btn.closest('.wpt-search-full-wrapper').find('.wpt-search-products').trigger('click');
     144        },
     145
     146        /**
     147         * Handle checkbox change event
     148         * Updates the selected items display and triggers search
     149         */
     150        handleCheckboxChange: function($checkbox) {
     151            const $wrapper = $checkbox.closest('.wpt-checkbox-filter-wrapper');
     152            const $searchBox = $checkbox.closest('.wpt_search_box');
     153            const taxonomy = $wrapper.data('key');
     154            const tableId = $wrapper.data('table-id');
     155            const termId = $checkbox.val();
     156            const termName = $checkbox.data('term-name');
     157            const isChecked = $checkbox.is(':checked');
     158            const $item = $checkbox.closest('.wpt-checkbox-item');
     159            const $selectedItemsContainer = $searchBox.find('.wpt-selected-items-' + taxonomy);
     160
     161            // Toggle checked class on item
     162            if (isChecked) {
     163                $item.addClass('wpt-checkbox-checked');
     164                // Add selected tag
     165                this.addSelectedTag($selectedItemsContainer, termId, termName, taxonomy);
     166            } else {
     167                $item.removeClass('wpt-checkbox-checked');
     168                // Remove selected tag
     169                this.removeSelectedTag($selectedItemsContainer, termId);
     170            }
     171
     172            // Auto trigger search when checkbox changes
     173            $searchBox.find('.wpt-search-products').trigger('click');
     174        },
     175
     176        /**
     177         * Handle removing a selected tag
     178         */
     179        handleSelectedTagRemove: function($removeBtn) {
     180            const $tag = $removeBtn.closest('.wpt-selected-tag');
     181            const termId = $tag.data('term-id');
     182            const taxonomy = $tag.data('taxonomy');
     183            const $searchBox = $removeBtn.closest('.wpt_search_box');
     184           
     185            // Uncheck the corresponding checkbox
     186            const $checkbox = $searchBox.find('.wpt-checkbox-input[value="' + termId + '"]');
     187            $checkbox.prop('checked', false);
     188            $checkbox.closest('.wpt-checkbox-item').removeClass('wpt-checkbox-checked');
     189           
     190            // Remove the tag
     191            $tag.remove();
     192           
     193            // Trigger search
     194            $searchBox.find('.wpt-search-products').trigger('click');
     195        },
     196
     197        /**
     198         * Add a selected tag to the display area
     199         */
     200        addSelectedTag: function($container, termId, termName, taxonomy) {
     201            // Check if tag already exists
     202            if ($container.find('.wpt-selected-tag[data-term-id="' + termId + '"]').length > 0) {
     203                return;
     204            }
     205
     206            // Create elements safely to avoid XSS
     207            const $tag = $('<span class="wpt-selected-tag"></span>')
     208                .attr('data-term-id', termId)
     209                .attr('data-taxonomy', taxonomy);
     210           
     211            const $tagText = $('<span class="wpt-selected-tag-text"></span>')
     212                .text(termName); // Using .text() sanitizes HTML
     213           
     214            const $removeBtn = $('<button type="button" class="wpt-selected-tag-remove" title="Remove">&times;</button>');
     215           
     216            $tag.append($tagText).append($removeBtn);
     217            $container.append($tag);
     218        },
     219
     220        /**
     221         * Remove a selected tag from the display area
     222         */
     223        removeSelectedTag: function($container, termId) {
     224            $container.find('.wpt-selected-tag[data-term-id="' + termId + '"]').remove();
    133225        },
    134226
    … …  
    309401            let base_link = $('.wpt-my-pagination-' + table_id).data('base_link');
    310402            let texonomies = {};
     403           
     404            // Collect from select dropdowns
    311405            $('#search_box_' + table_id + ' .search_select.query').each(function() {
    312406                const key = $(this).data('key');
    313407                const value = $(this).val();
    314408                if (value !== "") texonomies[key] = value;
     409            });
     410
     411            // Collect from checkbox filters
     412            $('#search_box_' + table_id + ' .wpt-checkbox-filter-wrapper').each(function() {
     413                const key = $(this).data('key');
     414                const checkedValues = [];
     415                $(this).find('.wpt-checkbox-input:checked').each(function() {
     416                    checkedValues.push($(this).val());
     417                });
     418                if (checkedValues.length > 0) {
     419                    texonomies[key] = checkedValues;
     420                }
    315421            });
    316422
    … …  
    431537        },
    432538
    433         deviceWiseResize: function() {
    434             this.state.currentWidth = $(window).width();
    435             if (!this.state.isMob && this.state.currentWidth <= 500) {
    436                 this.state.isMob = true;
    437                 this.state.isDesk = false;
    438                 this.genDeskToMobTable();
    439             }
    440             if (!this.state.isDesk && this.state.currentWidth > 500) {
    441                 this.state.isMob = false;
    442                 this.state.isDesk = true;
    443                 this.genMobToDeskTable();
    444             }
    445         },
    446 
    447         genDeskToMobTable: function() {
    448             const Table = $('.wpt-auto-responsive .wpt-tbl');
    449             Table.find('.wpt-thead-tab').hide();
    450             const TableBody = Table.find('tbody');
    451             TableBody.find('.wpt-tr-tag.wpt-row').each(function() {
    452                 const TableRow = $(this);
    453                 const alreadyGen = TableRow.find('.wpt-replace-td-in-tr').length;
    454                 if (alreadyGen > 0) return;
    455                 let RowData = TableRow.html();
    456                 let reslt = RowData.replaceAll('<td class="td_or_cell', '<div class="td_or_cell');
    457                 reslt = reslt.replaceAll('</td><!--EndTd-->', '</div><!--EndTd-->');
    458                 reslt = "<td class='wpt-replace-td-in-tr'>" + reslt + "</td>";
    459                 TableRow.html(reslt);
    460             });
    461         },
    462 
    463         genMobToDeskTable: function() {
    464             const Table = $('.wpt-auto-responsive .wpt-tbl');
    465             Table.find('.wpt-thead-tab').fadeIn();
    466             const TableBody = Table.find('tbody');
    467             TableBody.find('.wpt-tr-tag.wpt-row').each(function() {
    468                 const TableRow = $(this);
    469                 const genreatedData = TableRow.find('td.wpt-replace-td-in-tr');
    470                 if (genreatedData.length < 1) return;
    471                 let RowData = TableRow.find('td.wpt-replace-td-in-tr').html();
    472                 let reslt = RowData.replaceAll('<div class="td_or_cell', '<td class="td_or_cell');
    473                 reslt = reslt.replaceAll('</div><!--EndTd-->', '</td><!--EndTd-->');
    474                 TableRow.html(reslt);
    475             });
    476         },
    477539
    478540        // =========================

  • woo-product-table/trunk/inc/handle/search-box.php

    r3420662 r3450845  
    88    public static $cf_search_box;
    99    public static $taxonomy_keywords;
     10    public static $taxonomy_filter_type;
    1011
    1112    /**
    … …  
    2526        self::$cf_search_box = $shortcode->search_n_filter['cf_search_box'] ?? '';
    2627        self::$taxonomy_keywords = $shortcode->search_n_filter['taxonomy_keywords'] ?? [];
     28        self::$taxonomy_filter_type = $shortcode->search_n_filter['taxonomy_filter_type'] ?? 'checkbox';
    2729        self::$fields = $shortcode->search_n_filter['fields'] ?? [];
    2830       
    … …  
    3133        $search_box_title = $config_value['search_box_title'] ?? '';
    3234        $html = false;
    33         $html .= "<div id='search_box_{$shortcode->table_id}' class='wpt_search_box search_box_{$shortcode->table_id}'>";
     35       
     36        // Add filter type class for styling purposes
     37        $filter_type_class = self::$taxonomy_filter_type === 'checkbox' ? 'wpt-filter-type-checkbox' : 'wpt-filter-type-select';
     38       
     39        $html .= "<div id='search_box_{$shortcode->table_id}' class='wpt_search_box search_box_{$shortcode->table_id} {$filter_type_class}'>";
    3440        $html .= '<div class="search_box_fixer">'; //Search_box inside fixer
    3541        $html .= '<h3 class="search_box_label">' . sprintf( $search_box_title, '<small>','</small>' ) . '</h3>';
    … …  
    94100        if( is_array( self::$taxonomy_keywords ) && count( self::$taxonomy_keywords ) > 0 ){
    95101            foreach( self::$taxonomy_keywords as $texonomy_name ){
    96                $html .= wpt_texonomy_search_generator( $texonomy_name,$shortcode->table_id, $shortcode->search_n_filter );
     102                // Use checkbox or select based on filter type setting
     103                if ( self::$taxonomy_filter_type === 'checkbox' ) {
     104                    $html .= wpt_checkbox_taxonomy_search_generator( $texonomy_name, $shortcode->table_id, $shortcode->search_n_filter );
     105                } else {
     106                    $html .= wpt_texonomy_search_generator( $texonomy_name, $shortcode->table_id, $shortcode->search_n_filter );
     107                }
    97108            }
    98109        }

  • woo-product-table/trunk/inc/shortcode.php

    r3449775 r3450845  
    124124     */
    125125    public $_device;
     126
     127/**
     128    public $table_tag = 'div';
     129    public $thead_tag = 'section';
     130    public $tbody_tag = 'div';
     131    public $tr_tag = 'section';
     132    public $th_tag = 'span';
     133    public $td_tag = 'div';
     134
     135    public $table_tag = 'table';
     136    public $thead_tag = 'thead';
     137    public $tbody_tag = 'tbody';
     138    public $tr_tag = 'tr';
     139    public $th_tag = 'th';
     140    public $td_tag = 'td';
     141
     142
     143
     144 */
    126145
    127146    //table tags replace/change

  • woo-product-table/trunk/inc/table/row.php

    r3449775 r3450845  
    125125        $this->td_tag = $shortcode->td_tag;
    126126
    127         if($shortcode->generated_row){
    128             $this->td_tag = 'div';
    129 
    130             $this->is_column_label = $shortcode->is_column_label;
    131 
    132             // Wiil add 'wpt-mobile-label-show' claas which will help to display column label in mobile @by Fazle Bari 
    133             if( $this->is_column_label =='show' ){
    134                 $this->generated_td_start = '<' . $this->td_tag . ' class="wpt-td-tag wpt-replace-td-in-tr wpt-mobile-label-show">';
    135             }else{
    136                 $this->generated_td_start = '<' . $this->td_tag . ' class="wpt-td-tag wpt-replace-td-in-tr">';
    137             }
    138            
    139             $this->generated_td_end = '</' . $this->td_tag . '>';
    140         }
     127        // if($shortcode->generated_row){
     128        //     $this->td_tag_here = 'div';
     129
     130        //     $this->is_column_label = $shortcode->is_column_label;
     131
     132        //     // Wiil add 'wpt-mobile-label-show' claas which will help to display column label in mobile @by Fazle Bari 
     133        //     if( $this->is_column_label =='show' ){
     134        //         $this->generated_td_start = '<' . $this->td_tag_here . ' class="wpt-td-tag wpt-replace-td-in-tr wpt-mobile-label-show">';
     135        //     }else{
     136        //         $this->generated_td_start = '<' . $this->td_tag_here . ' class="wpt-td-tag wpt-replace-td-in-tr">';
     137        //     }
     138           
     139        //     $this->generated_td_end = '</' . $this->td_tag_here . '>';
     140        // }
    141141
    142142        if($this->filter){

  • woo-product-table/trunk/includes/enqueue.php

    r3420662 r3450845  
    2323       //Custom CSS Style for Woo Product Table's Table (Universal-for all table) and (template-for defien-table)
    2424       wp_enqueue_style( 'wpt-universal', WPT_Product_Table::getPath('BASE_URL') . 'assets/css/universal.css', array(), WPT_DEV_VERSION, 'all' );
     25       
     26       //Checkbox filter CSS for advanced search
     27       wp_enqueue_style( 'wpt-checkbox-filter', WPT_Product_Table::getPath('BASE_URL') . 'assets/css/elements/checkbox-filter.css', array(), WPT_DEV_VERSION, 'all' );
    2528       
    2629       //jQuery file including. jQuery is a already registerd to WordPress

  • woo-product-table/trunk/includes/functions.php

    r3447168 r3450845  
    781781}
    782782
     783/**
     784 * Generate checkbox-based taxonomy filter HTML.
     785 *
     786 * Creates a checkbox list for filtering products by taxonomy terms.
     787 * Selected items are displayed with a remove (X) button.
     788 *
     789 * @since 8.2.0
     790 * @author Saiful Islam <[email protected]>
     791 *
     792 * @param array $args Arguments for generating checkbox filter.
     793 * @param array|bool $get_taxonomy Optional. Custom taxonomy terms array.
     794 * @return string HTML output for checkbox filter.
     795 */
     796function wpt_checkbox_taxonomy_filter( $args = '', $get_taxonomy = false ) {
     797    $defaults = array(
     798        'orderby'           => 'name',
     799        'order'             => 'ASC',
     800        'hide_empty'        => 1,
     801        'child_of'          => 0,
     802        'hierarchical'      => 1,
     803        'name'              => 'cat',
     804        'id'                => '',
     805        'class'             => 'wpt-checkbox-filter',
     806        'taxonomy'          => 'category',
     807        'hide_if_empty'     => false,
     808        'value_field'       => 'term_id',
     809        'data-key'          => false,
     810        'table_id'          => '',
     811    );
     812
     813    $parsed_args = wp_parse_args( $args, $defaults );
     814
     815    // Get terms for the taxonomy
     816    $get_terms_args = $parsed_args;
     817    unset( $get_terms_args['name'] );
     818    unset( $get_terms_args['id'] );
     819    unset( $get_terms_args['class'] );
     820    unset( $get_terms_args['data-key'] );
     821    unset( $get_terms_args['table_id'] );
     822   
     823    $categories = get_terms( $get_terms_args );
     824
     825    if ( is_array( $get_taxonomy ) && ! empty( $get_taxonomy ) ) {
     826        $categories = $get_taxonomy;
     827    }
     828
     829    if ( empty( $categories ) || is_wp_error( $categories ) ) {
     830        return '';
     831    }
     832
     833    $name     = esc_attr( $parsed_args['name'] );
     834    $class    = esc_attr( $parsed_args['class'] );
     835    $id       = $parsed_args['id'] ? esc_attr( $parsed_args['id'] ) : $name;
     836    $data_key = $parsed_args['data-key'] ? esc_attr( $parsed_args['data-key'] ) : '';
     837    $table_id = esc_attr( $parsed_args['table_id'] );
     838
     839    $output = "<div class='wpt-checkbox-filter-wrapper {$class}' data-key='{$data_key}' data-table-id='{$table_id}'>";
     840    $output .= "<div class='wpt-checkbox-list'>";
     841
     842    foreach ( $categories as $category ) {
     843        $term_id   = $category->term_id;
     844        $term_name = esc_html( $category->name );
     845        $term_slug = $category->slug;
     846        $count     = $category->count;
     847
     848        $checkbox_id = "{$id}_{$term_id}";
     849       
     850        $output .= "<label class='wpt-checkbox-item' for='{$checkbox_id}'>";
     851        $output .= "<input type='checkbox' class='wpt-checkbox-input' id='{$checkbox_id}' name='{$name}[]' value='{$term_id}' data-term-name='" . esc_attr( $category->name ) . "' data-term-id='{$term_id}' />";
     852        $output .= "<span class='wpt-checkbox-label'>{$term_name}</span>";
     853        if ( $count ) {
     854            $output .= "<span class='wpt-checkbox-count'>({$count})</span>";
     855        }
     856        $output .= "</label>";
     857    }
     858
     859    $output .= "</div>"; // .wpt-checkbox-list
     860    $output .= "</div>"; // .wpt-checkbox-filter-wrapper
     861
     862    return $output;
     863}
     864
     865/**
     866 * Generate checkbox-based taxonomy search filter for frontend.
     867 *
     868 * Creates a complete checkbox filter section with selected items display area.
     869 *
     870 * @since 8.2.0
     871 * @author Saiful Islam <[email protected]>
     872 *
     873 * @param string $taxonomy_keyword Taxonomy slug.
     874 * @param int|string $temp_number Table ID.
     875 * @param array|bool $search_n_filter Search and filter settings.
     876 * @return string|bool HTML output or false on failure.
     877 */
     878function wpt_checkbox_taxonomy_search_generator( $taxonomy_keyword, $temp_number, $search_n_filter = false ) {
     879    $selected_taxs = isset( $search_n_filter[$taxonomy_keyword] ) ? $search_n_filter[$taxonomy_keyword] : false;
     880    $config_value = wpt_get_config_value( $temp_number );
     881   
     882    if ( ! $taxonomy_keyword || is_array( $taxonomy_keyword ) ) {
     883        return false;
     884    }
     885
     886    $taxonomy_details = get_taxonomy( $taxonomy_keyword );
     887
     888    if ( ! $taxonomy_details ) {
     889        return false;
     890    }
     891
     892    $label = apply_filters( 'wpto_searchbox_taxonomy_name', $taxonomy_details->labels->menu_name, $taxonomy_details, $temp_number );
     893    $tx_order = $config_value['sort_searchbox_filter'] ?? 'ASC';
     894
     895    $args = array(
     896        'orderby'      => 'name',
     897        'order'        => $tx_order,
     898        'hide_empty'   => 1,
     899        'hierarchical' => 1,
     900        'name'         => $taxonomy_keyword,
     901        'id'           => $taxonomy_keyword . '_' . $temp_number,
     902        'class'        => "wpt-checkbox-filter wpt-checkbox-filter-{$taxonomy_keyword}",
     903        'taxonomy'     => $taxonomy_keyword,
     904        'data-key'     => $taxonomy_keyword,
     905        'table_id'     => $temp_number,
     906    );
     907
     908    // Get custom term selection if available
     909    $customized_taxonomy_obj = false;
     910    if ( $selected_taxs && is_array( $selected_taxs ) && count( $selected_taxs ) > 0 ) {
     911        $customized_taxonomy_obj = array();
     912        foreach ( $selected_taxs as $termID ) {
     913            $singleTerm = get_term( $termID );
     914            if ( $singleTerm && ! is_wp_error( $singleTerm ) ) {
     915                $customized_taxonomy_obj[] = $singleTerm;
     916            }
     917        }
     918
     919        // Sort terms if order is specified
     920        if ( ! empty( $tx_order ) && $tx_order !== '0' ) {
     921            usort( $customized_taxonomy_obj, function( $prev, $next ) use ( $tx_order ) {
     922                if ( $tx_order === 'ASC' ) return $prev->name > $next->name ? 1 : -1;
     923                if ( $tx_order === 'DESC' ) return $prev->name > $next->name ? -1 : 1;
     924                return 0;
     925            });
     926        }
     927    }
     928
     929    $taxonomy_keyword_escaped = esc_attr( $taxonomy_keyword );
     930    $label_escaped = esc_html( $label );
     931
     932    $html = "<div class='search_single search_single_checkbox search_single_{$taxonomy_keyword_escaped}'>";
     933    $html .= "<label class='search_keyword_label {$taxonomy_keyword_escaped}' for='{$taxonomy_keyword_escaped}_{$temp_number}'>{$label_escaped}</label>";
     934   
     935    // Selected items display area
     936    $html .= "<div class='wpt-selected-items wpt-selected-items-{$taxonomy_keyword_escaped}' data-taxonomy='{$taxonomy_keyword_escaped}'></div>";
     937   
     938    // Checkbox filter
     939    $html .= wpt_checkbox_taxonomy_filter( $args, $customized_taxonomy_obj );
     940   
     941    $html .= "</div>"; // .search_single
     942
     943    return $html;
     944}
     945
    783946if( ! function_exists( 'wpt_paginate_links' ) ){
    784947    /**

  • woo-product-table/trunk/readme.txt

    r3449775 r3450845  
    55Requires at least: 6.2
    66Tested up to: 6.9
    7 Stable tag: 6.0.0
     7Stable tag: 6.0.1
    88Requires PHP: 7.0
    99License: GPLv2 or later
    … …  
    33233222. Advanced Search Box
    33333323. WooCommerce product table with Mini Cart
    334 24. Auto Selected Checked Table – Automatically All Item Selected
    335 25. Manually responsive for mobile devices
    336334
    337335== Changelog ==
     336
     337= 6.0.1 =
     338* Added: Modern Checkbox filter.
     339* Code Optimized
     340* Bug fixed
     341
     342= 6.0.0 =
     343* Tested with latest WooCommerce
     344* Tested with latest WordPress
     345* Added: New Design Template Yellow
     346* Added: CSS Variable support for table design.
     347* Bug fixed
     348
    338349
    339350= 5.1.1 =

  • woo-product-table/trunk/woo-product-table.php

    r3449775 r3450845  
    99 * Tags: wooproducttable, woocommerce product list,woocommerce product table, wc product table, product grid view, inventory, shop product table
    1010 *
    11  * Version: 6.0.0
     11 * Version: 6.0.1
    1212 * Requires at least:    6.2
    1313 * Tested up to:         6.9
    1414 * WC requires at least: 6.2.2
    15  * WC tested up to:      10.3.5
     15 * WC tested up to:      10.4.5
    1616 *
    1717 * License: GPLv2 or later
    … …  
    4545
    4646if( ! defined( 'WPT_DEV_VERSION' ) ){
    47     define( 'WPT_DEV_VERSION', '6.0.0.2' );
     47    define( 'WPT_DEV_VERSION', '6.0.1.3' );
    4848}
    4949
Note: See TracChangeset for help on using the changeset viewer.