@charset "UTF-8";
/*+++++++++++++ CONTACTS PAGE +++++++++++++*/
.contacts_filters {
	width:100%;
	height:auto;
	border-top:1px solid #ccc;
	padding-top:2px;
}
.contacts_filter {
	float:left;
	width:auto;
	margin-right:10px;
	font-size:9px;
	color: #595a5d;
	line-height:1.1;
	text-align:left;
	padding:3px 3px 3px 3px;
	cursor:pointer;
}
.contacts_filter:active, .contacts_filter_active {
	opacity:0.666;
}
.contacts_filter_selected {
	color:#ed1c24;
}
.contacts_view {
	width:auto;
	float:right;
}
.contacts_view_icons {
	height:32px;
	padding:3px 3px 3px 3px;
	cursor:pointer;
}
.contacts_view_icons:active, .contacts_view_icons_active {
	opacity:0.666;
}
.contacts_summary {
	float:left;
	width:auto;
	font-size:9px;
	color: #595a5d;
	text-align:left;
	position:relative;
	left:5px;
	top:-30px;
}
.contacts_view {
	width:auto;
	float:right;
}
.contacts_view_icons {
	height:32px;
	padding:3px 3px 3px 3px;
}
.contacts_view_icons:active, .contacts_view_icons_active {
	opacity:0.666;
}
.contacts_alpha_group {
	width:100%;
	height:auto;
	padding:4px 4px 4px 4px;
	margin:6px 2px 2px 2px;
	background-color:#ecedee;
	overflow:hidden;
	cursor:pointer;
}
.contacts_alpha_subgroup {
	float:left;
	width:70%;
	border-left:1px solid #d2d3d4;
	padding-left:2px;
	padding-top:4px;
	display:none;
	font-size:12px;
}
.contacts_alpha_subgroup:first-child {
	width:40px;
	border-left: none;
	float:left;
	display:inline-block;
}
.contacts_alpha_list {
	padding-right:44px;
}
.contacts_alpha_ul {
	list-style-type:none;
}
.contacts_viewlist_set {
	width:100%;
}
.contacts_viewlist_ul {
	list-style-type:none;
	background-color:#ecedee;
	height:auto;
}
.contacts_viewlist_li {
	width:100%;
	height:auto;
	clear:both;
	background-color:#fff;
	overflow:hidden;
	border:1px solid rgba(0,0,0,0.0);
}
.contacts_viewlist_li:hover {
	background-color:#ecedee;
}
.contacts_viewlist_selected_li {
	background-color:#ecedee;
}
.contacts_viewlist_cell {
	float:left;
	width:40px;
	height:40px;
	background-position:center center;
	background-size:cover;
	margin:2px 2px 2px 2px;
	padding:1px 1px 1px 1px;
}
.contacts_viewlist_badge {
	float:left;
	width:20px;
	height:20px;
	background-position:center center;
	background-size:cover;
	margin:2px 2px 2px 2px;
	padding:1px 1px 1px 1px;
	position:relative;
	top:-5px;
}
.contacts_viewlist_group:hover .contacts_group_help
{
	display:block;
}
.contacts_viewlist_cloud {
	position:absolute;
	left:110px;
	width:15px;
}
.contacts_viewlist_name {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-top:15px;
	width:34%;
	overflow:hidden;
}
.contacts_viewlist_group {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-top:15px;
	width:34%;
	overflow-x:visible;
	overflow-y:hidden;
}
.contacts_viewlist_phone {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-top:15px;
	width:34%;
	overflow:hidden;
}
.contacts_viewlist_email {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-top:15px;
	width:34%;
	overflow:hidden;
}
.contacts_viewlist_date {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-top:15px;
	width:34%;
	overflow:hidden;
	display:none;
}
.contacts_btn_img {
	height:36px;
	background-color:rgba(0,0,0,0.0);
	opacity:0.666;
}
.contacts_btn_img:active, .contacts_btn_img_active {
	opacity:0.666;
}
.contacts_btn {
	width:40px;
	height:40px;
	float:left;
	position:relative;
	left:-80px;
}
.contacts_option_btn {
	width:36px;
	height:36px;
	float:right;
	color:inherit;
	background-color:inherit;
	position:relative;
	top:2px;
	padding-left:2px;
	padding-right:2px;
	cursor:pointer;
}
.contacts_option_btn:active, .contacts_option_btn_active {
	opacity:0.666;
}
.contacts_option_btn_img {
	width:100%;
}
.contacts_viewlist_control {
	color:rgba(0,0,0,0.0);
	width:160px;
	height:40px;
	float:right;
	position:relative;
	top:4px;
	overflow:hidden;
}
.contacts_multi_icon {
	display:inline-block;
	position:relative;
	left:-114px;
	top:-7px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}
.contacts_multi_icon:active, .contacts_multi_icon_active {
	opacity:0.666;
}
.contacts_multiview {
	float:right;
	width:100px;
	margin-right:30px;
}
.contacts_red_cloud {
	width:15px;
	height:15px;
	margin-right:2px;
	position:relative;
	top:4px;
}
.contacts_details {
	width:98%;
	float:left;
	font-size:10px;
	font-weight:bold;
	border-top:1px solid #e0e0e0;
	margin-top:5px;
}
.contacts_details_info {
	font-size:10px;
}
.contacts_photo {
	background-position: center center;
	background-size: cover;
	display: inline-block;
	height: 0;
	margin-left: 1%;
	padding-bottom: 50px;
	width: 50px;
	float:left;
}
.contacts_group_help {
	position:absolute;
	display:none;
}
.contacts_group_text {
	border-radius:5px 5px 5px 5px;
	background-color:rgba(0,0,0,0.05);
	font-size: 8px;
	left: 0;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	width: 160px;
	color:#747474;
	padding:1px 4px 1px 4px;
	position:relative;
	left:-80px;
	top:-14px;
	-moz-box-shadow:    1px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:         1px 1px 1px 1px rgba(0,0,0,0.2);
}
/*+++++++++++++++++++ START OF RESPONSIVE LOGIC ++++++++++++++++++++++*/
/*---- device is laptop ----*/
@media screen and (min-width: 1025px) {
}
/*---- device is tablet or desktop, so scale up and re-arange ----*/
@media screen and (min-width: 768px) {
.contacts_filter {
	font-size:13px;
}
.contacts_summary {
	font-size:13px;
}
.contacts_alpha_subgroup {
	width:13.55%;
	display:inline-block;
}
.contacts_viewlist_name {
	width:13%;
	font-size:12px;
}
.contacts_viewlist_group {
	width:13%;
	font-size:12px;
}
.contacts_viewlist_phone {
	width:13%;
	font-size:12px;
}
.contacts_viewlist_email {
	width:13%;
	font-size:12px;
}
.contacts_viewlist_date {
	width:13%;
	display:inline-block;
	font-size:12px;
}
.contacts_details {
	width:49%;
}
.contacts_group_text {
	width: 410px;
	left:-85px;
}
}