/**
 * @package    quantummanager
 * @author     Dmitry Tsymbal <cymbal@delo-design.ru>
 * @copyright  Copyright © 2019 Delo Design & NorrNext. All rights reserved.
 * @license    GNU General Public License version 3 or later; see license.txt
 * @link       https://www.norrnext.com
 */

.quantumviewfiles-module {
    position: relative;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}
.quantumviewfiles-module .quantumviewfiles-module-heading {
    display: flex;
    flex-direction: row-reverse;
    height: 30px;
    margin: 0 -10px 0 0;
    padding: 0 4px 9px 10px;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #ddddddb5;
}
.quantumviewfiles-module .filters {
    display: none;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
    height: auto;
}
.quantumviewfiles-module .filters > div {
    width: auto;
    margin-right: 20px;
}
.quantumviewfiles-module .filters .head {
    font-weight: 700;
    margin-right: 40px;
}
.quantumviewfiles-module .filters > div:last-child {
    margin-right: 0;
}
.quantumviewfiles-module .filter-search {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    z-index: 2;
}
.quantumviewfiles-module .filter-search .uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 28px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #999;
}
.quantumviewfiles-module .filter-search .uk-icon>* {
    transform: translate(0, 0);
}
.quantumviewfiles-module .filter-search svg {
    max-width: 100%;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
}
.quantumviewfiles-module .filter-search .input-wrapper {
    position: relative;
}
.quantumviewfiles-module .filter-search .input-wrapper input {
    padding: 0 10px;
    padding-left: 25px;
    height: 25px;
    margin: 0;
    width: 200px;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border,width;
}
.quantumviewfiles-module .filter-search  .input-wrapper input:focus {
    outline: none;
}
.quantumviewfiles-module .filter-search  .input-wrapper span {
    position: absolute;
    background-color: #78abde;
    transition: transform 0.5s ease;
}
.quantumviewfiles-module .filter-search .input-wrapper .bottom,
.quantumviewfiles-module .filter-search .input-wrapper .top {
    height: 1px;
    left: 0;
    right: 0;
    transform: scaleX(0);
}
.quantumviewfiles-module .filter-search .input-wrapper .left,
.quantumviewfiles-module .filter-search .input-wrapper .right {
    width: 1px;
    top: 0;
    bottom: 0;
    transform: scaleY(0);
}
.quantumviewfiles-module .filter-search .input-wrapper .bottom {
    bottom: 0;
    transform-origin: bottom right;
}
.quantumviewfiles-module .filter-search .input-wrapper input:focus ~ .bottom {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.quantumviewfiles-module .filter-search .input-wrapper .right {
    right: 0;
    transform-origin: top right;
}
.quantumviewfiles-module .filter-search .input-wrapper input:focus ~ .right {
    transform-origin: bottom right;
    transform: scaleY(1);
}
.quantumviewfiles-module .filter-search .input-wrapper .top {
    top: 0;
    transform-origin: top left;
}
.quantumviewfiles-module .filter-search .input-wrapper input:focus ~ .top {
    transform-origin: top right;
    transform: scaleX(1);
}
.quantumviewfiles-module .filter-search .input-wrapper .left {
    left: 0;
    transform-origin: bottom left;
}
.quantumviewfiles-module .filter-search .input-wrapper input:focus ~ .left {
    transform-origin: top left;
    transform: scaleY(1);
}
.quantumviewfiles-module .breadcumbs {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    padding: 0;
    margin: 0;
    height: 30px;
    align-content: center;
    align-items: center;
    list-style: none;
}
.quantumviewfiles-module .breadcumbs > li {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    max-width: 150px;
    line-height: 16px;
    transition: all 0.2s;
}
.quantumviewfiles-module .breadcumbs > li.carret {
    height: 100%;
    padding: 0 2px;
    flex: none;
}
.quantumviewfiles-module .breadcumbs > li.carret > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='chevron-right'%3E%3Cpolyline fill='none' stroke='%23000' stroke-width='1.03' points='7 4 13 10 7 16'%3E%3C/polyline%3E%3C/svg%3E");
}
.quantumviewfiles-module .breadcumbs > li:last-child:after {
    display: none;
}
.quantumviewfiles-module .breadcumbs li:hover {
    background-color: #f4f4f4;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    outline: 0;
    transition: all 0.2s;
}
.quantumviewfiles-module .breadcumbs > li > span {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    color: #333;
    padding: 7px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.quantumviewfiles-module .breadcumbs > li:first-child > span {
    padding-left: 10px;
}
.quantumviewfiles-module .breadcumbs li.dropdown {
    position: relative;
}
.quantumviewfiles-module .breadcumbs li .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: auto;
    top: 30px;
    left: 0;
    width: 180px;
    padding: 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    height: 320px;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 3px;
    webkit-overflow-scrolling: touch;
    z-index: 1;
    transition: display 0.2s ease;
}
.quantumviewfiles-module .breadcumbs li .dropdown-content ul {
    display: inline-block;
    white-space: normal;
    width: 100%;
    padding: 0;
    margin: 0;
}
.quantumviewfiles-module .breadcumbs li .dropdown-content ul li {
    display: inline-block;
    width: 100%;
    padding: 0;
    color: black;
    text-decoration: none;
}
.quantumviewfiles-module .breadcumbs li .dropdown-content ul li span {
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
}
.quantumviewfiles-module .breadcumbs li.dropdown:hover .dropdown-content {
    display: block;
    transition: display 0.2s ease;
}
.quantumviewfiles-module .view-wrap {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    background: #fff;
}
.quantumviewfiles-module .view {
    position: relative;
    height: auto;
    width: 100%;
}
.quantumviewfiles-module .meta-file ~ .view {
    width: 80%;
}
.quantumviewfiles-module .meta-file {
    position: relative;
    width: 25%;
    min-width: 265px;
    border-left: 1px solid #ddddddb5;
}
.quantumviewfiles-module .meta-file.hidden {
    display: none;
}
.quantumviewfiles-module .meta-file .meta-file-list {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.quantumviewfiles-module .meta-file .meta-file-list > div {
    padding: 10px;
    padding-top: 45px;
}
.quantumviewfiles-module .meta-file .meta-hidden {
    display: none;
}
.quantumviewfiles-module .meta-file .show-all-tags {
    display: inline-block;
    margin-top: 10px;
    padding: 6px;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}
.quantumviewfiles-module .meta-file .show-all-tags:hover {
    color: #444444;
    cursor: pointer;
}
.quantumviewfiles-module .meta-file .meta-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin-bottom: 15px;
}
.quantumviewfiles-module .meta-file .meta-preview img {
    max-height: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
}
.quantumviewfiles-module .meta-file .meta-preview.meta-preview-open img {
    cursor: pointer;
}
.quantumviewfiles-module .meta-file .meta-preview.meta-preview-folder img {
    background-color: transparent;
    border: none;
    height: 85%;
}
.quantumviewfiles-module .meta-preview-name {
    position: relative;
    margin-bottom: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
    text-align: center;
    color: #777;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    word-break: break-word;
    border-bottom: 1px solid #ddddddb5;
}
.quantumviewfiles-module .meta-preview-name .meta-preview-name-copy {
    position: absolute;
    top: 0;
    left: 3px;
    width: 18px;
    height: 18px;
}
.quantumviewfiles-module .meta-preview-name .meta-preview-name-copy:hover {
    cursor: pointer;
}
.quantumviewfiles-module .meta-file table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.quantumviewfiles-module .meta-file .meta-table {
    font-size: 13px;
    line-height: 17px;
}
.quantumviewfiles-module .meta-file .meta-table > div {
    display: flex;
    align-items: center;
    color: #777;
    transition: background-color .1s linear;
}
.quantumviewfiles-module .meta-file .meta-table > div > div {
    width: 50%;
    padding: 6px;
    vertical-align: middle;
    word-break: break-word;
}
.quantumviewfiles-module .meta-file .meta-table > div > div:last-child,
.quantumviewfiles-module .meta-file .meta-table > div.only-value > div {
    font-weight: bold;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}
