/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
[role="button"] {
  cursor: pointer;
}
html {
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
}
ol {
  padding: 0;
}
h1,
h2,
h3 {
  font-family: 'Open Sans', sans-serif;
}
.button {
  transition: all 0.2s ease-in-out;
  position: relative;
  display: inline-block;
  padding: 0.4em 2em;
  margin: 0 1rem 1rem 0;
  background: #fff;
  font-weight: 600;
  color: #333;
  border-color: #5d8bac;
  border-radius: 0;
  border-width: 2px;
  border-style: solid;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  background-image: none;
  -moz-osx-font-smoothing: grayscale;
}
.button:after {
  border-color: #fff !important;
}
.button:active,
.button:focus {
  outline: none;
}
.button__text {
  vertical-align: middle;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button--default {
  transition: background 0.3s ease;
  background: #fff;
  border: none;
  margin-right: 0;
  color: #5d8bac;
}
.button--default:hover {
  background: #f4f4f4;
}
.button--primary {
  color: #fff;
  background-color: #5d8bac;
  border-color: #5d8bac;
}
.button--primary:hover {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.button--secondary {
  color: $btn-secondary-color;
  background-color: $btn-secondary-bg;
  border-color: $btn-secondary-border;
}
.button--info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.button--success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.button--warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.button--danger {
  background: #f1f1f1;
  color: #333;
  border-color: #f1f1f1;
}
.button--danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.button[disabled],
.button--disabled {
  filter: grayscale(100%);
  opacity: 0.25;
}
.button__loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.button--loading:after {
  opacity: 0 !important;
}
.button--loading .button__loader {
  opacity: 1;
}
.button--expand {
  background: none !important;
  border: none !important;
}
.button--expanded svg {
  transform: rotate(90deg);
}
.button.Edenred {
  background-color: #c6007e;
  border-color: #c6007e;
}
.datagrid__cell--expander .button--expand {
  width: 23px;
}
.datagrid__cell--expander .button--expanded svg {
  transform: rotate(0) !important;
}
.button[data-action="escape"],
.button[data-action="back"] {
  border-color: #963156 !important;
  background: #963156 !important;
  color: #fff;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.button-group > .button {
  flex: 0 auto;
  margin-right: 0.5em;
}
.EDENRED {
  text-align: center;
  max-width: 550px;
  margin: 0px auto;
}
.EDENDTLS {
  text-align: left;
  max-width: 550px;
  margin: 0px auto;
}
@media (min-width: 1420px) {
  .button-tabs__select {
    display: none;
  }
  .button-tabs__group {
    display: flex;
    z-index: 999;
    position: relative;
    max-width: 80%;
    padding: 0 1em 0 0;
  }
  .button-tabs__item > .button {
    padding: 1em 2em 0.7em;
    background: none !important;
    border: none !important;
    color: #999 !important;
    font-size: 14px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .button-tabs__item:hover > .button,
  .button-tabs__item--active > .button {
    color: #333 !important;
    border-bottom: 3px solid #458cff !important;
  }
  .button-tabs__item:hover > .button {
    background: #f8f8f8 !important;
    box-shadow: none !important;
  }
  .button-tabs__item > .button-group .button {
    font-size: 14px !important;
    padding: 0.7em 1em !important;
  }
}
@media (max-width: 1420px) {
  .button-tabs {
    position: relative;
    z-index: 1;
    max-width: 650px;
  }
  .button-tabs__group {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, z-index 0.15s ease-in-out 0.15s, visibility 0.15s ease-in-out 0.15s;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: calc(100% - 0.3em);
    margin: 0 1em;
    width: calc(100% - 2em);
  }
  .button-tabs__item {
    flex: 0 auto;
  }
  .button-tabs__item > .button {
    padding: 1em 2em;
    background: none !important;
    border: none !important;
    color: #333 !important;
    font-size: 14px !important;
    margin: 0 !important;
    width: 100%;
    text-align: left !important;
  }
  .button-tabs__item > .button:hover {
    background: #f8f8f8 !important;
    box-shadow: none;
  }
  .button-tabs__item > .button .button__text {
    max-width: auto !important;
  }
  .button-tabs__item > .button-group .button {
    width: 100%;
    background: none !important;
    border: none !important;
    color: #333 !important;
    margin: 0 !important;
    font-size: 14px !important;
    padding: 1em 2em !important;
    text-align: left !important;
  }
  .button-tabs__item > .button-group .button:hover {
    box-shadow: none !important;
    background: #f8f8f8 !important;
  }
  .button-tabs__item > .button-group .button .button__text {
    max-width: auto !important;
  }
  .button-tabs__item--active > .button {
    background: #5d8bac !important;
    color: #fff !important;
  }
  .button-tabs__item--active > .button:hover {
    background: #5d8bac !important;
  }
  .button-tabs--open .button-tabs__group {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    z-index: 9999;
  }
}
@media (max-width: 500px) {
  .button-tabs__group {
    margin: 0 !important;
    width: 100%;
  }
}
#staff-committee-complete > .form__body .button {
  display: block !important;
  margin-top: 18px;
}
.form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #fff;
  border-top: none;
  border-bottom: none;
  font-size: 15px;
  padding: 0;
}
.form__title {
  width: 100%;
  font-size: 24px;
  margin: 0.6rem 0;
}
.form__heading {
  font-size: 21px;
  margin: 0;
  font-weight: 500;
  color: #333;
}
.form__heading--required:before {
  display: inline-block;
  content: "*";
  padding-right: 3px;
}
.form__header {
  width: 100%;
  padding: 0 !important;
}
.form__body {
  width: 100%;
  background: #fff;
  padding-bottom: 1em;
}
.form__group {
  width: 100%;
  padding: 0;
  background: none;
}
.form__wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}
.form__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form__columns {
  display: flex;
}
.form__footer {
  width: 100%;
  border-top: 1px solid #ccc;
  background: #eee;
}
.fieldset {
  background: #fff;
  border: none;
  margin: 0;
  padding: 0;
}
.fieldset--collapsable {
  background: #f4f4f4;
  padding: 0 1em;
  margin: 0.25em 1em;
}
.fieldset--collapsable .fieldset__body {
  margin-bottom: 2em;
}
.fieldset__header {
  width: 100%;
  padding: 0 !important;
}
.fieldset__body {
  width: 100%;
}
.fieldset__legend {
  font-size: 21px;
  line-height: 1.8;
  margin: 0 0 1rem;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  color: #e17000;
  border-bottom: none !important;
}
.fieldset__caret {
  float: right;
  margin-right: 25px;
}
.fieldset__caret:hover {
  cursor: pointer;
}
#member-event-intro .form__wrapper {
  margin-bottom: 0;
}
#member-event-intro .collapsiblePanel {
  float: right;
  width: 60%;
  padding: 1.25em;
}
#member-event-intro .column {
  float: left;
  width: 40%;
}
#member-event-intro .column .display__wrap,
#member-event-intro .column>.display--input {
  padding: 1.25em;
  padding-left: 0 !important;
  border-right: 1px solid #d2d2d2;
}
#member-event-intro .column .display__wrap:not(:first-of-type),
#member-event-intro .column>.display--input:not(:first-of-type) {
  border-top: 1px solid #d2d2d2;
}
@media (max-width: 1023px) {
  .form__wrapper {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 640px) {
  .collapsiblePanel,
  .column {
    width: 100% !important;
  }
}
.error {
  flex: 1 auto;
  order: 3;
  background: none !important;
}
.error .error__msg {
  color: #f00 !important;
  margin: 0 !important;
  padding: 5px 0 0;
  font-size: 13px;
}
.date .error,
.dropdown ~ .error {
  position: absolute;
  padding-bottom: 0.5rem;
  transform: translateY(-100%);
  left: 0;
}
input[type="range"] {
  flex: 1 auto;
}
input[type="range"] {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 4px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #666;
  background: #666;
  border: 4px solid #fff;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 1px 1px #5d8bac;
  background: #5d8bac;
}
.range {
  display: flex;
  flex-direction: column;
  position: relative;
}
.range > *:not(.range__value) {
  flex: 0 auto;
}
.range__label {
  background: transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #5d8bac;
  font-size: 16px;
  margin-left: 1em;
}
.range__field {
  display: flex;
  padding: 1em;
  align-items: center;
}
.range__value {
  flex: 0 auto;
  display: block;
  width: calc(60px + 1em);
  margin-left: 1em;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  line-height: 20px;
  text-align: center;
  background: #5d8bac;
  padding: 0.5em 1em;
  align-self: center;
}
.input {
  position: relative;
  display: inline-block;
  display: flex;
  flex-direction: column;
  margin: 0 0 3rem;
  max-width: 600px;
  min-width: 0;
  width: 100%;
  max-width: 600px;
  vertical-align: top;
}
.input--invalid {
  animation-name: shake;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.input--invalid .input__field {
  border-color: #f50;
}
.input__info {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.input__info .tt {
  float: right !important;
  white-space: normal !important;
}
.input__label {
  order: 1;
  flex: 0 auto;
  width: 100%;
  background: transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #333;
  width: 100%;
  text-align: left;
  pointer-events: none;
}
.input__field {
  order: 2;
  flex: 0 auto;
  margin-top: 0.2em;
  padding-left: 1em;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  width: 100%;
  background: #fff;
  color: #525765;
  border: 1px solid #ccc;
  -webkit-appearance: none /* for box shadows to show on iOS */;
}
.input__field:focus {
  border-color: #0078d7;
  outline: 0;
}
.input__field--textarea {
  height: 125px;
  line-height: 1.5 !important;
  resize: none;
}
.input__field--stripe {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.input__field__required:before,
.input__field:required + .input__label > .input__label-content:before {
  content: "*";
  padding-right: 10px;
  color: #963156;
}
.input__field:disabled {
  opacity: 0.5;
}
.input__field:disabled:hover {
  cursor: not-allowed;
}
.input__label-content {
  display: block;
  width: 100%;
  font-size: 15px;
  padding: 0;
}
.input__label-content.input__label-content--required:before {
  content: "*";
  padding-right: 10px;
}
.input__label-content__error {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  background: #db472e;
  opacity: 0;
  width: 100%;
  max-width: 300px;
  padding: 20px 30px;
  color: #fff;
  align-items: baseline;
}
.input__label-content__error:before {
  z-index: 9999;
  display: block;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #db472e;
  transition: all 0.2s ease-in-out;
  position: absolute;
  transform: cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  top: 100%;
  left: 50%;
}
.input__label-content__message {
  flex-shrink: 0;
  flex-grow: 0;
  flex: 1 100%;
  max-width: 100%;
  text-transform: uppercase;
}
.input__label-content:hover > .input__error {
  transition: opacity 0.3s ease;
  display: flex;
  opacity: 1;
  backface-visibility: hidden;
  transform: translateZ(0);
  animation: pulse 1s;
}
.fragment .input-group {
  display: flex !important;
  width: 100% !important;
  flex-wrap: wrap;
  max-width: 1024px;
  align-items: center;
}
.fragment .input-group > *:not(.input__addon) {
  flex: 1 auto;
  padding-right: 1rem;
  min-width: 300px;
  max-width: 600px;
}
.fragment .input-group__addon {
  display: flex;
  min-width: 0;
  flex: 1 140px;
  flex-grow: 0;
  padding-top: 0.8rem;
}
.fragment .input-group__addon .button {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 0 !important;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  border-radius: 50%;
}
.fragment .input-group__addon .button--default {
  background: #5d8bac;
  color: #fff;
}
.autosuggest {
  display: flex;
}
.autosuggest__input {
  flex: 1 auto;
}
.autosuggest__input .input {
  margin-bottom: 1em !important;
}
.autosuggest__action {
  flex: 0 auto;
  padding: 0.6rem 0;
  align-self: flex-end;
}
@media (max-width: 480px) {
  .input-group__addon {
    padding-bottom: 1em !important;
    padding-left: 0.5em !important;
  }
}
.dropdown {
  position: relative;
  flex: 1 100%;
  max-width: 600px;
}
.dropdown__field {
  position: relative;
  width: 100%;
}
.dropdown__indicator {
  position: absolute;
  display: inline-block;
  font-size: 16px;
  right: 0.8em;
  bottom: 0.5rem;
  cursor: pointer;
}
.dropdown__indicator svg {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}
.dropdown__indicator--open svg {
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
}
.dropdown__menu {
  opacity: 0;
  visibility: 0;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, z-index 0.15s ease-in-out 0.15s, visibility 0.15s ease-in-out 0.15s;
  position: absolute;
  top: 100%;
  width: 100%;
  list-style: none;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  max-height: 200px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  max-width: 100%;
}
.dropdown__menu--open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  z-index: 9999;
}
.dropdown__item {
  transition: all 0.2s ease;
  background: #fff;
  margin: 0;
  padding: 10px 15px;
  width: 100%;
  clear: left;
  color: #999;
  font-weight: 700;
  font-size: 15px;
}
.dropdown__item--active,
.dropdown__item:hover {
  color: #fff;
  background: #5d8bac;
}
.autosuggest {
  max-width: 800px;
  position: relative;
}
.autosuggest__list {
  width: calc(100% - 2em);
  list-style: none;
  background: #f9f8f8;
  margin: -1.3em 1em;
  padding: 0;
  position: absolute;
  z-index: 99;
}
.autosuggest__list:blank,
.autosuggest__list:empty {
  display: none;
}
.autosuggest__loading {
  position: relative;
  height: 250px;
  width: 100%;
}
.autosuggest__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.autosuggest__item {
  padding: 1em;
}
.autosuggest__item:hover {
  transition: background 0.3 ease-in-out;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
}
.apt-dropdown {
  position: relative;
}
.apt-dropdown__list {
  opacity: 0;
  visibility: 0;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, z-index 0.15s ease-in-out 0.15s, visibility 0.15s ease-in-out 0.15s;
  top: 100%;
  right: 0;
  padding: 0;
  background: #fff;
  position: absolute;
  list-style: none;
  margin-left: -10000px;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.apt-dropdown--open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  z-index: 9999;
}
.apt-dropdown__item {
  font-weight: 600;
}
.apt-dropdown__item .checkbox {
  margin: 1em 1.5em;
}
.apt-dropdown__option {
  padding: 0.8em 1.5em;
  text-align: center;
  text-transform: capitalize;
}
.apt-dropdown__option--active {
  cursor: pointer;
  background: #5d8bac;
  color: #fff;
}
.apt-dropdown__option:hover:not(.apt-dropdown__option--active) {
  background: #f4f4f4;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.date-group__fields {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.date-group__field {
  flex: 0 auto;
  max-width: 115px;
  overflow: visible;
}
.date-group__field .input {
  margin-right: 0 !important;
  width: calc(100% - 1em);
}
.date-group__field .dropdown__indicator {
  right: 0.8em;
}
.date-group__field .dropdown__menu {
  margin: 0 0 0 1em;
  width: 100%;
  max-width: calc(100% - 1em);
}
.date-group__field .input__label-content {
  white-space: nowrap;
}
@media (max-width: 479px) {
  .date-group__field .dropdown__indicator {
    right: 1.5em;
  }
  .date-group__field .dropdown__menu {
    margin: 0 !important;
  }
}
.date-range__body {
  display: flex;
}
.date-range__body .calendar {
  flex: 0 50%;
  max-width: 100% !important;
}
.date-range__footer {
  display: flex;
  justify-content: flex-end;
}
.date {
  position: relative;
  max-width: 600px;
}
.date .input--invalid:after {
  right: 2.2em;
}
.date__icon {
  position: absolute;
  color: #5d8bac;
  bottom: 0.2em;
  right: 0.8rem;
  padding: 10px;
}
.date__icon:hover {
  cursor: pointer;
}
.date__calendar {
  opacity: 0;
  visibility: 0;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, z-index 0.15s ease-in-out 0.15s, visibility 0.15s ease-in-out 0.15s;
  margin: 0 1em 1em;
  position: absolute;
  top: calc(100% - 0.3em);
  right: 0.8em;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.date__calendar--open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  z-index: 99999;
  min-width: 280px;
}
.date__calendar .calendar {
  font-family: 'Open Sans', sans-serif;
  max-width: 360px;
}
@media (max-width: 720px) {
  .date__icon {
    right: 1em !important;
  }
}
@media (max-width: 480px) {
  .date__icon {
    right: 0 !important;
  }
  .date__calendar {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
#member-events-filter .calendar {
  min-width: 280px;
}
#member-events-filter .calendar .period__header,
#member-events-filter .calendar .period__body,
#member-events-filter .calendar .period__row {
  border: none !important;
}
#member-events-filter .calendar__control {
  padding: 1px 6px !important;
}
#member-events-filter .calendar__footer .button--secondary {
  color: #333;
}
.calendar .period {
  width: calc(100% - 2em);
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto;
  margin-bottom: 1em;
  overflow: hidden;
  table-layout: fixed;
}
.calendar .period th {
  padding: 0.4em 0;
  color: #5d8bac;
}
.calendar .period th,
.calendar .period__day {
  width: 14.285714286%;
  text-align: center;
}
.calendar .period__day {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-in-out;
  background: none;
  color: #222;
}
.calendar .period__day:not(.period__day--active):hover {
  transition: background 0.3s ease-in-out;
  background: rgba(0,0,0,0.1) !important;
  cursor: pointer;
}
.calendar .period__day:after {
  content: '';
  display: block;
  width: 1px;
  padding-top: 100%;
  margin-left: -1px;
}
.calendar .period__day--active {
  transition: all 0.3s ease-in-out;
  background: #5d8bac !important;
  color: #fff;
}
.calendar .period__day--disabled {
  opacity: 0.5 !important;
}
.calendar .period__text {
  position: absolute;
  font-weight: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.calendar {
  width: 100%;
  max-width: 650px;
  background: #fff;
}
.calendar__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5em;
  background: #5d8bac;
}
.calendar__display {
  margin-bottom: 0.5em;
}
.calendar__date {
  color: #fff;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  text-align: center;
}
.calendar__options,
.calendar__display {
  flex: 0 auto;
  display: flex;
  width: 100%;
}
.calendar__options {
  width: calc(100% - 2em);
  text-transform: capitalize;
  text-align: center;
  overflow: hidden;
  color: #314d60;
  margin-bottom: 0.5em;
}
.calendar__control {
  position: relative;
  background: none;
  flex: 0 auto;
  overflow: visible;
  color: #fff;
  transition: color 0.7s;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border: none !important;
  outline: none;
}
.calendar__control:after {
  position: absolute;
  display: block;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  content: '';
  background: rgba(0,0,0,0.1);
  transform: scale(0.001, 0.001);
}
.calendar__date,
.calendar__option,
.calendar__caption {
  flex: 1 auto;
}
.calendar__option {
  font-weight: 500;
  padding: 0.4em 0;
  font-size: 16px;
  text-transform: uppercase;
}
.calendar__option:not(.calendar__option--active):hover {
  transition: all 0.3s ease;
  background: #48708c;
  color: #fff;
  border-bottom: 3px solid #fff;
}
.calendar__option:hover {
  cursor: pointer;
}
.calendar__option--active {
  transition: all 0.3s ease-in-out;
  border-bottom: 3px solid #fff;
  color: #fff;
}
.calendar__year,
.calendar__month {
  transition: background 0.2s ease-in-out;
  font-weight: 700;
  flex-shrink: 0;
  width: 100%;
  padding: 10px 0;
}
.calendar__year--active,
.calendar__month--active,
.calendar__year:hover,
.calendar__month:hover {
  cursor: pointer;
}
.calendar__months {
  display: flex;
  width: calc(100% - 2em);
  margin: 0 1em;
  padding-bottom: 1.5em;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
}
.calendar__month {
  flex: 0 calc(100% / 4);
  margin: 0.5em 0;
  padding: 1em 0;
  text-align: center;
  font-weight: 600;
}
.calendar__year:hover,
.calendar__year--active,
.calendar__month--active,
.calendar__month:hover {
  transition: all 0.2s ease-in-out;
  background: #5d8bac !important;
  color: #fff;
}
.calendar__body {
  transition: all 0.5s ease;
  color: #666;
}
.calendar__weekday,
.calendar__day {
  flex: 1 14.285714286%;
  flex-shrink: 0;
  width: 14.285714286%;
  text-align: center;
}
.calendar__day {
  position: relative;
  z-index: 1;
}
.calendar__day:before {
  content: "";
  display: block;
  width: 1px;
  padding-top: 100%;
}
.calendar__day:hover {
  background: #eee;
  cursor: pointer;
}
.calendar__day--active {
  background: #5d8bac;
  color: #fff;
}
.calendar__day--disabled {
  color: #ccc;
  pointer-events: none;
}
.calendar__years {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.calendar__years::-webkit-scrollbar {
  display: hidden;
}
.calendar__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.calendar__footer .button {
  flex: 0 auto;
  min-width: 110px;
  font-size: 14px;
  margin: 0 0.5em 0.5em;
}
.calendar__value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@-moz-keyframes radial_burst {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@-webkit-keyframes radial_burst {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@-o-keyframes radial_burst {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@keyframes radial_burst {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
.agenda__header {
  width: calc(100% - 2em);
  margin: 0 1em;
}
.agenda .period {
  width: calc(100% - 2em);
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto;
  margin-bottom: 1em;
  overflow: hidden;
  table-layout: fixed;
  border: #e0e0e0 1px solid;
}
.agenda .period th {
  padding: 0.5em 0.5em 0;
  color: #5d8bac;
  border-right: #e0e0e0 1px solid;
  font-weight: 500;
}
.agenda .period th,
.agenda .period__day {
  text-align: left;
}
.agenda .period__body .period__row td {
  border-bottom: #e0e0e0 1px solid;
}
.agenda .period__body .period__row:first-of-type .period__text {
  top: 0.2em;
}
.agenda .period__body .period__row:nth-of-type(even) {
  background: #f4f7fb;
}
.agenda .period__day {
  position: relative;
  text-align: center;
  transition: all 0.3s ease-in-out;
  background: none;
  color: #222;
  border-right: #e0e0e0 1px solid;
  overflow-y: hidden;
}
.agenda .period__day:after {
  content: '';
  display: block;
  width: 1px;
  padding-top: 60%;
  margin-left: -1px;
}
.agenda .period__day--active .period__text,
.agenda .period__day .period__text:hover {
  cursor: pointer;
  transition: background 0.2s ease;
  background: #5d8bac !important;
  border-radius: 50%;
  color: #fff !important;
}
.agenda .period__day--disabled {
  opacity: 0.5 !important;
}
.agenda .period__text {
  position: absolute;
  font-weight: 600;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  top: 0.3em;
  left: 0.3em;
  width: 25px;
  height: 25px;
}
.agenda .period__list {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 35px;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.agenda .period__item {
  flex: 0 auto;
  order: 99;
  background: #5d8bac;
  color: #fff;
  text-transform: capitalize;
  text-align: left;
  font-size: 12px;
  line-height: 24px;
  padding: 0 0.6em;
  margin: 0 0.5em 0.3em;
}
.agenda .period__item--start {
  margin: 0 -1px 0.3em 0.5em;
}
.agenda .period__item--middle {
  margin: 0 -1px 0.3em;
}
.agenda .period__item--end {
  margin: 0 0.5em 0.3em -1px;
}
.agenda .period__item--middle,
.agenda .period__item--end {
  color: #5d8bac;
}
.agenda .period__item:hover {
  cursor: pointer;
}
.agenda .period--hours .period__weekday {
  padding-left: 0.7em !important;
}
.agenda .period--hours .period__day:after {
  padding-top: 30%;
}
.agenda .period--hours .period__day .period__text {
  top: 0 !important;
  font-size: 28px !important;
  line-height: 45px;
  color: #9e9e9e;
  width: 45px;
  height: 45px;
}
.agenda .period--hours .period__time {
  position: relative;
  border-right: #e0e0e0 1px solid;
  border-bottom: none !important;
  background: #fff !important;
}
.agenda .period--hours .period__time .period__text {
  top: 0 !important;
  width: 100% !important;
  transform: translateY(-50%);
  color: #5d8bac;
}
.agenda .period--hours .period__list {
  top: 8px;
}
.agenda .period--day .period__day:after {
  padding-top: 80px !important;
}
.date-group {
  position: relative;
}
.date-group .error {
  bottom: 0 !important;
  left: 1em;
}
.prompt,
.lightbox {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: none;
  z-index: 9999;
}
.prompt--open,
.lightbox--open {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
.prompt__container,
.lightbox__container {
  margin: 0 auto;
  margin-top: 2em;
  position: relative;
  background-color: #fff;
  box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  background-clip: padding-box;
  outline: 0;
  min-width: 360px;
  max-width: 960px;
  width: 100%;
}
.prompt__container--lg,
.lightbox__container--lg {
  width: 75%;
}
.prompt__header,
.lightbox__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 9999;
  height: 45px;
  background: #fff;
}
.prompt__title,
.lightbox__title {
  flex: 1 auto;
  display: block;
  max-width: 80%;
  margin: 0;
}
.prompt__body,
.lightbox__body {
  padding: 0 2.5em 2em;
}
.prompt__close,
.lightbox__close {
  position: absolute;
  transition: all 200ms ease;
  background: transparent;
  border: none;
  color: #666;
  right: 0.3em;
  top: 0.1em;
  z-index: 9999;
  font-size: 45px;
  line-height: 50px;
}
.prompt__close:hover,
.lightbox__close:hover {
  transition: all 200ms ease;
  color: #963156;
  cursor: pointer;
}
.lightbox .spinner {
  background-color: #000;
  opacity: 0.7;
}
@media (min-width: 900px) and (max-width: 1300px) {
  .lightbox__container {
    max-width: 960px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .lightbox {
    align-items: flex-start;
  }
  .lightbox__container {
    width: 100%;
  }
}
.Notices {
  position: fixed;
  bottom: 1em;
  right: 1em;
  max-width: 400px;
  display: flex;
  flex-direction: column;
}
.Notices__item {
  min-height: 70px;
  width: 100%;
  margin-bottom: 10px;
}
.Notice {
  display: flex;
  max-width: 400px;
  width: 100%;
  padding: 20px 20px;
  background: #666;
  color: #fff;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
.Notice--error {
  border-left: 5px solid #c1321f;
  background: #df4d3a;
}
.Notice__icon {
  flex: 1 30px;
  width: 30px;
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  align-self: baseline;
}
.Notice__icon--error:before {
  content: "\f12a";
}
.Notice__text {
  flex: 1 100%;
  max-width: 370px;
  width: calc(100% - 30px);
  padding-left: 10px;
  font-weight: 700;
}
.overflow-menu {
  padding: 1em;
  text-align: center;
}
@media (min-width: 900px) {
  .overflow-menu svg {
    transform: rotate(90deg);
  }
}
.checkList {
  margin: 1em;
  max-width: 500px;
  position: relative;
}
.checkList__placeholder {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  line-height: 1.42857143;
  background-image: none;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out;
}
.checkList__caret {
  float: right;
}
.checkList__dropdown {
  width: 100%;
  position: absolute;
  z-index: 9999;
  list-style: none;
  overflow: hidden;
  margin: 0;
  margin-top: -5px;
  padding: 0;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
  border-top: none;
}
.checkList__dropdown:empty {
  display: none;
}
.checkList__item {
  transition: all 0.2s ease-in-out;
  background: #f4f4f4;
  overflow: hidden;
  width: 100%;
  clear: left;
  color: #666;
  font-size: 16px;
}
.checkList__item:hover {
  transition: all 0.2s ease-in-out;
  background: #c3c3c3;
}
.check {
  position: relative;
  width: 100%;
  margin: 0 0 2rem;
  min-height: 40px;
  padding: 0;
  max-width: 600px;
  display: flex;
  background: none;
  font-family: 'Open Sans', sans-serif;
  color: #333;
}
.check.check--error .check__indicator {
  border-color: #db472e;
}
.check__label {
  order: 2;
  width: 100%;
  padding-top: 5px;
  margin-left: 0.5rem;
  font-weight: 500;
  flex: 1;
  flex-grow: 2;
  align-self: center;
}
.check__label:empty,
.check__label:blank {
  display: none;
}
.check__append {
  padding-top: 3px;
  padding-left: 0.5rem;
}
.check__control {
  order: 1;
  display: block;
  position: relative;
  min-width: 25px;
  min-height: 25px;
  align-self: center;
  flex-shrink: 1;
  font-size: 16px;
  color: #333;
  z-index: 2;
}
.check__field {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.check__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #333;
  background: transparent;
}
.check__indicator:after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  content: "\f00c";
  left: 1px;
  top: 1px;
  width: 15px;
  height: 15px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  background: none;
  color: #fff;
  opacity: 0;
}
.check__control .check__field:checked ~ .check__indicator:after {
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.check__control .check__indicator:after {
  left: 3px;
  top: 3px;
  width: 15px;
  height: 15px;
}
.check__control:hover .check__field ~ .check__indicator {
  cursor: pointer;
}
.check__control:hover .check__field ~ .check__indicator,
.check__control .check__field:focus ~ .check__indicator {
  background: #f4f4f4;
}
.check__control:hover .check__field:disabled ~ .check__indicator {
  background: transparent;
  pointer-events: none;
  cursor: not-allowed;
}
.check__control .check__field:disabled ~ .check__indicator {
  background: transparent;
  opacity: 0.5;
}
.check__control .check__field:checked ~ .check__indicator {
  background: #5d8bac;
  border-color: #5d8bac;
}
.check .tt {
  margin-right: 6px;
  margin-top: 6px;
}
.check-group .check {
  width: calc(100% - 2em);
}
.rad-group {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1em;
  max-width: 600px;
}
.rad-group .rad-group__item {
  flex: 0 auto;
}
.rad {
  width: 100%;
  padding: 0.7em 1em;
  color: #333;
  display: flex;
  align-items: center;
}
.rad__label {
  width: 100%;
  font-weight: 500;
  flex: 0 auto;
  margin-right: 1em;
}
.rad__control {
  display: block;
  position: relative;
  min-width: 25px;
  min-height: 25px;
  flex-grow: 0;
  cursor: pointer;
  font-size: 18px;
}
.rad__field {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.rad__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #333;
  background: transparent;
  border-radius: 50%;
}
.rad__indicator:after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  background: #333;
  opacity: 0;
  border-radius: 50%;
}
.rad__control .rad__field:checked ~ .rad__indicator:after {
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.rad__control .rad__indicator:after {
  left: 3px;
  top: 3px;
  width: 15px;
  height: 15px;
}
.rad__control:hover .rad__field ~ .rad__indicator,
.rad__control .rad__field:focus ~ .rad__indicator {
  background: #f4f4f4;
}
.rad__control .rad__field:checked ~ .rad__indicator {
  background: transparent;
}
.autocomplete {
  width: 100%;
  position: relative;
  max-width: 600px;
  background: #fff;
}
.autocomplete__list {
  list-style: none;
  position: absolute;
  top: 100%;
  z-index: 99;
  margin: 0 1em;
  width: calc(100% - 2em);
  max-height: 300px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.2);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  background: #f4f4f4;
}
.autocomplete__item {
  display: block;
  width: 100%;
  padding: 15px;
  color: #666;
  font-weight: 600;
  margin: 0;
}
.autocomplete__item.autocomplete__item--active,
.autocomplete__item:hover {
  transition: all 0.2s ease;
  background: #5d8bac;
  cursor: pointer;
  color: #fff;
}
.autocomplete__highlight {
  background: #ff0;
  color: #6a7989;
}
.autocomplete__field {
  position: relative;
}
.autocomplete__loader {
  margin: -1.5em 1em;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateX(-50%);
}
.autocomplete {
  width: 100%;
  max-width: calc(600px + 2em);
  background: transparent;
}
.autocomplete__item:hover {
  background-color: #5d8bac;
}
.autocomplete__loader {
  margin: -0.8em 1.8em 0 0;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 100%;
  width: 0.8em;
  height: 0.8em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #b7b7b7;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@-moz-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@-o-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.spinner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.spinner__icon {
  flex: 1 auto;
  min-width: 25px;
  width: 100%;
  max-width: 75px;
  height: 100%;
  max-height: 75px;
  min-height: 25px;
  border: 5px solid #fff;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  border-right-color: #5d8bac;
  border-radius: 50%;
  display: inline-block;
  animation: spin 0.6s linear;
  animation-iteration-count: infinite;
  color: #fff;
}
.spinner__text {
  padding: 15px;
  line-height: 1.6;
  font-size: 18px;
  color: #fff;
}
.svg-spinner {
  animation: spin 0.6s linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.message {
  display: flex;
  width: calc(100% - 2em);
  margin: 0 1em 1em;
  padding: 25px;
  align-items: normal;
}
.message.message--info {
  font-weight: 500;
  background: #f4f4f4;
  color: #666;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}
.message.message--info i {
  font-size: 28px;
}
.message.message--info h3,
.message.message--info a {
  font-weight: 500;
  background: #6e00a6;
  color: #b3dbf6;
}
.message.message--info__content {
  flex-shrink: 0;
  flex-grow: 1;
  flex: 1 100%;
  max-width: 100%;
}
.grid,
.Table {
  width: calc(100% - 2em);
  max-width: 1024px;
  margin: 1.5em 1em;
  background: #fff;
}
.grid thead > tr,
.Table thead > tr,
.grid__header,
.Table__header {
  background: #5d8bac;
  color: #fff;
}
.grid td,
.Table td,
.grid th,
.Table th,
.grid__cell,
.Table__cell,
.grid__column,
.Table__column {
  padding: 0.7em 1em;
}
.grid tbody,
.Table tbody,
.grid__body,
.Table__body {
  color: #4e4e4e;
}
.grid tbody > tr,
.Table tbody > tr,
.grid__row--cells,
.Table__row--cells {
  background: #fff;
}
.grid tbody > tr:nth-of-type(odd),
.Table tbody > tr:nth-of-type(odd),
.grid__row--cells:nth-of-type(odd),
.Table__row--cells:nth-of-type(odd) {
  background: #fff;
}
#delegate-site-delegates > .Form__body,
#delegate-site-committee > .Form__body,
#delegate-site-delegates > .form__body,
#delegate-site-committee > .form__body {
  overflow-x: auto;
}
#delegate-site-delegates table,
#delegate-site-committee table {
  margin: 1em 0 2em;
  width: 100%;
}
#delegate-site-delegates table thead,
#delegate-site-committee table thead {
  background: #5d8bac;
  color: #fff;
}
#delegate-site-delegates table tbody,
#delegate-site-committee table tbody {
  color: #4e4e4e;
}
#delegate-site-delegates table tbody tr:nth-of-type(odd),
#delegate-site-committee table tbody tr:nth-of-type(odd) {
  background: #f4f4f4;
}
#delegate-site-delegates table th,
#delegate-site-committee table th,
#delegate-site-delegates table td,
#delegate-site-committee table td {
  padding: 10px 15px;
}
.sortable {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 1em;
}
.sortable__item,
.sortable__drag-item {
  transition: all 0.5s ease-out;
  order: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  will-change: order;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
  z-index: 2;
  flex: 0 auto;
  background: #5d8bac;
  margin-bottom: 5px;
  color: #fff;
  padding: 0.8em 1.5em;
}
.sortable__item:hover,
.sortable__drag-item:hover {
  cursor: move;
}
.sortable__item--taken,
.sortable__drag-item--taken {
  opacity: 0;
  z-index: 1;
}
.sortable__values,
.sortable__actions {
  flex: 1 auto;
}
.sortable__values {
  display: flex;
  flex-wrap: wrap;
}
.sortable__value {
  display: flex;
  flex: 0 20%;
  flex-direction: column;
  margin-right: 1em;
  margin-bottom: 1rem;
}
.sortable__value span {
  flex: 0 auto;
}
.sortable__value span:first-of-type {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
}
.sortable__value span:last-of-type {
  font-weight: 600;
}
.sortable__actions button {
  transition: background 0.2s ease-in-out;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 0.5em;
  position: relative;
}
.sortable__actions button:last-of-type {
  margin-right: 0;
}
.sortable__actions button:hover {
  background: rgba(255,255,255,0.3);
}
.sortable__actions button svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sortable__drag-item {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
}
@media (max-width: 900px) {
  .sortable__value {
    flex: 0 45%;
  }
}
@media (max-width: 480px) {
  .sortable__value {
    flex: 0 100%;
  }
}
.datagrid a:hover {
  cursor: pointer !important;
}
@media (min-width: 900px) {
  .datagrid {
    border-collapse: collapse;
    width: 100%;
    margin: 1.5rem 0;
    z-index: 1;
    background-color: none;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
  }
  .datagrid__processing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.6);
  }
  .datagrid__spinner {
    position: fixed;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .datagrid__msg {
    clear: both;
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
  }
  .datagrid--fullscreen {
    position: fixed;
    padding: 15px;
    top: 15px;
    left: 15px;
    z-index: 10;
    overflow: auto;
    margin-top: 0;
    height: calc(100% - 30px);
    background-color: #fff;
    width: calc(100% - 30px);
    border-radius: 5px;
  }
  .datagrid--fullscreen .datagrid__table-wrapper {
    margin-bottom: 2.5em;
  }
  .datagrid__table-wrapper {
    max-width: 100%;
    overflow-x: auto;
  }
  .datagrid__table {
    max-width: 100;
    margin: 0 auto;
    table-layout: fixed;
    width: 99.9%;
    background: #fff;
    border: 1px solid #dfe3e6;
  }
  .datagrid__columns {
    background: #5d8bac;
    color: #fff;
  }
  .datagrid__column-head:hover + .datagrid__column-sort,
  .datagrid__column-sort {
    padding-left: 10px;
  }
  .datagrid__column-head:hover + .datagrid__column-sort--unsorted,
  .datagrid__column-sort--unsorted {
    color: rgba(255,255,255,0.5);
  }
  .datagrid__controls,
  .datagrid__settings {
    display: flex;
    width: 100%;
    padding: 15px 0;
  }
  .datagrid__setting--pages {
    flex: 1 auto;
  }
  .datagrid__setting--action {
    flex: 1 30px;
    width: 30px;
    flex-grow: 0;
  }
  .datagrid__cell,
  .datagrid__column {
    padding: 0.8em 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
  .datagrid__cell--expanded {
    padding: 20px 25px;
  }
  .datagrid__cell--action {
    transition: all 0.2s ease;
    position: relative;
  }
  .datagrid__cell--action a {
    transition: all 0.2s ease;
    color: #5d8bac;
    display: block;
    font-weight: 600;
  }
  .datagrid__cell--action:hover {
    transition: all 0.2s ease;
    background: #963156;
  }
  .datagrid__cell--action:hover a {
    transition: all 0.2s ease;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .datagrid__cell--action:hover:before {
    color: #fff;
    text-shadow: 10px 0 #fff, -10px 0 #fff;
  }
  .datagrid__cell--action:before {
    position: absolute;
    top: 50%;
    right: 15px;
    color: transparent;
    content: "•";
    text-shadow: transparent 0px 0px;
    font-size: 1.2em;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: text-shadow 0.3s, color 0.3s;
  }
  .datagrid__column {
    text-transform: capitalize;
    border-color: rgba(231,236,241,0.1);
  }
  .datagrid__column--expander,
  .datagrid__column--overflow {
    width: 80px;
  }
  .datagrid__overflow {
    width: 60px;
    text-align: right;
    padding: 0;
  }
  .datagrid__key {
    display: none;
  }
  .datagrid__row {
    transition: all 0.3s ease;
  }
  .datagrid__row .datagrid__cell {
    border-top: 1px solid #dfe3e6;
  }
  .datagrid__row--expanded {
    background: #f9f9f9;
  }
  .datagrid__row--expanded .datagrid__cell {
    border-top: none;
    animation-name: expand;
    animation-duration: 0.5s;
  }
  .datagrid__row--expanded td:first-of-type,
  .datagrid__row--is-expanded td:first-of-type {
    border-left: 3px solid #458cff !important;
  }
  .datagrid__row:not(.datagrid__row--is-expanded):hover .datagrid__cell {
    transition: all 0.3s ease;
    background-color: rgba(0,0,0,0.04);
  }
  .datagrid__control {
    flex: 1 auto;
    flex-grow: 1;
  }
  .datagrid__control.datagrid__control--index {
    line-height: 30px;
  }
  .datagrid__control--format,
  .datagrid__control--download {
    flex: 1 30px;
    width: 30px;
    flex-grow: 0;
    line-height: 30px;
  }
  .datagrid__control--format:hover,
  .datagrid__control--download:hover {
    cursor: pointer;
  }
  .datagrid__label {
    margin-right: 15px;
  }
  .datagrid__field {
    background: none;
    border-color: #ccc;
    padding: 5px;
  }
  .datagrid__footer tr {
    border-top: 1px solid #dfe3e6;
  }
}
@media (max-width: 900px) {
  .datagrid__head {
    display: none;
  }
  .datagrid__table,
  .datagrid__body {
    display: block;
  }
  .datagrid__row {
    display: flex;
    flex-direction: column;
    background: #5d8bac;
    color: #fff;
    margin-bottom: 1em;
    padding: 1.5em;
    position: relative;
    font-weight: 600;
  }
  .datagrid__row--is-expanded {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .datagrid__row--expanded {
    background: #e4e4e4;
  }
  .datagrid__cell {
    flex: 1 auto;
    border: none;
    display: flex;
  }
  .datagrid__cell--expander {
    flex: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #e4e4e4;
    padding: 5px;
  }
  .datagrid__overflow {
    position: absolute;
    top: 1em;
    right: 1em;
  }
  .datagrid__value,
  .datagrid__key {
    flex: 0 50%;
    padding: 0 0 1em;
  }
  .datagrid__value--widget:hover {
    cursor: pointer;
  }
}
@-moz-keyframes expand {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes expand {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes expand {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes expand {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scale(1);
  }
}
.tiles {
  background: transparent;
  border: none;
  display: flex;
  padding: 60px 7.5px;
  width: calc(100% - 30px);
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 1024px;
  margin: 0 auto;
}
.apt-tile {
  flex: 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-right: 2rem;
  max-width: 265px;
  min-height: 250px;
  background: #fff;
  color: #fff;
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-bottom: 2rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
}
.apt-tile:hover {
  transition: all 0.4s ease;
  color: #fff;
  cursor: pointer;
  transform: scale(1.05);
}
.apt-tile:hover .apt-tile__title {
  border: none;
}
.apt-tile:hover .apt-tile__subtitle {
  color: rgba(255,255,255,0.8);
  display: block;
}
.apt-tile:nth-of-type(4n+4) {
  background-color: #394a56;
}
.apt-tile:nth-of-type(4n+3) {
  background-color: #963156;
}
.apt-tile:nth-of-type(4n+2) {
  background: #5d8bac;
}
.apt-tile:nth-of-type(4n+1) {
  background-color: #e17000;
}
.apt-tile:hover:nth-of-type(4n+4) {
  background-color: #567082;
}
.apt-tile:hover:nth-of-type(4n+3) {
  background-color: #c24372;
}
.apt-tile:hover:nth-of-type(4n+2) {
  background: #7da2bd;
}
.apt-tile:hover:nth-of-type(4n+1) {
  background-color: #ff8c1b;
}
.apt-tile__body {
  width: 100%;
  flex: 0 auto;
  text-align: center;
}
.apt-tile__icon {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 80px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px;
}
.apt-tile__icon[title="Beneficiaries"]:after {
  content: "\f0c0";
}
.apt-tile__icon[title="Certificate of Membership"]:after {
  content: "\f2c3";
}
.apt-tile__icon[title="Communication Preferences"]:after,
.apt-tile__icon[title="Communication preferences"]:after {
  content: "\f27b";
}
.apt-tile__icon[title="Contacts"]:after {
  content: "\f2b9";
}
.apt-tile__icon[title="Cover Details & Restrictions"]:after {
  content: "\f0f6";
}
.apt-tile__icon[title="Credit / Debit Cards Details"]:after,
.apt-tile__icon[title="Credit / debit cards details"]:after {
  content: "\f09d";
}
.apt-tile__icon[title="Dietary and Accessibility Requirements"]:after,
.apt-tile__icon[title="Dietary and accessibility requirements"]:after {
  content: "\f193";
}
.apt-tile__icon[title="Document Upload"]:after {
  content: "\f093";
}
.apt-tile__icon[title="Edit my Details"]:after,
.apt-tile__icon[title="Edit my details"]:after {
  content: "\f2c3";
}
.apt-tile__icon[title="Employment Details"]:after,
.apt-tile__icon[title="Employment details"]:after {
  content: "\f0b1";
}
.apt-tile__icon[title="Event Certificates"]:after,
.apt-tile__icon[title="Event certificates"]:after,
.apt-tile__icon[title="Upcoming Events"]:after,
.apt-tile__icon[title="Upcoming Training Events"]:after {
  content: "\f073";
}
.apt-tile__icon[title="Evidence Upload"]:after {
  content: "\f07c";
}
.apt-tile__icon[title="Health Declaration"]:after {
  content: "\f0f9";
}
.apt-tile__icon[title="Interests"]:after {
  content: "\f005";
}
.apt-tile__icon[title="Login Settings"]:after,
.apt-tile__icon[title="Login settings"]:after {
  content: "\f023";
}
.apt-tile__icon[title="Personal"]:after {
  content: "\f007";
}
.apt-tile__icon[title="Postal Address"]:after,
.apt-tile__icon[title="Postal address"]:after {
  content: "\f003";
}
.apt-tile__icon[title="Residential Address"]:after,
.apt-tile__icon[title="Residential address"]:after {
  content: "\f041";
}
.apt-tile__icon[title="Statements"]:after {
  content: "\f0f6";
}
.apt-tile__icon[title="Subscriptions"]:after {
  content: "\f097";
}
.apt-tile__icon[title="Union Fees"]:after,
.apt-tile__icon[title="Union fees"]:after {
  content: "\f021";
}
.apt-tile__icon[title="Contact Us"]:after {
  content: "\f095";
}
.apt-tile__icon[title="Delegates"]:after {
  content: "\f2be";
}
.apt-tile__icon[title="Delegates Training"]:after {
  content: "\f19d";
}
.apt-tile__icon[title="Site Density"]:after {
  content: "\f03a";
}
.apt-tile__icon[title="Site Details"]:after {
  content: "\f05a";
}
.apt-tile__icon[title="Workplace Committee"]:after {
  content: "\f0f7";
}
.apt-tile__title {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  padding: 0 1em 0.1em;
}
.apt-tile__subtitle {
  line-height: 18px;
  font-size: 14px;
  color: #666;
  padding: 0 1em;
  display: none;
}
#member-amend-event-buttons > .form__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#member-amend-event-buttons > .form__body > .button.button--primary {
  height: 100px;
  flex: 1 20%;
  max-width: calc(20% - 2em);
  margin-bottom: 2rem;
  border: none;
}
#member-amend-event-buttons > .form__body > .button.button--primary .button__loader {
  top: 70%;
  right: calc(50% - 7.5px);
}
#member-amend-event-buttons > .form__body > .button.button--primary:hover {
  transform: scale(1.05);
}
#member-amend-event-buttons > .form__body > .button.button--primary:nth-of-type(4n+4) {
  background-color: #394a56;
}
#member-amend-event-buttons > .form__body > .button.button--primary:nth-of-type(4n+3) {
  background-color: #963156;
}
#member-amend-event-buttons > .form__body > .button.button--primary:nth-of-type(4n+2) {
  background-color: #5d8bac;
}
#member-amend-event-buttons > .form__body > .button.button--primary:nth-of-type(4n+1) {
  background-color: #e17000;
}
#member-amend-event-buttons > .form__body > .button.button--primary:hover:nth-of-type(4n+4) {
  background-color: #567082;
}
#member-amend-event-buttons > .form__body > .button.button--primary:hover:nth-of-type(4n+3) {
  background-color: #c24372;
}
#member-amend-event-buttons > .form__body > .button.button--primary:hover:nth-of-type(4n+2) {
  background-color: #7da2bd;
}
#member-amend-event-buttons > .form__body > .button.button--primary:hover:nth-of-type(4n+1) {
  background-color: #ff8c1b;
}
#member-amend-event-buttons > .form__body > .button.button--primary .button__text {
  white-space: normal;
}
@media screen and (max-width: 1024px) {
  .apt-tile {
    max-width: calc((100% - 2em) / 3);
  }
  #member-amend-event-buttons > .form__body > .button.button--primary {
    flex: 1 calc(25% - 2em);
    max-width: calc(25% - 2em);
  }
}
@media (min-width: 460px) and (max-width: 680px) {
  .apt-tile {
    max-width: calc((100% - 1em) / 2);
  }
  .apt-tile__icon {
    height: 60px;
    line-height: 60px;
    font-size: 60px;
  }
  #member-amend-event-buttons > .form__body > .button.button--primary {
    flex: 1 calc(50% - 2em);
    max-width: calc(50% - 2em);
  }
}
@media screen and (max-width: 460px) {
  .apt-tile {
    max-width: calc(100% - 2em);
    margin: 1em;
  }
  #member-amend-event-buttons > .form__body > .button.button--primary {
    flex: 1 calc(100% - 2em);
    max-width: calc(100% - 2em);
  }
}
.upload {
  position: relative;
  width: calc(100% - 2em);
  max-width: 600px;
  display: flex;
  margin: 1em;
  background: #5d8bac;
  text-align: center;
  padding: 0.5em 0.5em 0.2em;
}
.upload:hover {
  cursor: pointer;
}
.upload__icon {
  flex: 0 auto;
}
.upload__icon svg {
  width: 36px;
}
.upload__icon polygon,
.upload__icon rect {
  fill: #fff;
}
.upload__title {
  flex: 1 auto;
  color: #fff;
  line-height: 36px;
  height: 36px;
  font-size: 18px;
  font-weight: 400;
}
.upload__list {
  width: calc(100% - 2em);
  max-width: 600px;
  margin: 1em;
  background: #f4f4f4;
  text-align: center;
  color: #777;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.upload__item {
  padding: 0 0.5em;
  margin: 1em;
}
.o-file {
  display: flex;
  font-size: 16px;
}
.o-file__name {
  flex: 1 auto;
  line-height: 32px;
}
.o-file__size,
.o-file__icon,
.o-file__action {
  flex: 0 auto;
  color: #777;
  line-height: 32px;
}
.o-file__size {
  width: 75px;
}
.o-file__action {
  margin-left: 5px;
  width: 32px;
  height: 32px;
}
.o-file__action:hover {
  transition: background 0.3s, color 0.2s;
  cursor: pointer;
  background: #ddd;
  border-radius: 50%;
  color: #777;
  transform: scale(1.1);
}
.o-file__size,
.o-file__icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.o-file__name {
  text-align: left;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-manager {
  display: flex;
}
.file-manager__title {
  font-family: 'Open Sans', sans-serif;
}
.file-manager__title i {
  margin-right: 15px;
}
.file-manager__navigation {
  flex: 0 30%;
}
.file-manager__panel {
  padding: 1em;
  flex: 0 70%;
}
.file-manager__panel .file-manager__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.file-manager__panel,
.file-manager__navigation {
  padding: 1em 1.5em;
  margin: 1em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  text-align: left;
  background: #fff;
}
.file-manager__directory {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em;
}
.sidebar {
  list-style: none;
  padding: 0;
}
.sidebar__item {
  display: flex;
  transition: all 0.2s ease-in;
  padding: 0.8em 1em;
  font-weight: 600;
  border-top: 1px solid #eee;
  color: #5d8bac;
  font-family: 'Open Sans', sans-serif;
}
.sidebar__item a {
  color: #5d8bac;
  font-family: 'Open Sans', sans-serif;
}
.sidebar__item--active {
  background: #5d8bac;
  color: #fff;
}
.sidebar__item--active a {
  color: #fff !important;
}
.sidebar__folder {
  flex: 1 auto;
}
.sidebar__dropdown {
  flex: 0 auto;
}
.file {
  flex: 1 auto;
  margin: 1em;
  max-width: 180px;
  display: block;
  background: #5d8bac;
  color: #fff;
  text-align: center;
  padding: 2em 1em;
}
.file:hover {
  transition: all 0.2s ease-in;
  background-color: #f38a00;
  color: #fff;
}
.file__icon {
  font-size: 38px;
}
.backsplash {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.context-menu {
  position: absolute;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  list-style: none;
  padding: 0;
  margin: 0;
}
.context-menu__item a {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
  color: #333;
}
.context-menu__item a:hover {
  background: #f4f4f4;
}
.toolbar {
  display: flex;
  justify-content: flex-end;
}
.toolbar__control {
  align-self: center;
}
.toolbar__control button {
  background: none;
  border: none;
  width: 20px;
  margin-right: 1em;
}
.toolbar__control,
.toolbar__menu {
  flex: 1 auto;
}
.toolbar__item {
  flex: 0 auto;
  padding: 10px 9px;
  margin: 10px 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-self: center;
  transition: background 0.3s ease-in-out;
}
.toolbar__item:hover {
  background: #f4f4f4;
}
.toolbar__item button {
  background: none;
  border: none;
  width: 28px;
  height: 28px;
}
.toolbar__item svg {
  fill: #333 !important;
}
.toolbar__item a {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #333 !important;
}
.toolbar__item a svg {
  margin: 0 auto;
  width: 18px;
  height: 18px;
}
@media (max-width: 430px) {
  .toolbar {
    flex-wrap: wrap;
  }
  .toolbar__menu {
    flex: 1 100%;
  }
}
.paginator {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 14px;
  color: #666;
}
.paginator__display,
.paginator__control {
  flex: 0 auto;
}
.paginator__display {
  padding-left: 1.5em;
}
.paginator__display select {
  background: none;
  border: none;
}
.paginator__button {
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #dfe3e6;
  border-left: 1px solid #dfe3e6;
  background: none;
}
.paginator__button:hover {
  background: #f4f4f4;
}
.paginator__meta {
  padding-right: 1em;
}
.paginator__display,
.paginator__meta,
.paginator__button,
.paginator__input {
  line-height: 50px;
  height: 50px;
  padding: 0 1.5em;
  float: left;
}
.paginator__button,
.paginator__input {
  width: 50px;
  text-align: center;
}
.paginator__input {
  border: none;
  padding: 0;
}
@media (max-width: 900px) {
  .datagrid__footer,
  .datagrid__footer > tr,
  .datagrid__footer td {
    display: block;
  }
  .paginator__display span:last-of-type {
    display: none;
  }
  .paginator__meta {
    display: none;
  }
  .paginator__control {
    border-top: 1px solid #dfe3e6;
    border-bottom: 1px solid #dfe3e6;
  }
}
@media (max-width: 400px) {
  .paginator {
    flex-direction: column;
  }
}
.apt-tabset {
  width: 100%;
  background: #fff;
  margin-top: -1em;
}
.apt-tabset__bar {
  position: relative;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}
.apt-tabset__control {
  display: inline-block;
  flex: 0 40px;
  background: none;
  border: none;
  padding: 0.5em 1em;
  transition: all 0.2s ease;
}
.apt-tabset__control:hover {
  background: #f4f4f4;
  color: #5d8bac;
}
.apt-tabset__list {
  padding: 0;
  margin: 0;
  flex: 1 auto;
  max-width: 100%;
  overflow: hidden;
  background: #fff;
  color: #999;
  font-size: 16px;
  list-style: none;
  font-weight: 600;
  display: flex;
}
.apt-tabset__item {
  text-align: center;
  flex: 0 auto;
  padding: 1.5em 2em;
}
.apt-tabset__item--active {
  color: #333;
}
.apt-tabset__item:hover {
  color: #333;
  background: #f9f9f9;
}
.apt-tabset__slider {
  transition: left 0.3s ease-in-out;
  bottom: 0;
  position: absolute;
  background: #458cff;
  height: 3px;
  z-index: 1;
}
.apt-tabset__pane {
  padding-top: 1em;
  min-height: 70vh;
  margin: 0 -1em;
}
.apt-tabset__pane .form {
  padding: 0 !important;
  margin: 0 !important;
}
.accordion {
  margin: 0 1em 1em;
  width: calc(100% - 2em);
  border: 1px solid #ccc;
}
.accordion__item:first-of-type .accordion__header {
  border-top: none !important;
}
.accordion__item--active .accordion__header {
  border-bottom: 1px solid #ccc;
}
.accordion__item--active .accordion__control {
  transform: rotate(90deg);
}
.accordion__item--active .accordion__body {
  overflow-y: auto !important;
  height: auto !important;
  max-height: 500px !important;
}
.accordion__header {
  background: #fff;
  padding: 1.25rem 2rem;
  font-weight: 400;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;
}
.accordion__title {
  font-size: 16px;
  color: #333;
  margin: 0;
  display: inline-block;
  flex: 1 auto;
}
.accordion__control {
  transition: transform 0.3s ease-in-out;
  flex: 0 auto;
}
.accordion__body {
  background: #fff;
  overflow: hidden;
  will-change: max-height;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  transform-origin: top;
}
.accordion__body .form__body {
  padding: 1em !important;
  line-height: 1.8;
}
.accordion__body form,
.accordion__body .form__body,
.accordion__body .fieldset {
  background: none;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.fragment {
  padding: 0 0 1rem;
  background: #fff;
}
@media (max-width: 480px) {
  .fragment {
    padding: 0 1rem 1rem;
  }
}
.lightbox__body {
  padding: 0 !important;
}
.lightbox__body .apt-tabset {
  margin-top: -3.5em;
  position: relative;
  z-index: 1;
}
.lightbox__body .fragment {
  padding: 0;
  background: none;
}
.lightbox__body .fragment > div {
  background: #fff;
  padding-top: 0 !important;
  box-shadow: none;
}
.lightbox__body .datagrid {
  margin-top: 0 !important;
}
.format {
  display: flex;
}
.,
p,
.intro,
.em-primary,
.info-message,
.error-message,
.warning-message,
.completed-message {
  position: relative;
  margin: 1rem 0 2rem;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  max-width: 600px;
  position: relative;
}
. li,
p li,
.intro li,
.em-primary li,
.info-message li,
.error-message li,
.warning-message li,
.completed-message li {
  margin: 0.8em;
}
. a,
p a,
.intro a,
.em-primary a,
.info-message a,
.error-message a,
.warning-message a,
.completed-message a {
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
}
.error-message,
.warning-message,
.success-message,
.completed-message,
.info-message {
  position: relative;
  background: #f4f4f4;
  color: #666;
  padding: 1.5em;
  margin: 0 0 2rem;
  font-family: 'Open Sans', sans-serif;
  padding-left: 59px;
  max-width: 600px;
}
.error-message:before,
.warning-message:before,
.success-message:before,
.completed-message:before,
.info-message:before {
  content: "\f05a";
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 19px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 28px;
  text-rendering: auto;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}
.success-message:before,
.completed-message:before {
  content: "\f00c";
}
.warning-message:before {
  content: "\f12a";
}
.error-message:before {
  content: "\f129";
}
.intro {
  margin: 0 0 1.3rem;
}
.test-message {
  display: none;
}
.display {
  display: flex;
  justify-content: space-between;
  margin: 0 1em 0.6em;
  width: calc(100% - 2em);
  max-width: 650px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}
.display__label {
  font-weight: 600;
  color: #333;
  flex: 0 35%;
}
.display__text {
  font-weight: 500;
  color: #666;
  flex: 0 65%;
}
.display__label,
.display__text {
  line-height: 1.8;
  padding: 0;
  min-width: 0;
}
.display__label--email,
.display__text--email {
  word-break: break-all;
}
#lol-calculator .form__wrapper {
  margin: 2em 0 0;
}
.ddimage {
  margin-right: 1.5em;
}
#b-permanent-loss-of-licence table,
#renewal-cover-disp table,
#b-permanent-loss-of-licence tbody,
#renewal-cover-disp tbody {
  display: block;
  width: 100%;
  max-width: 600px;
}
#b-permanent-loss-of-licence tr,
#renewal-cover-disp tr {
  display: flex;
  width: 100%;
}
#b-permanent-loss-of-licence td,
#renewal-cover-disp td {
  padding: 1em;
  margin: 0.5em 1em;
}
#b-permanent-loss-of-licence td:first-of-type,
#renewal-cover-disp td:first-of-type {
  background: #1a2955;
  color: #fff;
  margin-right: 0.5em;
  flex: 1 65%;
}
#b-permanent-loss-of-licence td:last-of-type,
#renewal-cover-disp td:last-of-type {
  background: #f4f4f4;
  margin-left: 0.5em;
  flex: 1 35%;
}
p {
  margin: 0 1em 1em !important;
}
.question {
  margin: 1em;
  padding: 1em;
  background: #f4f4f4;
  max-width: 600px;
}
.question__statement {
  position: relative;
  margin-left: 1em;
}
.question__statement:before {
  display: inline-block;
  position: absolute;
  content: "*";
  left: -1em;
  top: 1px;
}
.question__input .form__group {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.question__input .form__group .form__heading {
  display: none;
}
.question__input .form__group .rad-group {
  justify-content: space-between;
}
.question__input .form__group .rad-group__item {
  flex: 0 1 calc(50% - 0.5em);
  margin: 0.5em 0 0;
}
.health-dec h3 {
  font-size: 21px;
  max-width: 600px;
  line-height: 1.5;
  margin-left: 1em;
}
#eligibility-statement .button--primary {
  width: 100%;
  max-width: 600px;
}
#cover-restrict-dtl h3 {
  font-size: 21px;
  margin: 1em;
}
#lol-calculator .rad-group__item {
  flex: 1 calc(50% - 2em);
}
.tag {
  display: flex;
  flex-direction: column;
}
.tag__label {
  font-weight: 600;
}
button:active,
button:focus {
  outline: none !important;
}
.workflow-title {
  margin: 0.7em 0;
  font-weight: 500 !important;
}
#b-search-criteria {
  margin-bottom: 1em;
}
#b-search-criteria .fieldset__body > div:first-of-type,
#b-search-criteria .fieldset__body > button:first-of-type {
  float: left;
}
#b-search-criteria .fieldset__body > div:first-of-type {
  margin-top: 0 !important;
}
#b-search-criteria .fieldset__body > button:first-of-type {
  margin-top: 2em;
  font-size: 14px;
  margin-left: 0;
}
#b-search-criteria .fieldset__body > button:first-of-type:before {
  content: "\f002";
  margin-right: 0.3em;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#b-search-criteria .fieldset__body .switch {
  position: relative;
}
#b-search-criteria .fieldset__body .switch__input button {
  margin: 1.8em;
  margin-left: 0;
  background: #f4f4f4 !important;
  padding: 1em 1.5em !important;
  color: #333;
  text-transform: uppercase;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 14px;
}
#b-search-criteria .fieldset__body .switch__input button:hover svg {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
#b-search-criteria .fieldset__body .switch__input button svg {
  margin-left: 0.5em;
  fill: #333;
}
#b-search-criteria .fieldset__body .switch__input {
  width: 100%;
}
#b-search-criteria .fieldset__body .switch__container {
  opacity: 0;
  visibility: 0;
  transform: translateY(-3em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, z-index 0.15s ease-in-out 0.15s, visibility 0.15s ease-in-out 0.15s;
  position: absolute;
  top: calc(100% - 1.5em);
  display: flex;
  background: #f4f4f4;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  margin: 0 1em;
  width: calc(100% - 2em);
  padding: 1em 1.5em;
  flex-wrap: wrap;
  align-items: flex-start;
}
#b-search-criteria .fieldset__body .switch__container--open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  z-index: 9999;
}
#b-search-criteria .fieldset__body .switch__container .date__icon {
  bottom: 1.4em !important;
}
#b-search-criteria .fieldset__body .switch__container > * {
  flex: 0 calc(50% - 2em);
}
@media (max-width: 900px) {
  .switch__container {
    background: #fff !important;
    margin: 0 !important;
    width: 100% !important;
    top: calc(100% - 0.4em) !important;
  }
  .switch__container > * {
    flex: 0 100% !important;
  }
}
.format {
  padding: 0.8em 1.5em;
}
.format--is-active {
  background: #5d8bac;
  color: #fff;
}
.format__icon {
  margin-right: 1em;
}
.format:not(.format--is-active):hover {
  background: #f4f4f4;
}
form#campaigns-main .button-group:first-of-type .button,
form#campaigns-template-add .button-group:first-of-type .button {
  flex: 1 auto !important;
  min-width: 200px;
  height: 180px;
  font-size: 14px !important;
}
form#campaigns-main .button-group:first-of-type .button:hover,
form#campaigns-template-add .button-group:first-of-type .button:hover {
  background: #4c7795;
  transform: scale(1.05);
}
form#campaigns-main .button-group:first-of-type .button .button__loader,
form#campaigns-template-add .button-group:first-of-type .button .button__loader {
  top: 42.5%;
  right: 50%;
  transform: translate(50%, -50%);
}
form#campaigns-main .button-group:first-of-type .button .button__loader svg,
form#campaigns-template-add .button-group:first-of-type .button .button__loader svg {
  width: 60px !important;
}
form#campaigns-main .button-group:first-of-type .button:after,
form#campaigns-template-add .button-group:first-of-type .button:after {
  position: absolute;
  color: #fff;
  top: 42.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 60px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
