.user-form {
    width: 550px !important;
    padding: 0;
}
.dc-switch {
    background: #ededed;
    border: solid 1px #ededed;
    margin-top: 7px;
    padding: 2px 5px;
    border-radius: 6px;
    font-size: 14px;
    color: #3a5460;
}
.dc-switch.active {
    background: #dee3ff;
    border: solid 1px #3f51b5;
}
.dc-switch md-icon{
    border-radius: 50%;
    margin: 0;
}

.dc-form h4[data-title] {
    position: relative;
    text-align: right;
    height: 16px;
    font-size: 12px;
    color: #3F51B5;
  }
  .dc-form h4[data-title]:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    border-block-start: 1px solid #3F51B5;
  }
  .dc-form h4[data-title]:after {
    position: absolute;
    content: attr(data-title);
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    background: #f7f7f7;
  }