#library.tab-content > #library-view.tab-pane,
#library .admin,
#library .partner,
#library .private,
#library .public,
#library-tree .jstree-node .jstree-node:before,
#library-tree .jstree-anchor > .jstree-icon,
#library-display .display-header:not(.search) > :not(:last-child),
#library-display .display-header.search > :last-child,
#library-display .frame:not(.archived) .item-wrapper.archived,
#library-display .frame.preview .item-wrapper .edit-file,
#library-display .frame.preview .item-wrapper .archive-file,
#library-display .frame.preview .item-wrapper .restore-file,
#library-parameters.folder > :not(.folder),
#library-parameters .not_public ~ div {
    display: none;
}
#library.tab-content > #library-view.active,
#library.admin .admin,
#library.partner .partner,
#library.private .private,
#library.public .public {
    display: block;
}
#library-search .browse-header:after,
#library-search:after,
#library-display .frame.preview .item:after,
#library-view-table:after {
    content: '';
    display: block;
    clear: both;
}
#library {
    padding: 0px 2em;
    margin: 0px auto 1em;
    max-width: 100em;
}
#library header {
    margin-bottom: 2em;
}
#library-view-table > *,
#library-search .browse > *,
#library-search .searchbar,
#library-display .frame.preview .item {
    border: 1px solid #E8E8E8;
}
#library-search {
    background: #FBFBFB;
    margin: 0px 0px 1em;
}
#library-search .input-group {
    border-spacing: 0px;
}
#library-search .browse {
    background: white;
}
#library-search .browse > * {
    border-width: 0px 1px 1px;
    margin: 0px;
}
#library-search .browse > *:first-child {
    border-width: 1px;
}
#library-search .browse > *:last-child {
    background: #FBFBFB;
    border-width: 0px;
}
#library-search .browse-header {
    background: #ede3c9;
    background: -webkit-linear-gradient(to bottom, #f7f1e5 0%, #ede3c9 100%);
    background: -o-linear-gradient(to bottom, #f7f1e5 0%, #ede3c9 100%);
    background: -moz-linear-gradient(to bottom, #f7f1e5 0%, #ede3c9 100%);
    background: linear-gradient(to bottom, #f7f1e5 0%, #ede3c9 100%);
    padding: .5em;
}
#library-search .browse-header > * {
    margin: 5px;
}
#library-search .browse-header label {
    font-weight: normal;
}
#library-search .browse-header h4 {
    float: left;
}
#library-search .browse-header > div {
    float: right;
    height: 1em;
}
#library-search .browse-header > div > * {
    display: inline;
    line-height: 1em;
    margin: 0px;
    vertical-align: middle;
}
#library-search .searchbar {
    border-width: 0px 0px 1px;
    margin: 0px 5px 10px;
    padding: 1em 1em 10px;
}
#library-search .browse {
    margin: 0px 1em 1em;
}
#library-tree {
    background: #f9f9ed;
    overflow: auto;
    width: 100%;
}
#library-tree .jstree-icon {
    background: none;
    background-position: center;
    background-repeat: no-repeat;
}
#library-tree > ul > .jstree-node > :nth-child(-n+2) {
    float: left;
}
#library-tree .jstree-anchor {
    width: 22em;
    height: -webkit-calc(100% - 15px - 5em);
    height: -o-calc(100% - 15px - 5em);
    height: -moz-calc(100% - 15px - 5em);
    width: calc(100% - 15px - 5em);
}
#library-tree .jstree-anchor ~ * .jstree-anchor {
    width: 95%;
    height: -webkit-calc(100% - 15px);
    height: -o-calc(100% - 15px);
    height: -moz-calc(100% - 15px);
    width: calc(100% - 15px);
}
#library-tree .jstree-node {
    background: transparent;
    color: #845237;
    padding: .5em;
    position: relative;
    z-index: 1;
}
#library-tree .jstree-node:before {
    background: #f9f9ed;
    background: -webkit-linear-gradient(to bottom, #f9f9ed 0%, #f7f1e5 100%);
    background: -o-linear-gradient(to bottom, #f9f9ed 0%, #f7f1e5 100%);
    background: -moz-linear-gradient(to bottom, #f9f9ed 0%, #f7f1e5 100%);
    background: linear-gradient(to bottom, #f9f9ed 0%, #f7f1e5 100%);
    content: '';
    display: block;
    height: 2.6em;
    height: -webkit-calc(1em + 24px);
    height: -o-calc(1em + 24px);
    height: -moz-calc(1em + 24px);
    height: calc(1em + 24px);
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -1;
}
#library-tree .jstree-node > span {
        background: #008cba;
        border-radius: 1.5em;
        color: #FFF;
        display: block;
        float: right;
        font-size: .7em;
        text-align: center;
        width: 3em;
}
#library-tree .jstree-closed > .jstree-icon {
    background-image: url('expand.png');
}
#library-tree .jstree-open > .jstree-icon {
    background-image: url('contract.png');
}
#library-tree .jstree-node ul {
    padding: .5em 0px 0px;
}
#library-tree .jstree-node .jstree-node {
    color: #000;
}
#library-management,
#library-management2 {
    padding: 1em;
    text-align: center;
}
#library-management > *:before,
#library-management2 > *:before {
    content: '';
    display: block;
    float: left;
    height: 1.4em;
    margin-right: 5px;
    width: 1.45em;
}
#library.admin #library-management .admin,
#library.partner #library-management .partner,
#library.admin #library-management2 .admin,
#library.partner #library-management2 .partner {
    display: inline-block;
}
#library #library-management > *,
#library #library-management2 > * {
    margin: 5px 0px 5px 1em;
}
#library #library-management > *:first-child,
#library #library-management2 > *:first-child {
    margin-left: 0px;
}
#library-create-root-folder:before,
#library-create-folder:before {
    background: url('folder-add.png') no-repeat 1px 0px/contain;
}
#library-edit-folder:before {
    background: url('folder-edit.png') no-repeat 1px 0px/contain;
}
#library-display {
    padding: 1em 1em 5em;
}
#library-display > div:first-child {
    overflow: auto;
}
#library-display .display-header {
    line-height: 1.2em;
    margin-bottom: 1em;
}
#library-display .display-header > :first-child {
    color: #e7b348;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
}
#library-display .display-header > :nth-child(2) {
    color: #999;
    float: right;
    font-size: 0.8em;
}
#library-display .frame {
    overflow: auto;
    width: 100%;
}
#library-display .frame.preview .item-wrapper {
    float: left;
    max-width: 100%;
    width: 100%;
}
#library-display .frame.preview .item {
    margin: 0px 0px 1em;
    overflow: hidden;
    position: relative;
}
#library-display .frame.preview .item h5 {
    background: #E8E8E8;
    font-weight: bold;
    margin: 0px 0px 10px;
    padding: 5px 1em;
    text-align: center;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
