body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-spacing:0}body{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAABDCAIAAADMAgpPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACoSURBVHhe7dExAQAADMOg+fdYL7PBESxwC6weWj20emj10Oqh1UOrh1YPrR5aPbR6aPXQ6qHVQ6uHVg+tHlo9tHpo9dDqodVDq4dWD60eWj20emj10Oqh1UOrh1YPrR5aPbR6aPXQ6qHVQ6uHVg+tHlo9tHpo9dDqodVDq4dWD60eWj20emj10Oqh1UOrh1YPrR5aPbR6aPXQ6qHVQ6uHVg+tHlo9sO0BZw6PJk+THXEAAAAASUVORK5CYII=);overflow:hidden}input:read-only{background-color:#f0f0f0;border:1px solid #ccc;color:#000;cursor:not-allowed}.App{height:100vh;overflow:hidden;padding:0;text-align:center;z-index:0}.App,.App-header{margin:0;position:relative;width:100%}.App-header{align-items:left;background-color:#282c34;color:#fff;font-size:calc(10px + 1vmin);justify-content:left;min-height:10vh;text-align:left;z-index:100}.App-header h1{font-size:60px}.App-header-changepassword{font-size:12px;text-align:right}.ChangepwdBtton{background-color:#282c34;border:none;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}input[type=password],input[type=text]{border:1px solid rgba(0,0,0,.2);height:25px}input[type=submit]{background:#01d28e;border:1px solid #01d28e;color:#fff;cursor:pointer;font-size:15px;margin-top:10px;padding:10px 20px}input[type=submit]:hover{background:#6cf0c2}.button-container{display:flex;justify-content:center}.login-form{margin:20vh auto auto}.fileViewerDialog,.login-form{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);max-width:50vh;padding:2rem}.fileViewerDialog{left:10vh;margin:auto;position:absolute;top:10vh;z-index:10}.list-container{display:flex}.error{color:red;font-size:12px}.title{font-size:25px;margin-bottom:20px}.input-container{display:flex;flex-direction:column;gap:8px;margin:10px}h1{font-size:18px}.container{display:flex;flex-direction:row;margin:0;overflow:auto;z-index:0}.LeftPane{background-color:#ccc;display:inline;flex-direction:column;height:95vh;overflow:auto;text-align:left;width:20%;z-index:100}.LeftHideShowButton,.LeftPane{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:0;transition:.3s}.LeftHideShowButton{background-color:#fff;height:5vh;text-align:center;width:100%}.TwoButtons{height:100%;width:50%}.ThreeButtons{height:100%;width:33.33%}.LeftPaneButton{background-color:#fff}.LeftPaneButton,.LeftPaneButtonClicked{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:5vh;margin:0;overflow:hidden;position:relative;text-align:center;transition:.3s;width:100%}.LeftPaneButtonClicked{background-color:#c99}.LeftPaneButtonHalf{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:3vh;margin-top:3vh;text-align:center;transition:.3s;width:50%}.LeftPaneButtonEdit{height:5vh;width:100%}.LeftPaneButtonDel,.LeftPaneButtonEdit{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:0;text-align:center;transition:.3s}.LeftPaneButtonDel{border:0 solid green;float:right;height:3vh;width:3vh}.LeftPaneTitleButtonDel{border:1px solid green;height:2vh;margin:0;padding:0;width:2vh}.LeftPaneTitleImgDel{height:2vh;margin:0;padding:0;vertical-align:middle;width:2vh}.LeftPaneEditInput{background-color:#fff;border:0 solid green;height:3vh;text-align:center}.LeftPaneDropZone{border:1px solid #000;height:100px}.CenterPane{height:90vh;overflow:auto;position:relative;width:60%;z-index:0}.CenterPane,.CenterPaneVR{background-color:#ddd;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:inline;flex-direction:column;margin:0;text-align:left;transition:.3s}.CenterPaneVR{height:95vh;overflow:hidden;width:100%;z-index:auto}.CenterPaneCloud{background-color:#ddd;min-height:95vh;width:100%}.CenterPaneCloud,.CenterPaneDeleteMode{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:inline;margin:0;text-align:left;transition:.3s;z-index:0}.CenterPaneDeleteMode{background-color:#f88;flex-direction:column;height:95vh;overflow:auto;width:60%}.CenterPlayList{background-color:#999;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:20vh;margin:3px;text-align:center;transition:.3s;width:13vh;z-index:0}.CenterPaneCloudButton{height:3vh;min-width:170px;position:relative;width:16vh;z-index:0}.CenterPaneCloudItemContainer{height:95vh;position:relative;width:100%;z-index:0}.CenterCloudItem{display:inline;margin:0;width:100%}.CenterCloudItem,.SubCenterCloudItem{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;z-index:0}.SubCenterCloudItem{border:1px solid green;display:inline-block;height:13vh;margin:3px;overflow:hidden;position:relative;text-align:center;width:13vh}.CenterPaneCloudUpload{background-color:#77f;border:1px solid red;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;margin-top:.1vh}.RightPane{background-color:#ccc;display:inline;flex-direction:column;float:right;height:95vh;position:relative;text-align:left;width:20%;z-index:100}.RightPane,.RightPaneButton{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:0;transition:.3s}.RightPaneButton{background-color:#999;height:5vh;text-align:center;width:100%}.RightPaneButtonText{top:50%}.RightPaneButton:hover{background-color:#4caf50;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#fff}.buttRightPaneButton:active{background-color:#3e8e41;box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}.Footer{background-color:#282c34;height:5vh;margin:0;position:relative;z-index:100}.vihidden{visibility:hidden}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}.spinner-container{align-items:center;display:grid;height:350px;justify-content:center}.viewScene{height:300px;overflow:hidden;width:400px;z-index:0}.iconDisp{height:100px;margin:20px;overflow:hidden;width:100px;z-index:10}.floating-box{background-color:#61dafb;border:1px solid #f0f0f0;font-weight:700;height:320px;left:400px;margin:0;position:fixed;text-align:right;top:200px;width:410px;z-index:10}.xpng{height:14px;width:90px}.fileviewer-box{border:1px solid #f0f0f0;cursor:move;height:300px;left:5px;margin:0;position:absolute;top:15px;width:400px;z-index:1}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #333;padding:8px;text-align:left}tr:hover{background-color:#d6eeee}
/*# sourceMappingURL=main.0813013a.css.map*/