2026-03-01 17:27:48 -03:00

162 lines
3.4 KiB
CSS

.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;
}