.note {
  position: relative;
  padding: 30px 10px 30px 0;
  text-align: center;
  color: black;
  margin-top: 0;
  font-size: 19px;
  font-size: 1.1875rem;
}
.noteContainer {
  overflow: hidden;
}
.note.grey {
  background-color: #f5f7f4;
}
@media screen and (max-width: 59.9375em) {
  .note.grey {
    border-bottom: 1px solid #d3d3d3;
  }
}
.note.green {
  background-color: #a2cecf;
}
@media screen and (max-width: 59.9375em) {
  .note.green {
    border-bottom: 1px solid #4d9695;
  }
}
.note.green a[href^=http] {
  background-image: url(/UI/icon-link-external-petrolium-dark.svg);
}
.note.alert {
  background-color: #d62827;
  color: white;
}
@media screen and (max-width: 59.9375em) {
  .note.alert {
    border-bottom: 1px solid #d62827;
  }
}
.note.alert a {
  color: white;
}
.note.alert a[href^=http] {
  background-image: url(/UI/icon-link-external-inverted.svg);
}
.note,
.note h1,
.note h2,
.note h3,
.note h4 {
  font-family: 'Montserrat', "Trebuchet MS", Verdana, sans-serif;
  font-weight: normal;
  font-weight: 400;
  font-weight: 600;
}
.note,
.note a {
  color: black;
}
.note.smallText .inner {
  font-size: 16px;
  font-size: 1rem;
}
.priority + .note {
  margin-top: 0;
}
.note .item {
  border-top: 1px solid rgba(60, 62, 62, 0.2);
  margin-top: 0;
  overflow: hidden;
}
.note .item a {
  border-bottom: 0;
  display: inline;
  outline: none;
  overflow: hidden;
  text-decoration: underline;
}
.note .item a:focus,
.note .item a:hover {
  text-decoration: none;
}
.note .item a:focus .button,
.note .item a:hover .button {
  background-color: #207778;
}
.note .item a:focus .button {
  -webkit-box-shadow: 0 0 0 3px #4d9695 inset;
  -moz-box-shadow: 0 0 0 3px #4d9695 inset;
  box-shadow: 0 0 0 3px #4d9695 inset;
}
.note .item:first-child {
  border-top: 0;
}
.alert .note .item {
  border-color: rgba(255, 255, 255, 0.4);
}
.note .text {
  display: block;
  margin: 0;
  overflow: hidden;
}
.note .button {
  background-color: #2B5F46;
  clear: right;
  float: right;
  font-family: 'Montserrat', "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
  margin-left: 1em;
  min-width: 13em;
  padding: .85em .75em;
}
.note p:empty {
  display: none;
}
.note p.item + .epi-editContainer {
  margin-top: -1em;
  padding-bottom: 1em;
}
.noteList_50,
.noteList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 960px;
}
@media screen and (max-width: 59.9375em) {
  .noteList_50,
  .noteList {
    margin: 0;
    max-width: 100%;
  }
}
.noteList_50 .note,
.noteList .note {
  align-items: stretch;
  width: 100%;
}
.noteList .note {
  text-align: center;
}
.noteList .note:before {
  content: "";
  position: absolute;
  right: 100%;
  width: 1000%;
  top: 0;
  background-color: inherit;
  bottom: 0;
}
.noteList .note:after {
  content: "";
  position: absolute;
  left: 100%;
  width: 1000%;
  top: 0;
  background-color: inherit;
  bottom: 0;
}
.noteList .note:last-child {
  border-bottom: 1px solid white;
}
.noteList .note:last-child.green {
  border-color: #4d9695;
}
.noteList .note:last-child.grey {
  border-color: #d3d3d3;
}
.noteList .note:last-child.grey:after,
.noteList .note:last-child.grey:before {
  border-color: #d3d3d3;
}
.noteList .note:last-child.alert {
  border-color: #d62827;
}
.noteList .note:last-child.alert:after,
.noteList .note:last-child.alert:before {
  border-color: #d62827;
}
.noteList_50 .note {
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 59.9375em) {
  .noteList_50 .note {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.noteList_50 .note:nth-child(odd):before {
  content: "";
  position: absolute;
  right: 100%;
  width: 1000%;
  top: 0;
  background-color: inherit;
  bottom: -1px;
}
@media screen and (max-width: 59.9375em) {
  .noteList_50 .note:nth-child(odd):before {
    width: 0;
  }
}
.noteList_50 .note:nth-child(even) .itemContainer {
  padding-left: 3.125rem;
  border-left: 1px solid #545757;
}
@media screen and (max-width: 59.9375em) {
  .noteList_50 .note:nth-child(even) .itemContainer {
    padding-left: 0;
    border-left: none;
  }
}
.noteList_50 .note:nth-child(even).green .itemContainer {
  border-color: rgba(60, 62, 62, 0.2);
}
.noteList_50 .note:nth-child(even):after {
  content: "";
  position: absolute;
  left: 100%;
  width: 1000%;
  top: 0;
  background-color: inherit;
  bottom: -1px;
}
@media screen and (max-width: 59.9375em) {
  .noteList_50 .note:nth-child(even):after {
    width: 0;
    border: none;
  }
}
.noteList_50 .note:nth-last-child(2) {
  border-bottom: 1px solid #4d9695;
}
.noteList_50 .note:nth-last-child(2).green {
  border-color: #4d9695;
}
.noteList_50 .note:nth-last-child(2).green:after,
.noteList_50 .note:nth-last-child(2).green:before {
  border-bottom: 1px solid #4d9695;
}
.noteList_50 .note:nth-last-child(2).grey {
  border-color: #d3d3d3;
}
.noteList_50 .note:nth-last-child(2).grey:after,
.noteList_50 .note:nth-last-child(2).grey:before {
  border-bottom: 1px solid #d3d3d3;
}
.noteList_50 .note:nth-last-child(2).alert {
  border-color: #d62827;
}
.noteList_50 .note:nth-last-child(2).alert:after,
.noteList_50 .note:nth-last-child(2).alert:before {
  border-bottom: 1px solid #d62827;
}
.noteList_50 .note:last-child {
  border-bottom: 1px solid #4d9695;
}
.noteList_50 .note:last-child.green {
  border-color: #4d9695;
}
.noteList_50 .note:last-child.green:after,
.noteList_50 .note:last-child.green:before {
  border-bottom: 1px solid #4d9695;
}
.noteList_50 .note:last-child.grey {
  border-color: #d3d3d3;
}
.noteList_50 .note:last-child.grey:after,
.noteList_50 .note:last-child.grey:before {
  border-bottom: 1px solid #d3d3d3;
}
.noteList_50 .note:last-child.alert {
  border-color: #d62827;
}
.noteList_50 .note:last-child.alert:after,
.noteList_50 .note:last-child.alert:before {
  border-bottom: 1px solid #d62827;
}
.headerNote {
  margin-top: 0;
}