#wwgen {
  margin-bottom:2rem;
}
#wwgen .ui-widget {
  font-family: var( --family__sans );
  font-size: 1em;
  line-height:1.3;
}
#wwgen textarea {
  font-size:14px;
  font-family: var(--family__mono);
}
#wwgen-tabs > div {
  padding: 2rem 0;
}
#wwgen-tabs > div a {
  color: var( --secondary );
}
#wwgen .recap {
  background-color: #324152;
  padding:20px;
}
.wwgen-nav {
  width:100%;
  padding-left:0;
  margin-left:0;
}
.wwgen-nav > li {
  list-style:none;
  display:block;
  width:100%;
  margin-bottom:1rem;
  padding:6px 8px;
  border:1px solid;
  border-radius:5px 5px 0 0;
  color: inherit;
}
#ui-datepicker-div {
  background-color:#fff;
  border:1px solid;
  padding:1rem;
}
.ui-datepicker-header {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  font-size:12px;
}
.ui-datepicker-header a {
  cursor:pointer;
}
.ui-datepicker-header .ui-datepicker-title {
  flex-basis:100%;
}
@media all and (min-width:768px) {
.wwgen-nav {
  border-bottom:1px solid;
  display:flex;
}
.wwgen-nav > li {
  border-bottom:none;
  margin-right:4px;
  margin-bottom:0 !important;
}

}