.errorlist li{
    margin: -0.2rem;
    font-size: 12px;
    color: #f00;
}


.help-tip{
      position:relative;
      transform: translate(-50%, -50%);
      margin: auto;
      text-align: center;
      border: 2px solid #444;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      font-size: 12px;
      line-height: 14px;
      cursor: default; 
      display: inline-block;   
      left: 7px; 
      top: 7px; 
  }
  
  .help-tip:before{
      content:'?';
      font-family: sans-serif;
      font-weight: normal;
      color:#444;
  }
  
  .help-tip:hover p{
      display:block;
      transform-origin: 100% 0%;
      -webkit-animation: fadeIn 0.3s ease;
      animation: fadeIn 0.3s ease;
  }
  
  /* The tooltip */
  .help-tip p {    
      display: none;
      font-family: sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      background-color: #fffcec;
      padding: 12px 16px;
      min-width: 300px;
      height: auto;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 5%);
      border-radius: 3px;
  /* 	border: 1px solid #E0E0E0; */
      box-shadow: 0 0px 22px 0 rgba(0,0,0,0.2);
      color: #39393D;
      font-size: 12px;
      line-height: 18px;
      z-index: 99;
  }
  
  .help-tip p a {
      color: #067df7;
      text-decoration: none;
  }
  
  .help-tip p a:hover {
      text-decoration: underline;
  }
  
  /* The pointer of the tooltip */
  .help-tip p:before { 
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-bottom-color:#FFFFFF;
      top: -9px;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
   /* Prevents the tooltip from being hidden */
  .help-tip p:after {
      width: 10px;
      height: 40px;
      content:'';
      position: absolute;
      top: -40px;
      left: 0;
  }
  
  /* CSS animation */
  @-webkit-keyframes fadeIn {
      0% { opacity:0; }
      100% { opacity:100%; }
  }
  
  @keyframes fadeIn {
      0% { opacity:0; }
      100% { opacity:100%; }
  }
      width: 10px;
      height: 40px;
      content:'';
      position: absolute;
      top: -40px;
      left: 0;
  }
  
  /* CSS animation */
  @-webkit-keyframes fadeIn {
      0% { opacity:0; }
      100% { opacity:100%; }
  }
  
  @keyframes fadeIn {
      0% { opacity:0; }
      100% { opacity:100%; }
  }