#avatar-image {
  height: 24px;
  width: 24px;
  border-radius: 12px;
}

#help-widget {
  position: fixed;
  bottom: 0;
  right: 1.04rem;
  margin-left: 1.04rem;
  z-index: 1000;
}

#help-widget-header {
  padding: 5px 10px 6px 20px;
  color: white;
  font-size: 1rem;
  border-radius: 8px 8px 0 0;
  background: #014b94;
  cursor: pointer;
  width: 300px
}

.help-widget-label {
  padding: 4px 0 2px 88px;
  line-height: 1.2;
  transition: all 0.3s
}

#help-widget.open .help-widget-label {
  padding: 4px 0 2px 114px;
}

#help-widget-close-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #555;
  cursor: pointer;
}

#help-widget-close-icon:hover {
  opacity: .8;
}

#help-widget-body {
  max-width: 100%;
  background: white;
  padding: 1rem;
  border: 1px solid #ADC5DD;
  position: absolute;
  bottom: -500px;
  border-radius: 8px;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(173, 197, 221, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(173, 197, 221, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(173, 197, 221, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#adc5dd', GradientType=0);
  transition: all 0.3s;
  font-size: 14px;
  color: #014b94;
  width: 300px;
}

#help-widget.open #help-widget-body {
  bottom: 144px
}

#help-widget-body:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 51px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #ADC5DD transparent;
  display: block;
  width: 0;
}

#help-widget:not(.open) #help-widget-close-icon,
#help-widget:not(.open) #help-widget-body {
  display: ;
}

#help-widget-avatar {
  height: 82px;
  width: 82px;
  border-radius: 41px;
  position: absolute;
  bottom: 5px;
  left: 16px;
  border: 1px solid #014b94;
  transition: all 0.3s;
  background: #fff;
}

#help-widget.open #help-widget-avatar {
  height: 112px;
  width: 112px;
  border-radius: 56px;
}

#help-widget-body-avatar {
  height: 144px;
  width: 144px;
  border-radius: 72px;
  margin: 5px auto 0;
  display: block;
}

#help-widget .form-group {
  margin-bottom: 0
}

#help-widget textarea {
  display: block;
  margin: 10px 0 10px 0;
  height: 60px;
  min-height: 60px;
  padding: 19px 11px 11px 11px;
  font-size: 13px;
  line-height: 1.15;
  border-color: #ADC5DD; 
  background:#FFF
}



#padrepio-widget {
  position: fixed;
  bottom: 0;
  left: 1.04rem;
  z-index: 1000;
}

#padrepio-widget-header {
	padding: 10px 10px 0;
  color: white;
  font-size: 1rem;
  border-radius: 8px 8px 0 0;
  background: transparent;
	position: relative;
	background: #014b94;
}

#padrepio-widget-img {
  height: 190px;
  transition: all 0.3s;
}

#padrepio-widget .candle {
	display: inline-block;
}