.quantumviewfiles-module .meta-file .meta-table > div.only-value > div {
    width: 100%;
}
.quantumviewfiles-module .meta-file .meta-preview-album {
    position: relative;
    width: 80%;
    max-height: 250px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.quantumviewfiles-module .meta-file .meta-preview-album > *
{
    width: 100%;
    max-height: 100%;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    border: 4px solid #FFF;
    object-fit: contain;
    object-position: center;
    background-color: #eee;
    -moz-box-shadow: 0 0 4px #ddd;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
}
.quantumviewfiles-module .meta-file .meta-preview-album > *:first-child {
    position: relative;
    z-index: 1000;
}
.quantumviewfiles-module .meta-file .meta-preview-album > *:first-child + > * {
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.quantumviewfiles-module .meta-file .meta-preview-album > *:last-child {
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}
.quantumviewfiles-module .meta-file .meta-preview-album:hover {
    width: 85%;
}
.quantumviewfiles-module .meta-file .meta-preview-album:hover > *:first-child {
    z-index: 3000;
}
.quantumviewfiles-module .meta-file .meta-preview-album:hover > *:first-child + > * {
    left: -60px;
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.quantumviewfiles-module .meta-file .meta-preview-album:hover > *:last-child {
    left: 60px;
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.quantumviewfiles-module .field-list-files {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.quantumviewfiles-module .view > .empty {
    text-align: center;
    padding: 40px 50px;
}
.quantumviewfiles-module .view > .error {
    text-align: center;
    padding: 40px 50px;
}
.quantumviewfiles-module .view > .error a {
    display: inline-block;
}
.quantumviewfiles-module .field-list-files {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quantumviewfiles-module .field-list-files .active {
    background: #f3dd8c73;
}
.quantumviewfiles-module .field-list-files .file-item .file {
    pointer-events: none;
    -webkit-user-drag: none;
}
.quantumviewfiles-module .field-list-files .file {
    width: 50%;
    display: flex;
    align-self: center;
    align-items: center;
}
.quantumviewfiles-module .field-list-files .file .file-exs {
    width: auto;
    height: 100%;
    margin: 0;
}
.quantumviewfiles-module .field-list-files .file .file-exs .av-folderlist-label:after {
    width: 16px;
    height: 16px;
}
.quantumviewfiles-module .field-list-files .file .file-name {
    width: 85%;
    height: 100%;
    line-height: 14px;
    white-space: normal;
}
.quantumviewfiles-module .field-list-files .fields {
    display: flex;
    flex: 1;
    padding: 5px 0;
}
.quantumviewfiles-module .field-list-files .fields > div {
    width: 50%;
}
.quantumviewfiles-module .field-list-files .empty {
    /*width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;*/
}
.quantumviewfiles-module .field-list-files input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.quantumviewfiles-module .field-list-files input[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.quantumviewfiles-module .field-list-files input[type=checkbox]:checked,
.quantumviewfiles-module .field-list-files input[type=checkbox]:indeterminate {
    background-color: rgb(35, 132, 211);
    border-color: transparent;
}
.quantumviewfiles-module .field-list-files input[type=checkbox]:not(:disabled) {
    cursor: pointer;
}
.quantumviewfiles-module .field-list-files input[type=checkbox] {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color,border;
}
.quantumviewfiles-module .field-list-files input[type=checkbox] {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
}
.quantumviewfiles-module .field-list-files .list-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    justify-content: flex-start;
    align-content: flex-start;
    /*margin-left: -1%;*/
    min-height: 100%;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item {
    transition: all 0.2s;
}

.quantumviewfiles-module .field-list-files .list-grid .file-item:hover {
    cursor: pointer;
}
.quantumviewfiles-module .field-list-files .list-grid .object-select .import-files-check-file {
    display: none;
}
.quantumviewfiles-module .field-list-files .list-grid .object-select .file:before,
.quantumviewfiles-module .field-list-files .list-grid .object-select .directory:before {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 0;
    left: 8px;
    top: 8px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 426.667 426.667;' xml:space='preserve'%3E%3Cpath style='fill:%236AC259;' d='M213.333,0C95.518,0,0,95.514,0,213.333s95.518,213.333,213.333,213.333 c117.828,0,213.333-95.514,213.333-213.333S331.157,0,213.333,0z M174.199,322.918l-93.935-93.931l31.309-31.309l62.626,62.622 l140.894-140.898l31.309,31.309L174.199,322.918z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 2;
}
.quantumviewfiles-module .field-list-files .list-grid .object-select .import-files-check-file:checked ~ .file:before,
.quantumviewfiles-module .field-list-files .list-grid .object-select .import-files-check-file:checked ~ .directory:before {
    opacity: 1;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file {
    position: relative;
    width: 100%;
    height: 100%;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 35% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs.file-icons {
    width: 100%;
    height: 100%;
    margin: auto;
    transition: opacity .25s ease-in;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item:hover .file .file-exs.file-icons {
    opacity: .6;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs.file-icons svg {
    width: 85%;
    height: 85%;
}
svg.svg-icon text {
    fill: #FFFFFF;
    font-size: 80px;
    text-anchor: middle;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs img {
    max-height: 100%;
    height: auto;
    max-width: 100%;
    background-color: #efefef;
    border: solid 5px #EFEFEF;
    border-radius: 5px;
    transition: border 0.2s;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item:hover .file .file-exs img {
    border: solid 5px #b3b3b3;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs .av-folderlist-label {
    display: none;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-name {
    position: absolute;
    background: rgba(255,255,255,.8);
    color: #444444;
    height: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    font-size: 13px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item.lock {
    position: relative;
}
.quantumviewfiles-module .field-list-files .list-grid .file-item.lock:before {
    display: block;
    content: "";
    position: absolute;
    left: 35px;
    top: 5px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='535.5px' height='535.5px' viewBox='0 0 535.5 535.5' style='enable-background:new 0 0 535.5 535.5;' xml:space='preserve' %3E%3Cg%3E%3Cg id='lock'%3E%3Cpath d='M420.75,178.5h-25.5v-51c0-71.4-56.1-127.5-127.5-127.5c-71.4,0-127.5,56.1-127.5,127.5v51h-25.5c-28.05,0-51,22.95-51,51 v255c0,28.05,22.95,51,51,51h306c28.05,0,51-22.95,51-51v-255C471.75,201.45,448.8,178.5,420.75,178.5z M267.75,408 c-28.05,0-51-22.95-51-51s22.95-51,51-51s51,22.95,51,51S295.8,408,267.75,408z M346.8,178.5H188.7v-51 c0-43.35,35.7-79.05,79.05-79.05c43.35,0,79.05,35.7,79.05,79.05V178.5z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.quantumviewfiles-module .field-list-files .list-grid .file-item.lock .file-exs {
    opacity: .6;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item {
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item .directory {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item:hover {
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item:hover .directory {
    cursor: pointer;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item .directory .directory-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .25s ease-in;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item.empty .directory .directory-icon {
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item:hover .directory .directory-icon {
    opacity: .6;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item .directory .directory-name {
    position: absolute;
    background: rgba(255,255,255,.6);
    color: #444444;
    height: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    font-size: 13px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item.lock {
    position: relative;
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item.lock:before {
    display: block;
    content: "";
    position: absolute;
    left: 35px;
    top: 5px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='535.5px' height='535.5px' viewBox='0 0 535.5 535.5' style='enable-background:new 0 0 535.5 535.5;' xml:space='preserve' %3E%3Cg%3E%3Cg id='lock'%3E%3Cpath d='M420.75,178.5h-25.5v-51c0-71.4-56.1-127.5-127.5-127.5c-71.4,0-127.5,56.1-127.5,127.5v51h-25.5c-28.05,0-51,22.95-51,51 v255c0,28.05,22.95,51,51,51h306c28.05,0,51-22.95,51-51v-255C471.75,201.45,448.8,178.5,420.75,178.5z M267.75,408 c-28.05,0-51-22.95-51-51s22.95-51,51-51s51,22.95,51,51S295.8,408,267.75,408z M346.8,178.5H188.7v-51 c0-43.35,35.7-79.05,79.05-79.05c43.35,0,79.05,35.7,79.05,79.05V178.5z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.quantumviewfiles-module .field-list-files .list-grid .directory-item.lock .directory-icon {
    opacity: .6;
}
.quantumviewfiles-module .field-list-files .list-grid > * {
    margin: 1% 1% 1% 1%;
    height: 160px;
    padding-bottom: 30px;
}
.quantumviewfiles-module .field-list-files .list-grid-1-10 > * {
    width: 8%;
    height: 130px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-9 > * {
    width: 9.1%;
    height: 130px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-8 > * {
    width: 10.5%;
    height: 130px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-7 > * {
    width: 12.285%;
    height: 130px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-6 > * {
    width: 14.6%;
    height: 140px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-5 > * {
    width: 18%;
    height: 150px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-4 > * {
    width: 23%;
    height: 180px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-3 > * {
    width: 31.3%;
    height: 250px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-2 > * {
    width: 48%;
    height: 350px;
}

.quantumviewfiles-module .field-list-files .list-grid-1-1 > * {
    width: 98%;
    height: 130px;
}

.quantumviewfiles-module .field-list-files .list-table {
    min-height: 100%;
}
.quantumviewfiles-module .field-list-files .list-table .file-item {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 13px;
}
.quantumviewfiles-module .field-list-files .list-table .file-item:hover {
    cursor: pointer;
    background: #eeeeee;
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-table .file-item input {
    display: none;
    margin-right: 5px;
}
.quantumviewfiles-module .field-list-files .list-table .file-item input:checked ~ .file {
    background-color: #fcf8e3;
    color: #444444;
}
.quantumviewfiles-module .field-list-files .list-table .file-item input:checked ~ .fields {
    background-color: #fcf8e3;
    color: #444444;
}
.quantumviewfiles-module .field-list-files .list-table .file-item .file {
    position: relative;
    padding: 6px 0px 6px 35px;
}
.quantumviewfiles-module .field-list-files .list-table .file-item .file .file-exs {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}
.quantumviewfiles-module .field-list-files .list-table .file-item .file img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.quantumviewfiles-module .field-list-files .list-table .file-item .check {
    position: absolute;
    content: "";
    left: 10px;
    width: 17px;
    height: 17px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    transition: background-color,border 0.4s ease;
    z-index: 2;
}
.quantumviewfiles-module .field-list-files .list-table .file-item input:checked ~ .check {
    border: 1px solid;
    background-color: #444;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='448.8px' height='448.8px' viewBox='0 0 448.8 448.8' style='enable-background:new 0 0 448.8 448.8;' xml:space='preserve' %3E%3Cg%3E%3Cg fill='%23fff' id='check'%3E%3Cpolygon points='142.8,323.85 35.7,216.75 0,252.45 142.8,395.25 448.8,89.25 413.1,53.55 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.quantumviewfiles-module .field-list-files .list-table .file .file-exs .av-folderlist-label:after {
    margin-top: 4px;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 13px;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item:hover {
    cursor: pointer;
    background: #eeeeee;
    transition: all 0.2s;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item input {
    display: none;
    margin-right: 5px;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item input:checked ~ .directory {
    background-color: #fcf8e3;
    color: #444444;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item .directory {
    position: relative;
    padding: 8px 4px 8px 35px;
    width: 100%;
    display: flex;
    align-self: center;
    align-items: center;
    font-size: 13px;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item .check {
    position: absolute;
    content: "";
    left: 10px;
    width: 17px;
    height: 17px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    transition: background-color,border 0.4s ease;
    z-index: 2;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item input:checked ~ .check {
    border: 1px solid;
    background-color: #444;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='448.8px' height='448.8px' viewBox='0 0 448.8 448.8' style='enable-background:new 0 0 448.8 448.8;' xml:space='preserve' %3E%3Cg%3E%3Cg fill='%23fff' id='check'%3E%3Cpolygon points='142.8,323.85 35.7,216.75 0,252.45 142.8,395.25 448.8,89.25 413.1,53.55 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item .directory .directory-icon {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: opacity .25s ease-in;
}
.quantumviewfiles-module .field-list-files .list-table .directory-item.empty .directory .directory-icon {
}
.quantumviewfiles-module .field-list-files .list-table .directory-item .directory .directory-name {
    height: 100%;
    line-height: 14px;
}
.quantumviewfiles-module .field-list-files .list-table > div:last-child {
    border-bottom: none;
}
.quantumviewfiles-module .context-menu-open {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .8);
}
.quantumviewfiles-module .context-menu-open span {
    width: 15px;
    height: 15px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='more'%3E%3Ccircle cx='3' cy='10' r='2'%3E%3C/circle%3E%3Ccircle cx='10' cy='10' r='2'%3E%3C/circle%3E%3Ccircle cx='17' cy='10' r='2'%3E%3C/circle%3E%3C/svg%3E");
}


@media screen and (max-width: 800px) {
    .quantumviewfiles-module .field-list-files .list-grid  .directory-item {
        height: 135px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-4 .directory-item {
        height: 155px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-3 .directory-item {
        height: 210px;
    }
    .quantumviewfiles-module .field-list-files .list-grid .directory-item .directory {
        height: 122px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-4 .directory-item .directory {
        height: 143px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-3 .directory-item .directory {
        height: 191px;
    }
    .quantumviewfiles-module .field-list-files .list-grid .file-item {
        height: 82px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-4 .file-item {
        height: 102px;
    }
    .quantumviewfiles-module .field-list-files .list-grid-1-3 .file-item {
        height: 152px;
    }
    .quantumviewfiles-module .field-list-files .list-grid .directory-item .directory .directory-name {
        bottom: 0;
    }
    .quantumviewfiles-module .field-list-files .list-grid .directory-item {
        padding-bottom: 0;
    }
    .quantumviewfiles-module .field-list-files .list-grid .directory-item .directory .directory-icon {
        height: 80%;
        margin: auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 55% 50%;
    }
    .quantumviewfiles-module .view {
        width: 100%;
    }
    .quantumviewfiles-module .meta-file {
        display: none;
    }
    .quantumviewfiles-module .field-list-files .list-grid .file-item .file .file-exs img {
        object-fit: contain;
        object-position: center;
    }
}

@media screen and (max-width: 768px) {
    .quantumviewfiles-module-heading {
        flex-wrap: wrap;
    }
    .quantumviewfiles-module-heading > * {
        width: 100%;
    }
}