#pisol-otw-tips:empty{
display: none;
}
#pisol-otw-tips{
display:grid;
grid-template-columns: 1fr;
grid-gap: 10px;
background-color: #fff;
border-radius: 5px;
padding: 10px;
margin: 10px;
}
.pisol-otw-tip{
display: flex;
align-items: center;
grid-gap:20px;
background-color:var(--pisol-otw-box-bg-color, #fff);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04),
0 4px 12px rgba(0, 0, 0, 0.08);
}
.pisol-otw-tip.pisol-box-style-square{
border-radius:0;
}
.pisol-otw-tip.pisol-box-style-rounded{
border-radius:10px;
}
.pisol-otw-tip.pisol-box-style-pill{
border-radius: 9999px;
padding-left:40px;
padding-right:40px;
}
.pisol-otw-icon-container{
flex:0 0 100px;
}
.pisol-otw-tip.pisol-icon-right{
justify-content: space-between;
}
.pisol-otw-tip.pisol-icon-right .pisol-otw-icon-container{
order:2;
}
.pisol-otw-icon{
width:100%;
height:auto;
}
#pisol-otw-tips .pisol-otw-tip:not(:last-child) {
border-bottom: 1px solid #ccc;
padding-bottom:10px;
}
.pisol-otw-name{
font-size: 20px;
font-weight: bold;
}
.pisol-otw-values{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.pisol-otw-value, .pisol-otw-value-custom{
line-height: 1;
margin: 5px;
border: 1px solid #dddddd;
padding: 2px;
cursor: pointer;
}
.pisol-otw-value span, .pisol-otw-value-custom span{
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 10px;
background-color: var(--owl-button-bg-color, #ccc);
color:var(--owl-button-text-color, #000);
}
.pisol-otw-applied span, .pisol-otw-custom-applied span{
background-color: var(--owl-active-button-bg-color, #0073aa);
color:var(--owl-active-button-text-color, #000);
}
.pisol-otw-button-style-square .pisol-otw-value, .pisol-otw-button-style-square .pisol-otw-value span, .pisol-otw-button-style-square .pisol-otw-value-custom, .pisol-otw-button-style-square .pisol-otw-value-custom span, .pisol-otw-button-style-square .pisol-otw-custom-tip-button{
border-radius:0;
}
.pisol-otw-button-style-pill .pisol-otw-value, .pisol-otw-button-style-pill .pisol-otw-value span, .pisol-otw-button-style-pill .pisol-otw-value-custom, .pisol-otw-button-style-pill .pisol-otw-value-custom span, .pisol-otw-button-style-pill .pisol-otw-custom-tip-button{
border-radius:200px;
}
.pisol-otw-button-style-rounded .pisol-otw-value, .pisol-otw-button-style-rounded .pisol-otw-value span, .pisol-otw-button-style-rounded .pisol-otw-value-custom, .pisol-otw-button-style-rounded .pisol-otw-value-custom span, .pisol-otw-button-style-rounded .pisol-otw-custom-tip-button{
border-radius:7px;
}
.pisol-otw-value.pisol-otw-loading{
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.pisol-otw-custom-price{
display: flex;
margin-top: 10px;
width:300px;
}
.pisol-otw-custom-tip-field {
height: 36px !important;
line-height: 36px !important;
padding: 0 10px !important;
border: none;
background-color: #eeeeee;
border-radius: 0;
font-weight: normal;
outline: none;
width:150px !important;
}
.pisol-otw-custom-tip-button {
height: 36px;
line-height: 36px;
padding: 0 10px;
border: none;
background-color: var(--owl-active-button-bg-color, #0073aa);
border-radius: 0;
font-weight: normal;
outline: none;
margin-left:5px;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}
.pisol-otw-custom-tip-button.pisol-otw-loading{
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.pisol-otw-tip{
padding:10px;
}
.pisol-otw-tip[aria-invalid="true"] {
border: 1px solid #ff0000;
}
.pisol-otw-custom-price{
display: none;
}
.pisol-otw-custom-price.visible{
display: flex;
}