@-webkit-keyframes tscrollspin{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes tscrollspin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.paginatefiles .loading::after{content:"";display:block;box-sizing:border-box;position:relative;top:calc((100% / 2) - 10%);left:calc((100% / 2) - 10%);width:10%;height:10%;border-style:solid;border-color:rgba(0,0,0,0.2);border-top-color:transparent;border-width:2px;border-radius:50%;-webkit-animation:tscrollspin .8s linear infinite;animation:tscrollspin .8s linear infinite}
#previewpagetitle{max-width:100%;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
#preview #contentwrapper > div:not(.pnlclosedpos0){float:left;width:100%}
#preview #contentwrapper div{box-sizing:border-box}
#preview .keywordcontainer.pos0{margin-bottom:10px}
#preview .keywordcontainer.pos1{margin-top:10px}
#preview .keywordcontainer.pos2{clear:both;padding-top:10px}
#preview .keywordcontainer.pos3,
#preview .keywordcontainer.pos3 ul{margin:10px 0}
#preview #metafields{float:left;width:100%}
.pcontainer.middlecontainer{display:flex;flex-direction:row;flex-wrap:wrap;float:none !important}
.keytoggle.keystatus0{display:none}
.preview[data-mediatype='0'] .pcontainer.middlecontainer > div{flex:1}
.preview .previewfile{box-sizing:border-box;margin:0}
.preview[data-mediatype='1'] .previewfile,
.preview[data-mediatype='1'] .previewfile .videoplayerobj,
.preview[data-mediatype='2'] .previewfile,
.preview[data-mediatype='2'] .previewfile .videoplayerobj{max-width:100%}
.pcontainer.middlecontainer .metadata{padding-left:30px;min-width:400px;flex:2}
.pcontainer.middlecontainer .metadata > div,
.pcontainer.middlecontainer .metadata ul{float:left;width:100%}
#preview #contentwrapper .pcontainer{padding:0 20px 10px 20px}
.contributorpos3 .divcontributor{margin:0 0 10px 0}
.contributorpos4 .divcontributor{clear:none;margin-left:20px;margin-top:3px;font-size:1.20em}
.contributorpos4 #backthumbnails{clear:both;float:left}
.contributorpos4 #previewpagetitle{width:auto;float:left}
.contributorpos5 .divcontributor{margin:0 0 10px 0}
#filelist{display:none}
.prvtxtdiv{margin:10px 0}
#prvtxt1{margin-top:0}
#prvtxt2{margin-top:10px}
#preview div#facebook_buttons{margin:12px 0 0 20px;float:left}
#waitingforpreview{margin:0;padding:0;line-height:30px}
#preview.navbars1 .previewbox{display:flex}
#preview.navbars1 .previewfile{min-width:280px}
#preview.navbars1 .previewpaginatebar{width:auto;z-index:1;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:25px}
.previewpaginatebar.nonav{cursor:default !important}
#preview.bot1 .pagnavbtn,
#preview.bot1 .previewpaginatebar,
#preview[data-hidenav="1"] .previewpaginatebar,
#preview[data-hidenav="1"] #backthumbnails{display:none}
#preview.navbars1 .previewpaginatebar::after{font-weight:600;font-family:'Font Awesome\ 5 Free';content:"\f104";font-size:3em;color:black;padding:0 3px}
#preview.navbars1 .previewpaginatebar.navright::after{content:"\f105"}
#preview.navbars1 .previewpaginatebar.nonav::after{opacity:0.25}
.previewpaginatebar.loadingpreview{min-width:25px;min-height:25px;background:transparent url(../images/infradox/loaders/facebookstyle.gif) no-repeat scroll center}
#previewwaitscroll{position:absolute;display:none;float:left;width:24px;height:24px;background:url(../images/infradox/loaders/loader24.png) no-repeat scroll 0 0 transparent;z-index:9001}
.previewwaitscroll{position:absolute;display:none}
.pagnavbtn{cursor:pointer;display:flex;align-items:center;justify-content:center}
.pagnavbtn.off{cursor:default;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.pagnavbtn::before{color:white}
.paginatefiles .filler{cursor:default}
.paginatefiles a > li{background-position:50% 50% !important;background-repeat:no-repeat !important;margin:0 1px 0 1px}
.paginatefiles .current{cursor:default;opacity:0.25;filter:alpha(opacity=25)}
.toolsposition0{min-height:15px;margin-bottom:10px}
.toolsposition1{min-height:25px;margin-bottom:20px}
.toolsposition2{margin-top:10px;min-height:10px}
.toolsposition3{margin-top:10px;min-height:10px}
#restrictionscontainer{display:none}
#metadatacontainer{margin-top:10px}
.paginationbar{display:flex;width:100%;max-width:100%}
.scrollpos0 .paginationbar,
.scrollpos4 .paginationbar{margin-bottom:10px}
.scrollpos3 .paginationbar{margin-top:10px}
.scrollpos0.paginstyle1 .paginationbar,
.scrollpos0.paginstyle2 .paginationbar{max-width:405px}
.scrollpos0.paginstyle3 .paginationbar{max-width:480px !important}
.paginationbar .paginatefiles{width:100%;display:flex;overflow:hidden}
.paginatefiles a{flex:auto;text-decoration:none !important}
.paginatefiles a li{height:100%}
.paginationbar .paginatefiles img{width:auto}
.paginstyle5 .paginatefiles img,
.paginstyle7 .paginatefiles img,
.paginstyle8 .paginatefiles img,
.paginstyle11 .paginatefiles img,
.paginstyle12 .paginatefiles img{max-height:100%;max-width:100%}
.paginstyle10 .paginatefiles,
.paginstyle11 .paginatefiles{height:125px}
.paginstyle1 .paginatefiles,
.paginstyle2 .paginatefiles,
.paginstyle4 .paginatefiles,
.paginstyle5 .paginatefiles{height:75px}
.paginstyle3 .paginatefiles,
.paginstyle6 .paginatefiles,
.paginstyle7 .paginatefiles{height:90px}
.paginstyle8 .paginatefiles,
.paginstyle9 .paginatefiles{height:105px}
.paginstyle10 .paginatefiles a li,
.paginstyle11 .paginatefiles a li{height:125px;width:125px}
.paginstyle1 .paginatefiles a li,
.paginstyle2 .paginatefiles a li,
.paginstyle4 .paginatefiles a li,
.paginstyle5 .paginatefiles a li{width:75px;height:75px}
.paginstyle3 .paginatefiles a li,
.paginstyle6 .paginatefiles a li,
.paginstyle7 .paginatefiles a li{height:90px;width:90px}
.paginstyle8 .paginatefiles a li,
.paginstyle9 .paginatefiles a li{height:105px;width:105px}
.paginstyle12 .paginatefiles a li{height:170px;width:170px}
.paginstyle10 .paginatefiles a li{height:100%}
@media screen and (max-width:1200px){.pcontainer.middlecontainer .previewboxcontainer{flex:1;min-width:unset !important;min-height:unset !important}
.pcontainer.middlecontainer .metadata{flex:1}
#preview.navbars1 .previewbox{min-height:230px;height:unset !important}
#preview #zoomimage{max-width:100%;height:unset}
}
@media screen and (max-width:900px){.pcontainer.middlecontainer{flex-direction:column;flex-wrap:nowrap}
.pcontainer.middlecontainer .metadata{padding-left:0}
}
@media screen and (max-width:800px){#zoomimage{width:unset !important;height:unset !important}
.previewbox{height:unset !important;min-height:unset !important}
.pagnavbtn::before{font-size:30px !important}
.paginatefiles,
.paginatefiles a li{height:75px !important}
}
@media screen and (max-width:400px){.scrollpos0 .paginationbar{max-width:unset}
.pcontainer.middlecontainer .previewboxcontainer{flex:1}
.paginatefiles,
.paginatefiles a li{height:50px !important}
}