section>.create-btn{
	cursor:pointer;padding:15px 0px;
	align-items:center;
}
section>.create-btn:hover,
section>.create-btn:active{
	background-color:white;
}
/* section>.projects */
section>.projects{
	display:grid;grid-template:auto / 1fr 1fr;
	margin:30px 0px;
}
section>.projects>.project{
	margin:15px;padding:15px;
	display:grid;grid-template-columns:140px auto;grid-template-rows:140px auto;
	background-color:var(--light-gray-5);
}
section>.projects>.project>.logo{
	grid-column:1/2;grid-row:1/2;
	display:block;width:140px;height:140px;
	object-fit:cover;cursor:pointer;
}
section>.projects>.project>.info{
	grid-column:2/3;grid-row:1/2;
	display:flex;flex-direction:column;
	height:140px;overflow:hidden;
}
section>.projects>.project>.info>.head{
	display:flex;align-items:center;
	font-weight:bold;margin-bottom:10px;
	padding:0px 10px;
}
section>.projects>.project>.info>.head>.title{
	display:block;max-height:45px;flex:auto;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
section>.projects>.project>.info>.head>.src{
	display:block;
	flex:none;width:25px;margin-left:10px;margin-right:5px;
	font-size:0.9rem;
}
section>.projects>.project>.info>.description{
	flex:auto;overflow:hidden;text-overflow:ellipsis;
	color:var(--text-color);font-size:0.9rem;line-height:1.35rem;
	word-break:break-all;padding:0px 10px;
}
section>.projects>.project>.info>.owner{
	display:block;margin-top:10px;
	font-size:0.8rem;padding:0px 10px;text-align:right;
}
section>.projects>.project>.mgr{
	grid-column:1/3;grid-row:2/3;
	display:flex;margin-top:10px;background-color:white;
	justify-content:center;align-items:center;
}
section>.projects>.project>.mgr>.func{
	flex:auto;width:33%;border-right:1px solid var(--light-gray-5);
	text-align:center;cursor:pointer;font-size:0.9rem;
	padding:10px 0px;
}
section>.projects>.project>.mgr>.func:last-child{
	border-width:0px;
}
@media (max-width:1000px){
	section>.projects{
		grid-template-columns: 1fr;
	}
	section>.projects>.project{
		margin:15px 0px;
	}
}
@media (max-width:600px){
	section>.projects>.project{
		grid-template-columns:100px auto;grid-template-rows:100px auto;
	}
	section>.projects>.project>.logo{
		width:100px;height:100px;
	}
	section>.projects>.project>.info{
		height:100px;
	}
	section>.projects>.project>.info>.head{
		flex:auto;align-items:flex-start;
	}
	section>.projects>.project>.info>.head>.src{
		display:none;
	}
	section>.projects>.project>.info>.description{
		display:none;
	}
}
/* .dialog>.main>.project */
.dialog>.main>.project{
	line-height:30px;
}
.dialog>.main>.project>.field{
	display:flex;margin-bottom:10px;
}
.dialog>.main>.project>.field-separator{
	width:100%;height:1px;background-color:var(--light-gray-4);
	margin:15px 0px;
}
.dialog>.main>.project>.field>.field-name{
	flex:none;width:120px;font-weight:bold;
}
.dialog>.main>.project>.field>.field-input{
	display:flex;align-items:center;
	flex:auto;overflow-x:hidden;text-overflow:ellipsis;
	font-size:0.9rem;
}
.dialog>.main>.project>.field>.field-input>.logo{
	display:flex;justify-content:center;align-items:center;
	width:120px;height:120px;margin-right:10px;cursor:pointer;
	border:1px solid var(--light-gray-4);
	text-align:center;font-size:0.8rem;color:var(--normal-gray);
	background-position:center center;background-size:cover;
}
.dialog>.main>.project>.field>.field-input>.logo:hover{
	border:1px solid var(--normal-gray);
}
.dialog>.main>.project>.field>.field-input>input[type="file"]{
	display:none;
}
.dialog>.main>.project>.field>.field-input>input[type="text"]{
	box-sizing:border-box;padding:6px 8px;width:95%;
	font-size:0.8rem;font-family:inherit;
}
.dialog>.main>.project>.field>.field-input>textarea{
	box-sizing:border-box;width:95%;height:100px;line-height:1.5em;padding:10px;
	font-size:0.8rem;font-family:inherit;
}