// same than answers in exo and other form embedded lists
.criteria-group {
    ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .no-criterion-info {
        font-style: italic;
        text-align: center;

        // todo use vars
        margin-bottom: 10px;
        line-height: 30px;
        border: 1px dashed #999;
        border-radius: 4px;
        padding: 5px;
        color: #999;
    }

    .criterion-item {
        display: flex;
        align-items: flex-start;
        background-color: @gray-lighter;
        border: 1px solid @gray-lighter;
        border-radius: @border-radius-base;
        padding: 10px;
        margin-bottom: 10px;

        .criterion-content {
            flex: 1;
            margin-right: floor(@grid-gutter-width / 2);
            margin-bottom: 0;
        }

        .error-block {
            margin-bottom: 0;
        }

        .right-controls {
            .btn {
                padding-left: 4px;
                padding-right: 4px;
            }
        }
    }
}