*{
	margin: 0;
}
.content{
	position: relative;
}
#insightsOverview{
	min-width: 60%;
	border-radius:0.4em ;
	border: 0.25em solid black;
	padding: 1em;
	
}
.overview-container-header{
	display: flex;
	justify-content: space-between;
}
.overview-header select{
	font-size: 1.5em;
	padding: 0 0.3em 0;
	border-radius: 0.4em;
}
.overview-header span{
	margin: 0;
}
.uploadStatementBtn{
	font-size: 1.34em;
	border-radius: 0.4em;
	padding: 0.1em 0.5em 0.1em;

}
.overview-container{
	padding: 1em;
	height: 10em;
	margin: 0.25em;
}
.overview-container-header{
	border-bottom: 0.1em solid black;
}
.overview-item{
	display: inline-block;
	width: 10em;
	margin: 0.5em;
	border-radius: 0.4em;
	height: 7em;
	border: 0.2em solid black;
}
.buttons-container{
	background-color: lightgray;
	border: 0.1em solid black;
	display: flex;
	justify-content: space-between;
}

.buttons{
	padding: 0.3em 1em 0.3em;
	font-size: 1.3em;
	min-width: 30%;
	/*margin:0 0.1em 0;*/
	border-radius: 0.25em;
	cursor: pointer;
}
.buttons:hover{
	background-color: whitesmoke;
}
.error{
	color: red;
}
#insightsOverview p,span{
	font-size: 1.3em;
	margin: 0.5em;

}
.totalHeader{
	/*display: flex;
	justify-content: space-between;*/
}
.periodContainer select{
	border-radius: 0.4em;
	font-size: 1.4em;
	height: 1.5em;
	margin-bottom: 1em;
}
#close-bankstatement-btn{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 3.5em;
	padding: 0.1em;
	cursor: pointer;
}
.bankstatements-table-container{

	position: absolute;
	background-color: whitesmoke;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bankstatements-table{
	width: 70%;
	height: 50%;
	margin: 2em;
	background-color: whitesmoke;
	
	
	border-collapse: collapse;
}
.bankstatements-table th{
	font-size: 1.4em;
}
.bankstatements-table ,td,tr,th{
	border: 0.1em solid black;
}
#fileUploadForm{
	display: none;
}
.close-modal{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 2.5em;
	cursor: pointer;
}
.close-modal:hover{
	background-color: gray;
}
.file-item{
	border: 0.2em solid black;
	padding: 1em 0.1em 1em;
	font-size: 1.3em;
	border-radius: 0.4em;
	margin: 0.1em;
	padding: 0.1em;
}
.file-item button{
	font-size: 1.3em;
	border-radius: 0.4em;
	padding: 0.2em 0.8em 0.2em;
	margin: 0.5em 0.2em 0.5em ;
	cursor: pointer;
}
.file-item button:hover{
	background-color: black;
	color: white;
	padding: 0.2em 1.2em 0.2em;
}
#uploadBankStatementBtn1{
	border-radius: 0.4em;
	border: 0.2em solid black;
	padding:0.2em 0.5em 0.2em;
	font-size: 1.3em;
	margin: 0.1em 0 0.1em;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#uploadBankStatementBtn1:hover{
	background-color: black;
	color: white;
}
#uploadBankStatementBtn2{
	cursor: pointer;
	border-radius: 0.4em;
	border: 0.2em solid black;
	padding:0.2em 0.5em 0.2em;
	font-size: 1.3em;
	margin: 0.1em 0 0.1em;
	position: absolute;
	top: 0;
	right: 0;
}
#uploadBankStatementBtn2:hover{
	background-color: black;
	color: white;
}
#collapse-folder{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -0.96em;
	border: 0.123em solid black;

	border-radius: 0 0.4em 0.4em 0;
	font-size: 2em;
	padding:0.8em 0.1em 0.6em;
	/*animation-name: closing;*/
	animation-duration: 5s;
}
@keyframes closing{

}
#expand-folder{
	/*position: absolute;
	top: 0;
	right: 0;
	margin-right: -1em;*/
	padding:0.3em 0.1em 0.3em;
	border-radius: 0 0.4em 0.4em 0;
	font-size: 2em;
}
#publicKey{
	width: 45%;
	font-size: 1.3em;
}
.website-name{
	border: 0.1em solid black;
	border-radius: 0.4em;
	font-size: 1.3em;
	padding: 0.1em 1em 0.1em;
}
.goal-window{
	/*display: none;*/
	width: 40%;
	padding: 2em;
	background-color: gray;
	z-index: 100;
	position: absolute;
	top: 0;
	/*height: 5em;*/
	border-radius: 0.5em;
	border: 0.1em solid black;
}
.goal-files-required{
	padding: 0.5;
	margin: 1em;
	border: 0.1em solid black;
}
.folder-item{
	cursor: pointer;
	width: 100%;
	padding: 0.2em;
	min-height: 7em;
	flex-grow: 1;
	border-radius: 0.4em;
	border: 0.13em solid black;
	margin: 0.2em;

}
.folder-item p{
	font-size: 1.3em;
	margin: 0.35em 0 0.35em;
}
.application-name{
	font-size: 1.55em;
	margin: 0;
	text-align: center;
	
}
.folder-item-container{
	border-bottom: 0.25em;
	margin: 0.5em 0 0.1em;
	width: 94%;
}

