#file-preview {background: none; padding: 50px 10px; position: relative; overflow: hidden;}
#file-preview.pdf {padding: 10px 10px;}
#file-preview .preview-inner {background: #fff; min-height: 95%;}
#file-preview .file-footer { background: #212A37; height: 40px; color: #fff; font-size: 13px; line-height: 40px; position: absolute; bottom: 0px; left: 0px; z-index: 99;}
#file-preview .file-footer ul { margin: 0px; padding: 0px;}
#file-preview .file-footer li {margin: 0px; padding: 0px; list-style-type: none; float: left;}
#file-preview .file-footer li a {color: #fff; opacity: 0.5; padding-right: 20px;}
#file-preview .file-footer li a:hover {opacity: 0.8;}
#file-preview .file-footer .copyright { opacity: 0.5; float: right; font-weight: normal; color: #fff !important;}
#file-preview .preview-inner {padding: 0px; position: relative;}
#file-preview .top-white-bar { padding: 15px; text-align: center; background: #FBFBFB; border-bottom: 1px solid #dcdcdc;}
#file-preview .top-white-bar h2 {font-size: 18px; color: #000; line-height: 24px; margin: 0px;}
#file-preview .top-white-bar h3 {font-size: 15px; color: #555555; line-height: 24px; margin: 0px;}
#file-preview .top-white-bar h3.private-message {color: red;}
#file-preview .file-content {background: #FFFFFF; overflow: hidden; align: center; width: 100%; height: 100%;}
#file-preview .file-content iframe.video-player {width: 100%; height: 100%; border: none; background: #000;}
#file-preview .file-content iframe.pdf-viewer  {width: 100%; height: 100%; border: none; background: #fff;}
#file-preview .file-content iframe.audio-player {height: 48px; border: none; background: #000; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; opacity: 0.7; }
#file-preview .file-content iframe.audio-player:hover {opacity: 1;}
#file-preview .image-preview { visibility: hidden;}
#file-preview .file-info {background: #1B1B1C; opacity: 0.9; position: absolute; top: 0px; left: 0px; width: 100%; padding: 15px 40px; color: #fff; display: none; z-index: 10;}
#file-preview .file-info .fa-info {position: absolute; left: 15px; top: 18px; font-size: 16px; }
#file-preview .file-share {background: #1B1B1C; opacity: 0.9; position: absolute; top: 0px; left: 0px; width: 100%; padding: 15px 40px; color: #fff; display: none; z-index: 10;}
#file-preview .file-share .fa-share-alt {position: absolute; left: 15px; top: 18px; font-size: 16px;}
#file-preview .file-info h3, #file-preview .file-share h3 {margin: 0px; font-size: 16px; font-weight: 500; line-height: 22px;}
#file-preview .file-info p {margin: 15px 0px;}
#file-preview .file-info b { font-weight: 500;}
#file-preview .file-share input { border: none; background: none; line-height: 20px; color: #fff; font-weight: 400; width: 30%; margin: 0px;}
#file-preview .copy-clipboard-btn { margin-top: 15px;}
#file-preview .playback .play-pause-button {display: none;}
#file-preview .playback:hover .play-pause-button { display: block; background: url("../images/file-preview-pause-btn.png");}
#file-preview .file_icon { position: fixed; z-index: 10; left: 50%; top: 50%; margin-left: -128px; margin-top: -170px; display: block; width: 256px; height: 256px;}
#file-preview .image-preloading {position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -12px;}

.page-file_preview .sidebar-menu-hide {display: none;}
.page-file_preview header .navbar-brand {left: 0px;}
.page-file_preview .breadcrumb-and-buttons h2 > a {max-width: 320px;}
.page-file_preview .breadcrumb-and-buttons h2 {padding-left: 15px;}
.page-file_preview .breadcrumb-and-buttons .buttons {width: auto;}
.page-file_preview .breadcrumb-and-buttons .buttons .fa {float: right;}
.page-file_preview .file-footer {height: 40px; color: #fff; font-size: 13px; line-height: 40px; position: absolute; bottom: 0px; left: 0px; z-index: 99;}


#password-protected {display: block; }
#password-protected .lightbox-container {width: 550px !important; margin-left: -275px !important; top: 50%; left: 50%; margin-top: -95px;}

@media only screen and (max-device-width: 767px)
{
    .page-file_preview .breadcrumb-and-buttons h2 {line-height: 28px; width: 100%;}
    .page-file_preview .breadcrumb-and-buttons h2 a {display: block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
    .page-file_preview .breadcrumb-and-buttons .buttons {float: none; border-top: 1px solid #dddddd;}
    .page-file_preview .breadcrumb-and-buttons .buttons i, .page-file_preview .breadcrumb-and-buttons .buttons a { display: inline-block; float: none !important; margin: 0; text-align: center; width: 32%;}
    .page-file_preview #file-preview {padding: 15px 5px;}
    .page-file_preview #file-preview .file_icon { position: absolute; width: 192px; height: 192px; margin-left: -96px; margin-top: -128px;}
    .page-file_preview #file-preview .file-content {position: relative; }
    .page-file_preview .file-footer {width: 100%;}
    .page-file_preview #file-preview .file-content iframe.audio-player {border: none; background: none;}
}