.widget.ld {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    margin: var(--base-margin);
    width: calc(7.4 * var(--block-width) - var(--base-margin));
}

.widget.ld.state {
    width: calc(1.2 * var(--block-width) - var(--base-margin) * 2);
}

.widget.ld.commons {
    width: calc(4 * var(--block-width) - var(--base-margin) );
}

.widget.ld > .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin: 6px 0;
}

.widget.ld.state > .row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.widget.ld > .row.caption > .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.widget.ld > .row.caption > .title > .letter {
    font-size: 1.2em;
    font-weight: 600;
}

.widget.ld > .row.caption > .title > .subtitle {
    font-size: 0.6em;
    font-weight: 600;
}

.widget.ld > .row.caption > .ld_state {
    margin-left: 12px;
    font-size: .6em;
    font-weight: 600;
    width: 60px;
    text-align: center;
}

.widget.ld > .row .field {
    width: 110px;
    flex: none;
}

.widget.ld > .row .spacer {
    width: 1px;
    height: 100%;
    flex: none;
    margin: 0 12px;
    background: #e0e0e0;
}

.widget.ld > .row .blank {
    flex-grow: 2;
}

.widget.ld > .row .counters {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    justify-content: space-between;
}

.widget.ld > .row.repos .counters,
.widget.ld > .row.killpos .counters {
    margin-left: 12px;
}

.widget.ld > .row .counters > .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 2;
}
.widget.ld > .row .counters > .col.btn {
    margin-left: 12px;
    flex-grow: 1;
}

.widget.ld > .row .counters > .col > .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.widget.ld > .row .counters > .col > .row > img {
    margin-right: 6px;
    flex: none;
    width: 12px;
    height: 12px;
}

.widget.ld > .row .counters > .col > .row > .title {
    width: 40px;
    flex: none;
}

.widget.ld > .row .counters > .col > .row > .value {
    max-width: 100px;
    flex: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget.ld.state {
    justify-content: space-between;
}

.widget.ld.state > .row .field.fv_max_block {
    margin-top: 12px;
}

.widget.ld.state > .row .field.cb_notify {
    flex-grow: 2;
}

.widget.ld > .row.caption > .unicol.ld_calc > * {
    width: 100%;
}

.widget.ld > .row > .ld_calc {
    min-width: 350px;
}

.widget.ld.ng {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
    margin: var(--base-margin);
    width: calc(16 * var(--block-width));
    padding: 0;
}

.widget.ld.ng > .unirow {
    width: 100%;
}

.widget.ld.ng > .unirow > .caption {
    margin: 0 16px;
}

.widget.ld.ng > .unirow > .caption > .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.widget.ld.ng > .unirow > .caption > .title > .letter {
    font-size: 1.2em;
    font-weight: 600;
}

.widget.ld.ng > .unirow > .caption > .title > .subtitle {
    font-size: 0.6em;
    font-weight: 600;
}

.widget.ld.ng > .unirow > .thresholds > div {
    width: 100px;
    margin-left: 16px;
}

.widget.ld .flag {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    width: 60px;
    flex: none;
    font-size: .7em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: none;
    border-radius: 6px;
    color: #fff;
    padding: 3px 6px;
    margin: 12px 0;
}

.widget.ld .flag.open_allow {
    background: green;
}

.widget.ld .flag.close_only {
    background: #ff5f22;
}

.widget.ld .flag.forced_vertical {
    background: #ffa130;
}

.widget.ld .flag.reduce_position {
    background: #d90101;
}

.widget.ld .flag.kill_position {
    background: maroon;
}

.widget.ld.ng > .unirow.ld_formulas {
    box-sizing: border-box;
    margin: 16px 0;
}

.widget.ld.ng > .unirow.ld_formulas > div {
    //width: 50%;
    margin: 16px;
}

.widget.ld.ng .formula {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 12px;
}

.widget.ld.ng .formula > * {
    padding: 0 3px;
}

.widget.ld.ng .formula > .cell.value {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.widget.ld.ng .formula > .cell:hover {
    background: cornsilk;
}

.widget.ld.ng .block-input {
    width: 110px;
}

.widget.ld.ng .block-timer {
    margin: 0 16px;
}

.widget.ld.ng .opt .center {
    margin: 0 16px;
}

.widget.ld.ng .opt .right > .attempts {
    margin: 0 16px;
}

.widget.ld.ng .opt h2 {
    margin-bottom: 8px;
}