body{font-family:Manila;overflow-y:hidden;height:100vh;}button{cursor:pointer;}figure{margin:0;}.hidden{display:none !important;}#header{max-width:800px;}main{display:grid;}#control{grid-row:1 / 2;display:flex;justify-content:space-between;border-bottom:1px solid;padding:5px;}#control button,.dirFileActionButton,dialog button{background-position:center;background-color:transparent;background-repeat:no-repeat;border:0;height:30px;width:30px;}button#dirFileActionCancel{margin-left:15px;}#control>div{display:flex;column-gap:5px;}#path{padding:5px;border-bottom:1px solid;}#path>span{margin:0;}#path>#pathRoot:hover,#path>#pathDirs>span:not(:last-of-type):hover{cursor:pointer;font-weight:bold;}#path>#pathRoot{width:15px;display:inline-block;text-align:right;}#dirCont{max-width:800px;}#dirs,#files{display:grid;}#dirs .dirFileName{font-weight:bold;}.dirFileLine{display:grid;grid-template-columns:auto max-content;cursor:pointer;user-select:none;border-bottom:1px solid;}.dirFileLine.selItems{grid-template-columns:max-content auto max-content;}.dirFileLine>*,.dirFileProps>*{padding:2px;}.dirFileProps{display:grid;grid-template-columns:max-content auto max-content;grid-column-gap:5px;}.dirFileIcon{align-self:center;width:30px;}.dirFileInfo{display:grid;}.dirFileName{font-size:1.25em;display:grid;grid-template-columns:minmax(0,max-content) min-content;}.dirFileName>.dirFileNameName{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.dirFileName>.dirFileNameExt{align-self:end;}.dirFileName>.dirFileNameName:hover{white-space:normal;word-break:break-word;}.dirFileMeta{display:grid;grid-template-columns:5.5em 1fr;}.dirFileModify{font-size:.75em;text-align:right;}.dirFileSize{font-size:.75em;text-align:right;}.dirFileAction,.dirFileIcon{align-self:center;height:30px;width:30px;border:none;background-repeat:no-repeat;background-position:center;border-radius:7px;margin-right:5px;}.dirFileAction{border-radius:7px;margin-right:5px;}#file{align-content:center;justify-items:center;position:relative;border:1px solid;height:inherit;}#file>img{width:100%;}#file>iframe{width:100%;height:100%;}#file>textarea{width:100%;height:100%;}#fileCtrl{position:absolute;top:0;right:0;width:fit-content;margin-right:1vw;margin-top:1vh;padding:5px;padding-left:25px;box-shadow:0 0 10px black;border-radius:5px;background-repeat:no-repeat;background-position:5px center;background-size:12px;}#closeFile,#saveFile,#downloadFile{opacity:.6;background:none;height:30px;width:30px;border:none;background-repeat:no-repeat;background-position:center;}dialog #selectUploadFile{width:80px;}dialog #mockSelectUpload{color:inherit;font-size:inherit;width:max-content;}#uploadFileList{display:flex;flex-direction:column;}#uploadFileList .uploadFileEntry{display:grid;grid-template-columns:max-content min-content;}#uploadFileList .uploadFileEntry>p{margin:4px;margin-right:10px;}#uploadFileList .removeUploadItem{border:none;background-position:center;background-color:transparent;background-repeat:no-repeat;width:20px;}dialog{border:none;border-radius:10px;}dialog #dlgLogin{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;grid-row-gap:10px;}dialog #dlgFileType{display:grid;grid-template-columns:min-content auto;row-gap:5px;}dialog #dlgFileType [type=radio]{margin-top:0;}dialog input[type="text"]{border:none;border-bottom:1px solid;font-size:1em;}dialog #ftOtherName1{max-width:40px;}dialog #dlgDirFileName{margin-top:25px;}dialog #dirFileName{width:100%;}dialog #ctrl{margin-top:30px;margin-bottom:10px;}dialog button{border:none;}#dlgCtrl{display:grid;grid-template-columns:1fr 1fr;justify-items:center;}.dirFileActionDialog{display:flex;flex-direction:row;column-gap:10px;}#itemsSortDialog{display:grid;grid-template-columns:auto auto;grid-row-gap:10px;}#itemsSortDialog>hr{width:100%;grid-column:1 / 3;}.contextmenu{margin:0;position:absolute;}@media screen and (max-width:800px){main{grid-auto-rows:max-content 100%;}#dirCont,#file{overflow-y:scroll;}#dirCont .dirFileControl{display:none;}}@media screen and (min-width:801px){#header{justify-self:center;}main{grid-auto-rows:max-content 100%;}#dirCont,#file{justify-self:center;overflow-y:scroll;}#dirCont{grid-column:1 / 2;}#header,#dirCont{border-left:1px solid;border-right:1px solid;min-width:50%;}#file{grid-column:2 / 3;grid-row:1 / 3;width:50vw;}#dirCont .dirFileControl{display:none;}}