form#campaigns-main .button-group:first-of-type .button[title='Manage Campaigns']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Manage Campaigns']:after {
  content: "\f0a1";
}
form#campaigns-main .button-group:first-of-type .button[title='Schedule Messages']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Schedule Messages']:after {
  content: "\f133";
}
form#campaigns-main .button-group:first-of-type .button[title='Manage Lists']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Manage Lists']:after {
  content: "\f0c0";
}
form#campaigns-main .button-group:first-of-type .button[title='Manage Templates']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Manage Templates']:after {
  content: "\f0db";
}
form#campaigns-main .button-group:first-of-type .button[title='Configurations']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Configurations']:after {
  content: "\f013";
}
form#campaigns-main .button-group:first-of-type .button[title='Email']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Email']:after {
  content: "\f003";
}
form#campaigns-main .button-group:first-of-type .button[title='Sms']:after,
form#campaigns-template-add .button-group:first-of-type .button[title='Sms']:after {
  content: "\f27b";
}
form#campaigns-main .button-group:first-of-type .button .button__text,
form#campaigns-template-add .button-group:first-of-type .button .button__text {
  position: absolute;
  left: 50%;
  bottom: 1em;
  transform: translateX(-50%);
}
.tokens__field {
  display: flex;
}
.tokens__field .button {
  background: #5d8bac;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding: 0;
  flex: 0 auto;
  align-self: flex-end;
  margin-bottom: 2.5em;
  border: none;
}
.tokens__field .button:hover {
  background: #5d8bac;
  color: #fff;
}
.tokens__field .button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tokens__items {
  margin: -1.5em 1em 1em;
  display: flex;
  max-width: 650px;
  flex-wrap: wrap;
}
.tokens__item {
  flex: 0 auto;
  background: #5d8bac;
  color: #fff;
  border-radius: 25px;
  font-size: 13px;
  padding: 0.6em 1em;
  margin-right: 0.5em;
  margin-bottom: 0.8em;
}
.tokens__remove {
  font-size: 16px;
  margin-left: 0.5em;
}
.tokens__remove:hover {
  cursor: pointer;
}
#b-search-criteria .input,
#b-search-criteria .button {
  z-index: 9 !important;
}
@media (max-width: 900px) {
  .mobile-hidden {
    display: none !important;
  }
  #b-search-criteria .button:not(.button-multivalue),
  #b-search-criteria .button--expand {
    width: calc(50% - 2em) !important;
    margin: 1em !important;
    margin-left: 1em !important;
  }
}
@media (max-width: 480px) {
  #b-search-criteria .button:not(.button-multivalue),
  #b-search-criteria .button--expand {
    width: 100% !important;
    margin: 0.5em 0 !important;
  }
  .button-group > .button {
    width: 100%;
    margin: 1em 0 !important;
  }
  .input {
    margin: 0 0 1em !important;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  form#campaigns-template-smtp .form__body {
    display: flex;
    flex-wrap: wrap;
  }
  form#campaigns-template-smtp .form__body .form__wrapper {
    flex: 0 50%;
  }
}
.dash__title {
  margin-bottom: 0.8em;
}
.dash__body {
  padding: 3em 1em 1em !important;
}
.charts {
  display: flex;
  flex-wrap: wrap;
}
.charts .graph__container {
  flex: 0 calc(50% - 2em);
  margin: 1em;
}
.list {
  list-style: none;
  padding: 0;
}
#member-filtered-event-detail #booking-login .form__wrapper {
  width: calc(50% - 30px);
  float: left;
  background-color: #f4f4f4;
  margin: 0 15px;
  padding: 1.5em;
}
#member-filtered-event-detail #booking-login .form__wrapper .fieldset {
  background: none;
}
#member-filtered-event-detail #booking-login .info-message {
  width: calc(50% - 30px);
  float: right;
  margin: 0 15px;
  float: right;
  margin: 0;
}
#member-filtered-event-detail #booking-login .navigation {
  width: 100%;
  float: left;
}
#member-events-filter .fieldset--collapsable {
  padding: 0 1em;
  margin: 1em 1.4em;
}
#member-events-filter .fieldset--collapsable .form__title:hover {
  cursor: pointer;
}
#member-events-filter .fieldset--collapsable .form__title .form__caret {
  flex: 1 auto !important;
  margin-left: 1em;
}
#member-events-filter .list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
#member-events-filter .list .list__item {
  padding: 0 1.5em;
  list-style: none;
  display: flex;
  flex: 1 0 33.33%;
  flex-wrap: wrap;
  max-width: 33.33%;
}
@media (max-width: 1023px) {
  #member-events-filter .list .list__item {
    flex: 1 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 639px) {
  #member-events-filter .list .list__item {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
#member-events-filter .list .list__item .data {
  margin-bottom: 2em;
  box-shadow: none !important;
  padding: 0;
  width: 100%;
}
#member-events-filter .list .list__item .data__title {
  color: #1c2b39;
  font-size: 1.25em;
  font-weight: 700;
  margin-left: 0 !important;
}
#member-events-filter .list .list__item .data__left .data__image {
  max-width: 100%;
  height: 230px;
  margin-bottom: 2em;
  position: relative;
}
#member-events-filter .list .list__item .data__left .data__image img {
  max-width: 100%;
  height: auto;
}
#member-events-filter .list .list__item .data__left .data__image--span {
  border-radius: 5px;
  background: rgba(0,0,0,0.5);
  border-top: none;
  font-size: 0.9375em;
  padding: 0em 0.75em;
  position: absolute;
  left: 1.18em;
  top: 1.06em;
  text-transform: capitalize;
  max-width: calc(100% - 2 * 1.18em);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
