
/*Layout and styles*/
.fusion_speakers_modal {
	padding-bottom: 70px;
}
.fusion_speakers_modal h2 {
	margin: 50px 0;
}
.fusion_speakers_modal .bio-column img{
	max-width: 100%;
	height: auto;
	border-radius: 100%;
}
.fusion_speakers_modal .bio-column h4 {
	margin-bottom: 0;
}
.fusion_speakers_modal .bio-column h5 {
	margin-top: 0;
}
.fusion_speakers_modal .bio-column .modal-fire:hover {
	cursor: pointer;
}
.fusion_speakers_modal .bio-column .exec-bio {
	display: none;
}
.fusion_speakers_modal .bio-column .social {
	display: none;
}
.fusion_speakers_modal .bio-column .social a {
	color: #777;
	font-size: 25px;
	margin: 0 10px;
}
.fusion_speakers_modal a.btn {
	margin-top: 50px;
}

.fusion_speakers_modal .exec-profile .social i.icon-edit {
	vertical-align: middle;
}

@media (max-width: 991px) {
	.fusion_speakers_modal .bio-column {
		margin-bottom: 40px;
	}
	.fusion_speakers_modal .bio-column .social {
		display: none;
	}
}

/*Style the modal*/

#exec-dialog {
	display: none;
	overflow-x: hidden;
}
#exec-dialog .content .exec-profile img {
	height: auto;
}
#exec-dialog .content .social a {
	color: #777;
	font-size: 25px;
	margin: 10px;
}
#exec-dialog .content .social a:focus {
	text-decoration: none;
}
#exec-dialog h4.text-concur-blue {
	color: #444;
	margin-bottom: 5px;
}
.ui-dialog[aria-describedby=exec-dialog] .ui-dialog-titlebar-close {
	background: url('https://assets.concur.com/Executive_Page/images/modal_close.png') no-repeat;
	background-size: cover;
	border: none;
	height: 30px;
	width: 30px;
	right: 15px;
	top: 22px;
}
.ui-dialog[aria-describedby=exec-dialog] .ui-state-default .ui-icon {
	background-image: none;
}
#exec-dialog .controls button {
	border: none;
    background: none;
    margin: 0 150px;
    color: #0078c9;
    font-size: 26px;
}
#exec-dialog .controls button.prev {
	margin-left: 0;
}
#exec-dialog .controls button img {
	height: 26px;
	margin: 0 5px 2px;
	width: initial;
}
#exec-dialog .exec-profile img {
	border-radius: 100%;
}
@media (min-width: 992px) {
	.ui-dialog[aria-describedby=exec-dialog] {
		max-width: 910px;
	}
	#exec-dialog .content .exec-profile {
		text-align: center;
		padding: 30px;
		width: 30%;
		float: left;
	}
	#exec-dialog .exec-profile h5 {
    	margin-top: 0;
    	color: #777;
	}
	#exec-dialog .content .exec-profile img {
		max-width: 90%;
	}
	#exec-dialog .content .exec-bio {
		padding: 30px;
		width: 65%;
		float: left;
		height: 550px;
	}
	#exec-dialog .controls {
		width: 100%;
		bottom: 35px;
		position: absolute;
		left: 30%;
		padding-left: 30px;
		text-align: left;
	}
}
@media (min-width: 1200px) {
	.ui-dialog[aria-describedby=exec-dialog] {
		max-width: 1110px;
	}
	#exec-dialog .content .exec-bio {
		height: 500px;
		overflow: auto;
		margin-bottom: 40px;
	}
}
@media(max-width: 992px) {
	#exec-dialog .content .exec-profile {
		text-align: center;
		padding-top: 40px;
	}
	#exec-dialog .content .exec-bio {
		padding: 10px 80px 120px;
		overflow: hidden;
	}
	#exec-dialog .content .exec-profile img {
		max-width: 60%;
	}
	.ui-dialog[aria-describedby=exec-dialog] {
		overflow: auto;
		position: fixed !important;
		top: 0 !important;
	}
	#exec-dialog .controls {
		position: fixed;
    	bottom: 0;
    	left: 0;
    	padding: 10px 0;
    	text-align: center;
    	background: #fff;
    	width: 100%;
    	height: 60px;
    	box-shadow: 0px -1px 4px 0px #ddd;
	}
	#exec-dialog .controls button.prev {
		position: absolute;
		left: 15px;
	}
	#exec-dialog .controls button.next {
		position: absolute;
		right: 15px;
		margin: 0;
	}
}
@media(max-width: 767px) {
	#exec-dialog .content .exec-bio {
		padding: 10px 15px 120px;
	}
}
@media(max-width: 550px) {
	#exec-dialog .controls button {
		font-size: 20px;
		line-height: 30px;
	}
	#exec-dialog .controls button img {
		height: 20px;
	}
}