/* Tab Styling
==================================== */
.Tablist {
  display: block;
  flex-direction: row;
  margin: 0 0 0.5em;
}
.Tab {
  padding: 0.6em;
  margin: 0 2px 2px 0;
  text-align: center;
  background-color: #fff;
  border: solid 2px #ccc;
  /*border-bottom-width: 0;*/
  text-decoration: none;
  transition: background-color 0.1s;
  cursor: pointer;
}
.Tab > span {
/*  writing-mode: vertical-rl;
  transform: rotate(180deg); */
  font-size: 0.8em;
}

.Tab:hover, .Tab:focus {
  background-color: #0082cc;
  border-color: #0082cc;
  color: #fff;
  outline: none;
}
.Tab[aria-selected="true"] {
  background: #0082cc;
  border-color: #0082cc;
  color: #fff;
  cursor: default;
}



/* Accordion Styling
==================================== */
.Accordion {
  position: relative; top: -1px; left: -1px;
  width: 100%;
  width: ~"calc(100% + @{bw})";
  margin: 0 0 0.5em 0;
  padding: 0.6em 0.6em 0.6em 30px;
  border-radius: 0.3em;
  text-align: left;
  border: solid 1px #ccc;
  background-color: #fff;
  text-decoration: none;
  transition: background-color 0.1s;
  cursor: pointer;
}
.Accordion:hover, .Accordion:focus {
  outline: none;
  filter: contrast(150%);
}
.Accordion[aria-selected="true"] {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 0;
  background: #0082cc;
}
.Accordion:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  background-size: 20px 20px;
}
.Accordion[aria-selected="true"]:before {
  content: "-";
}


/* Responsive Table
==================================== */

.Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  top: 3px;
  left: 3px;
  margin-bottom: 2em;
  padding: 0;
}
.Rtable-cell-stay {
  -webkit-box-flex: 0.25;
      -ms-flex-positive: 0.25;
          flex-grow: 0.25;
  width: 100%;
  margin: -3px 0 0 -3px;
  padding: 0.8em 0.5em;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 2px #ccc;
  list-style: none;
  text-align: center;
  font-style: italic;
}
.Rtable-cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  margin: -3px 0 0 -3px;
  padding: 0.8em 1.2em;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 2px #ccc;
  list-style: none;
}
.Rtable-cell-full {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  margin: -3px 0 0 -3px;
  padding: 0.8em 1.2em;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 2px #ccc;
  list-style: none;
  text-align: center;
}
.Rtable-cell-full p,
.Rtable-cell-full h1,
.Rtable-cell-full h2,
.Rtable-cell-full h3,
.Rtable-cell-full h4,
.Rtable-cell-full h5,
.Rtable-cell-full h6 {
    text-align: center !important;
}
.Rtable-cell-full p,
.Rtable-cell-full h1,
.Rtable-cell-full h2,
.Rtable-cell-full h3,
.Rtable-cell-full h4,
.Rtable-cell-full h5,
.Rtable-cell-full h6,
.Rtable-cell p,
.Rtable-cell h1,
.Rtable-cell h2,
.Rtable-cell h3,
.Rtable-cell h4,
.Rtable-cell h5,
.Rtable-cell h6 {
  margin: 0.75em 0 !important;
  line-height: 1em;
}
.Rtable-cell-full p:first-child,
.Rtable-cell-full h1:first-child,
.Rtable-cell-full h2:first-child,
.Rtable-cell-full h3:first-child,
.Rtable-cell-full h4:first-child,
.Rtable-cell-full h5:first-child,
.Rtable-cell-full h6:first-child,
.Rtable-cell p:first-child,
.Rtable-cell h1:first-child,
.Rtable-cell h2:first-child,
.Rtable-cell h3:first-child,
.Rtable-cell h4:first-child,
.Rtable-cell h5:first-child,
.Rtable-cell h6:first-child {
    margin-top: 0 !important;
}
.Rtable-cell-full p:last-child,
.Rtable-cell-full h1:last-child,
.Rtable-cell-full h2:last-child,
.Rtable-cell-full h3:last-child,
.Rtable-cell-full h4:last-child,
.Rtable-cell-full h5:last-child,
.Rtable-cell-full h6:last-child,
.Rtable-cell p:last-child,
.Rtable-cell h1:last-child,
.Rtable-cell h2:last-child,
.Rtable-cell h3:last-child,
.Rtable-cell h4:last-child,
.Rtable-cell h5:last-child,
.Rtable-cell h6:last-child {
    margin-bottom: 0 !important;
}
.Rtable-cell--head {
/*  color: white;
  background-color: slategrey;
  border-color: #5a6673;*/
  color: #0082cc;
  text-transform: uppercase;
}
.Rtable-cell--foot {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell-stay.Rtable-cell--head {
    border: 0;
}
/* Cell width sizing based on number of columns
==================================== */
.Rtable--1cols > .Rtable-cell {
    box-sizing: border-box;
    width: 90%;
}
.Rtable--1cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--2cols > .Rtable-cell {
    box-sizing: border-box;
    width: 45%;
}
.Rtable--2cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--3cols > .Rtable-cell {
    box-sizing: border-box;
    width: 30%;
}
.Rtable--3cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--4cols > .Rtable-cell {
    box-sizing: border-box;
    width: 22.5%;
}
.Rtable--4cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--5cols > .Rtable-cell {
    box-sizing: border-box;
    width: 18%;
}
.Rtable--5cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--6cols > .Rtable-cell {
    box-sizing: border-box;
    width: 15%;
}
.Rtable--6cols > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 10%;
}
.Rtable--1cols > .Rtable-cell-full,
.Rtable--2cols > .Rtable-cell-full,
.Rtable--3cols > .Rtable-cell-full,
.Rtable--4cols > .Rtable-cell-full,
.Rtable--5cols > .Rtable-cell-full,
.Rtable--6cols > .Rtable-cell-full {
    box-sizing: border-box;
    width: 90%;
}
/* Responsive
==================================== */
@media all and (max-width: 700px) {
  .Rtable--collapse {
    /*display: block;*/
  }
  .Rtable--collapse > .Tablist {
    width: 100%;
  }
  .Rtable--collapse > .Rtable-cell {
    box-sizing: border-box;
    width: 75%;
  }
  .Rtable--collapse > .Rtable-cell-stay {
    box-sizing: border-box;
    width: 25%;
  }
  .Rtable--collapse > .Rtable-cell-full {
    box-sizing: border-box;
    width: 75%;
    text-align: left;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
  .Rtable-cell--head {
      display: none;
  }
}
/* Non-Flex browsers fallback (via Modernizer)
==================================== */
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable-cell--foot {
  margin-bottom: 1em;
}

/* Responsive Utility Classes
==================================== */
@media all and (max-width: 700px) {
  .u-hiddenSmall {
    display: none !important;
    visibility: hidden !important;
  }
}
@media all and (min-width: 700px) {
  .u-hiddenLarge {
    display: none !important;
    visibility: hidden !important;
  }
}

.alwayshide {
    display: none !important;
}
.Rtable-highlight {
    font-weight: bold;
}