:root {
    --datetime: 140px;
    --digits3: 96px;
    --digits8: 130px;
    --digits10: 150px;
    --port: 140px;
}

.form-grid {
    display: grid;
    gap: .25rem !important;
    align-items: center;
}

.form-grid > div {
    display: flex;
    align-items: center;
    align-content: center;
}

.form-grid-2-col {
    grid-template-columns: max-content 1fr;
}

.form-grid-2-col__fix-digits10 {
    grid-template-columns: min-content var(--digits10);
}

.form-grid-3-col__fix-digits10-fix {
    grid-template-columns: min-content var(--digits10) min-content;
}

.form-grid-3-col__fix-datetime-fix {
    grid-template-columns: min-content var(--datetime) min-content;
}

.form-grid-3-col__fix-fix-datetime {
    grid-template-columns: min-content min-content var(--datetime);
}

.form-grid-4-col__fix-digits10-fix-digits10 {
    grid-template-columns: min-content var(--digits10) min-content var(--digits10);
}

.form-grid-5-col__fix-digits10-fix-digits10-fix-digits10-fix {
    grid-template-columns: min-content var(--digits10) min-content var(--digits10) min-content;
}

.form-grid-5-col__fix-datetime-fix-digits3-fix {
    grid-template-columns: min-content var(--datetime) min-content var(--digits3) min-content;
}

.form-grid-5-col__fix-digits10-digits10-digits10-digits3 {
    grid-template-columns: min-content var(--digits10) var(--digits10) var(--digits10) var(--digits3);
}

.form-grid-6-col__fix-datetime-fix-fix-fix-digits8 {
    grid-template-columns: min-content var(--datetime) min-content min-content min-content var(--digits10);
}

.form-grid-6-col__fix-fix-datetime-fix-fix-datetime {
    grid-template-columns: min-content min-content var(--datetime) min-content min-content var(--datetime);
}

.form-grid-7-col__fix-port-datetime-fix-fix-fix-digits8 {
    grid-template-columns: min-content var(--port) var(--datetime) min-content min-content min-content var(--digits8);
}

.form-grid-8-col__fix-digits8-digits8-digits3-fix-digits8-digits8-digits3 {
    grid-template-columns: min-content var(--digits8) var(--digits8) var(--digits3) min-content var(--digits8) var(--digits8) var(--digits3);
}

.form-grid-8-col__fix-port-fix-datetime-fix-fix-digits8-fix {
    grid-template-columns: min-content var(--port) min-content var(--datetime) min-content min-content var(--digits8) min-content;
}

.form-grid-power-supply {
    grid-template-columns: min-content var(--digits10) min-content var(--digits10) min-content var(--digits10);
}

.form-grid-power-supply > div:nth-child(-n+6) {
    justify-items: center;
    justify-content: center;
}

.form-grid-2-col > div:nth-child(odd) {
    padding-right: .25rem;
}


.grid-error-cell {
    background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
}


.grid-commodity {
    grid-template-columns: min-content var(--digits10) var(--digits10) min-content var(--digits10) min-content;
}

.grid-commodity .item1 {
    grid-column: span 1;
}

.grid-commodity .item2 {
    grid-column: span 5;
}