@charset "UTF-8";
/* CSS Document */

.client-wrapper
{
	background-color:#292929;
	height:100%;
	
	position:absolute;
}

#client-inner-wrapper
{
	width:100%;
	height:100%;
	margin:0 auto;
	
	padding-top:6px;
}

.client-object
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:inline-block;
	background-color:#383838;
	width:100px;
	height:100px;
	padding:0;
	overflow:hidden;
	
	border:20px solid #292929;
	border-radius:40px;
	
	color:#888;
	font-family:Avenir-Medium;
	font-size:20px;
}

#add-client-button
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:inline-block;
	background-color:#49b4d7;
	width:100px;
	height:100px;
	padding:0;
	overflow:hidden;
	
	border:20px solid #292929;
	border-radius:40px;
}

.client-inner-object
{
	position:absolute;
	display:table;
	
	width:100%;
	height:100%;
	
	text-align:center;
}

.client-title
{
	display:table-cell;
	
	vertical-align:middle;
}

.client-sub-wrapper
{
	position:absolute; width:100%; height:100%;
}

.client-overlay
{
	width:100%;
	height:100%;
	position:absolute;
}

.sub-panel-inner-object
{
	display:table;
	
	width:100%;
	height:100%;
	
	text-align:center;
}

.sub-panel-title
{
	display:table-cell;
	
	vertical-align:middle;
	
	color:#FFF;
	font-family:Avenir-Medium;
	font-size:15px;
}

.other-client-object
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:inline-block;
	background-color:#49b4d7;
	width:100px;
	height:100px;
	padding:0;
	overflow:hidden;
	
	border:20px solid #292929;
	border-radius:40px;
	
	color:#FFF;
	font-family:Avenir-Medium;
	font-size:20px;
	
	animation:scaleUp 0.5s;
}

.other-client-inner-object
{
	position:absolute;
	display:table;
	
	width:100%;
	height:100%;
	
	text-align:center;
}

.other-client-title
{
	display:table-cell;
	
	vertical-align:middle;
}

.other-client-sub-panel
{
	width:100%;
	height:50%;	
}

.other-client-inner-object
{
	position:absolute;
	display:table;
	
	width:100%;
	height:100%;
	
	text-align:center;
}

.other-client-title
{
	display:table-cell;
	
	vertical-align:middle;
}

#other-client-remove-id
{
	background-color:#222;
	animation:flipDown 0.5s;
}

#other-client-detail-id
{
	background-color:#444;
	animation:flipUp 0.5s;
}