body {margin-bottom:100px;}

.card {margin-top:30px;}
.card-info {font-size:14px; margin-top:-15px; margin-bottom:10px;}

#card_form_real {display: none;}

#aviso-validacion { margin-top:20px; display:none;}
#aviso-validacion.alert p {width:calc(100% - 40px); float:left; margin-bottom:0; margin-left:15px;}
#aviso-validacion.alert:before {float:left; display:block; width:18px;}

.card {display:none;}
#inicio, #cliente-info, #card-btn, #card-gracias, #card-error {display:block;}
#cliente-info {color:#6E6E6E; font-size:14px; text-align:center;}

.form-group .feedback {font-size:80%;}
.form-control.is-invalid {border-width:2px;}
input[required=true],
select[required=true],
textarea[required=true],
input[required=required],
select[required=required],
textarea[required=required]
{border-width:2px; border-color:#6E6E6E; background:#f7d35861;}
*[required=true].is-valid,
*[required=required].is-valid {background-color:white;}

input[required=true].is-invalid {border-width:3px;}
select[required=true].is-invalid {border-width:3px;}

.unidad {padding:15px 5px 15px; margin-bottom:0; border:1px solid #E6E6E6; border-bottom:0; }
.unidad:nth-child(even) {background-color:#FAFAFA;}
.cols_unidades .unidad:last-child {border-bottom:1px solid #E6E6E6;}
.unidad input[type=checkbox] {margin:6px 5px;}
.unidad label {display:inline-block; width:190px;}
.unidad input[type=text] {display:inline-block; width:calc(100% - 230px);}

#paso9c textarea:first-child {margin-bottom:20px;}
#paso9d textarea:first-child {margin-bottom:20px;}
#paso9dir textarea {margin-bottom:20px;}
#paso9dir textarea:last-child {margin-bottom:0;}
#paso9d p {color:#0080FF;}

#card-btn .card-body {padding:0.75rem 1.25rem;}

#form-status {font-size:90%; margin-right:20px; color:#6E6E6E; font-weight: bold;}
.btn-primary:disabled { background-color:#6E6E6E; border-color:#6E6E6E;}

#progress-fixed {position:fixed; bottom:0; width:100%;}
#progress-box { padding:20px; background:#E6E6E6; border:1px solid #D8D8D8; border-radius:5px; }
.progress-bg {height:28px; width:100%; border:1px solid #D8D8D8; border-radius:10px; background:white; overflow: hidden; }
.progress-barra {height:28px; width:0; background-image:url('ui/progressbar.png'); text-align:center; line-height:28px; color:white; font-size:15px;}

#card-gracias .card-body { text-align:center; }
#card-gracias .card-body p {margin:40px;}

.alert.alert-danger:before {content:'\f071';
    font-family: FontAwesome, serif; margin-right:5px;}

@media (max-width: 600px) {
    body .unidad input[type=text] { display:block; width: 100%; }
}