#module_contacts_list {margin: 25px 0px;}

#module_contacts_list #title {margin: 0px 0px 15px;font-size: 30px;}

#module_contacts_list #title .fa { margin-right: 20px; }



#module_contacts_list #add_new {

	width: auto;

	height: 40px;

	line-height: 40px;

	display:inline-block;

	border-radius: 5px;

	background-color: #f0f0f0; 

	border: 1px solid #ccc;

	line-height: 35px;

	vertical-align: top;

	font-size: 13px;

	padding: 0px 15px; 

	cursor: pointer; 

	margin-top: 15px;

}

#module_contacts_list #add_new:hover { background-color: #e0e0e0;}



/* contact row */

#module_contacts_list .contact {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

	text-align: left;

}



/* contact row --> block */

#module_contacts_list .contact .block {

	width: auto;

	height: 40px;

	line-height: 40px;

	display:inline-block;

	border-radius: 5px;

	border: 1px solid #eee;

	padding: 0px 20px;

	margin-right: 0px;

	line-height: 35px;

	vertical-align: top;

	font-size: 13px;

	margin-bottom: 4px;  

}

#module_contacts_list .contact .block .fa {line-height: 38px; margin-right: 10px; font-size: 14px;}

#module_contacts_list .contact .block .fa.fa_only { margin-right: 0px; font-size: 16px; }



/* contact row --> block <--> static_button*/

#module_contacts_list .contact .block.static_button { padding: 0px 15px; cursor: pointer; background-color: #f0f0f0; border-color: #ccc;}

#module_contacts_list .contact .block.static_button:hover { background-color: #e0e0e0;}





/* DIALOG style */

.module_contact_dialog {border-radius: 0px;border-color: #ccc;}

.module_contact_dialog .ui-dialog-titlebar { display: none; }



#dialog_contact { padding: 15px 5px; }

#dialog_contact h1 {

	text-align: center;

	margin: 0px auto 20px;

	font-size: 28px;

}

#dialog_contact h1 .fa { margin-right: 10px; }



#dialog_contact .details { overflow: hidden; }

#dialog_contact .details .field { float: left; width: 100%; padding: 3px;}

#dialog_contact .details .field label{

	display: block;

	margin: 10px 0px 2px 5px;

	font-weight: 400;

	font-size: 14px;

	font-weight: bold;

}

#dialog_contact input[type='text'], #dialog_contact textarea, #dialog_contact select{

	width: 100%;

	padding: 0px 5px;

	font-size: 14px;

	height: 35px;

	line-height: 1;

	color: #333;

	border-color: #777;

	border: 1px solid #ccc;

	border-radius: 2px;

}

#dialog_contact textarea { height: 70px; padding: 5px;}



#dialog_contact .dialog_buttons {margin: 20px 0px 0px; text-align: right;}



#dialog_contact .dialog_buttons button{

	font-size: 16px;

	padding: 7px 20px;

	border: 1px solid #ccc;

	background-color: #eee;

	border-radius: 2px;

	margin-left: 3px;

}

#dialog_contact .dialog_buttons button:hover { background-color: #ddd; border-color: #bbb; cursor: pointer;}



@media (max-width:600px){

#module_contacts_list .contact {

	overflow: hidden;

	margin-bottom: 15px;

}

#module_contacts_list .contact .block { min-width: 48%; float: left; margin-bottom: 3px;}

}