.f13-life-dms-folder-container { position: fixed; top: 131px; bottom: 50px; width: 0px; background: #f7f7f7; transition: width 0.7s, border 0.7s; border-right: 0px solid var(--brown); overflow-x: hidden; white-space: nowrap; z-index: 1000; }
.f13-life-dms-folder-container form input { border-radius: 0; border: 3px solid #aaa; }
.f13-life-dms-folder-container form input[type=text] { padding: 7px; width: calc(100% - 70px); }
.f13-life-dms-folder-container form input[type=submit] { height: 35px; width: 50px; border-left: 0; background: #f7f7f7; color: var(--brown); font-weight: bold; cursor: pointer; box-sizing: border-box; display: inline-block; }
.f13-life-dms-folder-container form input[type=submit]:hover { background: #eee; }
.f13-life-dms-folder-container a.create-links { text-decoration: none; display: inline-block; font-weight: bold; margin-top: 10px; }
.f13-life-dms-folder-handle { transition: padding-left 0.7s; cursor: pointer; z-index: 1000; }
.f13-life-dms-folder-handle:after { content: "\f345"; font-family: "dashicons"; font-size: 2em; color: var(--brown); top: 10px; display: block; margin-top: 10px; z-index: 1000; width: 40px; height: 40px; background-color: #fff; border-bottom-right-radius: 100px; border-top-right-radius: 100px; border: 3px solid var(--brown); border-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 146px; border: 1px solid #bbb; height: 36px; }
.f13-life-dms-folder-handle:hover:after { color: var(--orange); }
.f13-life-dms-folder-list { padding: 10px; }
.f13-life-dms-folder-handle-close:after { content: "\f341"; }
.f13-life-dms-folder-container-open { width: 400px; border-right: 1px solid #bbb; }
.f13-life-dms-folder-handle-close { padding-left: 400px; }
.f13-life-dms-folders-header { padding: 10px; border-bottom: 3px solid var(--brown); }
.f13-life-dms-folders-header a { display: block; font-weight: bold; text-decoration: none; padding: 10px 0px 0px; }
.f13-life-dms-folders-list { padding: 10px; }
.f13-life-dms-folders-list ul { list-style: none; padding: 10px; margin: 0px; }
.f13-life-dms-folder-title { text-align: center; }
.f13-life-dms-folder-link { text-decoration: none; }
.f13-life-dms-file-view { top: 25px; bottom: 25px; left: 25px; right: 25px; max-width: 100%; }
.f13-life-dms-file-view-image #f13-data-popup-body, .f13-life-dms-file-view-audio #f13-data-popup-body { background: #f7f7f7; }
.f13-life-dms-file-view-image #f13-data-popup-body img { max-width: 100%; box-sizing: border-box; display: block; margin: auto; border: 3px solid #ccc; }
.f13-life-dms-file-view-audio { width: 700px; height: 150px; }
.f13-life-dms-file-view-audio #f13-data-popup-body audio { width: 600px; max-width:90%; display: block; margin: auto; border: 3px solid #bbb; border-radius: 50px; margin-top: 10px; }
.f13-life-dms-file-view-audio #f13-data-popup-body audio:focus { outline: none; }
.f13-life-dms-pdf-viewerjs { border: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#header-dms-files:before { font-family: "dashicons"; content: "\f491"; margin-right: 5px; }
#header-dms-size { margin-left: 10px; }
#header-dms-size:before { font-family: "dashicons"; content: "\f17e"; margin-right: 5px; }
.f13-life-dms-file-link { display: block !important; margin: -4px; padding: 4px; }

.f13-life-dms-new-category-popup { top: calc(50% - 125px); bottom: calc(50% - 125px); }
.f13-life-dms-new-folder-popup { top: calc(50% - 160px); bottom: calc(50% - 160px); }
.f13-life-dms-folder-edit { top: calc(50% - 160px); bottom: calc(50% - 160px); }
.f13-life-dms-file-add { top: calc(50% - 200px); bottom: calc(50% - 200px); }
.f13-life-dms-file-edit-popup { top: calc(50% - 200px); bottom: calc(50% - 200px); }

.f13-life-dms-folder-non-empty:after {
    font-family: "dashicons";
    content: "\f140";
    font-size: 1.5em;
    position: relative;
    line-height: 0;
    top: 6px;
}

.f13-life-dms-folder-non-empty.open:after {
    content: "\f142";
}

.f13-life-dms-folder-non-empty + ul {
    display: none;
}

.f13-life-dms-folder-non-empty.open + ul {
    display: block;
}

@media screen and (max-width: 1100px) {
    #f13-life-dms-files-container { padding: 0px 8px; }
    #f13-life-dms-files-container { border: 0px; }
}

@media screen and (max-width: 800px) {
    .f13-life-dms-folder-container { top: 77px; z-index: 20; }
    .f13-life-dms-folder-container-open { width: calc(100% - 75px); }
    .f13-life-dms-folder-handle-close { padding-left: calc(100% - 59px); }
    .f13-life-dms-folder-handle { left: 4px; z-index: 20; }
    .f13-life-dms-folder-handle:after { top: 78px; z-index: 20; }
    .f13-life-dms-file-view { top: 0; left: 0; right: 0; bottom: 0; }
    .f13-life-dms-file-link { display: inline-block !important; padding: unset; margin: unset; margin-bottom: -4px; }
}

.reflow-table-mobile-mode tbody tr td { padding-left: 80px; }