/* section>.assistants */
section>.assistants{
	display:flex;flex-wrap:wrap;
}
section>.assistants>.assistant{
	display:flex;
	flex:none;width:30%;
  padding-right:20px;padding-bottom:20px;
}
section>.assistants>.assistant>.avatar{
	flex:none;width:60px;margin-right:15px;
}
section>.assistants>.assistant>.avatar>img{
	width:100%;height:60px;border-radius:50%;object-fit:cover;
}
section>.assistants>.assistant>.summary{
	flex:auto;text-align:left;
}
section>.assistants>.assistant>.summary>.nickname{
	font-weight:bold;
}
section>.assistants>.assistant>.summary>.position{
	margin-right:10px;font-size:0.9em;
}
section>.assistants>.assistant>.summary>.company{
	font-size:0.9em;
}
@media (max-width:1000px){
	section>.assistants>.assistant{
		width:45%;
	}
}
@media (max-width:600px){
	section>.assistants>.assistant{
		width:90%;
	}
}
/* section .domain-list */
section .domain-list{
	padding-left:20px;
}
/* section .web-text .dl-text */
section .web-text,
section .dl-text{
	display:flex;align-items:center;font-weight:bold;
}
section .web-text::before{
	content:"";width:25px;height:25px;margin-right:3px;
	background-image:url("/images/bootcamp/web.png");background-size:cover;
}
section .dl-text::before{
	content:"";width:25px;height:25px;margin-right:3px;
	background-image:url("/images/bootcamp/dl.png");background-size:cover;
}
/* section .domain-tags */
section .domain-tags>.current{
	color:var(--brand-light-color);border-bottom-color:var(--brand-light-color);
}
/* section>.domain */
section>.domain{
	padding:25px 15px;
	background-color:var(--light-gray-5);
}
section>.domain>.part{
  margin-bottom:20px;
}
section>.domain>.part>.title{
  font-weight:bold;margin-bottom:10px;
}
section>.domain>.part>.content>div{
  margin-bottom:8px;
}
/* section>#report-form */
section>#report-form>.field{
	display:block;
}
section>#report-form>.field>.field-name{
	font-weight:bold;
}
section>#report-form>.field>textarea{
	width:400px;max-width:95%;height:60px;
}
@media (max-width:600px){
	section>#report-form>.field{
		display:block;
	}
}
/* section>.part>.demo-projects */
section>.part>.demo-projects{
	margin:10px 0px;margin-bottom:30px;height:500px;overflow-y:auto;
	background-color:var(--light-gray-6);border:1px solid var(--light-gray-5);
}
section>.part>.demo-projects>.project{
	display:block;padding:15px;
}
section>.part>.demo-projects>.project:nth-child(even){
	background-color:var(--light-gray-5);
}
section>.part>.demo-projects>.project>.title{
	display:flex;align-items:center;
	font-weight:bold;margin-bottom:5px;
}
section>.part>.demo-projects>.project>.title>.logo{
	width:24px;height:24px;margin-right:5px;
}
section>.part>.demo-projects>.project>.description{
	font-size:0.9rem;
}
section>.part>.demo-projects>.project>.stack{
	color:var(--normal-gray);font-size:0.9rem;
}
section>.part>.demo-projects>.project>.name{
	text-align:right;font-size:0.9rem;
}
section>.part>.demo-backgrounds{
	max-width:100%;
}
/* section>#reports */
section>#reports{
	margin:20px 0px;
}
section>#reports>.report{
	display:flex;flex-wrap:wrap;
	text-align:left;line-height:1.5rem;
	margin-bottom:20px;background-color:var(--light-gray-5);padding:10px;
}
section>#reports>.report>.avatar-name-time{
	display:flex;align-items:center;gap:5px;
	flex:none;width:95%;
	font-weight:bold;margin-right:1%;
}
section>#reports>.report>.avatar-name-time>a>.avatar{
	visibility:hidden;width:30px;height:30px;
	border-radius:50%;border:1px solid white;
	vertical-align:middle;
  }
