.extcf7-row, .extcf7-row *, .extcf7-row *::before, .extcf7-row *::after{
box-sizing: border-box;
}
.extcf7-row {
--extcf7-row-gap: 1rem;
display: flex;
flex-wrap: wrap;
margin-right: calc(-.5* var(--extcf7-row-gap));
margin-left: calc(-.5* var(--extcf7-row-gap));
}
.extcf7-row:not(:last-child) {
margin-bottom: var(--extcf7-row-gap);
}
.extcf7-col {
padding-right: calc(0.5* var(--extcf7-row-gap));
padding-left: calc(0.5* var(--extcf7-row-gap));
}
.extcf7-col-12 {
width: 100%;
}
.extcf7-col-6 {
width: 50%;
}
.extcf7-col-4 {
width: 33.3333%;
}
.extcf7-col-3 {
width: 25%;
} .wpcf7-extcf7-range-slider {
width: 100%;
}
.wpcf7-extcf7-range-slider-amount {
line-height: 1;
text-align: right;
margin-bottom: 10px;
}
.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content {
width: 100%;
height: 10px;
border: none;
background-color: #DCDCDC;
border-radius: 10px;
margin-block: 5px;
}
.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-range {
background-color: #1D39D7;
border-radius: 10px;
}
.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle {
background-color: #ffffff;
border-radius: 20px;
width: 20px;
height: 20px;
border: 3px solid #1D39D7;
outline: none;
top: 50%;
margin-top: -10px;
margin-left: -10px;
}
.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle.ui-state-active,
.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle.ui-state-hover {
background-color: #1D39D7;
}
.wpcf7-extcf7-slider-range-container {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.wpcf7-extcf7-slider-range-container span {
font-weight: 600;
font-size: 15px;
} .extcf7_signature_field_input {
display: none;
}
.extcf7_signature_pad {
position: relative;
display: flex;
flex-direction: column;
}
.extcf7_signature_pad canvas {
max-width: max-content;
width: 100%;
}