.tab-left {
  display: table;
  width: 100%;
}

.tabs-left > .nav-tabs {
  display: table-cell;
  width: 14em;
  margin-right: 1.25em;
  border-right: 1px solid @nav-tabs-border-color;
  border-bottom: 0;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a {
  margin-bottom: 3px;
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: @nav-tabs-link-hover-border-color @nav-tabs-border-color @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: @nav-tabs-border-color transparent @nav-tabs-border-color @nav-tabs-border-color;
  border-right-color: #ffffff;
}

.tabs-left > .tab-content {
  display: table-cell;
  vertical-align: top;
  padding: 0.5em 1em;

  > .tab-pane {
    display: none;
  }

  > .active {
    display: block;
  }
}

.CalloutSubscription {
  border-left: 5px solid @nav-tabs-border-color;
  margin-left: -5px;
  padding-left: 4px;
}

.CalloutSubscription--title {
  color: @text-muted;
  margin-bottom: 0.1em;
}

.CalloutSubscription--title:after {
  content: ': ';
}

.Guidance-definitionList dt {
  margin-top: 2em;
}

.modal-help {
  display: block;
  border: 1px dashed;
  border-color: #9292a4;
  box-shadow: -15px 15px 0px -8px lightgrey;
  margin: 0 0 30px 10px;
}

.modal-row {
  box-shadow: 1px 1px 4px #ccc;
  display: block;
  border: 1px dashed;
  border-color: #9292a4;
  margin: 10px 10px 10px 10px;
}
