form.wcpt-preview-form {
width: 100%;
margin: 20px auto 40px;
max-width: var(--wcpt-preview-template-max-width, 1400px);
}
form.wcpt-preview-form fieldset {
border: 1px solid #ddd;
padding: 10px 20px 20px;
border-radius: 4px;
max-width: 100%;
width: 100%;
background: #fff;
font-size: 16px;
color: #000;
margin: 0;
}
.wcpt-preview-form legend {
font-size: 16px;
font-weight: 600;
color: #23282d;
padding: 0 10px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
width: auto;
margin: 0;
text-transform: capitalize;
}
.wcpt-preview-form .wcpt-preview-form-container {
display: flex;
gap: 20px;
align-items: flex-end;
}
.wcpt-preview-form .wcpt-preview-form-row {
flex: 1;
margin-bottom: 0;
}
.wcpt-preview-form label {
display: block;
margin-bottom: 0.5em;
color: #444;
font-weight: 500;
}
.wcpt-preview-form .wcpt-preview-form-shortcode-container {
position: relative;
flex: 2;
}
.wcpt-preview-form
:is(input[type="text"], input[type="submit"], button[type="button"], select) {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
line-height: 1.5em !important;
padding: 0 10px !important;
font-size: 16px !important;
height: 2.5em !important;
}
.wcpt-preview-form .wcpt-preview-form-shortcode-container input {
width: 100%;
padding: 8px 12px;
padding-right: 40px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
}
.wcpt-preview-form .wcpt-preview-form-shortcode-wrapper {
position: relative;
}
.wcpt-preview-form .wcpt-preview-form-template-dropdown-wrapper {
max-width: 250px;
}
.wcpt-preview-form .wcpt-preview-form-max-width-wrapper {
max-width: 200px;
}
.wcpt-preview-form .wcpt-preview-form-max-width-wrapper select {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
margin: 0;
}
.wcpt-preview-form .wcpt-preview-form-reset-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #666;
cursor: pointer;
padding: 5px;
font-size: 16px;
}
.wcpt-preview-form .wcpt-preview-form-reset-icon:hover {
color: #23282d;
}
.wcpt-preview-form select {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
margin: 0;
}
.wcpt-preview-form input[type="text"]:focus,
.wcpt-preview-form select:focus {
border-color: #0073aa;
box-shadow: 0 0 0 1px #0073aa;
outline: none;
}
.wcpt-preview-form input[type="submit"] {
padding: 8px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
line-height: 1em;
font-weight: 500;
text-transform: capitalize;
transition: background 0.2s ease;
height: 36px;
font-weight: 600;
}
.wcpt-preview-form input[type="submit"]:hover {
opacity: 0.9;
}
.wcpt-preview-form-theme-customizer-link {
margin-top: 0.2em;
display: flex;
align-items: center;
gap: 5px;
}
.wcpt-preview-form-shortcode-notice {
font-size: 14px;
color: #666;
margin-top: 10px;
padding: 10px;
border-radius: 4px;
border: 1px solid #ddd;
border-left: 4px solid #2196f3;
}
@media (max-width: 768px) {
.wcpt-preview-form .wcpt-preview-form-container {
flex-direction: column;
}
.wcpt-preview-form .wcpt-preview-form-container {
align-items: flex-start;
}
}  body > form.wcpt-preview-form {
display: none;
}.woocommerce .extra-flate-tool-tip{display:inline;position:relative;} [data-tooltip]{position:relative;z-index:2;cursor:pointer;} [data-tooltip]:before,[data-tooltip]:after{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;pointer-events:none;} [data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:7px;width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#000;background-color:hsla(0,0%,20%,0.9);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;} [data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,20%,0.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;} [data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
.extra-flate-tool-tip{display:inline-block!important;margin-right:7px;} .checbox_row span.title_fee{padding-left:8px;}
.checbox_row span.title_fee:hover,.dropdown_row span.title_fee:hover{cursor:pointer;}
.wcpfc-fee-tooltiptext{display:none;}
.wcpfc-fee-tooltip-wrap{position:relative;display:inline-block;}
.wcpfc-fee-tooltip-wrap .wcpfc-fee-tooltiptext{width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px;transition:opacity 0.3s;}
.wcpfc-fee-tooltip-wrap .wcpfc-fee-tooltiptext::after{content:"";position:absolute;top:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #555 transparent;}
.wcpfc-fee-tooltip-wrap .dashicons,.dashicons-before:before{vertical-align:middle;font-size:16px;cursor:pointer;}
.optional_fee_container .checbox_row,.optional_fee_container .dropdown_row,.optional_fee_container .radio_row{padding:1.41575em;float:none;width:100%;background:#f5f5f5;cursor:pointer;text-align:left;}
.optional_fee_container .checbox_row:hover,.optional_fee_container .dropdown_row:hover{background:#f0f0f0;}
.optional_fee_container .optional_row:nth-child(odd){background:#fafafa;}
.optional_fee_container .optional_row:last-child{margin-bottom:2.617924em;}
.optional_fee_container .input-dropdown{padding:5px;border-radius:5px;margin-left:10px;}
.optional_fee_container .optional_fee_description{margin:0;margin-top:10px;font-style:italic;font-size:14px;}
.woocommerce-cart .optional_fee_container table.shop_table { width: 100% !important;margin-bottom: 20px !important; }
.woocommerce-cart .optional_fee_container th.dropdown_row, .woocommerce-cart .optional_fee_container th.checbox_row, .woocommerce-cart .optional_fee_container th.radio_row { width: 80% !important; }
.woocommerce-cart .optional_fee_container th.dropdown_row select { width: 17% !important; }
.woocommerce-cart table.shop_table:not(:has(tr)) { border: none !important;}
table.product-fees-table { width: 100%;border-collapse: collapse;margin: 20px 0;font-size: 16px;}
table.product-fees-table th, table.product-fees-table td {padding: 12px 15px;border: 1px solid #ddd;text-align: left;}
table.product-fees-table th {background-color: #f4f4f4;color: #333;font-weight: bold;}
table.product-fees-table tr:nth-child(even) {background-color: #f9f9f9;}
table.product-fees-table tr:hover {background-color: #f1f1f1;} .extra-fee-table { width: 100%;border-collapse: collapse;font-family: Arial, sans-serif; margin-top: 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.extra-fee-table tr:nth-child(odd) { background-color: #f9f9f9;}
.extra-fee-table tr:nth-child(even) { background-color: #ffffff;}
.extra-fee-table td { padding: 10px 15px;border: 1px solid #e0e0e0;vertical-align: middle;text-align: left;color: #6d6d6d;}
.extra-fee-table td:last-child { text-align: right;font-weight: bold;}
.extra-fee-table tr:first-child td { border-top: none;}
.extra-fee-table tr:last-child td { border-bottom: none;}
.extra-fee-table td .woocommerce-Price-amount { font-size: 1.2em;color: #6d6d6d;} .wc-block-components-title.wc-block-components-title.wc-block-components-checkout-optional_fee__title {margin: 30px 0 10px;}
.wp-block-woocommerce-checkout-optional-fee-block {border: 1px solid hsla(0, 0%, 7%, .11);border-radius: 5px;margin-top: 10px;}
.wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-wrapper {border: 0;}
.wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-item__label {margin-left: 5px;}
.wc-block-components-tooltip.woocommerce-help-tip{display: flex;align-self: center;}
.woocommerce-cart .wc-block-components-sidebar-layout { justify-content: flex-end;}
.woocommerce-cart .block-cart-checkout-wrapper {width: 35%; padding-left: 2.2641509434%; box-sizing: border-box; }
.woocommerce-cart .wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-wrapper {padding: 15px;}
.wp-block-woocommerce-checkout-optional-fee-block input, .wp-block-woocommerce-checkout-optional-fee-block select, .wp-block-woocommerce-checkout-optional-fee-block select:focus{ outline: 0;} .wc-wcpfc-help-tip{display: inline-block;font-size: 14px;font-style: normal;height: 16px;line-height: 16px;position: relative;width: 16px;margin-left: 5px;top: -1px}
.wp-block-woocommerce-cart .wc-wcpfc-help-tip, .wp-block-woocommerce-checkout .wc-wcpfc-help-tip{font-size: 20px;margin-left: 0px;}
.wp-block-woocommerce-cart .wc-wcpfc-help-tip:after, .wp-block-woocommerce-checkout .wc-wcpfc-help-tip:after{font-family: Dashicons;speak: never;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;margin: 0;text-indent: 0;position: absolute;top: -2px;left: 5px;width: 100%;height: 100%;text-align: center;content: "\f223";cursor: help;}
#tiptip_holder{display:none;z-index:8675309;position:absolute;top:0;left:0}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#333}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#333}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#333}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#333}
#tiptip_content,.chart-tooltip,.wc_error_tip{color:#fff;font-size:.8em;max-width:200px;background:#333;text-align:left;border-radius:3px;padding:.618em 1em;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#tiptip_content code,.chart-tooltip code,.wc_error_tip code{padding:1px;background:#888}
#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}  .wc-block-components-tooltip.wc-wcpfc-help-tip{display: flex;align-self: center;}
@media (max-width:400px){
.extra-flate-tool-tip a[data-tooltip]:before{width:200px;}
.extra-flate-tool-tip a[data-tooltip]:before{left:auto;right:-15px;}
}
@media (max-width:960px){
.optional_fee_container .input-dropdown{margin-top:10px;margin-left:0;display:block;width:100%;}
}