section>#reports>.report>.comments{
	flex:none;width:95%;font-size:0.9rem;
	margin:0px 1%;
}
section>#reports>.report>.comments>.count{
	cursor:pointer;
}
section>#reports>.report>.comments>.count:hover,
section>#reports>.report>.comments>.count:active{
	text-decoration:underline;
}
section>#reports>.report>.comments>.comment{
	position:relative;
	background-color:white;padding:6px 10px;margin:5px 0px;
}
section>#reports>.report>.comments>.comment>.avatar-commenter{
	display:flex;align-items:center;gap:5px;
	margin-bottom:5px;
}
section>#reports>.report>.comments>.comment>.avatar-commenter>a>.avatar{
	visibility:hidden;width:27px;height:27px;
	border-radius:50%;
	vertical-align:middle;
}
section>#reports>.report>.comments>.comment>.avatar-commenter>.commenter{
	font-weight:bold;display:block;
}
section>#reports>.report>.comments>.comment>.content{
	word-break:break-all;
}
section>#reports>.report>.comments>.comment>.delete{
	position:absolute;top:0px;right:0px;cursor:pointer;opacity:0.3;
	width:30px;height:30px;display:flex;justify-content:center;align-items:center;
}
section>#reports>.report>.comments>.comment>.delete:hover,
section>#reports>.report>.comments>.comment>.delete:active{
	opacity:1;
}
section>#reports>.report>.comments>.form{
	display:flex;align-items:flex-end;width:100%;
	background-color:white;margin-top:10px;margin-bottom:5px;
}
section>#reports>.report>.comments>.form>textarea{
	flex:auto;
}
section>#reports>.report>.comments>.form>.btn{
	width:32px;height:32px;padding:0px 5px;cursor:pointer;
	opacity:0.75;
}
section>#reports>.report>.comments>.form>.btn:hover,
section>#reports>.report>.comments>.form>.btn:active{
	opacity:1;
}
/* section>#reports>.report>.likes */
section>#reports>.report>.likes{
	display:flex;
	flex:none;width:95%;margin:0px 1%;
}
section>#reports>.report>.likes>.action{
	display:flex;align-items:center;justify-content:flex-end;
	flex:none;padding:5px 10px;cursor:pointer;
}
section>#reports>.report>.likes>.action:hover,
section>#reports>.report>.likes>.action:active{
	background-color:var(--light-gray-5);
}
section>#reports>.report>.likes>.action>.icon{
	width:30px;height:30px;margin-right:5px;
	background-image:url("/images/like-inactive.png");
	background-size:100% 100%;
}
section>#reports>.report>.likes>.action-liked>.icon{
	background-image:url("/images/like-active.png");
}
section>#reports>.report>.likes>.action-liked>.text{
	color:var(--like-color);
}
section>#reports>.report>.likes>.users{
	display:flex;align-items:center;
	font-size:0.9rem;
	flex:none;overflow-x:hidden;text-overflow:ellipsis;
	padding:5px 0px;margin-right:10px;
}
section>#reports>.report>.likes>.users-clickable{
	cursor:pointer;
}
section>#reports>.report>.likes>.users-clickable:hover,
section>#reports>.report>.likes>.users-clickable:active{
	text-decoration:underline;
}
section>#reports>.report>.done,
section>#reports>.report>.todo,
section>#reports>.report>.memo{
	flex:none;width:30%;margin:1%;
	font-size:0.9rem;word-break:break-all;
}
section>#reports>.report a.linkify{
	text-decoration:underline;
}
@media (max-width:800px){
	section>#reports>.report>.name-time,
	section>#reports>.report>.comments,
	section>#reports>.report>.likes{
		margin:0px 2%;
	}
	section>#reports>.report>.done,
	section>#reports>.report>.todo,
	section>#reports>.report>.memo{
		width:95%;margin:2%;
		padding-bottom:20px;border-bottom:1px solid var(--light-gray-1);
	}
}
/* section>#alumni-form */
section>#alumni-form{
	margin-bottom:30px;
}