#member-events-filter .list .list__item .data__left:hover {
  cursor: pointer;
  text-decoration: none;
}
#member-events-filter .list .list__item .data__left:hover .data__title {
  color: #004461;
}
#member-events-filter .list .list__item .data__body {
  margin-top: 1em;
}
#member-events-filter .list .list__item .data__body .data__text {
  font-size: 1em;
  margin-left: 0 !important;
  line-height: 1.9;
}
#member-events-filter .list .list__item .data__body .data__text p {
  margin: 0 !important;
}
.data {
  background: #fff;
  margin-bottom: 1em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
  padding: 0.5em 1em;
}
.data__title {
  text-transform: capitalize;
  color: #5d8bac;
  font-size: 21px;
  margin-left: 0.8em;
}
.data__text,
.data__date {
  margin-left: 1em;
}
.Action {
  margin-left: 1em;
  color: #5d8bac;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(2),
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(3),
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(4) {
    width: 33.333333333%;
    float: left;
  }
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(5) {
    padding-top: 1.5em;
    clear: both;
  }
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(3) .message--info {
    background: none !important;
    margin: 0 1em !important;
    padding: 0 !important;
    font-weight: 600 !important;
    color: #333 !important;
  }
  .pane-0 #member-details .form__body .form__wrapper:nth-of-type(3) .message--info .fa {
    display: none;
  }
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(2),
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(3),
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(4),
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(5),
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(6),
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(7) {
    width: calc(33.3333% - 2em);
    float: left;
  }
  .pane-1 #member-details .form__body .form__wrapper:nth-of-type(5) {
    clear: left;
  }
  .pane-1 #member-details .form__body > button:last-of-type {
    clear: both;
    float: left;
  }
  #member-own-view #personal-details .form__body > div:nth-of-type(2),
  #member-own-view #personal-details .form__body > div:nth-of-type(3),
  #member-own-view #personal-details .form__body > div:nth-of-type(4),
  #member-own-view #personal-details .form__body > div:nth-of-type(5),
  #member-own-view #personal-details .form__body > div:nth-of-type(6),
  #member-own-view #personal-details .form__body > div:nth-of-type(7) {
    width: 50%;
    float: left;
  }
  #member-own-view #personal-details .form__body > button {
    clear: both;
    float: left;
  }
  #member-own-view #b-home-address .info-message {
    display: none;
  }
}
@media (max-width: 1023px) {
  .info-message,
  .message {
    margin-top: 1em;
  }
}
@media (max-width: 560px) {
  .fragment,
  .form {
    padding: 0 !important;
  }
}
.neu-text {
  margin-left: 1em;
}
.neu-text .intro {
  margin-left: 0;
}
.neu-text h2 {
  font-size: 21px;
  font-weight: 500;
}
table.ddtable {
  width: 100% !important;
  color: #223;
}
table.ddtable .border {
  border: 1px solid;
  padding: 10px;
}
table.ddtable tr td {
  color: #222 !important;
}
table.ddtable p {
  margin-left: 0 !important;
}
table.ddtable h1 {
  color: #000;
}
table.ddtable h1 br {
  display: none;
}
table.ddtable tbody > tr:nth-child(3) > td {
  width: 50%;
  padding: 10px;
  vertical-align: baseline;
}
table.ddtable table.account_holder,
table.ddtable table.bankNumber,
table.ddtable table.bankSortCode,
table.ddtable table.reference {
  margin-top: 0px;
  background: #fff !important;
}
table.ddtable table.account_holder tr,
table.ddtable table.bankNumber tr,
table.ddtable table.bankSortCode tr,
table.ddtable table.reference tr {
  border: 1px solid;
}
table.ddtable table.account_holder tr td,
table.ddtable table.bankNumber tr td,
table.ddtable table.bankSortCode tr td,
table.ddtable table.reference tr td {
  padding: 10px !important;
}
table.ddtable table.bankNumber,
table.ddtable table.bankSortCode,
table.ddtable table.reference {
  letter-spacing: 10px;
}
table.ddtable table.origIdentNumber {
  background: #fff !important;
}
table.ddtable table.origIdentNumber td.border {
  padding: 10px !important;
  text-align: center;
}
table.ddtable table.nameAddress {
  background: #fff !important;
}
table.ddtable table.nameAddress tr:last-of-type td:last-of-type {
  padding: 0px !important;
}
table.ddtable table.nameAddress tr:last-of-type table {
  background: #fff !important;
  margin-top: 0px !important;
  border: 1px solid;
  border-top: none;
}
table.ddtable table.nameAddress tr:last-of-type table > tbody > tr > td:first-of-type {
  width: 50% !important;
}
table.ddtable table.nameAddress tr:last-of-type table > tbody > tr > td:last-of-type {
  padding: 0px !important;
}
table.ddtable table.nameAddress td.border {
  padding: 10px !important;
}
table.ddtable table.nameAddress td.border table {
  background: #fff;
}
table.ddtable table.nameAddress td.border table > tbody > tr > td:first-of-type {
  width: auto !important;
}
table.ddtable table.nameAddress td.border table > tbody > tr > td:last-of-type {
  padding: 0px !important;
}
table.ddtable table.signature {
  background: #fff !important;
}
table.ddtable table.signature table {
  background: #fff !important;
}
table.ddtable table.signature tbody {
  border: 1px solid;
}
table.ddtable table.signature tbody td {
  padding: 10px !important;
}
table.ddtable table.signature tbody tr:last-of-type td:first-of-type {
  width: 25% !important;
  text-align: center;
}
#member-dd-setup h1 br {
  display: none;
}
.asterisk {
  content: "*";
  padding-right: 10px;
  color: #b41f38;
}
.mv {
  border-collapse: separate;
  border-spacing: 0 0.8rem;
  margin-bottom: 2rem;
}
.mv thead th {
  padding: 0.5rem 0;
}
.mv tbody tr td {
  background: #f4f4f4;
  padding: 1rem;
}
.mv tbody tr td .key {
  display: none;
}
.mv tbody tr button {
  background: none;
  width: 25px;
  border: none;
  position: relative;
  height: 23px;
  float: left;
}
.mv tbody tr button:hover {
  transition: all 0.2s ease;
  transform: scale(1.1);
}
.mv tbody tr button .svg-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
}
.form {
  padding: 0 2rem;
}
.entityHeading {
  font-size: 21px;
}
a.button {
  color: #fff !important;
}
@media (max-width: 900px) {
  .form {
    padding: 0 1rem;
  }
}
#delegate-site-committee .form__body > .apttable {
  margin-bottom: 18px;
}
.link--mobile {
  color: #5d8bac !important;
}
.tt {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.tt:hover {
  cursor: pointer;
}
.tt__icon {
  flex: 0 auto;
  margin-bottom: 0em;
  width: 18px;
  height: 18px;
  color: #fff;
  background: #5d8bac;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
}
.tt__icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tt__text {
  display: none;
  flex: 0 auto;
  position: absolute;
  right: 6px;
  margin-top: 0.5em;
  top: 1.5em;
  padding: 1em;
  z-index: 9999;
  max-width: 550px;
  color: #5d8bac;
  border-top: 5px solid #5d8bac;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.tt__text:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  right: 0px;
  top: -15px;
  border-bottom: 10px solid #5d8bac;
}
.input .tt {
  float: left;
  padding-right: 7px;
  padding-top: 6px;
}
.range .tt {
  position: absolute;
  right: -30px;
  top: 0px;
}
.range .tt__text {
  right: unset;
  left: 0;
  margin-top: 0.6em;
}
.range .tt__text:before {
  right: unset;
  left: 0px;
}
.input .tt,
.range .tt,
.check .tt {
  z-index: 1;
}
.input .tt:hover .tt__text,
.range .tt:hover .tt__text,
.check .tt:hover .tt__text {
  display: block;
}
.input .tt__icon,
.range .tt__icon,
.check .tt__icon {
  font-size: 13px !important;
}
.stripe-store-info {
  font-size: 0.7em;
  max-width: 600px;
}
.columns {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.column {
  margin-top: 1em;
  flex: 1 auto;
  min-width: 360px;
  display: flex;
  flex-direction: column;
}
.column > .column {
  flex: 0 auto;
}
.column .title {
  font-weight: 600;
  font-size: 18px;
  margin-left: 1em;
}
.column .blurb {
  font-size: 16px;
  color: #666;
  margin-left: 1em;
  padding-bottom: 0.5em;
}
.column .checkboxSelector.indent,
.column.indent {
  padding-left: 50px;
}
#my-web-messages .info-message {
  font-size: 18px;
  font-weight: bold;
  margin-top: 1em;
}

/*# sourceMappingURL=app.css.map */