src/scss/ddgc/_account.scss
.user-info {
	display: inline-block;
}

div.emailagain {
	display: none;
}

.account-box .row.callout-row, 
.callout-row {		
	background: #f5f5f5;	
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;	
}	
.callout-row--round {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.callout-link {
		display: block;
	}
	.callout-row__text {	
		font-weight: bold;
		overflow:hidden;
		line-height:20px;
		padding-top: 5px;
		margin: 0;
	}	
		span.callout-row__text { display: inline-block; }
	
	.account-box .callout-row a,
	.account-box .callout-row h3, 	
	.callout-row h3,
	.callout-row__text { 
		color: #5b5f68; 
	}
	.account-box .callout-row h3 {	
		font-size: 18px; 		
	}		
		.callout-row__text.has-icon { 
			position: relative; 
			padding-left: 36px; 
		}		
		.callout-row__icn--left { 
			font-size: 25px; 
			position: absolute; 
			top: -2px; 
			left: 0; 
		}
		.callout-row__icn--left {
			left: 10px;
			top: 10px;
		}		
		.callout-row__icn--right { 
			text-shadow: 0 0 1px rgba(0,0,0,0.5); 
			float: right;
			color: #cacaca; 			
			font-size: 1.3em; 
			margin-right: 5px;
			line-height: 30px;
		}

.account-box label { 
	font-size: 18px;
	width: 95%; 
	padding-top: 4px;
	line-height: 1.25; 
	display: inline-block; 
	overflow: hidden;
	white-space: nowrap;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.account-box p { margin: 0; padding: 8px 0; }
.account-box .button { width: 140px; margin: 0 0 0 10px; padding: 0; }
	.account-box .button--right, .locale-buttons { float: right; }
	.account-box .multi .button { width: 90px; }	
	.account-box .locale-buttons  .button:first-child { margin-left: 0; }

.account-box .third .select2-container, .account-box .forty .select2-container  { 
	width: 95%; 
	position: relative; 
	left: -8px;
}	
.account-box .select2-container .select2-choice div b { color: #60636a; }
	.account-box .select2-container .select2-choice div b:after { border-top-color: #60636a; }
	.account-box .select2-container .select2-choice div b:before  { border-bottom-color: #60636a; }
.account-box .select2-container { height: 29px; }
.no-js .account-box select { 
	padding: 5px 3px 4px 8px; 
	font-size: 0.8em;
}

@media only screen and (max-width: 80em) {
	.account-box label { 
		width: 95%;
		font-size: 16px; 
	}
}
	
@media only screen and (max-width: 60em) {
	.no-js .account-box select, .account-box .third .select2-container, .account-box .forty .select2-container { 
		width: 97%;
		margin-bottom: 8px;
	}
	.account-box label { 
		white-space: normal;
		widtH: auto; 
	}
	.account-box .multi .button {
		width: 80px;
	}
}
@media only screen and (max-width: 50em) {
	.account-box .multi .button {
		width: 70px;
	}
}
@media only screen and (max-width: 40em) {	
	.no-js .account-box select, .account-box .third .select2-container, .account-box .forty .select2-container {
		width: 101%;
	}
	.account-box  .button--right {
		float: none;
		margin-left: 0;
		margin-top: 2px;
	}	
	.account-box  .button--language-add, .locale-buttons {
		margin-left: -8px;
		float: none;		
	}
	.account-box .multi .button {
		width: 90px;
	}
}
