.file-list-panel { min-height: 300px; border-left: 1px solid var(--mag-element-border-color); }
.file-body-content { background-color:var(--mag-page-bg-200); }
.file-btn-group input { padding-left:25px;}
.file-thumbnail-title { margin:5px 0; }
.file-body-content .thumbnail img { min-height:170px;max-height:170px; margin:0 auto; }
.filter { margin-right:10px; margin-bottom:20px; display:inline-block;}
.filterBy { padding:20px 15px;} 
.file-btn-group {position:relative;vertical-align: middle;}
.file-btn-group .glyphicon-search { position:absolute; top:11px; left:7px; }
.file-btn-group .glyphicon-filter { position:absolute; top:32%; left:2%; }
.file-btn-group input { padding-left:30px;}
.file-thumbnail-title { margin:5px 0; }
.filterList.sortList{font-size:13px;}
.option-share-lookup-box { border: 1px solid var(--mag-element-border-color); padding: 6px 2px; width: 100%; position: relative; display: inline-block; vertical-align: middle; }
.option-share-lookup-box .glyphicon-search {position:absolute; top:32%; left:2%;}
.option-share-lookup-box .dropdown-menu {min-width:100%;}
.option-share-lookup-box .itemShareSearchBox {display: inline-block;margin: 10px 4px 0 4px;vertical-align: middle;background: none;border: 0;font-size: 13px;outline: 0;overflow-x: hidden;overflow-y: auto;padding: 0 0 0 5px;resize: none;margin-top:-2px;width:250px;}
.file-body-content .thumbnail img { min-height:170px;max-height:170px; margin:0 auto; }
.file-dropdown{display:inline-block;}
.toolbar {  background-color:var(--mag-page-bg-200); margin-bottom: 10px; padding: 15px; position: relative; border-bottom-right-radius: 0; border-bottom: 1px solid var(--mag-element-border-muted-color); }
.uploadbtn{display: block;clear: both;font-weight: normal;line-height: 1.42857143;color: var(--mag-page-text-color);white-space: nowrap;padding: 0 !important;text-align: left;border:none;}
.uploadbtn:hover { background-color: var(--mag-page-bg-300) !important; color: var(--mag-page-text-color); }
.uploadbtn:active { background-color: var(--mag-page-bg-300) !important; box-shadow: none !important; }
.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;  }
.doc-img-preview { max-width:100%; height:auto; margin:0 auto; display:block; margin-top:30px;padding:0 30px 15px 30px;}
.file-list-panel .doc64 .inline-actions {display: inline;}
.file-list-panel .doc64 .inline-actions .actionLink { color: var(--mag-base-400); white-space: nowrap; }
.file-list-panel .doc64:hover .inline-actions .actionLink, .file-list-panel .doc64:hover .additional-data a { color: var(--mag-primary-color) !important; }
.pre-overlay#newTextFileOverlay { position:fixed;left:0;top:0;right:0;bottom:0;background-color:var(--mag-page-bg-200);z-index:1030; }
.pre-overlay-head { background-color:var(--mag-page-bg-200); color:var(--mag-page-text-color); padding:6px 15px; border-bottom:1px solid var(--mag-element-border-color); }
.pre-overlay-head #fileName { font-size:14px;line-height:34px;padding-left:6px;  }
.pre-content-area { display: table;table-layout: fixed; width:100%; height:100%; position:relative; }
.pre-contents {width:100%;height:calc(100% - 3.5rem);}
.preview-nav { position: absolute; top: 40%; padding: 4px; background-color: var(--mag-page-bg-color); color: var(--mag-page-text-color); cursor: pointer; }
.preview-nav:hover { background-color: var(--mag-page-bg-300); color: var(--mag-page-text-color); }
.preview-nav-left {left:0;}
.preview-nav-right {right:0; }
.pre-sidebar { display: table-cell; width: 370px; height: 100%; font-size: 14px; background-color:var(--mag-page-bg-200); vertical-align:top; user-select:none;border-left:1px solid var(--mag-element-border-color);transition: all 0.4s ease 0s; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; }
.pre-main-content {display: table-cell; height: 100%;vertical-align:top;position:relative;}
#closePre { position:absolute; left:0px; top:3px; padding-right:10px; display:inline-block; color:var(--mag-page-text-color);opacity:0.4;}
.share-comment{margin-top: 15px;display:none;}
#closePre:hover { opacity:0.6; }
.pre-sidebar .tab-pane { padding-top:15px; background:var(--mag-page-bg-color); }
.user-profile-img { border-radius:50%; }
.doc-img-preview { max-width:100%; height:auto; margin:0 auto; display:block; margin-top:30px;padding:0 30px 15px 30px;}
.doc-img-preview.svg { background-color: var(--mag-page-bg-color); }
.doc-file-name {margin-top:10px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; }
.div-open .btn-sidebar { display: block; }
.unfollow-text-link{color:red;}
.mag-follow-link{cursor:pointer;}
.action-floating-button { transition: all 0.4s ease 0s;cursor:pointer; position:fixed; bottom:70px; right:30px; 
                          border-radius:50%; font-size:24px; padding:10px 12px; }
