DIV.layout-scol
{
    MARGIN: 0 0 0 -41px;
}

SPAN.layout-scol-separator
{
    BACKGROUND: rgba(128, 128, 128, 0.5);
    HEIGHT: 100%;
    POSITION: absolute;
    MARGIN-LEFT: 20px;
    WIDTH: 1px;
}

DIV.layout-scol-block
{
    DISPLAY: inline-block;
    MAX-WIDTH: 100%;
    PADDING: 0 0 0 41px;
    BOX-SIZING: border-box;
    -MOZ-BOX-SIZING: border-box;
    -WEBKIT-BOX-SIZING: border-box;
}

DIV.layout-scol-weight
{
    BORDER: 1px dotted #808080;
    BORDER-BOTTOM: none;
    BORDER-TOP: none;
    PADDING: 0 5px;
}

SPAN.layout-scol-separator:first-child
{
    DISPLAY: none;
}

@media (max-width: 640px),
       (max-device-width: 640px)
{
    DIV.layout-scol
    {
        MARGIN-BOTTOM: -20px;
    }

    DIV.layout-scol-block
    {
        DISPLAY: block;
        PADDING-BOTTOM: 20px;
        WIDTH: 100% !important;
    }

    SPAN.layout-scol-separator
    {
        DISPLAY: none;
    }
}