.folder-item:hover{
	background-color: lightgray;
}
.close-upload-window{

	position: absolute;
	top: 0;
	right: 0;
	font-size: 2em;
	margin: 0.1em 1em 0.1em;

}
.button-container{
	margin: 4em;
	z-index: 100;
}
#uploadFileBtn{
	font-size: 1.4em;
	padding: 0.1em;

}
#cancelFileBtn{
	font-size: 1.4em;
	padding: 0.1em;

}
.filesystem-navigation{
	position: relative;
	display: none;
	justify-content: space-between;
	margin: 0.2em 0.5em 1em ;
	border-bottom: 0.1em solid black;
}
.add-folder{
	display: flex;
	margin-top: 1em;
	justify-content: space-around;
}
.add-folder button{
	cursor: pointer;
	background-color: black;
	color: white;
	padding: 0.4em 2em 0.4em;
	border-radius: 0.4em;
	margin: 0 0.1em 0.5em;

	font-size: 1.5em;
}
.add-folder button:hover{
	background-color: gray;
}
.filesystem-navigation span{
	margin: 1em 0.5em 0;
	font-size: 1.25em;
}
.filesystem-navigation button{
	font-size: 1.3em;
	background-color: black;
	cursor: pointer;
	padding: 0.4em;
	border-radius: 0.4em;
	color: white;
	display: none;
	margin: 0.5em;

}
.input-object-container{
	display: flex;
	justify-content: space-around;
	position: sticky;
	bottom: 0;

	border: 0.1em solid black;
}
.input-object-container button{
	margin: 0.6em;
	font-size: 1.4em;
	background-color: black;
	color: white;
	height: 2em;
}
.prompt-container{
	display: none;
}
.collapsed-folder{
	display: none;
	width: 2em;
	height: 100%;
}
.prompt-context-container{
	display: flex;
	justify-content: space-around;
}
.input-object-container textarea{

	border-radius: 0.4em;
	border: 0.1em solid black;
	width: 60%;
	font-size: 1.4em;
	padding: 0.5em;
}
.filesystem{
	display: flex;
	flex-wrap: wrap;
	/*background-color: lightgray;*/
	width: 100%;
	min-height: 18em;
	overflow: scroll;

}
.upload-window-file-container{
	
}
.dragDropWindow{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	
	
	/*opacity: 0.5;*/
	width: 100%;
	height: 100%;
}
#folder-file-container{
	display: none;
	flex-wrap: wrap;
}
.dragDropWindowContent{
	position: relative;
	background-color: lightgray;
	z-index: 30;
	width: 100%;
	min-height: 30em;
	overflow: scroll;
}
.delete-file{
	position: absolute;
	bottom: 0;
	right: 0;
}
.file-container{
	display: flex;
	flex-wrap: wrap;
	overflow:hidden;
	overflow-y: scroll;
	z-index: 14;
	height: 100%;
}
.file-item-one{
	position: relative;
	border: 0.1em solid black;
	margin: 1em;
	height: 8.5em;
	padding: 1em;
	/*background-color: black;*/
}
.file-item-two{
	position: relative;
	border: 0.1em solid black;
	border-radius: 0.4em;
	margin: 1em;
	height: 8em;
	padding: 1em 0.1em 1em;
	background-color: whitesmoke;
}
.file-item-two span{
	margin: 0;
	display: block;
}
.container{

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-grow: 1;
	flex-shrink: 1;
}
nav{
	background-color: lightgray;
	display: flex;
	justify-content: space-between;
	height: 3.9em;
}
nav ul{
	margin: 0;
	
	display: flex;
	list-style-type: none;
	font-size: 1.7em;
	padding: 0.5em 0 0.5em;
}
li a{
	border-radius: 0.4em;
	padding: 0.4em;
	
	cursor: pointer;
	text-decoration: none;
	margin: 0 0.5em 0;
	color: black;
}
li a:hover{
	background-color: gray;
}
#profile{
	margin: 0 0.5em 0;
	padding: 0 0.8em 0;
	font-size: 0.9em;
}
#profile img{
	width: 4.2em;
	cursor: pointer;
}
.subscription-info{
	border: 0.123em solid black;
	padding: 0 0.5em 0;
	font-size: 1.5em;
	
	min-width: 18em;
	max-width: 20em;
	border-radius: 0.4em;
}
.subscription-name{
	margin: 0;
	padding: 0;
}
.clock{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}
.profile-container{
	padding:0 0.5em 1em;
	position: absolute;
	margin:4.5em 0.5em 6.5em;
	background-color: lightgray;
	top: 0;
	right: 0;

	min-height: 5em;
	min-width: 10em;
	border: 0.25em solid black;
	border-radius: 0.4em;
}
.profile-container p{
	font-size: 1.3em;
}
.profile-container button{
	font-size: 1.3em;
	padding: 0.3em;
	align-content: center;

	margin:0.3em 4em 0.3em;
	background-color: white;
	border: 0.1em solid black;
	color: black;
	cursor: pointer;
}
.profile-container button:hover{
	background-color: red;
}
/*#totalSubscriptions{
	display: flex;
	justify-content: space-between;
}*/

