#connect-orcid-button {
	margin-top: 2em;
	margin-bottom: 2em;
}

#orcid-id-logo {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin-right: 0.5em;
	vertical-align: middle;
}

.orcid_icon {
	display: inline-block;
	margin-right: 0.25em;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.orcid-failure {
	width:100%;
	background:#F6D8CE;
	border:1px solid #FF0000;
	border-radius:5px;
	padding:15px;
	margin-bottom:15px;
}

.orcid-success {
	width:100%;
	background:#E6F8E0;
	border:1px solid #3ADF00;
	border-radius:5px;
	padding:15px;
	margin-bottom:15px;
}

.hidecontent {
    	display: none;
	}
	
	#myaccordion label {
		box-shadow:0 0 20px #d4d4d4;
		display: block;    
		padding: 8px 22px;
		margin: 20px 0px 1px 0px;
		cursor: pointer;
		background: #5f75a4;
		color: #FFF;
		transition: ease .5s;
		font-weight: bold;
	}
	#myaccordion label:hover {
		background: #5f75ff;
	}
	.content {
		box-shadow:0 0 20px #d4d4d4;
		background: #ffff;
		padding: 10px 25px;
		border: 1px solid #d4d4d4;
		margin: -1 0 0 0;
	}
	#myaccordion input:checked + label + .content {
		display: block;
		webkit-animation: fadeIn 0.5s ease-out;
		-moz-animation: fadeIn 0.5s ease-out;
		-o-animation: fadeIn 0.5s ease-out;
		animation: fadeIn 0.5s ease-out;
	}
	@-webkit-keyframes fadeIn {
		0% {
			display: none;
			opacity: 0;
		}
		1% {
			display: block;
			opacity: 0;
		}
		100% {
			display: block;
			opacity: 1;
		}
	}