﻿div.sub-category {
    position:relative;
    width: calc(33.3% - 47px);
    float: left;
    border: 1px solid #eee;
    margin-right: 45px;
}

@media only screen and (min-width:62.1em) {
    div.sub-category {
        width: calc(33.3% - 47px);
    }
        div .sub-category:nth-child(3n) {
        margin-right: 1px;
    }
}


@media only screen and (max-width:39.9em) {
    div.sub-category {
        width: calc(100% - 4px);
        float: none;
    }
    div.sub-category {
        margin-right: 1px
    }
}
@media only screen and (max-width:62em) and (min-width:40em) {
    div.sub-category {
        width: calc(50% - 22px);
        margin-right: 18px;
    }
        div.sub-category:nth-child(3n) {
            margin-right: 18px;
        }
    div.sub-category:nth-child(2n){
        margin-right:1px;
    }
}
a.category-action{
    margin:5px 1em;
}

input[type=text].category-inputbox {
    width: 9em;
}

    span.category.add-value {
        position: absolute;
        top: 1px;
        right: 5em;
    }

    .fifteen-from-left {
    }

    .sub-categories {
        margin-left: 1em;
        position: relative;
    }

    a.sub-category {
        display: inline-block;
        margin: 0, 1em;
    }
.category.add-value textarea {
    text-align: left !important;
}
textarea.summary {
    text-align:left!important;
}
span.category.nav {
    position: absolute;
    top: 1px;
    right: 3em;
}

    .category-hierarchy.nav {
        max-height: calc(100vh - 2em);
    }

    .category-hierarchy {
        max-height: calc(100vh - 17em);
        border: 1px solid #eee;
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid #eee;
    }

        .category-hierarchy ul {
            margin-bottom: 5em;
        }

            .category-hierarchy ul li {
                list-style: none;
                position: relative;
                border-bottom: 1px solid #eee;
            }

                .category-hierarchy ul li .right {
                    position: absolute;
                    right: 5px;
                }

    div.parent-entity-path,
    div.parent-entity-path .right {
        position: relative;
    }
