*:focus {
  outline: none;
}

.wrapper__widget{
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
}

  .legal{ display: none; }

  .wrapper__widget--default{
    border: 1px solid #E2E2EA !important;
    background: #FFFFFF !important;
  }

  .wrapper__image{
    width: 72px;
    height: 72px;
    border-radius: 8px;
  }
    .wrapper__image .img-responsive{
      background-color: #003A6C;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%; 
      border-radius: 5px;
    }

    .input--email{
      color: #44444F;
      font-family: 'Roboto', sans-serif; 
      font-weight: 300;
      width: 240px;
      border: none;
      border-bottom: 1px solid #44444F;
      font-size: 12px;
      box-sizing: content-box;
      padding: 10px 0;
      box-shadow: 0 !important;
      background: white !important;
      background-color: white !important;
    }

    .h-100{
      position: relative; 
      height: 100px; 
    }

    .container__info{
      position: relative;
      margin-left: 5px;
    }
      .info{
        cursor: pointer;
        padding-bottom: 7px;
        width: 12px;
        height: 12px;
      }

      .info:hover + .info--description{
        display: block !important;
      }
      
      .info--description{
        position: absolute;
        background: #474747;
        width: 245px;
        color: #FFFFFF;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 5px 10px;
        z-index: 999;
        top: -40px;
        left: 20px;
        display: none;
      }

      .info--description ol{ margin: 0; padding: 0; }
      .info--description ol li{ margin-left: 20px; }

@media (min-width: 200px) and (max-width: 900px) {
  .wrapper__image, .h-100{ display: none !important; }
  .legal{ display: block; }
  .custom--width{ width: 90%; }
}