/* /Componentes/TextboxDateTime.razor.rz.scp.css */
/* A caixa da mascara ocupa a linha inteira e transborda o pai, entao o afastamento
   do calendario vem do gap do flex e nao de margem, que acabava sendo absorvida. */
.AlinhamentoEndFlex[b-qyi7c5dkjx] {
    gap: .5rem;
}

.campo-mascara[b-qyi7c5dkjx] {
    flex: 1 1 auto;
    min-width: 0;
}

.campo-mascara[b-qyi7c5dkjx]  .e-input-group {
    width: 100% !important;
    box-sizing: border-box;
}

/* O SfDatePicker ao lado da mascara aparece apenas como o botao de calendario. */
[b-qyi7c5dkjx] .e-date-wrapper input.e-input,
[b-qyi7c5dkjx] .e-date-wrapper.e-control-wrapper input.e-input,
[b-qyi7c5dkjx] .e-date-wrapper input.e-input:focus,
[b-qyi7c5dkjx] .e-date-wrapper.e-control-wrapper input.e-input:focus {
    padding-left: 0px;
    width: 0px;
}

[b-qyi7c5dkjx] .e-date-wrapper .e-input-group-icon:last-child,
[b-qyi7c5dkjx] .e-date-wrapper.e-control-wrapper .e-input-group-icon:last-child {
    border-left-width: 0;
    padding-left: 6px;
    padding-right: 6px;
}