/* ------------ crm-contact-list ------------ */
.crm-contact-list								{ 
	&.ui-autocomplete li				{ border:none;}
	.contact-type 						{ background-image:url(/modules/crm/media/individual.svg); background-repeat:no-repeat; background-position: center center; background-size:18px;  }
	.is-organisation .contact-type 		{ background-image:url(/modules/crm/media/organisation.svg); }
}

.crm-organisation-contact 				{
	.item-link							{ position:absolute; display:block; width:25px; height:25px;}
	.crm-contact						{ padding-left: 30px; padding-right: 30px}
	.icn-action.delete					{ padding-right: 0}
	li									{ list-style:none; margin: 8px 0; padding-top:8px; border-top:1px solid #ccc;
		.name							{ font-size:11px }
		.icn-action						{ margin-top: -5px }
	}
}

/* ------------ crm-contact ------------ */
.crm-contact							{ 
	.contact-info > div					{ margin-bottom:5px; }	
	.name								{ font-weight:bold; font-size:14px; }
	.tel_title							{ font-weight:bold;}
	.email								{ padding-right:13px; background-size: 10px;
		&::before						{ content:'e: ';font-weight:bold;}
		&.consent						{ background:url(/media/icons/tick.svg) no-repeat right center; background-size:12px;}
		&.no-consent					{ background:url(/media/icons/cross.svg) no-repeat right center; background-size:12px;}
	}
	.website:not(:empty)::before		{ content:'web: ';font-weight:bold;}
	.position							{
		&::before						{ content:'(';}
		&::after						{ content:')';}
	}
	.organisation-person::before		{ content:'Contact: ';font-weight:bold;}
	.profile							{ background-color:#FFF6E6; padding:10px; margin-top:10px; font-size:12px; color:#777; }
	.admin-user::before					{ content:' by ';}
	.footer 							{ margin-top:10px; font-size:11px; color:#888;
		.source::before					{ content:'Source: ';font-weight:bold;}
	}
}

/* ------------ crm-table ------------ */
.zcrm-table								{ display:table; border-collapse:collapse; 
	.label.req							{ background:url(/media/icons/req.png) no-repeat 98% 30%; min-width:8px; }
	.row-crm							{ display:table-row; }
	div.title							{ position:absolute; }
	.row-title							{ height:30px; }
	.row-radio div, .row-checkbox div	{ padding:0; }
	.row-crm div						{ 
		&.label							{ display:table-cell; font-weight:700; white-space:nowrap; padding-top:5px; padding-right:10px; vertical-align:top; text-align:right; }
		&.element						{ display:table-cell; padding-top:5px; }
	}
}

/* ------------ crm-event ------------ */
.crm-event								{ 
	.event-header						{ border-bottom:1px solid #d2d2d2; min-height:70px; margin-bottom:20px; }
	.event-type-wrapper					{ margin:(-5px) -5px 5px; }
	.event-type							{ color:#888; font-size:11px; }
	.event-icon							{ float:left; 
		img								{ height:36px; }
	}
	.event-block						{ padding-top:5px; margin-left:50px; }
	.event-title						{ font-weight:700; font-size:14px; margin-bottom:5px; }
	.event-dateuser						{ color:#888; }
	.event-user:before					{ content:" by "; }
	.event.type-email					{ 
		.event-edit						{ display:none; }
		.event-header					{ margin-bottom:0; }
	}
	.event-info							{ float:right; border-left:1px solid #bbb; padding-left:2px; 
		.table-fields td				{ font-size:12px; padding-bottom:0; line-height:16px; 
			&.email-from				{ color:blue; }
		}
	}
	.event-note							{ line-height:16px; 
		iframe							{ height:500px; margin:0; width: 100%; }
	}
	.event-selected						{ padding-bottom:20px; 
		&.hidden						{ display:none; }
	}
	.event-files						{ padding-top:10px}
	&.no-files .event-files				{ display: none; }
	.event-iframe iframe				{ width:100%; min-height:400px; margin-top:20px; }
	&.zzzz .type-E .event-note iframe			{ width:calc(100% + 20px); margin:-20px 0 -0 -20px; border-bottom:1px solid #d2d2d2;  }
}


/* ------------ crm-attributes ------------ */
.crm-attributes							{
	.title								{ color:#888; font-weight: bold; border-top: 1px solid #e7e7e7; padding: 7px 0 3px;
		&:first-child					{ border-top:none }
	}
	ul.cc2								{ column-count:2; column-gap:20px; column-width:200px; }
	li									{ list-style: none; width:200px; display: inline-block;
		&.ticked						{ margin:0 0 5px 0; padding-left:16px; background: url(/media/icons/tick.svg) left top no-repeat; background-size:12px; }
		&.checkbox						{ text-indent: -20px; padding-left: 20px; }
	}
	&.select							{
		.title							{ padding-bottom: 0; }
		ul.cc2							{ column-count:0; column-width:auto }
	}
}
@media print							{ 
	.crm-event .event-note iframe		{ height:600px; }
}