.adding-application-window{
	position: absolute;
	top: 0;
	padding: 0.5em;
	margin:1em 4em 1em;
	width: 30em;
	font-size: 1.35em;
	background-color: whitesmoke;
	border: 0.25em solid black;
	border-radius: 0.3em;

}
.adding-application-window label{}
.adding-application-window input,.adding-application-window select{
	margin: 0.3em;
	font-size: 1em;
	border-radius: 0.4em;
}
.adding-application-window button{
	cursor: pointer;
	padding: 0.2em 1em 0.2em;
	font-size: 1.4em;
	border-radius: 0.4em;
	background-color: black;
	color: white;
}
.adding-application-window button:hover{
	background-color: gray;
}
.upload{
	display: none;
	position: relative;
	margin: 0.1em 0 0;
	min-width: 15em;
	max-width: 25em;
	min-height: 24em;
	border: 0.25em solid black;
	border-radius: 0.4em;
}
.section-description{
	padding: 0.5em;
	background-color: lightgray;
	border-radius: 0.4em;
	border: 0.1em solid black;
	margin: 2em;
}
.feedback{
	display: none;
	padding: 0.3em;
	margin: 0.1em 0 0;
	width: 40em;
	min-height: 24em;

	border: 0.25em solid black;
	border-radius: 0.4em;
}
.feedback h2{

 margin: 0;
 padding: 0;
}