.integration-details {
	
	padding: 1em;
	padding-top: 2.5em;
	text-align: center;
}

.integration-details .cam-name {
	
	text-align: center;
	color: #F89C42;
	font-size: 2em;
	font-weight: bold;
}

.integration-details > div {
	
	display: inline-block;
	vertical-align: top;
}

.integration-details > div[name='permalink'] {
	
	text-align: right;
	opacity: .5;
}

.integration-details .tab-container {
	
	margin: 6.4em 2em;
}

.integration-details .tab-container .active-tab {
	
	border: 2px solid #F89C42 !important;
}

.integration-details .tab-container .label {
	
	text-align: center;
	font-weight: bold;
	color: #456660;
}

.integration-details .tab-container .tab {
	
	text-align: center;
	margin: .5em 0em;
	padding: .5em 1em;
	border: 2px solid #007AC3;
	cursor: pointer;
	min-width: 150px;
	max-width: 200px;
}

.integration-details .tab-container .tab:hover {
	
	border: 2px solid #F89C42 !important;
}

.integration-details .table-container {
	
	text-align: center;
}

.integration-details .table-container h3 {
	
	text-align: center;
	color: #455560;
}

.integration-details .table-container table {
	
	border-collapse: collapse;
	margin: 0em auto;
	width: 600px;
	max-width: 100%;
}

.integration-details .table-container table .beta-release {
	
	text-align: center;
}

.integration-details .table-container table .beta-release button {
	
	margin: 1em;
}

.integration-details .table-container table td {
	
	border: 2px solid lightgrey;
	padding: .25em .5em;
	cursor: default;
	width: 50%;
}

.integration-details .table-container table tr:hover td {
	
	background-color: lightgrey;
}

#right-container .ui-state-error {
	
	margin: 1em;
	padding: 1em;
	display: inline-block;
}

#test-accordion > h3 {
	
	color: #007AC3;
	border: none;
	background: none;
	padding-left: .5em;
	text-align: center;
}

#test-accordion > h3:hover {
	
	color: #F89C42;
}

#test-accordion > h3 > span {
	
	display: none;
}

#test-accordion > .table-container {
	
	border: none;
	border-top: 2px solid #007AC3;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 900px) {
	
	.integration-details .table-container table {
		
		width: inherit;
	}
	
	.integration-details .tab-container {
		
		margin: 1em;
		display: block;
		text-align: center;
	}
	
	.integration-details .tab-container .tab {
		
		display: block;
		max-width: 90%;
		margin: 1em auto;
	}
	
	.integration-details .table-container {
		
		display: block;
		text-align: center;
	}
}