/**
 * For Ajax Auto complete on user-form 
 */
 
.civiajax .ginput_container ul.demo {
	border:1px solid grey; 
	border-radius:3px; 
	margin-left: 20%;
	width:19%; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;
	position:absolute;
	background-color: white;
}

.civiajax .ginput_container ul.demo li:hover {
	background-color:#3366FF;
	color:white;	
	border-radius:3px; 
}

.settings-custom-field-map-table {
  width: 48%;
}

.settings-custom-field-map-table select {
  min-width:50%;
}

.gaddon-section .settings-custom-field-map-table thead tr th.custom_field_header {
  border-bottom: 1px solid #ccc !important;
}

/* CSS start for Add Contact Button on Feed Form 26/12/2014 */
a.add-contact:link, a.add-contact:visited, a.add-contact:hover, a.remove-contact:link, a.remove-contact:visited, a.remove-contact:hover {
  text-decoration: none;
  position: relative;
  border: 1px solid grey;
  color: #FFF;
  background-color: #757575;
  border-radius: 5px;
  padding : 4px 6px;  
  -webkit-box-shadow: 0px 7px 0px #E5E5E5;
  -moz-box-shadow: 0px 7px 0px #E5E5E5;
  box-shadow: 0px 7px 0px #E5E5E5;
  float:left;
}

a.remove-contact:link, a.remove-contact:visited, a.remove-contact:hover {
  padding : 0px !important;
}

a.add-contact:active, a.remove-contact:active{
  -webkit-box-shadow: 0px 2px 0px #E5E5E5;
  -moz-box-shadow: 0px 2px 0px #E5E5E5;
  box-shadow: 0px 0px 2px #E5E5E5; 
  top:2px;
}

a.add-contact div {
  background-image: url("../images/jquery-ui-FFFFFF.png");
  height: 16px;
  width: 16px;
  background-position: 0 -192px;
  float: left;
  margin-right: 5px;
}

a.remove-contact div.icon {
  background-image: url("../images/jquery-ui-FFFFFF.png");
  height: 14px;
  width: 19px;
  background-position: -15px -192px;
  float: left;
  margin-right: 5px;
}
a.remove-contact div {
  width : 80px;
}
#remove-contact {
  float : right;
}

tr[id^='gaddon-setting-row-mainfields-'] td a.remove-contact div {
  max-width : 49%;
  float : left;
}
/* CSS end for Add Contact Button on Feed Form 26/12/2014 */

/* CSS start for loading_html image on Feed Form 31/12/2014 */
#image_loading {
  width : auto;
  display : inline;
}

#image_loading img{
  width : 28px;
  height : 28px;
  position : absolute;
}
/* CSS end for loading_html image on Feed Form 31/12/2014 */

/* CSS start for Main Fields (Contacts type) fields on Feed Form 16/05/2015*/
tr[id^='gaddon-setting-row-mainfields-'] td div {
  width : 100%;
  overflow : auto;
  margin : 10px;
}

tr[id^='gaddon-setting-row-mainfields-'] td div div {
  max-width : 20%;
  float : left;
}
/* CSS end for Main Fields (Contacts type) fields on Feed Form 16/05/2015*/