@media (max-width:420px) {
    #radio { display: none !important; }
}

.document-container-box .tab-content .tab-panel-body { padding:0; }
.progress-box { background-color: var(--mag-page-bg-color); position: absolute; top: 20%; width: 50%; padding: 20px; margin-left: 25%; }
.file-overlay-close { float: left;}
.pre-overlay-head .btn { margin-right: 8px; }
.pre-overlay-head .btn-mrg { margin-right: 8px !important; }
.btn-no-bg { background: none;}
.like-button-group { display: inline-block; }
.like-button-group button.btn { border-radius: 0 var(--mag-border-radius) var(--mag-border-radius) 0; }
.like-button-group .like-count { color: var(--page-text-color); 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-sidebar .nav-tabs > li.active > a, .pre-sidebar .nav-tabs > li.active > a:hover, .pre-sidebar .nav-tabs > li.active > a:focus { background-color: var(--mag-page-bg-color); }
.pre-overlay { 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: table; table-layout: fixed; width: 100%; height: 100%; position: relative; }
.pre-contents { width: 100%; height: calc(100% - 3.5rem); }
.preview-nav { position: absolute; top: 50%; 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-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-base-400); }
#closePre:hover { color: var(--mag-page-text-color); }
.pre-sidebar .tab-pane { padding-top: 15px; }
.feed-stream-box .feed-actions { font-size: 11px; }
.feed-stream-contents { padding: 0 20px; overflow-y: auto; overflow-x: hidden; height: 99%; }
.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%; max-height: 350px; margin: 0 auto; display: block; margin-top: 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: var(--mag-page-text-color); z-index: 100; cursor: pointer; }
.btn-sidebar:hover { color: var(--mag-primary-color); }
.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: var(--mag-primary-color); color: var(--mag-primary-text-color) !important; border-radius: 50%; font-size: 24px; padding: 10px 12px; box-shadow: 0 0 4px rgba(0,0,0,0.4); border: 1px solid var(--mag-element-border-color); }
.action-floating-button i { font-size: 26px; top: 3px; }
.action-floating-button:hover { color: var(--mag-primary-text-color) !important; background-color: var(--mag-primary-hover-color); border-color: var(--mag-primary-hover-color); }
#contentTextWrapper { -webkit-overflow-scrolling: touch; overflow: scroll; width: 100%; height: 100%; }
.social-raty-wrapper { display: inline-block; padding: 5px 0 3px 15px }
.social-raty-wrapper label { margin-bottom: 0 }
.social-raty-wrapper > .doc-rating, .social-raty-wrapper > .doc-stats { float: left; }

#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;
}