.pre-overlay-head .btn-mrg { margin-right:8px!important; }
.file-div-name-span{font-size:1.2em;}
.file-div-name-span:first-letter,.file-name:first-letter{text-transform:uppercase;}
.btn-no-bg { background:none; 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; }
.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); }
.pre-overlay,#newTextFileOverlay { position:fixed;left:0;top:0;right:0;bottom:0;background-color:var(--mag-page-bg-color);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:flex; justify-content:space-between; 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: 380px; height: 100%; 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-sidebar-container { width:380px;}
.pre-main-content {display: table-cell; height: 100%;vertical-align:top;position:relative; width:100%;}
#closePre { position:absolute; left:0px; top:3px; padding-right:10px; display:inline-block; color:var(--mag-page-text-color);opacity:0.4;}
#closePre:hover { opacity:0.6; }
.pre-sidebar .tab-pane { padding-top:15px; background:var(--mag-page-bg-color); }
.feed-stream-box .feed-actions { font-size:11px; }
.feed-stream-contents { padding:0 20px; overflow-y:auto; overflow-x:hidden; height:99%; padding-top:10px; }
.user-profile-img { border-radius:50%; }
.feed-stream-box { height:100%; }
.feed-stream-box .feed-item { background-color:var(--mag-page-bg-200); border:1px solid var(--mag-element-border-color); }
.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; }
.btn-sidebar { display:none; position: absolute; right: 10px; top: 10px; color: #bbb; z-index:100; cursor:pointer; }
.btn-sidebar:hover { color:#336699; }
.div-open .btn-sidebar { display: block; }
.action-floating-button { transition: all 0.4s ease 0s;cursor:pointer; position:fixed; bottom:70px; right:30px; background-color:#5cb85c; color:white !important; border-radius:50%; font-size:24px; padding:10px 12px; box-shadow:0 0 4px rgba(0,0,0,0.4); border:1px solid #4cae4c; }
.action-floating-button i { font-size:26px;top:3px; }
.action-floating-button:hover { color:white !important; background-color:#398439; border-color:#398439; }
#contentTextWrapper {-webkit-overflow-scrolling: touch;overflow: scroll; width:100%;height:100%; }
.data-verions .close { position:absolute;top:10px;right:15px; }
.vh-pager .pagination { margin:0; }
#newTextFileOverlay { background-color: var(--mag-page-bg-color); }
.ui-mobile .preview-nav {top:35%;}
.file-overlay-close { float: left;}
.social-raty-wrapper{display:inline-block; padding:15px 0 3px 15px}
.social-raty-wrapper label{margin-bottom:0}
.social-raty-wrapper > .doc-rating, .social-raty-wrapper > .doc-stats{float:left;padding-right:6px;}
#docPreviewModal #history_content .feed-item .media-content {/*padding:0*/}
.page-breadcrumb h3 {
    max-width: 45% !important;
}
.current-folder-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
    vertical-align: middle;
}
.toolbar-back-btn { max-width: 60% !important; min-width: 60%;}
ul.list-template {list-style-type: none;display: flex;justify-content: flex-start;padding:0;margin-top:10px;}
ul.list-template li {display:inline-flex;margin-right:20px;}
ul.list-template li .template-label {margin-left: 10px; cursor:pointer;}
.one-col, .two-col, .blank {
    height: 64px;
    width: 52px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
    border: 1px solid #eee;
    margin-bottom: 5px;
}
.one-col { background-image: url('/_Assets/images/1_column.svg'); }
.two-col { background-image: url('/_Assets/images/2_column.svg'); }
.blank { background-image: url('/_Assets/images/simple_text.svg'); }

#shareDialog .social-share {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 1rem 0 2rem 0;
}
#shareDialog .social-share li { padding: 0 1rem; }
#shareDialog .social-link i { font-size: 42px; }

@media(max-width:780px) {
    #fileName { font-weight: bold; padding-left:0; }
    .file-div-name-span{font-size:1em;}
    .file-overlay-close{font-size:2em;position:relative;top:-0.3em;}
}
@media(max-width:490px){
    .pre-overlay-head .right { text-align:center !important;}
    .pre-contents {height: calc(100% - 5.5rem); }
}
@media(max-width:380px){
    .like-button-group{display:none;}
}