.svg-chart-container{
	height: 850px!important;
}

.dep-item{
	background-color: white;
	/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); */
	margin-top: 30px;
	padding-top: 40px;
	border-radius: 5px;
	
}
.dep-name{
	color: #333; 
	font-size: 18px; 
	font-weight: 500; 
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	line-height: 1;
}

/* .person-list{
	padding:10px;
	width: 700px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 650px;
	background-color: white;
	border: 0px solid rgba(0,0,0,0.15) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.person-list-card{
	float: left;
	width: 320px;
	padding: 10px;
	background-color: #002e66;
	color: #fff;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 5px;
	font-size: 13px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
} */

.org-popup-container{
	padding:0px;
	width: 700px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 650px;
	background-color: white;
	border: 4px solid #002e66 !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.popup-title {
	text-align: center;
	line-height: 1.2;
	padding: 10px 20px;
	background-color: #002e66;
	color: #fff;
}

.popup-title label{
	font-size: 18px; 
	font-weight: bold; 
}

.popup-list-container{
	padding: 10px;
}

.person-list-card{
	padding: 10px;
	font-size: 13px;
	border-bottom: 1px solid grey;
	display: flex; 
	justify-content: normal;
	margin-bottom: 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

/* .popup-avatar{
	
} */

.popup-pers-name{
	text-align: left;
	padding-left: 20px;
}

.person-name{
	color: #002e66;
	font-size: 17px;
	border-bottom: 1px solid grey;
	letter-spacing: 0.5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.person-title{
	color: #666;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-box{
	color: grey;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
}

.contact-box span{
	color: #002e66;
}

.btn-row{
	clear: both;
	text-align: center;
	margin-top: 5px;
}

.btn-row input[type="button"]{
	font-size: 16px;
	background-color: #eee;
	color: #444;
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border: 0;
	/* position: fixed;
	bottom: 10px;
	left: 50px; */
}

.btn-row input[type="button"]:hover{
	background-color: #0058c4;
	color: white;
}


@media only screen and (min-width: 1170px) {
	.chart{
		transform: translate(-15%, -6%)!important;
	}
}
@media only screen and (max-width: 768px) {
	.org-popup-container{
		width: 100%;
	}
	.popup-title{
		padding: 5px 10px;
		
	}
	.popup-title label{
		font-size: 14px;
	}
	.popup-list-container{
		padding: 3px;
	}
	
	.person-list-card{
		padding: 5px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.popup-pers-name{
		padding-left: 10px;
	}
	
	.person-name{
		font-size: 13px;
		letter-spacing: 0.2px;
		padding-bottom: 0px;
		margin-bottom: 2px;
		line-height: 1.2;
	}
	
	.person-title{
		font-size: 12px;
		line-height: 1.1;
		margin-bottom: 5px;
	}
	
	.contact-box{
		font-size: 11px;
		margin-right: 5px;
	}
	
}