#configurator-container{
    height: 100%;
    width: 100%;
    min-height: 100%;
    display: block;
}

/* Высота поля рассчитана на два этажа секций с просветом между ними плюс равные
   поля сверху и снизу, куда помещаются присоединения на верхней грани секции
   (клапан, гибкая вставка). Обе высоты должны совпадать: по facility-field
   отрисовщик центрирует этажи, droppable-field - видимая рамка поля. */
#droppable-field{
    height: 20rem;
    width: 100%;
    position: relative;
}

#facility-field{
    position: relative;
    height: 20rem;
    width: 70%;
    left: 15%;
 }

#components-field{
    width: 100%;
    position: relative;
    margin-bottom: 0.625rem;
    text-align: center;
}

.component-image{
    padding: 0.625rem;
    display: inline-block;
    background-color: white;
}

.img-thumbnail{
    float: left;
    border: none;
    height: 3.875rem;
}

/* Подписи краев поля сборки: чем является верх и низ картинки при выбранной
   ориентации установки (см. Drawer.setBuildOrientation). */
#droppable-field .orientation-mark {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px dashed #c3cbd4;
    pointer-events: none;
    z-index: 0;
}

#droppable-field .orientation-mark-top {
    top: 0;
}

#droppable-field .orientation-mark-bottom {
    bottom: 0;
}

#droppable-field .orientation-mark span {
    position: absolute;
    font-size: 0.6875rem;
    line-height: 1.25rem;
    color: #8b96a3;
    white-space: nowrap;
    background: #fff;
    padding: 0 0.25rem;
}

/* подпись верхнего края - под линией, нижнего - над линией, обе внутри поля */
#droppable-field .orientation-mark-top span {
    top: 0.0625rem;
}

#droppable-field .orientation-mark-bottom span {
    top: -1.3125rem;
}

#droppable-field .orientation-mark-side {
    left: -0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
}

#droppable-field .orientation-mark-depth {
    right: -0.25rem;
}

/* Ориентация установки в шапке конфигуратора: дубль поля опросного листа. */
#build-orientation-bar {
    display: flex;
    align-items: center;
    margin-left: 0.9375rem;
    font-size: 0.8125rem;
    color: #55606c;
    white-space: nowrap;
}

#build-orientation-bar select {
    height: 1.875rem;
    /* ширина под самый длинный вариант («Горизонтальная» и переименования компаний) */
    min-width: 11.25rem;
    padding: 0 0.375rem;
    font-size: 0.8125rem;
    margin-left: 0.375rem;
}

/* Ритм блоков страницы конфигуратора: шапка - лента конфигураций - поле сборки -
   палитра секций - кнопки - опросный лист. Раньше блоки стояли встык (0px), а перед
   кнопками, наоборот, был провал 28px. */
#configurator-toolbar {
    padding: 0.5rem 0;
}

.build-glider-wrap {
    margin-bottom: 0.75rem;
}

#components-field {
    padding-top: 0.75rem;
}

#configurator-actions {
    margin-top: 0.75rem;
}

#configurator-actions .badge {
    margin-top: 0.5rem !important;
}

#censusPaperBody {
    margin-top: 1.25rem;
}
