.document-list-header, .doc-selection, .additional-data { display:none; }
.list-mode .document-list-header, .list-mode .additional-data { display: block; }
.list-mode .doc-selection { display:inline-block; position:absolute; left:-65px; top:5px; }
.list-mode .doc64 img { left:40px; }
.document-list-header { padding: 3px 20px 3px 16px; position: relative; border-bottom: 2px solid var(--mag-element-border-muted-color); }
.document-list-header .sort-col { color: var(--mag-base-400); cursor: pointer; }
.document-list-header .doc-title { margin-left:60px; }
.document-list-header .doc-modified-date { float:right;font-weight:normal; }
.list-mode .metadata { margin-left:75px; }
.doc-pager { border:0; }
.document-container-box { min-height:400px; }
.uploader, .main-actions { display:inline-table; }
.drop-area { display: none; text-align:center; }
.qq-upload-drop-area-active .drop-area { z-index: 400; background-color: var(--mag-page-bg-200); opacity: 0.8; position: absolute; right: 0; top: 0; left: 0; bottom: 0; display: block; }
.document-container, .folder-container { margin-top: 5px; padding-top: 7px; border: 1px solid var(--mag-element-border-muted-color); }
.file-icon-mute { font-size: 11px; color: #bbb; margin-right: 1px;top:0; }
.tooltip-inner { padding-top:8px; padding-bottom:8px; }
.list-mode .additional-data .desc{padding:5px 15px 0 10px;font-size: smaller;}
.document-container .doc-selected, .folder-container .doc-selected { background-color: var(--mag-page-bg-200); 
                                                                     border: 1px solid var(--mag-element-border-focus-color); }
/*.inline-actions { display:none;}*/ 
.doc64 .inline-actions{display:block;bottom:inherit;position:inherit;right:inherit;padding-top:10px;}
a.link-muted {color:#bbb!important;}
/*
    link-muted is not  used any more, but the css has been kept for backward compatibility. 
    line bellow is for the updated html, which is using text-muted
*/
.list-mode .doc64:hover a.link-muted, .ui-mobile a.link-muted { color: var(--mag-primary-color) !important; }
.list-mode .doc64:hover a.text-muted, .ui-mobile a.text-muted { color: var(--mag-primary-color) !important; }
.list-mode .doc64:hover .inline-actions { display:block; }
.doc64 * { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.list-mode .doc64.doc-selected .inline-actions,.list-mode .doc64.doc-selected:hover .inline-actions { display:none; }
.list-mode .folder-struc{margin-top:15px;font-size:smaller;}
.no-actions.list-mode .doc-title { margin-left:5px; }
.no-actions.list-mode .doc64 img { left:10px; }
.no-actions.list-mode .metadata { margin-left:45px; }
#moveDialogAlert { margin-bottom:5px; }
.magentrix-toolbar .current-folder-name { padding-left:8px;}
.folder-lookup-content { max-height:380px; overflow-y:auto; }
.bs-tooltip { cursor: pointer; border: 1px solid var(--mag-element-border-color); background-color: transparent; background: none; 
              padding: 2px 4px; margin-left: 5px; border-radius: var(--mag-border-radius); }
.bs-tooltip:hover, .bs-tooltip:focus { border: 1px solid var(--mag-element-border-focus-color); }
.mag-icon-breadcrumb{font-size:16px;padding:0 3px;color:var(--mag-base-400);}
.highlight{background-color:yellow;color:#333;}
.special_formatting_tips_mingel{display:none !important;}

.ui-mobile .siteBody{padding:0 10px;}
.ui-mobile .doc64 .inline-actions{display:block;}
.ui-mobile .nav-tabs-panel .panel-collapse>.panel-body{padding:0;}
.ui-mobile .pre-overlay{top:51px;}
.ui-mobile .pre-overlay .like-button-group{display:none;}

.sticky {width:100%; background-color:var(--mag-page-bg-color); position: fixed;z-index: 999;padding: 15px;left: 0px;top: 0px; border: none;
         box-shadow: 0 0 4px var(--mag-element-border-color);}
.sticky .magentrix-toolbar {padding:0;border:none;box-shadow:none;}

@media (max-width:768px) {
    .list-mode .doc-selection, .list-mode .doc-selection-all { display: none; }
    .list-mode .doc64 img {left:5px;}
    .document-list-header .doc-title {margin-left:40px;}
    .list-mode .metadata {margin-left:40px;}
    .btn-browse-folders {display:none;}
    .ui-mobile .pre-overlay-head .right{text-align:center!important;}
    .ui-mobile .pre-overlay-head .col-sm-6:first-child{margin-bottom:10px;}/*space under file name*/
    .ui-mobile .folder-struc{display:none;}
}
@media (max-width:420px) {
    #btnJumpToFolder{display:none;}
}