#influencer .container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width:96vw;
	height:92vh;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding:0.5rem 1rem;
}


#influencer .modal-header { display:flex;justify-content:space-between;align-items:flex-start;margin-top:1rem;margin-bottom:1rem; }
#influencer .modal-header h2 { padding-left:0; }
#influencer .modal-header button.exit {position:relative;top:auto;right:0;}
#influencer .modal-body  { padding-bottom:2rem;max-height:90%;overflow:auto; }
#influencer .modal-body ul.list-group li.list-group-item { display:flex;justify-content:space-between;margin:0.5rem 0;border-bottom:1px solid #ddd; }
#influencer .modal-body ul.list-group li.list-group-item > div.profile {flex-basis:160px;width:160px;display:flex;flex-direction:column;align-items:center;}
#influencer .modal-body div.profile h3 {font-weight:500;color:#555;font-size:1.1rem;margin:0.5rem auto;}
#influencer .modal-body ul.list-group li.list-group-item > div.detail {flex-grow:1;}
#influencer .modal-body div.detail dl.channel {display:flex;padding:0;margin:0;align-items:center;}
#influencer .modal-body div.detail dl.channel dt {padding:0.25rem;}
#influencer .modal-body div.detail dl.channel dd {padding:0.25rem 0.1rem;}
#influencer .modal-body div.detail .content { text-align:left;padding:0.5rem 1rem;max-height:7rem;overflow:auto; } 
#influencer .channel img.icon { width:32px;height:32px; }

#influencer .photo {width:120px;height:120px;background-color:white;border-radius:50%;overflow:hidden; }
#influencer .photo > img {display:block;width:160px;height:160px;}
#influencer .text-start { margin-left:1rem;text-align:left; }
#influencer .text-muted { color:#777; }

@media (min-width:800px) {
	#influencer .container { width:800px;max-width:800px; }
}

@media (max-width:768px) {
	#influencer .photo {width:96px;height:96px; }
	#influencer .photo > img {width:120px;height:120px;}
}