#groupwithusers{
	position: fixed;
	top: 60px;
    right: 10px;
	width: 250px;
	font-size:10px;
	border: solid #EC7818 1px;	
	background-color: white;
	 
}

.autowidth{
	width: auto ;
	max-width: 100% ;
	height: auto ;	
}

.actions{
	background-color: white;
	margin:5px 0px 5px 0px;	
	border:solid 1px blue;
	padding:3px;
	text-align: center;
}
.actions_title{
	background-color: blue;
	color: white;
	text-align: center;
	margin-bottom:3px;
	
}

.therapy{
	background-color: white;
	margin:5px 0px 5px 0px;	
	border:solid 1px red;
	padding:3px;
	text-align: center;
}

.therapy_title{
	background-color: red;
	color: white;
	text-align: center;
	margin-bottom:3px;
	
}


.decision{
	background-color: white;
	margin:5px 0px 5px 0px;	
	border:solid 1px #2D669D;
	text-align: center;
	padding:3px;
	
}
	 
 
 
.decision_title{
	background-color: #2D669D
;
	color: white;
	text-align: center; 
	margin-bottom:3px;

}

.decision_links{
	display: block;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	
	 
	
}
.decision_links a{
word-wrap: break-word;
}

#timer{
	
	display: inline-block;
	 background-color:red;
	color: white;
	margin-top: 1px;
	margin-right: 7px;
	padding-left:1px;
	padding-right:1px;
}

#attachments{
	
	display: inline-block;
	background-color:green;
	color: white;
    margin-top: 1px;
}

.toggle_help{
	display: none;
	width: 100%;
    text-align: left;
	margin-top:5px;
 
}


.help_title{
		background-color: blue;
	color: white;
	text-align: center;
	margin-bottom:3px;
	font-size: 1em;
}

.help_body{
	background-color: white;
	margin:5px 0px 5px 0px;	
	border:solid 1px blue;
	padding:3px;
	text-align: left;
	font-size: 12px;
	
	
	
}

.space::after {
  content: " ";
  white-space: pre-wrap;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;  /*If you want dots under the hoverable text */
  font-size: 12px;

  
  
}



/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  top: 100%;
  width:300px;
  height:auto;
  padding: 2px;
  left: 0%;
  overflow-x: scroll;
  overflow-y: scroll;
  /* margin-left: -100px;  Use half of the width (120/2 = 60), to center the tooltip */
  background-color: white;
  color: #000;
  text-align: left;
  border-radius: 6px;
  border: 2px solid red;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}



/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}