/*////////////////////////////////FONTSTYLE//////////////////*/
.fontstylefront {
align-items: center;
cursor: pointer;
display: inline-block;
flex-direction: row;
user-select: none;
padding: 0px 15px;
width: 100px;
}
.border{
border: 2px solid blue !important;
}
/*.callibri{
	background-image: url("https://productoptions.barn2.com/wp-content/uploads/sites/37/2022/07/font-choice-Japan-150x150.png");
}*/

.fontstylefront .fontnameimage{
	background-position: 50%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 15px;
  border-radius: 5px;
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 auto;
  height: 100%;
  left: 4px;
  margin: 2px;
  outline: none;
  top: 4px;
  transition-duration: .2s;
  transition-property: background-image,border-color,background-color;
  transition-timing-function: cubic-bezier(.2,.8,.4,1);
  vertical-align: middle;
  /*width: 100%;*/
  margin-left: -15px;
  z-index: 999999;

}
label .wpo-image-button {
	display: flex;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
}
/*////////////////////////////////////////////////////////////////*/

.custom_options
{
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

.custom_options label
{
	font-weight: bold;
	width: 100%;
	display: block;
	clear: both;
	vertical-align: top !important;
	float: left;
}
.custom_options .required
{
	color: red;
}
.custom_options .price
{
	font-weight: normal;
	font-size: 15px !important;
}
.cart
{
	width: 100%;
}
.eoinput
{
	width: 70%;
	border-radius: 5px;
}
.eocustomgroup
{
	width: 100%;
	margin-top: 15px;
}
.multi
{
	height: 150px !important;
}

.sim_radio{ margin-top: 5px;

float: left;

margin-right: 3px; }
/*///////////////////////////////////////*/
.radiosquarecss{
align-items: center;
cursor: pointer;
display: inline-block;
flex-direction: row;
user-select: none;
}
.radiosquarecss label{
	display: flex;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;

}
.radiosquarecss input{
	opacity: 0;
}
.radiosquarecss span.wpo-swatch-inner {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-color: var(--wpo-input-border-color-alt);
  border-radius: 5px;
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 auto;
  height: 30px;
  left: 4px;
  margin: 2px;
  outline: none;
  top: 4px;
  transition-duration: .2s;
  transition-property: background-image,border-color,background-color;
  transition-timing-function: cubic-bezier(.2,.8,.4,1);
  vertical-align: middle;
  width: 30px;
  /*margin-left: -15px;*/
  z-index: 999;
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.6-6.1-6 2.2-2.2 3.9 4L13.9.9l2.2 2.2-9.6 9.5Z' fill='%23FFF'/%3E%3C/svg%3E");*/
}
.background-image{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.6-6.1-6 2.2-2.2 3.9 4L13.9.9l2.2 2.2-9.6 9.5Z' fill='%23FFF'/%3E%3C/svg%3E");

}
/*/////////////////////////////////////////////*/
.sim_radio_button { width: auto; margin-right: 20px; clear: both }

div.radio img { border: solid 1px #bbb; padding: 2px; cursor: pointer; }
div.radio label { font-family: arial; }
/*input[type=radio]{ display: none; }*/
input[type=radio]:checked + img { border: solid 1px #ff0000; }
.radio { width: auto; display: inline-block !important; cursor: pointer;}

.custom_options .radio label { padding-left: 0 !important; padding-right: 0 !important;}
.rowTitle
{
	text-align: center;
	float: left;
	width: 80px;
	font-size: 14px;
	/*margin: 11px;*/

}
.radiosquarecss .rowTitle{
	margin-top: -23px;
	cursor: default;


}
.pricepadding{
	padding: 10px;
}
.custom_options .radio
{
	width: 80px;
	text-align: center;
}


div.checkbox img { border: solid 1px #bbb; padding: 2px; margin-left: 5px; float: left; cursor: pointer; }
div.checkbox label { font-family: arial; width: auto !important; float: left; margin-right: 10px !important; }
/*input[type=radio]{ display: none; }*/
input[type=radio]:checked + img { border: solid 1px #ff0000; }
.radio { width: auto; display: inline-block !important; cursor: pointer;}

.custom_options .checkbox label { padding-left: 0 !important; padding-right: 0 !important;}
.rowTitle
{
	text-align: center;
	float: left;
	width: auto;
	font-size: 14px;

}
.radio .rowTitle
{
	text-align: center;
	float: left;
	font-size: 14px;
	width: 100%;
}
.custom_options .checkbox
{
	width: 100%;
	text-align: left;
	float: left;
	padding-top: 5px;
}
.custom_options .checkbox input[type="checkbox"]
{
	margin-top: 8px;
	float: left;
}
.price_total
{
	width: 100%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	font-size: 18px;
}
.tprice
{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.leftprice
{
	color: #000;
	font-weight: bold;
	width: /*150px*/;
	width: auto;
	float: left;
}
.rightprice
{
	width: auto;
	float: left;
	font-weight: bold;
	color: black;
}
.datepick, .timepick
{
	width: 90%;
	float: left;
}
.ui-datepicker-trigger
{
	cursor: pointer;
	float: right;
	/*display: none;*/
}
.woocommerce_order_items_wrapper table.woocommerce_order_items table.display_meta tr th, .woocommerce_order_items_wrapper table.woocommerce_order_items table.meta tr th {
    width: auto !important;
}

.variation dt.variation-{ display: none;}

.range_picker_min_value,
.range_picker_max_value {
	font-size: 12px;
	vertical-align: top;
}

.range_val {
 	vertical-align: super;
}

.eocustomgroup .price {
	margin-top: 0px !important;
}

.eocustomgroup .radio .price {
	margin-top: -5px !important;
}
.eocustomgroup label {
	margin-bottom: 5px;
}


.tooltip {
    /*background-color: #464646;*/
    /*color: #fff;*/
    color: black;
    padding: 2px;
    border-radius: 3px;
    /*font-size: 12px;*/
    font-size: 15px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
}

.tooltip_text {
    display: none;
    background-color: #464646;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /*top: 100%;   */
    /*left: 0;*/
    z-index: 9999;
}

.tooltip:hover + .tooltip_text {
    display: inline-block;
}
.reset_tooltip_text{
	cursor: pointer;
	display: none;
    background-color: #464646;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /*top: 100%;   */
    /*left: 0;*/
    z-index: 9999;
}
.fa:hover + .reset_tooltip_text {
	display: inline-block;
}


div.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Three columns */
    margin-right: -5px;
}


div .vertical {
    /* Styles for vertical layout */
    display: flex;
    flex-direction: column;
    margin-right: -5px;

}


.url_error_message{
	color: red;
	display: none;
}
.extension_error_message{
	color: red;
	display: none;
}



.woocommerce-product-gallery{
	opacity: 1 !important;
}

.radio_reset {
	cursor: pointer;
	font-size: 12px !important;
	border-radius: 5px !important;
}