/* Style the form */
.form-disabled > div {opacity:1!important;}

#pedidoForm {padding:15px;}
#pedidoForm .tab {display: none;}
#pedidoForm .form-group {margin-bottom: 1rem;}
#pedidoForm .invalid {background-color: #ffdddd!important;}
#pedido-bottom {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

#pedidoForm .step {
    display: inline-block; height: 35px;  width: 35px; line-height: 35px; margin: 0 2px; 
    background-color:var(--e-global-color-primary); opacity: 0.5; border: none; border-radius: 50%;
    color:#fff; font-weight: bold; text-align: center;
}
#pedidoForm .step.active {opacity: 1;}
#pedidoForm .step.finish {background-color: #04AA6D;}


.pedido-response > * {margin-bottom:25px; display:block;}
.response-error {color: #E73600; font-weight: bold;}
.response-loading {display: block; height: 350px; background: url('images/loading.gif') no-repeat center;}

.btn-logout {color:#fff!important;}
.btn-logout:hover {text-decoration: underline;}

.response-html {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; padding: 50px;
    display: flex; flex-flow: column; align-items: center; justify-content: center;
    background-color: #fff;
}