.popupWindow{
	position:absolute;
	height:50vmin;
	min-height:20vmin;
	min-width:20vmin;
	width:80vmin;
	background: radial-gradient(#000, #333);
	border: 5px solid #333;
	left:2%;
	right:2%;
	top:2%;
	bottom:2%;
	z-index:1;
	//resize: both;
}

.popupWindow_Handle{
	height:2.5vmin;
	width:100%;
	background: radial-gradient(#222, #444);
	display: flex;
}
.popupWindow_Handle:hover{
	cursor: grab;
}
.popupWindow_Handle:active{
	//cursor: grabbing;
}

.popupWindow_Name{
	width:calc(100% - 2.5vmin);
	//background: radial-gradient(#222, #444);
	color: #AAA;
}

.popupWindow_Exit{
	width:2.5vmin;
	background: radial-gradient(#422, #644);
	text-align: center;
	color: #CAA;
	cursor: pointer;
}

.popupWindow_Content{
	height:calc(100% - 2.5vmin);
	color: #AAA;
	overflow: auto;
}

/* width */
::-webkit-scrollbar {
    //width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #666;
	border: 2px dashed #777;	
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #333; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #444; 
	border: 2px dashed #666;	
}

/* File Explorer ==========================================================*/
.FileExplorer{	
	font-size : 1.5vmin;
	width: 100%;
	height:95%;
}
.FileExplorer h1{	
	display:none;
	//font-size : 2.5vmin;
}
.FileExplorer table{	
	 width: 100%;
	 height: 100%;
}
.FileExplorer th,.FileExplorer td{	
	border-left: 1px dotted #333;
	border-right: 1px dotted #333;
	padding: 5px;
}
.FileExplorer address{	
	display:none;
}


.FileExplorer>div {
    margin-top: 1%;
    width: 100%;
    padding: 0.5%;
    border: 2px solid #555;
}

.ExplorerBar {
	height: 10%;
	font-size: 2vmin;
	text-shadow: 0 0 2px #FFF;
	
	overflow: hidden;
    word-break: break-all;
	white-space:nowrap
}

.ExplorerBar_Link {
	border: 2px solid #797;
	background: #575;
	color: #111;
}
.ExplorerBar_Link::after {
	//content: ">";
}
.ExplorerBar_Open {
	color: #111;
	border: 2px solid #797;
	background: #9B9;
}



.ExplorerSideBar{
	height: 100%;
    width: 20%;
	overflow: auto;
}

.ExplorerSideBar a{
	height: 5%;
  	display: inline-block;
	white-space: nowrap;
}

.ExplorerSideBar ul{
list-style-type: none;
list-style-position: inside;
padding-left: 5%;
}

.ExplorerSideBar .hide ul{
display: none;
}
.ExplorerSideBar .hide::before{
content:" + ";
}

.ExplorerSideBar li{
border-left: 1px dashed #555;
white-space: nowrap;
}

.ExplorerSideBar li::before{
content:" - ";
opacity: 0.5;
color: #FFF;
}

.FolderPanel{
	height: 100%;
    width: 79%;
  	display: inline-block;	
	overflow-x: auto;
}

.FileExplorer>div:nth-child(2){	
	height: 85%;
}
.FileExplorer>div:nth-child(2) div{	
	display: inline-block;
    vertical-align: top;
}

.FolderPanel tr{
    width: 100%;
	display: table;
	//min-width: max-content;
	white-space: nowrap;
	table-layout: fixed;
}
.FolderPanel tr td,.FolderPanel tr th{
    overflow-x: hidden;
}
.FolderPanel tr td:nth-child(1),.FolderPanel tr th:nth-child(1){
    //width: 20%;
}
.FolderPanel tr td:nth-child(2),.FolderPanel tr th:nth-child(2){
   // width: 15%;
}
.FolderPanel tr td:nth-child(3),.FolderPanel tr th:nth-child(3){
    //width: 25%;
}
.FolderPanel tr td:nth-child(4),.FolderPanel tr th:nth-child(4){
   // width: 20%;
}
.FolderPanel tr td:nth-child(5),.FolderPanel tr th:nth-child(5){
   // width: 20%;
}

.FolderPanel th div{
	background-color: #444;
    width: 15px;
}
.FolderPanel th div::after{
	color: #AAA;
	content: "|>";
}
.Highlight{
	background-color: #353;
}