ul, ol{
    //    margin-bottom : 1.5em;
    margin       : 0;
    padding-left : 2.5em;

    ol, ul{
        margin    : 0.3em 0 1em;
        font-size : 0.9em;
    }

    li{
        margin-bottom : 0.3em;

        li{ }
    }

    &.small{
        & > li{
            padding : @padding-mini-vertical @padding-mini-horizontal;
        }
    }

    &:first-child{
        margin-top : 0;
    }

}

ul{
    list-style-type : disc;

    ul{
        list-style-type : circle;
    }
}

ol{
    list-style-type : decimal;

    ol{
        list-style-type : lower-latin;
    }
}

dl{
    dt{
        font-weight : bold;
    }

    dd{
        margin-bottom : 0.75em;

        & + dd{
            margin-top : -0.5em;
        }
    }

    &.horizontal{
        dt{
            float      : left;
            clear      : left;
            width      : 35%;
            text-align : right;
        }

        dd{
            margin-left : 35%;
        }
    }
}

[class*=" list-"], [class^="list-"]{
    list-style-type : none;
    padding-left    : 0;
}
ul, ol{
    &.list-inline when (@list-inline = true) and (@lists-classes = true){
        zoom : 1;

        & > li{
            .inline-block(top);
            margin : 0 0.5em;
        }
    }

    &.list-bordered when (@list-bordered = true) and (@lists-classes = true){
        zoom : 1;

        & > li{
            border-bottom  : 1px dashed @hr-color;
            margin         : 0;
            padding-top    : @padding-base-vertical;
            padding-bottom : @padding-base-vertical;
            position       : relative;

            &[class*='active']{
                padding-left : 10px;

                &:before{
                    content      : '';
                    position     : absolute;
                    left         : 0;
                    top          : 0;
                    bottom       : 0;
                    margin       : auto;
                    height       : 0;
                    border-style : solid;
                    border-width : 5px 0 5px 5px;
                    border-color : transparent @gray;
                }
            }
        }

        //        a{
        //            color           : inherit;
        //            text-decoration : underline;
        //            &:hover{
        //                text-decoration : none;
        //            }
        //        }
    }

    &.list-tags when (@list-tags = true) and (@lists-classes = true){
        margin-bottom : 0;

        & > li{
            float      : left;
            margin     : 1% 0 0 3px;
            padding    : @padding-small-vertical;
            background : @gray-light;
            cursor     : pointer;
            font-size  : @font-size-base * @font-size-small;
            //            line-height : 1;
            .text-overflow;

            & > *{
                //                line-height : normal;
            }

            &:hover, &.active, &.tag-current{
                background : darken(@gray-light, 10%);
            }

            &.disabled{
                cursor     : default;
                background : @gray-lighter;
                color      : darken(@gray-light, 10%);
            }

            &.active, &.tag-current{
            }

            //                    [class*="@{icon-prefix}-"].fl-right{
            //                        margin-top : 3px;
            //                    }
            //                    [class*="remove"], [class*="close"]{
            //                        font-size : 0.85em;
            //                    }
        }
    }

    &.list-arrow when (@list-arrow = true) and (@lists-classes = true){
        zoom : 1;

        & > li{
            padding-left : 1em;

            &:before{
                vertical-align : top;
                color          : inherit;
                margin-left    : -1em;
                .activate-toaster-icon() when (@toaster-icons = true){
                    font-family : @icon-family;
                    content     : '\e01a';
                }
                .activate-toaster-icon() when (@toaster-icons = false){
                    content : '>';
                }
                .activate-toaster-icon();
            }

            &:hover{
                &:before{ color : @brand-primary; }
            }
        }
    }

    &.list-count-sign when (@list-count-sign = true) and (@lists-classes = true){
        counter-reset : list;

        & > li{
            margin-bottom : 0.5em;
            padding-left  : 3em;
            line-height   : 2em;

            &:before{
                .inline-block();
                counter-increment : list;
                content           : counter(list);
                width             : 2em;
                height            : 2em;
                text-align        : center;
                background-color  : @gray-lighter;
                margin-left       : -3em;
                margin-right      : 1em;
                .transition(background-color, 0.5s);
                .border-radius(10em);
            }

            &:hover{
                &:before{
                    background : @primary-bg;
                    color      : @primary-color;
                }
            }
        }
    }

    &.list-icon-sign when (@list-icon-sign = true) and (@lists-classes = true){
        counter-reset : list;

        & > li{
            margin-bottom : 0.5em;
            padding-left  : 3em;
            line-height   : 2em;
            display       : list-item;

            &:before{
                .inline-block();
                width            : 2em;
                height           : 2em;
                line-height      : inherit;
                text-align       : center;
                background-color : @gray-lighter;
                margin-left      : -3em;
                margin-right     : 1em;
                .transition(background-color, 0.5s);
                .border-radius(10em);
            }

            &:hover{
                &:before{
                    background : @primary-bg;
                    color      : @primary-color;
                }
            }
        }
    }

    &.list-bullet when (@list-bullet = true) and (@lists-classes = true){
        zoom : 1;

        & > li{
            padding-left : 1em;

            &:before{
                content        : '\002022';
                vertical-align : top;
                color          : @brand-primary;
                margin-left    : -1em;
                margin-right   : 1em;
            }

            &:hover{
                &:before{ }
            }
        }
    }

    &.list-testimonials when (@list-testimonials = true) and (@lists-classes = true){
        zoom : 1;

        li{
            position  : relative;
            margin    : 0 0 3.5em;
            border    : 1px solid @gray-light;
            padding   : @padding-large-vertical;
            font-size : @font-size-small;

            p{
                margin : 0.5em 0 0;

                &:first-child{
                    margin : 0;
                }
            }

            cite{
                position : absolute;
                left     : 0;
                right    : 0;
                top      : 100%;
                padding  : 5px 5px 5px 50px;
                color    : @brand-primary;

                & > *{
                    color : @text-color;
                }

                &:after, &:before{
                    content      : "";
                    position     : absolute;
                    top          : 0;
                    left         : 11px;
                    border-style : solid;
                    border-width : 15px;
                    border-color : #fff #fff transparent transparent;
                }

                &:before{
                    left         : 10px;
                    border-width : 16px;
                    border-color : @gray-light @gray-light transparent transparent;
                }
            }
        }
    }
}

.list-title{
    background : @header-inner-bg;
    color      : @header-inner-color;
    overflow   : hidden;
    padding    : @padding-base-vertical 0;
}
.items-list{
    margin-bottom : 0;
    padding       : 0;

    .list-row{
        background : @gray-lighter;
        margin     : 0;
        padding    : @padding-small-vertical 0;
        overflow   : hidden;
        list-style : none;
        max-width  : 100%;

        & + .list-row{
            margin-top : 2px;
        }

        .list-row-item{
            .text-overflow;
        }

        .list-row-count{
            text-align : center;
            font-size  : @font-size-small;
            background : @gray-light;
            padding    : (@padding-small-vertical+(@font-size-base - 12px) / 2) 0;
        }
    }

    ol& .list-row{
        padding : 0;

        & > *{
            padding : @padding-small-vertical @padding-small-horizontal;
        }
    }
}

.list-images when (@list-images = true){
    font-size       : 0;
    list-style-type : none;
    margin-bottom   : 0;

    & > *{
        .inline-block(top);
        .thumbnail-state(0);
        height      : 80px;
        line-height : 74px;
        margin      : @grid-margin-width / 4;

        img{
            width      : auto;
            max-height : 100%;
        }
    }

    & > img{
        height      : auto;
        line-height : normal;
    }
}