/* Forms v.1 */

/* Link */

a {
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
}
  
  a:hover {
    text-decoration: none;
  }

/* Dropdown Content*/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    border-radius: 3px;
    right: 0;
    position: absolute;
    background-color: #fff;
    min-width: 250px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.dropdown-content a {
    white-space: normal;
    color: #808284;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 11px;
}
                    
.dropdown-content a:hover {
    background-color: #ebeff1
}
                    
.dropdown:hover .dropdown-content {
    display: block;
}
                    
.dropdown_menue_text {
    font-size: 14px; 
    line-height: 18px; 
    font-weight: 500; 
}

.dropdown_menue_subtitle {
    color: #808284;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    white-space: normal;
}

/* Chat Annehmen, Ablehnen, Blockieren */
.newcontact {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
  }
.newcontact *,*::before,*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
.newcontact > .row {
	border-bottom: 1px solid #00000026;
	overflow: hidden;
	padding: 0;
	position: relative;
  }

.newcontact > .row > .actionbtn {
	background: #FFF;
	border: 0;
	color: #9197A3;
	font-size: 25px;
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 0;
	*outline: 1px #00000026;
	padding: 0;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
  }
.newcontact > .row > .actionbtn:hover {
	background: #ebeff1;
	color: #7D8696;
  }

.newcontact > .row > .actionbtn_active {
	background: #ebeff1;
	color: #7D8696;
  }


/* Input */

.main__input {
    width: 369px;
    padding: 5px 11px;
    border-radius: 4px;
    background-color: #fff;
    margin-top: 0px;
    color: #808284;
    border: 1px solid rgba(0, 0, 0, 0.15);

}

.main__input__fail {
    width: 369px;
    border-radius: 4px;
    background-color: #fff;
    margin-top: 0px;
    color: #808284;
    border: 1px solid rgba(255, 31, 31, 0.98);
}

/* Logout Admin Button */

.adlog-button {
  background-color: #374046; 
  color: #fff; 
  height: 30px; 
  width: 50px; 
  border-radius: 20px; 
  float: left; 
  text-align:center; 
  line-height: 30px; 
  cursor: pointer;  
}


.new-chip {
  display: inline-block;
  background: #e0e0e0;
  padding: 0 12px;
  border-radius: 32px;
  font-size: 13px;
}

.new-chip span {
    
}

.new-chip.new-chip-hover:hover {
  background: #ccc;
}

.new-chip-clickable {
  cursor: pointer;
}

.new-chip, .new-chip-icon {
  height: 32px;
  line-height: 32px;
}

.new-chip-icon {
  display: block;
  float: left;
  background: #009587;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 8px 0 -12px;
}

.new-chip-remove {
  display: inline-block;
  background: #fff;
  outline: 0;
  border: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0;
  margin: 0 -4px 0 4px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
}
.new-chip-remove:after {
    color: #808284;
  content: 'x';
}
.new-chip-remove:hover {
    background-color: #ebeff1;
}
.new-chip-remove:active {
    background-color: #ebeff1;
}

.new-chips {
}
.new-chips .new-chip {
  margin: 0 5px 0px 0;
}

.new-chip-raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}