/*CSS Layout área genérico div dos columna*/
        .lo-ddc-body{
            display: flex;
            justify-content: space-between;
            align-items: stretch;
        }
            .lo-ddc-body-first, .lo-ddc-body-second{
                width: calc(50% - (var(--box-margin-right) / 2));
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }
            .lo-ddc-body-first .form-group, .lo-ddc-body-second .form-group{
                margin-bottom: 0;
            }
@media (max-width:768px) {
        .lo-ddc-body{
            flex-wrap: wrap;
        }
            .lo-ddc-body-first, .lo-ddc-body-second{
                width: 100%;
            }
}