/* Basic styles for Ultra Addons Multistep */
.wpforms-container .wpforms-form .uawpf-page { 
    margin-bottom: 10px;
 }
.wpforms-container .wpforms-form .uawpforms-buttons { 
    display:flex; 
    gap:10px; 
    justify-content:center; 
    margin: 0; 
}
.wpforms-container .wpforms-form .uawpf-pagebreak-left { 
    justify-content:flex-start; 
}
.wpforms-container .wpforms-form .uawpf-pagebreak-right { 
    justify-content:flex-end; 
}
.wpforms-container .wpforms-form .uawpf-pagebreak-center { 
    justify-content:center; 
}
.wpforms-container .wpforms-form .uawpf-pagebreak-split { 
    justify-content:space-between; 
}

.wpforms-container .wpforms-form .uawpf-page-btn { 
    padding:8px 16px; 
    border: none; 
    background: var(--wpforms-button-background-color);
    color: var(--wpforms-button-text-color);
    cursor:pointer; 
    border-radius:4px;
    min-width: 90px;
    height: var(--wpforms-button-size-height);
    border-radius: var(--wpforms-button-border-radius);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    font-family: inherit;
    font-weight: 500;
    font-size: var(--wpforms-button-size-font-size);
}

.wpforms-container .wpforms-form .uawpf-page-btn:hover { 
    background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),var(--wpforms-button-background-color);
}

.wpforms-container .wpforms-form .uawpf-page-btn[disabled], 
.wpforms-container .wpforms-form .wpforms-disabled { 
    opacity:0.6; 
    cursor:not-allowed; 
}

/* Indicator common */
.wpforms-container .wpforms-form .uawpf-page-indicator { 
    margin-bottom: 12px; 
}
.wpforms-container .wpforms-form .uawpf-progress-header { 
    display:flex; 
    align-items:center; 
    gap:6px; 
    margin-bottom:6px; 
}
.wpforms-container .wpforms-form .uawpf-progress-title { 
    font-weight:600; 
}
.wpforms-container .wpforms-form .uawpf-progress-wrap { 
    background:#f0f0f0; 
    height:6px; 
    border-radius:4px; 
    overflow:hidden; 
}
.wpforms-container .wpforms-form .uawpf-progress-bar { 
    height:6px; 
    width:0; 
    transition: width .3s ease; 
}

/* Circles */
.wpforms-container .wpforms-form .uawpf-indicator-page { 
    display:inline-flex; 
    align-items:center; 
    gap:8px; 
    margin-right:12px; 
}
.wpforms-container .wpforms-form .uawpf-indicator-page .dot { 
    width:24px; 
    height:24px; 
    display:inline-block; 
    border-radius:50%; 
    background:#d9d9d9; 
}
.wpforms-container .wpforms-form .uawpf-indicator-page.active .dot { 
    background: var(--uawpf-indicator-color, #066aab); 
}
.wpforms-container .wpforms-form .uawpf-indicator-page .title { 
    font-size: 12px; 
}

/* Connector */
.wpforms-container .wpforms-form .uawpf-indicator-connector { 
    display:inline-flex; 
    align-items:center; 
    gap:6px; 
    position:relative; 
}
.wpforms-container .wpforms-form .uawpf-indicator-connector .node {
	display: inline-block;
	min-width: 28px;
	text-align: center;
	border-radius: 100%;
	background: #d9d9d9;
	width: 28px;
	height: 28px;
    z-index: 2;
}
.wpforms-container .wpforms-form .uawpf-indicator-connector.active .node { 
    background: var(--uawpf-indicator-color, #066aab); 
    color:#fff; 
}
.wpforms-container .wpforms-form .uawpf-indicator-connector + .uawpf-indicator-connector::before {
	content: "";
	position: absolute;
	top: 50%;
	height: 2px;
	background: #d9d9d9;
	transform: translateY(-50%);
	width: 60%;
	left: -56%;
	z-index: 1;
}

.wpforms-container .wpforms-form .uawpf-hidden { 
    display:none !important; 
}
.wpforms-container .wpforms-form .uawpf-invalid { 
    border-color: #dc3232 !important; 
    box-shadow: 0 0 0 1px #dc3232 inset; 
}