/*Color Setting*/
.all{
	background:#E0DDDF;
}
.header a{
	color:#E0DDDF;	
}
.sideMenu a{
	color:#E0DDDF;
}
.header{
	background:#3D404E;
	color:#E0DDDF;
}
.sideMenu {
	background:#3D404E;
	color:#E0DDDF;
}
.footer{
	background:#3D404E;
	color:#E0DDDF;
}
.footer-bottom{
	background:#3D404E;
}
.main-footer div a{
	color:limegreen;
}

.footer-bottom a{
	color:#7DAEC3;
}
table, th, td{
	border: 1px solid #7DAEC3;
}
.main-footer{
	background:#6368AD;
}
.jstree-default .jstree-wholerow-clicked {
    background:#6368AD;
}
.jstree-default .jstree-wholerow-hovered {
    background:#6385B0;
}


/*General Setting*/
*{
	margin:0;
	padding:0;
	font-family:"KaiTi";
	font-size:1.25rem;
	list-style:none;
	text-decoration:none;
}
.all{
	margin:0;
	padding:0;
	position:relative;
	min-height:100vh;
}
table{
	width: 95vw;
	max-width: 1200px;
	border-collapse: collapse;
	margin: 0 auto;
}
th, td{
	padding: 8px;
	width: auto;
	min-width:120px;
	text-align:center;
}
.hidden{
	display:none;
}
.content{
	padding-top:3.1rem;
	padding-bottom:19.6rem;
}
.content div{
	padding: 10px;
}

/*Header Setting*/
.header{
	position:fixed;
	left:0;
	top:0;
	right:0;
	display:flex;
	justify-content:space-between;
	align-items:center;	
	padding:10px 25px;
	z-index:50;
}
.logo{
	display:flex;
	align-items:center;
}
/*Side-Menu*/
#sideMenu .jstree-anchor > .jstree-icon {
  display:none;
}
.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-image: url(../img/32px.png);
}

.sideMenu {
  position: fixed;
  top: 0;
  bottom:0;
  left: -350px;
  max-width: 350px;
  width:100vw;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: left 0.3s ease;
  z-index: 100;
  overflow-y: auto;
  overflow-x: auto;
}
.sideMenu.open {
  left: 0;
  padding: 10px;
}
#closeMenu {
  padding-left:310px;
  cursor: pointer;
}


/*Upload Page*/
#upload form{
	display:block;
	text-align:center;
}
.uploadInput, .newFolderName,#folder-select,#subfolder-select{
	min-width:350px;
	max-width:75vw;
}


/*Search Page*/
.searchBox{
	margin-right:20px;
	max-width:650px;
	width:70vw;
}


/*Footer Setting*/
.footer{
	position:absolute;
	left:0;
	bottom:0;
	right:0;
}
.main-footer{
	padding:10px 25px;
	display:flex;
	justify-content:space-between;
}
.main-footer div{
	width:32vw; 
	text-align:justify;
}
.main-footer div *{
	padding-bottom:5px;
}
.footer-bottom{
	text-align:center;
}
.disclaimer *{
	font-size:0.85rem;
}


/*Responsive Setting*/
@media screen and (max-width: 1650px) {
	.content{
		padding-bottom:0;
	}
	.footer{
		position:relative;
	}
	.main-footer{
		padding:10px 25px;
		display:block;
	}
	.main-footer div{
		width:auto;
	}
}