body{
	font-size: 22px;
	font-family: 'Archivo', sans-serif;
	text-align: center;
	background-color: #EEE;
	/*background-image: url("maskin.jpg");
	background-position: center; /* Center the image */
	/*background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover;
	/*display: block;*/
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
}

li {
  display: inline;
}

#login-div{
	box-shadow: -2px -2px 6px 2px #FFF, 2px 2px 6px 2px #C4C4C4;
	width: 30%;
	margin-left: 35%;
	margin-top: 80px;
	padding-bottom: 15px;
}

#newdiv{
	box-shadow: -2px -2px 6px 2px #FFF, 2px 2px 6px 2px #C4C4C4;
	width: 40%;
	margin-left: 30%;
	margin-top: 80px;
	padding: 15px;
}

#inner-logindiv{
	width: 50%;
	margin-left: 25%;
}

#login-uid{
	width: 100%;
	outline: none;
	appearance: none;
	border: none;
	background: none;
	border-radius: 15px;
	padding: 10px;
	box-shadow: inset -4px -4px  10px 4px #FFF, inset 4px 4px 10px 4px #C4C4C4;
}

#login-pwd{
	width: 100%;
	outline: none;
	appearance: none;
	border: none;
	background: none;
	border-radius: 15px;
	padding: 10px;
	box-shadow: inset -4px -4px  10px 4px #FFF, inset 4px 4px 10px 4px #C4C4C4;
	margin-top: 10px;
}


#login-submit{
	width: 100%;
	cursor: pointer;
	outline: none;
	appearance: none;
	border: 3px solid transparent;
	background: none;
	border-radius: 15px;
	padding: 10px;
	box-shadow: -4px -4px  10px 4px #FFF, 4px 4px 10px 4px #C4C4C4;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
}

#login-submit:hover{
	box-shadow: -3px -3px  8px 3px #FFF, 3px 3px 8px 3px #C4C4C4;
}

#login-submit:active{
	box-shadow: -4px -4px 13px 4px #C4C4C4, 4px 4px 13px 4px #FFF;
	border-color: #DFDFDF;
}

#logout-btn{
	width: 100%;
	cursor: pointer;
	outline: none;
	appearance: none;
	border: 3px solid transparent;
	background: none;
	border-radius: 15px;
	padding: 5px 10px;
	box-shadow: -4px -4px  10px 4px #FFF, 4px 4px 10px 4px #C4C4C4;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
}

#logout-btn:hover{
	box-shadow: -3px -3px  8px 3px #FFF, 3px 3px 8px 3px #C4C4C4;
}

#logout-btn:active{
	box-shadow: -4px -4px 13px 4px #C4C4C4, 4px 4px 13px 4px #FFF;
	border-color: #DFDFDF;
}

#header{
	/*box-shadow: 0px 2px 0 #b3b3b3;*/
	box-shadow: 0 8px 12px -6px #C4C4C4;
	border-bottom: 2px solid linear-gradient(to bottom, #B0B0B0 0%, #FFFFFF 100%);
}

#dirs {
	position: sticky;
	position: -webkit-sticky;
	top: 10px;
	margin-top: 15px;
	margin-left: 1%;
	margin-right: 0px;
	/*background-color: #990000;
	box-shadow: 5px 5px 0 #262626;*/
	background-color: #f2f2f2;
	/*border: 5px solid rgb(191, 191, 191, 0.3);*/
	border-radius: 10px;
	padding-bottom: 10px;
	width: 20%;
	float: left;
	margin-bottom: 80px;
	box-shadow: -2px -2px 6px 2px #FFF, 2px 2px 6px 2px #C4C4C4;
}

#menuitem{
	display: block;
	text-align: left;
	margin-left: 5px;
}

.filecont{
	display: none;
	position: relative;
	border: 2px solid rgb(191, 191, 191, 0.5);
	border-radius: 7px;
	width: 23%;
	min-height: 50px;
	margin-top: 5px;
	margin-left: 1%;
	float: left;
}

.delete{
	position:absolute;
	width:50px;
	height:50px;
	top:5px;
	left:5px;
}

.d-button{
	background:url(../images/remove.png) no-repeat;
	background-size: 50px 50px;
    cursor:pointer;
    border:none;
    width:50px;
    height:50px;
}

#files{
	margin-top: 15px;
	margin-left: 1%;
	margin-right: 0px;
	/*background-color: #990000;
	box-shadow: 5px 5px 0 #262626;*/
	background-color: #f2f2f2;
	/*border: 5px solid rgb(191, 191, 191, 0.3);*/
	border-radius: 10px;
	padding-bottom: 10px;
	margin-bottom: 80px;
	width: 78%;
	float: left;
	box-shadow: -2px -2px 6px 2px #FFF, 2px 2px 6px 2px #C4C4C4;
}

#path{
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

#pathbrow{
	float: left;
}

.menu-button{
	padding: 7px 15px;
	background-color: #f2f2f2;
	color: black;
	border-radius: 0px;
	border: none;
	border-bottom: 2px solid grey;
	font-size: 22px;
	transition-duration: 0.1s;
	margin-top: 0px;
	width: 95%;
	min-height: 60px;
}

.menu-button:hover{
	background-color: #bfbfbf;
	/*color: white;*/
	cursor:pointer;
}

.path-button{
	margin-left: 0px;
	margin-right: 0px;
	padding: 7px 5px;
	background-color: #d9d9d9;
	color: black;
	border-radius: 0px;
	border: none;
	font-size: 22px;
	transition-duration: 0.4s;




}

.path-button:hover{
	background-color: black;
	color: white;
	cursor:pointer;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #4a4a4a;
   color: white;
   text-align: center;
   font-size: 16px;
   text-shadow: 1px 1px 3px #323232;
   color: #808080;
}

.footer p {
	margin-bottom: 6px;
	margin-top: 6px;
}

#loadMore{
	color: black;
	text-decoration: none;
	border-bottom: 2px solid black;
	margin-top: 10px;
}

.filecontimg{
	display: none;
}