.project-list {
	background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    color: rgb(0, 0, 0);
    outline: #4CAF50 solid 10px;
    margin: auto;  
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 15px;
}

#project-list-more {
	display: none;
}

#project-list-more-btn {
	background-color: rgba(30, 100, 30, 0.5);
    border-radius: 10px 10px 10px 10px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 5px;
    margin: 15px 15px 0px 0px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 30px;
    font-weight: bold;
}

.project-list-item {
    background-color: #d9d9d9;
    border-radius: 10px 10px 10px 10px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 18px;
    margin: 15px 15px 0px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.project-list-item:after {
	float: right;
  	content: "\2795";
  	font: normal normal normal 14px/1 FontAwesome;
  	font-weight: bold;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.project-list-active{
	border-radius: 10px 10px 0px 0px;
	text-align: left;
}

.project-list-active:after{
  	content: "\2716";
}

.project-list-item:hover {
    background-color: #959595;
}

.project-list-item-content {
    padding: 0 18px;
    border-radius: 0px 0px 10px 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
    text-align: left;
}

.project-list-download-btn {
	background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
    padding: 5px;
    color: white;
    background-color: #4CAF50;
	padding-bottom: 5px;
	margin-bottom: 5px;
	overflow: hidden;
    border: none;
    text-align: left;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    display: table;
    clear: both; 
}

.project-list-download-btn:before{
	font-family: 'Font Awesome\ 5 Free';
  	content: "\f019";
}