#pisol-otw-tips:empty{
display: none;
}
#pisol-otw-tips{
display:grid;
grid-template-columns: 1fr;
grid-gap: 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 10px;
}
#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);
}
.pisol-otw-applied span, .pisol-otw-custom-applied span{
background-color: var(--owl-active-button-bg-color, #0073aa);
color: #fff;
}
.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;
}