.component-listtree .objectList-row {
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}

/*.component-listtree .objectList-row:nth-child(2n) {*/
/*background: #d5d5d5;*/
/*}*/

/*.component-listtree .objectList-row:nth-child(2n + 1) {*/
/*background: #e8e9e8;*/
/*}*/

.component-listtree .object-title a {
    font-size: 1.3em;
}

.component-listtree .object-data-button-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.component-listtree .object-data-button-container a {
    margin-right: 10px;
}

.component-listtree .relation-link {
    float: right;
}

.listtree-menu a {
    margin-left: 5px;
}

.component-listtree .filters {
    margin-bottom: 30px;
}

.component-listtree .filter-title, .component-listtree .hierarchical-name-title {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}

.component-listtree .filters-search-container {
    margin-top: 10px;
}

.component-listtree .filter-name {
    margin-bottom: 0;
    cursor: pointer;
}

.component-listtree .filters-clear {
    padding-top: 3px;
}

.component-listtree .filters-show-more {
    padding-top: 3px;
    color: #b6b6b6;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.component-listtree .filters-clear a {
    color: #b6b6b6;
    font-size: 12px;
    text-decoration: underline;
}

.component-listtree .filters-clear a:hover, .component-listtree .filters-clear a:active {
    font-size: 12px;
}

.component-listtree .filters .filters-container {
    /*padding-left: 20px;*/
    margin-top: 5px;
}

.component-listtree .filters .filters-container-scroll {
    max-height: 300px;
    overflow: auto;
}

.component-listtree .filters .form-group {
    min-height: 25px;
    margin-bottom: 0;
}

.component-listtree .filters  .filters-container .form-group span {
    margin-left: 3px;
    padding-top: 3px;
    display: inline-block;
}

.component-listtree .listtree-active-filters-container, .component-listtree .treelist-search-results-container  {
    margin-bottom: 10px;
}

.component-listtree .filter-block {
    display: inline-block;
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background: #e4e4e4;
}

.component-listtree .listtree-result-count {
    font-style: italic;
}

.component-listtree .hierarchical-name {
    margin-bottom: 10px;
}

.listtree-left.listtree-right-container {
    padding-top: 8px;
    border-left: 1px solid #ccc;
}

.listtree-right.listtree-left-container {
    padding-top: 8px;
    border-right: 1px solid #ccc;
}

.listtree-left.listtree-right-container .treelist-title-container h4, .listtree-right.listtree-left-container .treelist-title-container h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.listtree-left.listtree-right-container .object-data, .listtree-right.listtree-left-container .object-data {
    border-color: #ccc;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.listtree-left.listtree-right-container .panel .object-data, .listtree-right.listtree-left-container .panel .object-data  {
    padding-bottom: 20px;
}

.listtree-left.listtree-right-container .object-title a, .listtree-right.listtree-left-container .object-title a {
    font-weight: bold;
    font-size: 1em;
}

.listtree-left.listtree-right-container .relation-link::before, .listtree-right.listtree-left-container .relation-link::before {
    content: ' ';
    background: url("../images/open.svg") center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
}

.listtree-left.listtree-right-container .btn-action::before, .listtree-right.listtree-left-container .btn-action::before {
    content: ' ';
    background: url("../images/read.svg") center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
}

.listtree-left.listtree-right-container .btn-description::before, .listtree-right.listtree-left-container .btn-description::before {
    content: ' ';
    background: url("../images/info.svg") center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
}

.listtree-left.listtree-right-container .btn-attached-object::before, .listtree-right.listtree-left-container .btn-attached-object::before {
    content: ' ';
    background: url("../images/information b.svg") center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
}

.treelist-object-tabs-container .object-tabs {
    display: flex;
}

.treelist-object-tabs-container .object-tab {
    width: 33%;
}

.treelist-object-tabs-container .object-tab .tab-object-description::before,
.treelist-object-tabs-container .object-tab .tab-object-multimedia::before,
.treelist-object-tabs-container .object-tab .tab-object-relations::before {
    content: ' ';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
}

.treelist-object-tabs-container .object-tab .tab-object-description::before {
    background: url("../images/descr b.svg") center no-repeat;
}

.treelist-object-tabs-container .object-tab.active .tab-object-description::before {
    background: url("../images/descr w.svg") center no-repeat;
}

.treelist-object-tabs-container .object-tab .tab-object-multimedia::before {
    background: url("../images/media b.svg") center no-repeat;
}

.treelist-object-tabs-container .object-tab.active .tab-object-multimedia::before {
    background: url("../images/media w.svg") center no-repeat;
}

.treelist-object-tabs-container .object-tab .tab-object-relations::before {
    background: url("../images/information b.svg") center no-repeat;
}

.treelist-object-tabs-container .object-tab.active .tab-object-relations::before {
    background: url("../images/information w.svg") center no-repeat;
}

.treelist-compact-multimedia-title {
    font-weight: bold;
    text-align: center;
}

.treelist-compact-multimedia-title::before {
    content: ' ';
    background: url("../images/media b.svg") center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
}

.treelist-multimedia-image-container,
.treelist-multimedia-document-container,
.treelist-multimedia-video-container,
.treelist-compact-multimedia-image-container,
.treelist-compact-multimedia-video-container {
    background: #ebedec;
    height: 150px;
    text-align: center;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}


.treelist-multimedia-text-container,
.treelist-compact-multimedia-text-container {
    margin-bottom: 20px;
}

.treelist-multimedia-document-container a,
.treelist-multimedia-video-container a,
.treelist-multimedia-image-container a,
.treelist-compact-multimedia-video-container a,
.treelist-compact-multimedia-image-container a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 10;
}

.treelist-multimedia-document-container a:hover:before,
.treelist-multimedia-video-container a:before,
.treelist-multimedia-video-container a:hover:before,
.treelist-multimedia-image-container a:hover:before,
.treelist-compact-multimedia-image-container a:hover:before,
.treelist-compact-multimedia-video-container a:before,
.treelist-compact-multimedia-video-container a:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black url("../images/view.svg") center no-repeat;
    background-size: 30px 30px;
    opacity: 0.5;
    z-index: 1;
    cursor: pointer;
}

.treelist-multimedia-video-container a:before,
.treelist-compact-multimedia-video-container a:before {
    background: url("../images/play r.svg") center no-repeat;
    background-size: 30px 30px;
}

.treelist-multimedia-video-container a:hover:before,
.treelist-compact-multimedia-video-container a:hover:before {
    background: black url("../images/play w.svg") center no-repeat;
    background-size: 30px 30px;
}

.treelist-multimedia-data img,
.treelist-compact-multimedia-data img {
    max-width: 90%;
    max-height: 90%;
    height: 130px;
    z-index: 10;
}
.filters .checkbox input[type="checkbox"] {
    clip: rect(0,0,0,0);
}

.filters .checkbox input:checked ~ a span::before {
    content: "\2714";
    -webkit-box-shadow: none;
    box-shadow: none;
}
.filters .checkbox span {
    padding-left: 20px;
}
.filters .checkbox input ~ a span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 18px;
    height: 14px;
    width: 14px;
    line-height: 13px;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    border: 1px solid #898989;
    -webkit-box-shadow: inset 0 1px 1px rgba(137,137,137,.75);
    box-shadow: inset 0 1px 1px rgba(137,137,137,.75);
    border-radius: 2px;
}