.regform {
  width:420px;
  text-align:center;
  margin: 0 auto 40px auto;
  padding: 40px 0 20px 0;
  box-shadow: 12px 8px 44px -12px rgba(27,58,146,0.16);
  border-radius:20px;
  background-color:#FDFEFE;
}
.regform ul {
  list-style-type:none;
}
  .regform ul li {
    margin:0 0 10px 0;
  }
  .regform .title {
    height:auto;
  }
  .regform label {
    width:356px;
    text-align:left;
    display: inline-block;
    color:#8F9BB3;
    font-size:12px;
    line-height:16px;
  }
    .regform label span {
      color:#2B2B2B;
    }
  .regform input {
    width:336px;
    height:22px;
    padding:10px;
    border-radius:4px;
    border:#DAE1ED 1px solid;
  }
  ::placeholder {
    color:#C5C8D9;
  }
  .regform select {
    width: 356px;
    height: 42px;
    padding: 10px;
    border-radius: 4px;
    border: #DAE1ED 1px solid;
    display: inline-block;
    color: #101426;
  }
  .regform li.photo span {
    margin:20px 0 0 0;
    display: inline-block;
    width: 356px;
    text-align: left;
    font-size:12px;
    line-height:16px;
    color:#2B2B2B;
  }
  .regform li.vline {
    border-top:1px #DAE1ED solid;
    margin:20px 0;
  }
  .regform input[type=checkbox] {
    width:32px;
    height:32px;
    border:1px #DAE1ED solid;
    border-radius:4px;
  }
  .regform li.side-event {
    width:356px;
    margin:0 auto;
    vertical-align: middle;
    display: grid;
    grid-template-columns: 50px auto;    
  }
    .regform li.side-event label {
      width:auto;
      align-self: center;
    }
  .regform input[type=submit] {
    background-color:#0676ED;
    color:#ffffff;
    font-size:12px;
    border-radius:20px;
    height:32px;
    width:210px;
  }
  #reg-errors {
    width: 356px;
    margin: 10px auto;    
  }
    #reg-errors span {
      padding: 10px;
      background-color: #ffb8b8;
      border: #ff0000 1px solid;
      width: 336px;
      display: inline-block;
      font-size: 14px;
      margin: 5px 0;
      border-radius: 3px;   
    }
/* Send message box */
.user-shoutbox {
  width:auto;
  text-align:left;
  position:fixed;
  bottom: 20px;
  right: 20px;
}
  .user-shoutbox a {
    display: inline-block;
    width: auto;
    height: auto;
  }
    .user-shoutbox a img {
/*      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);*/
    }
  .user-shoutbox .header {
    background-color:#0E4B8E;
    border-radius:6px 6px 0 0;
    color:#ffffff;
    display:grid;
    grid-template-columns: auto 20px;
    padding:5px 16px;
  }
    .user-shoutbox .header a {
      color:#ffffff;
      font-size:32px;
    }
  .user-shoutbox form {
    display:none;
    width:304px;
    background-color:#ffffff;
    border-radius:6px;
  }
  body .displayBlock {
    display:inline-block;
  }
  body .displayNone {
    display:none;
  }
    .user-shoutbox textarea {
      height:175px;
      display:inline-block;
      width:268px;
      border:#DBDDE1 1px solid;
      border-radius:2px;
      font-family:inherit;
      box-sizing: border-box;
      padding: 5px;      
    }
    .user-shoutbox input[type=submit] {
      background-color:#0E4B8E;
      color:#ffffff;
      width:100px;
      border:none;
      border-radius:6px;
      height:32px;
      margin-bottom: 8px;
    }
    .user-shoutbox .inputs {
      width:272px;
      text-align:right;
      margin:16px auto;
    }
    .user-shoutbox .inputs span {
      height: 125px;
      display: inline-block;
      text-align: center;
      margin-top: 70px;
    }