/*
 * @author:		Niek Adam
 * @Snippet: 	Document seeker
 * @about: 		ds-labels.css - Labels overview in the document seeker snippet
 */

/**
 * Labels list
 */
.ml-document-seeker .ds-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ml-document-seeker .ds-l-letter {
    -webkit-box-flex: 1 100%;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    position: relative;
    min-height: 5em;
    margin-bottom: 1em;
    padding-top: 2.2em;
    list-style: none;
    background-color: #f2f2f2;
}

@media screen and (min-width: 460px) {
    .ml-document-seeker .ds-l-letter {
        -webkit-box-flex: 0 48%;
        -webkit-flex: 0 48%;
        -ms-flex: 0 48%;
        flex: 0 48%;
    }
}

@media screen and (min-width: 740px) {
    .ml-document-seeker .ds-l-letter {
        -webkit-box-flex: 0 32%;
        -webkit-flex: 0 32%;
        -ms-flex: 0 32%;
        flex: 0 32%;
    }
}

/** Use #content before .ml-document-seeker to override styles from other stylesheet. Sorry CSS Conventions :-( **/
#content .ml-document-seeker .ds-l-letter h3 {
    position: absolute;
    top: .5em;
    left: .5em;
    margin: 0;
}

.ml-document-seeker .ds-list li ol {
    margin: 0;
    padding: 5px 10px;
    list-style: none;
}

.ml-document-seeker .ds-list p {
    padding: 5px 10px;
}

.ml-document-seeker .ds-list li li {
    float: none;
    width: auto;
    margin: 0;
}

.ml-document-seeker .ds-list li li a {
    color: #444;
    text-decoration: none;
}

.ml-document-seeker .ds-l-show-all {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px 5px 5px;
    font-size: 10px;
    color: #919191;
    background-color: #f2f2f2;
}

.ml-document-seeker .ds-l-show-less {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px 5px 5px;
    font-size: 10px;
    color: #919191;
    background-color: #f2f2f2;
}

.ml-document-seeker .ds-l-show-less--hidden,
.ml-document-seeker .ds-l-show-all--hidden {
    display: none;
}

.ml-document-seeker .ds-l-letter__label--hidden {
    display: none;
}