.action-floating-button i { font-size:26px; }
.sharespantag { overflow: hidden; display: inline-block; border-radius: var(--mag-border-radius); background-color: var(--mag-page-bg-200); margin-right: 5px; padding: 1px; position: relative; font-size: 12px; vertical-align: middle; margin: 1px 3px 0 5px; }
.shareremovetag{color: var(--mag-page-text-color);font-size: 10px;cursor:pointer;}
#contentTextWrapper {-webkit-overflow-scrolling: touch;overflow: scroll; width:100%;height:100%; }
.ui-mobile .pre-overlay { top: 38px; }
.data-verions .close { position:absolute;top:10px;right:15px; }
.vh-pager .pagination { margin:0; }
.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;margin-left: 2px;margin-top: -2px;}
#newTextFileOverlay { background-color:var(--mag-page-bg-color); }
.like-button-group { display:inline-block;}
.like-button-group button.btn { margin-right:0; border-radius: 0 var(--mag-border-radius) var(--mag-border-radius) 0; }
.disableSharingdiv{display: inline;position: relative;top: -2px; left: 5px;}
.btn-done{display:none;}
.fileNamediv .name-input, .name-div-input { border: 1px solid transparent; border-radius: var(--mag-border-radius) !important; height: 20px; line-height: 22px; margin: 0; min-width: 1px; padding: 2px 7px; }
.fileNamediv{line-height:30px;font-size: 14px;padding-left: 6px;}
.like-button-group .like-count { line-height: 1.42857143; border: 1px solid var(--mag-element-border-color); border-right: 0; display: inline-block; padding: 6px; font-size: 14px; font-weight: normal; white-space: nowrap; vertical-align: middle; border-radius: var(--mag-border-radius) 0px 0 var(--mag-border-radius); }
.btn-like-file{margin-left: -3px;}
.file-menu-container {float: left;width: 150px;}
.file-menu-container .selectpicker{width:150px;}
.dialog-mode .doc64:hover .inline-actions{display:none}
.dialog-mode .doc64 .inline-actions{display:none}
.dialog-mode .owner {display:none;}
.dialog-mode .pagefront{overflow:hidden;}
.dialog-mode .file-scroll {height: 500px;overflow-y: auto;}
.dialog-mode .list-mode .doc64 .time{right: 2px;top: -10px;}
.usercountsp { background-color: var(--mag-page-bg-200); border-radius: var(--mag-border-radius); font-size: 10px; padding: 2px }
.ui-mobile .list-mode .personalDocItems .doc64 .file-name {position: relative;top: 0px;}
.ui-mobile .pre-overlay{top:51px;}
.ui-mobile .pre-overlay .like-button-group{display:none;}
.ui-mobile .preview-nav {top:35%;}
.search-share-results-menu{width: 100%;height: 300px;overflow-y: auto;}
.shareabledivmsg{padding: 10px;padding-left: 0;color: var(--mag-base-400);font-size: 13px;}
.pre-overlay .feed-stream-contents{padding: 0 15px;overflow-y: auto;overflow-x: hidden;height: 99%;padding-top: 10px;}/*added container fluid for home page > open-doc, reducing padding*/
.pre-overlay #history_content, .pre-overlay .file-details, .pre-overlay #activity_feed { width: 380px; margin: 0 auto; }
.pre-overlay .feed-item { background-color: var(--mag-page-bg-200); border: 1px solid var(--mag-element-border-color); padding: 15px 5px 3px 5px; position: relative; }
.pre-overlay .feed-item:hover {box-shadow: 0 0 3px var(--mag-page-bg-300);}
.pre-overlay .feed-event-item .media-content { padding: 8px 0 0 0;}
.pre-overlay .feed-event-item .media-content .glyphicon { margin-left: 0; margin-right: 6px; }
.pre-overlay .feed-event-item .media-content .time { display: block; padding-top: 7px; }
.pre-overlay .feed-show-more-btn{display: block;margin-top: 10px;}

@media (max-width:991px) { .file-btn-group{margin-top:10px;margin-right:6px;}
    .list-mode .personalDocItems .doc64 { padding-bottom: 22px; height: 130px; }
    .list-mode .personalDocItems .doc64 .inline-actions { top: 60px; }
}
@media (max-width:850px) {
    .file-btn-group { margin-top: 10px; margin-right: 6px; }
}
@media (max-width:768px) {
    .list-mode .doc-selection, .list-mode .doc-selection-all { display: none; }
    .list-mode .doc64 img {left:5px;}
    .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;}
    .dialog-mode .list-mode .doc64 .time{right: 0;top: 0px;}  
    .dialog-mode .list-mode .personalDocItems .doc64  {padding-bottom:12px;}
}
@media (max-width:420px) {
    .sort-file-dropdown {display:none;}
    .filterFiles{display:none;}
    .dialog-mode .list-mode .doc64 .time{right: 0;top: 0px;}
    .list-mode .personalDocItems .doc64 .inline-actions { top: 70px; right:unset;left:-40px; }
}