.list-enter {
    max-height:3em;
    max-width:calc(100% - 7em);
    background:#000;
    color:#fff;

}


div.ol div.ol {
    list-style: decimal;
    margin: 1em 0 1em 0.5em;
    counter-reset: section;
}

    div.ol div.ol div.ol {
        list-style: decimal;
        margin: 1em 0 1em 2em;
        counter-reset: section;
    }


div.ol div.ul div.ol {
    list-style: decimal;
    margin: 1em 0 1em 3em;
    counter-reset: section;
}

div.ol {
    list-style: decimal;
    margin: 1em 0 1em 2em;
    counter-reset: section;
}

div.ul {
    list-style: circle;
    margin: 1em 0 1em 0.5em;
}

div.ol > div.list-item-container > div.list-item:before {
    counter-increment: section;
    content: counter(section) ". ";
    vertical-align: top;
}

div.list-item div.ol, div.list-item div.ul {
    margin-top: -0.5em;
}

div.list-item {
    font-size: 1em;

    vertical-align: top;
    margin-bottom: 0.5em;
}

    div.list-item > * > * {
        font-size: 0.8em;
    }

    div.list-item div.list-item > * {
        font-size: 1em;
    }

    div.list-item * {
        text-indent: 0;
    }

    div.list-item table {
        font-size: 0.8em;
    }

    div.list-item.edit {
        font-size: 1em;
    }

    div.list-item div.list-item {
        font-size: 0.8em;
    }


div.ul div.list-item:before {
    content: '\25CF ';
    margin-right: 1em;
    vertical-align: top;
}

div.ul div.list-item.edit:before {
    content: '\25CF ';
    margin-right: 0;
}


div.list-item-container.edit {
    margin: 1em 0;
    border: 1px solid #000;
    text-indent: 0;
}

div.dynamic-fields div.input-field div.list li {
    max-width: 100%;
    padding: 0;
}

    div.dynamic-fields div.input-field div.list li table {
        width: 100%;
        max-width: 100% !important;
    }

    div.dynamic-fields div.input-field div.list li tr {
        width: 100%;
        max-width: 100%;
        max-width: 100% !important;
    }

    div.dynamic-fields div.input-field div.list li td {
        border: 1px solid #000;
    }

    div.dynamic-fields div.input-field div.list li td {
        width: 4em;
    }

        div.dynamic-fields div.input-field div.list li td:first-child {
            width: calc(100% - 4em) !important;
            overflow: hidden;
        }

    div.dynamic-fields div.input-field div.list li div.list-item > div {
        display: table-row;
        background: blue;
    }

        div.dynamic-fields div.input-field div.list li div.list-item > div span {
            display: table-cell;
            border: 2px solid #000;
            overflow: hidden;
            float: none;
        }
/*
.list-item-edit {
    border:1px solid red;
    position:relative;
    width:20em;
}

.list-item-edit  span.list-content-edit {
    display:inline-block;
    width:15em !important;
    border:1px solid #000;
    float:none;
    position:absolute;

    left:0;
}

.list-item-edit span.list-cmds {    
    display:inline-block;
    width:4em;
    background:green;
    float:none;
    position:relative;
}


*/

span.list-cmds a:first-child {
    margin-right: 1em;
}

li.dynamic-list span.dynamic-images, li.dynamic-list span.dynamic-images img,
li.dynamic-list .dynamic-text {
    position: relative;
}

span.list-title {
    text-transform: capitalize;
}

span.list-title span{
    text-transform:uppercase;
}


div.list-item-container.edit div.list-item.edit span.list-item-content.maximize {
    display: block!important;
}

div.list-item.edit > span {
    display: inline-block;
}

    div.list-item.edit > span.list-item-content {
        width: calc(100% - (5em + 4px));
        border: 1px solid #eee;
    }

        div.list-item.edit > span.list-item-content > textarea {
            height: 3em!important;
        }

        div.list-item.edit > span.list-item-content.maximize > textarea {
            height: 9em!important;
        }

    div.list-item.edit > span.list-item-cmds {
        width: 3em;
        vertical-align: top;
    }

        div.list-item.edit > span.list-item-cmds a.button {
            width: 1em;
            margin: 1em;
            display: block;
            text-indent: 0;
        }

            div.list-item.edit > span.list-item-cmds a.button:first-child {
                margin-right: 1em;
            }