#library-display .frame.preview .item img {
    display: block;
    float: left;
    height: 240px;
    margin: 0px 10px 10px;
    width: 160px;
}
#library-display .frame.preview .item p {
    margin-bottom: 2em;
    max-height: 200px;
    overflow: auto;
}
#library-display .frame.preview .item div {
    bottom: 10px;
    left: 170px;
    position: absolute;
    right: 10px;
    text-align: center;
}
#library-display .frame:not(.preview) {
    border-spacing: 0px;
    display: table;
}
#library-display .frame:not(.preview) .item-wrapper {
    display: table-row-group;
}
#library-display .frame:not(.preview) .item {
    display: table-row;
}
#library-display .frame:not(.preview) .item > div {
    display: table-cell;
}
#library-display .frame:not(.preview) .item div:first-child {
    background: url('file.png') no-repeat center/contain;
    height: 1.1em;
    vertical-align: top;
    width: 1.2em;
}
#library-display .frame:not(.preview) .public-doc .item div:first-child {
    background: url('file-public.png') no-repeat center/contain;
}
#library-display .frame:not(.preview) .item > div:nth-child(2) {
    line-height: 1.6em;
    padding: 0px 10px;
    vertical-align: top;
}
#library-display .frame:not(.preview) .item > div:nth-child(3) {
    width: 12em;
    white-space: nowrap;
}
#library.admin #library-display .frame:not(.preview) .item button.admin {
    border: 0px;
    background: transparent;
    display: inline;
    margin: 0px;
    padding: 0px 5px;
    vertical-align: top;
    width: 6em;
}
#library-display .frame:not(.preview) .item button a:before {
    content: '\00a0';
    display: inline-block;
    height: 1.6em;
    line-height: 1.6em;
    width: 1.77em;
}
#library-display .frame:not(.preview) .item button a:after {
    content: '';
    display: inline-block;
    height: 1.6em;
    line-height:1.6em;
}
#library-display .frame:not(.preview) .item .edit-file a:before {
    background: url('file-edit.png') no-repeat 1px 0px/contain;
}
#library-display .frame:not(.preview) .item .edit-file a:after {
    content: 'Edit';
}
#library-display .frame:not(.preview) .item .archive-file a:before {
    background: url('file-remove.png') no-repeat 1px 0px/contain;
}
#library-display .frame:not(.preview) .item .archive-file a:after {
    content: 'Archive';
}
#library-display .frame:not(.preview) .item .restore-file a:before {
    background: url('file-add.png') no-repeat 1px 0px/contain;
}
#library-display .frame:not(.preview) .item .restore-file a:after {
    content: 'Restore';
}
#library-display .frame .item.archived a {
    color: grey;
}
#library-upload-file:before {
    background: url('file-upload.png') no-repeat 1px 0px/contain;
}
#library-archive-folder:before {
    background: url('folder-remove.png') no-repeat 1px 0px/contain;
}
#library-download-all:before {
    background: url('folder-download.png') no-repeat 1px 0px/contain;
}
#library-files {
    font-size: 1.5em;
    margin: 0px auto;
    width: 42em;
}
#library-controls {
    display: table;
    margin-top: 2em;
    width: 100%;
}
#library-controls div {
    display: table-cell;
    text-align: center;
}
#library-parameters {
    border-spacing: 5px;
    display: table;
    margin: 0px auto;
    width: 40em;
}
#library-parameters .required {
    position: relative;
}
#library-parameters .required:before {
    color: #F00;
    content: '* ';
    font-weight: bold;
    left: -1em;
    position: absolute;
}
#library-parameters div {
    display: table-row;
}
#library-parameters label {
    display: table-cell;
    vertical-align: top;
    width: 10em;
}
#library-parameters input:not([type="checkbox"]),
#library-parameters select,
#library-parameters textarea {
    display: table-cell;
    text-align: left;
    width: 100%;
}
#library-upload {
    margin: 20px auto 0px;
    width: 20em;
}
[name="display_name"], [name="thumbnail_display_name"] {
    margin-bottom: 5px;
}
[name="thumbnail_display_name"] {
    cursor: not-allowed;
    background-color: #f4f4f4;
    border: 1px solid #aaa;
}
.display-inline {
    display: inline !important;
}
.width-inherit {
    width: inherit !important;
}
.mr-20 {
    margin-right: 20px;
}
.ml-5 {
    margin-left: 5px;
}


@media (min-width: 1450px) {
    #library-search {
        float: left;
        height: 58.5em;
        margin: 0px 1em 0px 0px;
        width: 21em;
    }
    #library:not(.public) #library-search {
        width: 32em;
    }
    #library-tree {
        height: 45.5em;
    }
    #library-display {
        height: 58.5em;
        overflow: hidden;
        position: relative;
    }
    #library-display > div:first-child {
        height: 51.5em;
        overflow: auto;
    }
    #library-display .frame.preview .item-wrapper{
        float: left;
        margin-right: 1em;
        width: auto;
    }
    #library-display .frame.preview .item {
        width: 32em;
        height: 300px;
    }
}
@media (max-width: 479px) {
    #library-display .frame.preview .item img {
        float: none;
        margin: 0px auto 10px;
    }
    #library-display .frame.preview .item p {
            margin-bottom: 0px;
            padding: 10px 10px 0px;
    }
    #library-display .frame.preview .item div {
            position: initial;
            padding: 10px;
    }
}