.componentAnexo{ display: flex; align-items: center; flex-wrap: nowrap; } .componentAnexo .input-group{ flex-grow: 1; position: relative; } .componentAnexo .inputAnexo{ color: blue!important; border-radius: 0!important; } .componentAnexo .icones{ display: flex; align-items: center; justify-content: flex-end; } .componentAnexo .icones .btn{ outline: none!important; outline-offset: unset!important; border-radius: 0; padding-left: 7px; padding-right: 7px; margin-left: 3px; } .componentAnexo .icones .btn-default, .componentAnexo .icones .btn-default:focus, .componentAnexo .icones .btn-default:active, .componentAnexo .icones .btn-default:hover{ border: solid 1px #58595b!important; } .componentAnexo .icones .btn-primary, .componentAnexo .icones .btn-primary:focus, .componentAnexo .icones .btn-primary:active, .componentAnexo .icones .btn-primary:hover{ border: solid 1px #58595b!important; } .componentAnexo .icones .btn-success, .componentAnexo .icones .btn-success:focus, .componentAnexo .icones .btn-success:active, .componentAnexo .icones .btn-success:hover{ border: solid 1px #1ab83f!important; } .componentAnexo .icones .btn-info, .componentAnexo .icones .btn-info:focus, .componentAnexo .icones .btn-info:active, .componentAnexo .icones .btn-info:hover{ border: solid 1px #1eaad9!important; } .componentAnexo .icones .btn-warning, .componentAnexo .icones .btn-warning:focus, .componentAnexo .icones .btn-warning:active, .componentAnexo .icones .btn-warning:hover{ border: solid 1px #e3b420!important; } .componentAnexo .icones .btn-danger, .componentAnexo .icones .btn-danger:focus, .componentAnexo .icones .btn-danger:active, .componentAnexo .icones .btn-danger:hover{ border: solid 1px #cc3d3d!important; } /* Etapas concluídas */ #wizard-steps .step-item.done .step-bullet { background-color: #28a745; /* verde */ border-color: #28a745; color: white; } #wizard-steps .step-item.done .step-label { color: #28a745; font-weight: bold; } /* Etapa atual */ #wizard-steps .step-item.active .step-bullet { background-color: #007bff; /* azul */ border-color: #007bff; color: white; } #wizard-steps .step-item.active .step-label { color: #007bff; font-weight: bold; } /* Etapas futuras */ #wizard-steps .step-item .step-bullet { background-color: #e9ecef; /* cinza claro */ border: 2px solid #ccc; color: #6c757d; } #wizard-steps .step-item .step-label { color: #6c757d; } /* Deixar as bolinhas maiores e destacadas */ #wizard-steps .step-bullet { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; margin-right: 8px; } .hist-list { margin: 0; padding-left: 20px; list-style: none; } .hist-list .hist-item { padding: 8px 0; border-bottom: 1px dashed #ddd; font-size: 14px; line-height: 1.5; } .hist-list .hist-item:last-child { border-bottom: 0; } .pedido-card { border: 1px solid #ddd; border-radius: 8px; margin: 10px 0; padding: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); } .pedido-header { font-weight: bold; margin-bottom: 8px; background: #f5f5f5; padding: 5px 10px; border-radius: 5px; } .pedido-grid { display: flex; flex-wrap: wrap; gap: 10px; } .pedido-box { flex: 1 1 120px; /* mínimo 120px, ajusta conforme espaço */ background: #fafafa; border: 1px solid #eee; border-radius: 6px; padding: 8px; text-align: center; font-size: 13px; }