.info-popup:before {
  font-size:20px;
  position: relative;
  top:4px;
  content:'\e918';
  display:inline-block;
  font-family:'trueloaded', Verdana, Arial, sans-serif;
}
.info-popup {
  height:2px;
  position: relative;
  line-height:2px;
  display:inline-block;
}
.info-popup div:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background-color: #ffffff;
  height:20px;
  left:-11px;
  position: absolute;
  top:15px;
  width:20px;
  line-height:30px;
  -ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);
  content:'';
  border-top:1px solid #e0e0e0;
  border-left:1px solid #e0e0e0;
}
.info-popup div {
  background-color: #ffffff;
  font-size:14px;
  left:40px;
  position: absolute;
  top:-12px;
  width:250px;
  z-index: 1000;
  line-height:1.7;
  display:none;
  box-shadow: 0 0 10px 0 #ccc;
  border:1px solid #e0e0e0;
  padding:10px 15px;
}
.info-popup.top-left div:before {
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  bottom:-11px;
  left:auto;
  right:13px;
  top:auto;
  -ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);
}
.info-popup.top-left div {
  bottom:30px;
  left:auto;
  right:-10px;
  top:auto;
}
.info-popup:hover div {
  display:block;
}
.password-info .info-popup {
  float: right;
}