.arista-step {
display: none;
}
.arista-step.active {
display: block;
}
.arista-progress-bar {
width: 100%;
background: #eee;
height: 10px;
margin-bottom: 20px;
}
.arista-progress {
height: 10px;
background: #0073aa;
width: 0%;
}
.arista-field {
margin-bottom: 15px;
}
.arista-field label {
display: block;
font-weight: 600;
margin-bottom: 5px;
}
.arista-field input,
.arista-field textarea,
.arista-field select {
width: 100%;
padding: 8px;
}
.arista-error {
color: red;
font-size: 13px;
margin-top: 5px;
display: block;
}
.arista-field input.error {
border: 1px solid red;
}
#aristaLoader{
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(255,255,255,0.9);
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
z-index:9999;
}
.arista-spinner{
width:60px;
height:60px;
border:6px solid #ddd;
border-top:6px solid #0073aa;
border-radius:50%;
animation: spin 1s linear infinite;
}
@keyframes spin{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
#aristaLoader p{
margin-top:15px;
font-size:16px;
color:#333;
}