/* Make login colors match DeClutter standard collors */
.loginCard{
  background: linear-gradient(45deg, #25a9a0, #28bcb2) !important;
}
.loginBackground{
  background:url(../images/loginbackground.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Collor of selected rows */
.selectedRow {
	background-color:#cef0eb;
}

/* Autocomplete styling*/
.autocompleteList {
  float: left;
	list-style: none;
  list-style-position: outside;
  text-align: left;
  border-style: solid;
  border-width: 1px;
}
.autocompleteList li:hover {
  background-color: #cef0eb;
}

/* Grey background if input of person data is disabled */
.persondata:disabled {
  background-color: #ebf0ee;
}

/* Grey background if input of contact data is disabled */
.contactdata:disabled {
  background-color: #ebf0ee;
}

/* Grey background if input of allergy data is disabled */
.allergydata:disabled {
  background-color: #ebf0ee;
}

/* Grey background if input of tag data is disabled */
.tagData:disabled {
  background-color: #ebf0ee;
}

/* Grey background if input of tag data is disabled */
.accountData:disabled {
  background-color: #ebf0ee;
}

.tagData{             /* Center data input on tag numbers */
  text-align: center;
}

.accountData{             /* Center data input on account ballance */
  text-align: center;
}
/* Drag & Drop Styling */
.ddgroup{                  /* Background of participant group elements (pgroup) */
  background-color: #e0e0e0 !important;
  background-image: linear-gradient(to bottom right, #bbb5c3,#ede7f6) !important;
}

.ddleader{                  /* Background of nongroupedparticipants group elements (pgroup) */
  background-color: #81b9bf !important;
  background-image: linear-gradient(to bottom right, #81b9bf,#aed0d4) !important;
}

.ddpart{                  /* Background of nongroupedparticipants group elements (pgroup) */
  background-color: #cef0eb !important;
  background-image: linear-gradient(to bottom right, #bde6df,#cef0eb) !important;
}

.isleader{                  /* Background of nongroupedparticipants group elements (pgroup) */
  background-color: #9cccd3 !important;
   background-image: linear-gradient(to bottom right, #9cccd3,#b2ebf2) !important; 
}

.ddarea{                  /* Background of area elements  */
  background-color: #e0e0e0 !important;
  background-image: linear-gradient(to bottom right, #bbb5c3,#ede7f6) !important;
}
div.dd{
  overflow: auto;
  height: 600px;
}

.dd-item > button.modAreaBtn:before{
  content: "C" !important;
  font-size: 12px !important;
  text-align: center !important;
  display: table-cell !important;
  vertical-align: middle !important;
}

.dd-item > button.addAreaBtn:before{
  content: "+" !important;
  font-size: 12px !important;
  text-align: center !important;
  display: table-cell !important;
  vertical-align: middle !important;
}

.dd-item > button.delAreaBtn:before{
  content: "-" !important;
  font-size: 12px !important;
  text-align: center !important;
  display: table-cell !important;
  vertical-align: middle !important;
}

#leftList .dd-item > button.delAreaBtn{
  visibility: hidden !important;
}