@charset "utf-8";
/* CSS Document */

/********** GLOBAL RESET **********/

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
  padding: 0;
  margin: 0;
}
address,
caption,
cite,
dfn,
var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup,
sub {
  line-height: 1;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
/* legend {
  color: #fff;
  text-transform: uppercase;
} */
del,
ins {
  text-decoration: none;
}
input.next,
input.back,
select {
  -webkit-appearance: none;
}
input.next,
input.back {
  border-radius: 0;
}
img {
  border: none;
  text-decoration: none;
}
* {
  -webkit-font-smoothing: antialiased !important;
}

/*************************************************/
/******************* GLOBAL **********************/
/*************************************************/

/*********************************
BRAND SITE COLORS

DARK BLUE: #013c4d
DARK GREY: #414042
AQUA BLUE-GREEN: #67a2b9
LIGHT AQUA BLUE-GREEN: #b5cfdb
VERY LIGHT BLUE: #dce7ed
TEXT: #999

**********************************/

/****** FONT FACE *******/
/****** Fontface *******/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap");

/* Body */
* {
  margin: 0;
  padding: 0;
  max-height: 5000em;
}

body {
  background: #edf4f4;
  /*background-position: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;*/
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #3c3737;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  max-height: 5000em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}
h1 {
  font-family: "Roboto", Arial, sans-serif;
  color: #013c4d !important;
  font-size: 25px;
  padding-bottom: 0.7em;
}
h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 17px;
  padding-bottom: 0.7em;
}
h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  padding-bottom: 0.5em;
}

p {
  margin: 0 0 10px;
}
a {
  text-decoration: none;
  color: #013c4d;
}
a:hover {
  color: #999;
  text-decoration: none;
}

.formModule ul,
.formModule ol {
  margin: 15px 0 15px 20px;
}

.formModule li {
  margin-bottom: 5px;
}

table {
  width: 100%;
  border-spacing: 0;
  *border-collapse: collapse;
}
tr {
  border-spacing: 0;
}
tr:nth-child(odd) {
  background: #e3edf3;
}
.table-style td {
  background: #e3edf3;
  vertical-align: top;
}
.table-style tr:nth-child(even) td {
  background: #fff;
}

td.pdf {
  background: url("/FormBuilder/_Resource/_module/XKgecpvBskSW2nYaf45ytw/pdf-grey.gif")
    10px center no-repeat;
  padding-left: 40px;
}
td.date,
th.date {
  text-align: right;
}

th {
  padding: 10px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  background: transparent;
  border-spacing: 0;
  font-size: 1.1em;
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase;
}
td {
  padding: 15px 10px;
  border-spacing: 0 !important;
}

th.right,
td.right {
  text-align: right;
}

td.title a,
td.title img {
  vertical-align: middle;
}

#submitSubscription,
.filterButton,
.button {
  display: inline-block;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  width: auto;
  margin: 10px 0;
  background: transparent;
  border: 0;
  color: #182a54;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none !important;
  border-radius: 40px;
  text-transform: uppercase;
  height: 34px;
  line-height: 33px;
  transition: all 0.2s ease-in-out 0s;

  letter-spacing: 0.15px;
}

input#submitSubscription {
  background: url(/FormBuilder/_Resource/_module/nT3qAYW5HUe9P45HOnFGwQ/images/navy_arrow.png)
    right no-repeat;
  width: 100px;
  transition: 0.2;
}

input#submitSubscription:hover {
  background: url(/FormBuilder/_Resource/_module/nT3qAYW5HUe9P45HOnFGwQ/images/navy_arrow-hover.png)
    right no-repeat;
}

#submitSubscription:hover,
.filterButton:hover,
.button:hover {
}

.emailLabel {
  display: none;
}

input#EmailAddress {
  width: 80%;
  background-color: #fff;
  border-color: #d9dada;
  border-width: 0px 0px 0px 0px;
  border-radius: 55px 55px 55px 55px;
  padding: 0.5rem 1rem;
  margin-top: 2rem;
}

/*** Email Subscription ***/

.updateSubscriptionsView .row {
  margin-bottom: 1em;
}
.updateSubscriptionsView .row .field {
  margin-left: 3px;
  display: inline;
  font-weight: 500;
}
.emailSubscription {
  color: #182a54;
  font-size: 17px;
  letter-spacing: 0.26px;
}
.emailSubscription .row {
  padding: 5px 0 !important;
  line-height: 1.5;
}
.emailSubscription .row .label,
.emailSubscription .row .field {
  padding-top: 10px;
}
.emailSubscription .row .label {
  float: left;
  padding-right: 10px;
  font-weight: bold;
}
.emailSubscriptionView ul,
.updateSubscriptionsView ul {
  margin: 0;
}
.emailSubscriptionView ul li,
.updateSubscriptionsView ul li {
  background: none;
  margin: 5px 0;
}
.emailSubscriptionView ul li label,
.updateSubscriptionsView ul li label {
  float: none;
  margin: 0 5px;
  padding: 0 5px;
  font-size: 14px;
}
ul#subscriptions li {
  padding: 0;
  list-style: none;
}
#submitSubscription {
  margin: 20px 0;
}
#submitSubscription li {
  list-style: none;
  padding: 5px;
}

.emailSubscriptionView_inputs {
  display: flex;
}
.emailSubscriptionView_inputs .row {
  width: 100%;
}
span#alert {
  font-weight: 600;
  padding-right: 3rem;
}
legend {
  opacity: 0;
}
ul#subscriptions {
  display: flex;
}

.oc-form-error-container ul {
  margin: 15px 0;
}
.oc-form-error-container label {
  color: red;
}
span.error {
  color: red;
}

input#EmailAddress:focus-visible {
  outline: none;
}

/******************************/
/********* RESPONSIVE *********/
/******************************/

@media (max-width: 599px) {
  table.alerts tr td {
    display: block;
  }
}

@media (max-width: 375px) {
  table.alerts tr td img {
    width: 100%;
  }
}