@charset "UTF-8";
/*=======================================================

  ~ Custom resets ~
=======================================================*/
/* Edited version of:
 http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-size: 16px;
  min-height: 100%;
  min-height: 100vh;
  background-color: #f0f0f0; /* matched on the .footer */
}

body {
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  background-color: #ffffff;
  color: #031D39;
}

.main-content {
  min-height: calc(100vh - 3rem);
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 100px; /* height of your footer */
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input {
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  margin-bottom: 1rem;
}

a {
  text-decoration: underline;
  color: #031D39;
}

a:hover {
  color: initial;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  text-align: left;
}

/*=======================================================
  Icon styles
=======================================================*/
.icon {
  color: #031D39;
}

.icon--table {
  display: block;
  font-size: 3rem;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.icon--table.icon--success {
  color: #00AD77;
}

.icon--table.icon--failure {
  color: #B91500;
}

.icon--warning {
  color: #FA7921;
}

.icon--delete {
  color: #031D39;
}

.icon--white {
  color: #f0f0f0;
}

.icon--with-input { /* paired with form__input--with-icon */
  display: inline-block;
  float: left;
  width: 1rem;
  margin: 0.75rem 0.5rem;
}

.icon--margin-right {
  margin-right: 0.25rem;
}

.icon--button-left {
  position: absolute;
  left: 1rem;
}

.icon--next, .icon--previous {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAblJREFUOBGtUblKA1EUvXcSNxC01jIu4JYUamGlbcBKm8QZCQEXon6BTRr/wQVETUwqty+wEFRciowBQcVKEKwiWmV73hOdMMwETeGDx9x33zln3j2HdSO8oZSaJ6L3Bi+P7OykHqWue0Ui4e5CUV0LoY2ZN7UuX88KMV+gUSzScSwWa61XDVhwwIUGtLR4PJ7nFm2KiV8Vqb73j9yuvJj/EgWmghUOuNCAlgdE89b8DAQGzpUiQ44Dh8cHhTsze/ab6NPzwyopWhJM3qNRMLGduge+Iogik8m+BPxDb4poUrwY9/sHb0zzrqafhhEOEvGW0FhjjiUS6RNoYLlGmzFCm/LnORHNeT006gwJIRRLdCUjtwt7az+RRqDVpVWrn6Lb17sMg0EolNSRPSTU6H2L8UUF6xBwCcLYpobmaRgtL+23QrJCQA93wADr0HOPbAF0XR9TVDqVc6MYtYq+Kqs1+eSZPBPJZPIcPedyeWgH6LOhBVWmdfGzjL68UmONFpN76Q07zl5XU7Y3rdrMZG+H/IOdMuaw9GTSSghx677W1+WhEwTjRekSu1YITnxd52g02oFdF/i/QV9berja4gg4oQAAAABJRU5ErkJggg==");
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-size: 1.185rem 1rem;
  background-repeat: no-repeat;
  border: solid 1px grey;
  border-radius: 3px;
  background-position: 2px 6px;
  margin: 0.125rem;
  cursor: pointer;
}

.icon--next {
  transform: rotate(270deg);
}

.icon--previous {
  transform: rotate(90deg);
}

.icon-arrow-nav {
  background-image: url("/assets/ic_chevron_left.svg");
  background-position: -2px center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 110% 110%;
  display: inline-block;
  border: solid 1px white;
  border-radius: 3px;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.85rem;
}

.icon-arrow-nav--right {
  transform: rotate(180deg);
}

.icon__wrapper {
  margin-top: 0.75rem;
  display: inline-block;
  position: absolute;
}

.icon--expand-collapse {
  margin-left: 0.5rem;
  width: 1.2rem;
  cursor: pointer;
}

.icon-payment {
  overflow: inherit;
  margin-bottom: 0.5rem;
}

/* PRINT MEDIA STYLES */
.print-only {
  display: none;
}

@media print {
  tr, td, th {
    page-break-inside: avoid;
  }
  /* Repeat table headers when table spans a page */
  thead {
    display: table-header-group;
  }
  img {
    page-break-inside: avoid; /* or 'auto' */
  }
  .print-only {
    display: block;
  }
  .no-print {
    visibility: hidden;
    display: none;
  }
  .prog-session__track {
    color: black;
  }
  .prog-session__name {
    color: black;
  }
}
/*needed to hide the stripe button provided by stripe*/
.stripe-form .stripe-button-el {
  display: none;
}

/*=======================================================

  Accordion
=======================================================*/
.accordion__table {
  min-width: 70rem; /* This minimum width and width is also in table__controls-wrapper class */
  width: 100%;
  background-color: #ffffff;
  border: solid thick #B2E3CE;
}

.accordion__header {
  background-color: #f0f0f0;
  padding: 0 1rem;
  margin: 0.5rem 0rem;
  text-align: left;
  transition: all 0.1s;
}

.accordion__header:hover {
  box-shadow: 0px 4px 8px 0px rgba(3, 29, 57, 0.2);
}

.accordion__header--disabled:hover {
  box-shadow: none;
}

.accordion__title {
  line-height: 2.5rem;
  color: #031D39;
  max-width: 45rem;
  margin: auto;
  font-size: 1.25rem;
  font-weight: 600;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAAJ5JREFUaAXt2FEKgCAQRVGrdbSQ9v/RQlpHFAWKvBCRHJO4/ZQi43DgEepctWe4Kk3zcsQV92295+O5pt99dtWUgM36Ewih0MBoq58HSBtijEBVgRAFXzUXCb8u9SYyKRnmEUAAAQRMBcz/aKNp+xRHAAEEEEAAAQQQQAABBMwFHucm3fHtzaDWKx3nbhY5l5WKsh4BBBBAAAEE/iRwAq+1GAsMh2LhAAAAAElFTkSuQmCC);
  background-position: 100% 50%;
  background-size: 2rem;
  cursor: pointer;
}

.accordion__title--closed {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAARVJREFUaAXtmFEOgyAMht08xw6y+z/sIJ5jccHEBlgLo6VxTX5fxEIL/X6w0WX55Vofz/0cdz8b9f2WDPnIesDxnA8QQ7GeOiO7qvf2Ouy6kHavHEIebRiIv0O+vH9uS0jTmv0pDc/AbkuOb3OrBkuayy+QLdFuEedSGd4YXJCWLf4ExZt4lK+EpnlsJKdkh8gtOugDgUkEcNAmgSzDxK8H8TNwr2juiMo91XnCSe4A0nW7i4wJdMLACwRAYCKBol5OjPv1N1L9VdhZlPubtDO/uRsJmBEaA0ABI0CzOxQwIzQGEOvArL+CxvWRu1RHwm8hUQFKXdmoFZQIKsOTW3gFkABpeVEDClwEnqaFAoQCDRCISeADO/cvNyXNvcYAAAAASUVORK5CYII=);
}

.accordion__title--link {
  background: none;
}

.accordion__subtitle {
  line-height: 2.5rem;
  color: #031D39;
  max-width: 45rem;
  margin: auto;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2rem;
  cursor: pointer;
}

.accordion__body--closed {
  display: none;
}

.accordion__empty-content {
  text-align: center;
  margin: 0.5rem;
}

/*=======================================================

  Badges
=======================================================*/
.badge {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  box-shadow: 0px 2px 2px 0px rgba(3, 29, 57, 0.2);
}

.badge--caution {
  color: #ffffff;
  border-color: #B91500;
  background-color: #FA7921;
}

/*=======================================================

  Banner
=======================================================*/
.banner {
  position: relative;
}

.banner--sub-form {
  max-width: 48rem;
  margin: auto;
}

.banner__cover {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid #808080;
}

.banner__title {
  padding: 0.75rem 1rem;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.175;
  letter-spacing: 0.2px;
}

.banner__title--no-cover {
  padding-top: 2rem;
}

.banner__title--read-only {
  color: #808080;
  font-weight: normal;
}

.banner__title--welcome {
  color: #003066;
  font-size: 2rem;
  padding-top: 3rem;
}

.banner__section {
  display: table;
  table-layout: auto;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto 0.625rem;
  padding: 0 1rem;
}

.banner__sub-section {
  display: table-cell;
  vertical-align: middle;
}

.banner__sub-section--right {
  text-align: right;
}

.banner__info {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.3px;
  color: #000000;
}

.banner__image {
  display: block;
  max-width: 100%;
  margin: auto;
  max-height: 7.5rem;
}

.banner__image--foreground {
  min-height: 7.5rem;
  max-height: 12.5rem;
}

.banner__data {
  display: table;
  table-layout: fixed;
  margin: auto;
  font-size: 0.875rem;
  width: 26rem;
}

.banner__data--bold {
  font-weight: bold;
}

.banner__data--italic {
  font-style: italic;
}

.banner__datum {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 0 0.5rem;
}

.banner__datum--left {
  text-align: right;
  border-right: solid 1px #808080;
}

.banner__datum--right {
  text-align: left;
}

@media (max-width: 48rem) {
  .banner__cover {
    padding: 0.5rem;
  }
  .banner__button {
    display: block;
    margin: 0.5rem auto;
    position: initial;
    max-width: 15rem;
  }
}
/*=======================================================
  Bar
  (for general, often full-width content / content division)
=======================================================*/
.bar {
  display: block;
  margin: auto;
  padding: 0 1rem;
  max-width: 64rem;
  text-align: center;
  font-size: 1rem;
}

.bar--textblock {
  padding: 0rem 0rem 1rem 0rem;
  text-align: left;
  max-width: 38rem;
}

.bar--inline-links {
  text-align: left;
  background-color: #30384A;
  max-width: initial;
  color: #ffffff;
}

.bar--space {
  margin: 1rem auto;
}

.bar--message { /* for when message is alone in view */
  margin-top: 8rem;
}

.bar--button {
  margin: 1rem auto;
  position: relative;
}

.bar--button:after {
  /*
    Dividing line horizontally across the middle of the element
    sits behind the button blocks that are children of the bar
    block.
  */
  content: " "; /* displays pseudo element on the page */
  position: absolute;
  width: 100%;
  height: 1px;
  display: block;
  z-index: 0;
  top: 50%;
  left: 0;
  background-color: #dbdbdb;
}

.bar--divider {
  position: relative;
  text-align: left;
  max-width: 45rem;
  margin: 1.5rem auto 0.5rem;
  padding: 0;
}

.bar--divider:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  display: block;
  z-index: 1;
  top: 100%;
  left: 0;
  background-color: rgb(0, 128, 0);
}

.bar--small {
  font-size: 0.875rem;
  max-width: 42rem;
}

.bar--table {
  /* WARNING
    this is affect by .table-bar__toggle-input:checked */
  -webkit-transition: all 500ms ease-in-out 0.1s;
  -moz-transition: all 500ms ease-in-out 0.1s;
  -o-transition: all 500ms ease-in-out 0.1s;
  transition: all 500ms ease-in-out 0.1s;
  overflow: hidden;
  padding: 1rem;
  margin-bottom: 0;
  max-width: 100%;
  background-color: #f4f4f6;
}

.bar--form {
  /* WARNING
    this is affect by .form-bar__toggle-input:checked */
  overflow: hidden;
  height: 0;
  padding: 0.625rem 1rem 0;
  margin-bottom: 0;
  max-width: 100%;
  padding: 0;
  background-color: #f4f4f6;
  display: block;
}

.bar__header {
  /* Sits on top of dividing line
     meaning this must be inline */
  display: inline-block;
  font-size: 1.25em;
  line-height: 1.5;
  z-index: 1;
  position: relative;
  padding-right: 0.5rem;
}

.bar__inner {
  max-width: 58rem;
  margin: auto;
}

.bar__inner--inline-links {
  max-width: 64rem;
  padding: 0.75rem 1rem;
}

.bar__inner--list {
  float: left;
}

.bar__copy {
  font-size: 1rem;
  line-height: 1.5;
}

.bar__copy--link {
  cursor: pointer;
  color: #003066;
  text-decoration: underline;
}

.bar__copy--space {
  display: block;
  margin: 1.5rem auto;
}

.bar__copy--large {
  font-size: 1.25rem;
}

.bar__copy--token {
  word-wrap: break-word;
}

.bar__label {
  text-transform: capitalize;
  font-weight: 800;
  padding-right: 1rem;
}

.bar__label--inline-links {
  font-weight: 500;
  color: rgb(192, 192, 194);
}

.bar__notice {
  background-color: #00db7d;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.7rem;
}

.bar__inline-link {
  font-weight: 500;
  color: #808080;
  text-decoration: none;
}

.bar__inline-link::after {
  content: "/";
  margin: 0 0.5rem 0 0.625rem;
  color: #f0f0f0;
}

.bar__inline-link:hover {
  color: #f0f0f0;
}

.bar__inline-link--active {
  color: #00aa61;
}

.bar__inline-link--active:hover {
  color: #00aa61;
}

.bar__toggle {
  margin: 0.05rem;
  display: inline-block;
  font-weight: 500;
  padding: 0.5rem;
  cursor: pointer;
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
}

.bar__toggle--active {
  text-decoration: none;
  color: #ffffff;
  background-color: #003066;
}

.bar__toggle--active:hover {
  color: #ffffff;
}

@media (min-width: 48rem) {
  .bar--banner {
    text-align: right;
    margin-top: -2.125rem; /* Vertically raised to live in the banner */
    padding-bottom: 1.125rem;
  }
  .bar--banner-table {
    text-align: center;
    padding-bottom: 1.25rem;
  }
}
/*=======================================================

  Button
=======================================================*/
.button {
  display: inline-block;
  position: relative;
  padding: 0.4375rem;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Removes NATIVE styling (esp. when .button is an input)*/
  box-shadow: inset 0px -1px 1px 0px rgba(3, 29, 57, 0.5), inset 0px 1px 1px 0px rgba(240, 240, 240, 0.5);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  /* label: */
  color: #031D39;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  text-align: center;
}

.button:hover {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}

.button:active {
  box-shadow: inset 0px 1px 2px 0px rgba(3, 29, 57, 0.5), inset 0px -1px 2px 0px rgba(240, 240, 240, 0.5);
}

.button:focus {
  text-decoration: initial;
  outline: -webkit-focus-ring-color auto 5px;
}

/* VARIOUS COLOURS  */
.button--primary {
  background-color: #00AD77;
  border-color: rgba(3, 29, 57, 0.5);
  /* label: */
  color: #f0f0f0;
}

.button--primary:hover {
  color: #ffffff;
}

.button--secondary {
  background-color: #CCDBDC;
  border-color: rgba(3, 29, 57, 0.5);
}

.button--tertiary {
  background-color: #afe5d4;
  border-color: rgba(3, 29, 57, 0.5);
}

.button--cancel {
  background-color: #909090;
  border-color: rgba(3, 29, 57, 0.5);
  color: #f0f0f0;
  margin-left: 0.3rem; /* Always next to save */
  margin-right: 0.3rem;
}

.button--cancel:hover {
  color: #ffffff;
}

.button--new {
  background-color: #FA7921;
  border-color: rgba(3, 29, 57, 0.5);
  color: #ffffff;
}

.button--new:hover {
  color: #ffffff;
}

.button--warning {
  background-color: #B91500;
  border-color: rgba(3, 29, 57, 0.5);
  color: #f0f0f0;
}

.button--delete {
  color: #B91500; /* Stage 3 - Error Colour */
  border-color: rgba(3, 29, 57, 0.5);
}

.button--delete:hover,
.button--delete:active {
  color: #B91500;
}

.button--disabled {
  box-shadow: none;
  background: #f0f0f0;
  color: #CCDBDC;
  cursor: default;
}

.button--disabled:focus,
.button--disabled:hover,
.button--disabled:active {
  box-shadow: none;
  color: #CCDBDC;
  outline: none;
}

.button--glass {
  background: rgba(255, 255, 255, 0);
  border: none;
  box-shadow: none;
}

.button--center {
  margin: 0 auto;
  text-align: center;
}

/* USAGE */
.button__dkim {
  max-width: 10rem;
  margin: 1.5rem auto 0.5rem;
  display: block;
}

.button--bit-wider {
  padding: 0.4375rem 1.7rem; /* horizontal up to 40px from 8px */
  /* vertical reduced to 7px */
}

.button--wider {
  padding: 0.4375rem 2.5rem; /* horizontal up to 40px from 8px */
  /* vertical reduced to 7px */
}

.button--with-gap {
  margin-right: 0.25rem; /* For no-whitespace html (Purescript) */
}

.button--print-programme {
  margin-left: 2rem;
  margin-bottom: 1rem;
}

@media (max-width: 48rem) {
  .button--print-programme {
    display: none;
  }
}
.button--cta {
  font-size: 1.25em;
  padding: 1rem 5rem;
  display: block;
  margin: auto;
}

/* ! Custom CTA buttons for paginated forms */
.button--previous {
  display: inline;
  margin: 1rem;
}

.button--next {
  display: inline;
  margin: 1rem;
}

.button--payment-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 1rem 0;
}

.button--payment-icon-paypal {
  margin-top: -1rem;
}

.button--circle {
  font-size: 2rem;
  border-radius: 50%;
  height: 4.8rem;
  width: 4.8rem;
  line-height: 1.8;
}

.button--icon-right {
  background-repeat: no-repeat;
  background-position: right 0.5rem top 50%;
  padding-right: 2.5rem;
}

.button--action {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAYAAABsxO8nAAAAAXNSR0IArs4c6QAAAqxJREFUOBG9VD2IE0EUntlc7jbsZmfjZomYoBYRRDuDYGF1eIFYeBYGxEqQu8NCWy0sAlcoYmVhcaA2Fgr+Fl4RRVMINip2/hAE5ZojKXbZHLfJZnd8s5fd2794ucaBYd773jffvH3zdhCKjFKplIlAE7mpIEtVVXHT2GxlpjOSaZkfg7GJ7XK5PENE+a0kEArTkbPyxYk3e8R6vZ4CkacjESbE5hDE5j3OTitmBCKQmxSh6wlkk8O4pvW0VkIsBHHMS3PphwijTiiy5fBwwCtCyLGEWAhyM2KIS7Zxi1KaDTGYA4dM4/TJrtH9GYuNADcjZuu6/gVUz4DZH8W2F4pUyxk2FUUpboNhyxdiMKsFx+HzYNphGkIU0QNW324Ws0UlGmN+SIgBmqG9BLEFMKE8kUHpkZ7TWy0UCkIkgkIN6QXNgfmV5/kNkKp6WGAt2tbwePlQ+Umn0/Ezj2XkbdAN/Q7U7JbnB1dK0dza77VHjUbD3+/fWpAYtImYW6HUYZ8aGxijFb2nL7GArxhjjYBq7dRlMFeT4pDZoiTKN1hsx4wkSS0jZ/AB6lWIimGMDZSamtX17qd/ZpTP5/dh23qTJAKi0G/0LBNhB4wVkqTSnoE5bEL/HGTEyLDhH7wA9Xnn4YlCbp84xmtE6VGPGFwxh5ageZ8HsZhQpVJJmz3zGXzOiSDRs0HkGrTGfc9PXFlfEJE8jrxL3vtEiZC7nbgRwNCtgcg9uFJ23bGBEX6gb2iXYoER4H+aLMrLY0UwflE9Pbc4ToThbkbQVFegsHeTiNAr79W9+Vq73Y4/L4ENbkaY0m+ADQK4a8Ipn9P81PxOIozs/v19q/+Ln+G/g38O5lbdMPohcsLsurauMeKuBsmSBXZjRJD/5HK5/bvaHCVD0a8qWeVwFP9v/l98XtMfMhooCQAAAABJRU5ErkJggg==");
  background-size: 0.625rem 0.9375rem;
}

.button--action-complete {
  background-color: #dbdbdb;
  color: rgba(14, 11, 15, 0.75);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAqJJREFUSA29Vk1oE0EUfm+T6NZNdna7ezENeilV8CQIgj0YQbAK6l176E0QkSriTcmx4sFTL14ERQ8qHkRvliqKR0UhB6V4lFaCzaYR0nR3x5ktCZvZSbqhuxnIz/v9vpm38yUZGOEiGllQ1X3HNtutTyOE3YYyNOOmrhEavPLGA0op8kjwljYbUzNnPfAfh/EQ4dnkocm51Ano+vgMeN5rBp6LblSZVaLO5DyWbh1Hz38pA1cQFxv/1p+mRsAqWIe3fPctBaqJW2LH/2L+1vx17k9lBJZlTbgt7zMDPxAFx6XSwYlz1Wq1nQoBQohJPfwIlB6JgAN+yY1ly7VabaMTS3QEpVJpjIG/kYIjrKi492wYnJNIjEC5XM421pvPGfiJzu5Cn6uQgTNrzbU/IV/wNbFnQNeMRwB0LgKA6GAWTtbr9W9ijNuJnADRzHsycNZ/k+3wYj/wRAgwib1Bwb/NmwnLZ3f9Ur1Z/yD4e8yeEXB9Zov2ZAwwdM28DOA/YSk9fXgJKnDF2XAeDigPQt0R2AV7yiiY3w3DOLpTEY8HEgs+m3sUHBDvxgHnfQLmHLztu+/ZHPczlfqLWTzN5vaVJ8gWl1jX85ZkKscllh37NVmdzKeEwXkCpTBOXfqu30nElVgZmMyHJG8ss9mXxaDsJIaRWLFfPxtt2y62W1vLQGFKTAqTGFZixV797O1nYAcSGcycd6l/X6ZyjOSKCuq0TOX6gYb93esz6CTCBcL3VaZy047j/BL8sc3uNWQ/Er/3qLlT7F78jFPN9KKh5HBmN+Acp0uAG0OQ4BJ7YZDE8n5xVg8BXhCDRCyJjQPOcyIEuHMQCUTlKhOaVzwv9cUfTD1PfoT+z99JHVQE6JAgebIoxkZmFwtFu1KpSMe1WxL/AVJgDrqBqKouAAAAAElFTkSuQmCC");
  background-size: 1rem 0.875rem;
}

.button--action-complete:hover {
  color: rgba(14, 11, 15, 0.75);
}

.button--margin {
  margin-bottom: 1rem;
}

/*=======================================================
  Card
  (Wrapper for content of many varieties)
=======================================================*/
.card__wrapper {
  display: inline-block;
}

.card {
  max-width: 45rem;
  margin: 2rem auto;
  background-color: #ffffff;
  border: solid 1px rgb(219, 219, 219);
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.card--rows {
  margin: 0rem auto;
}

.card--focussed-row-content {
  min-height: 75%;
  min-width: 90%;
  margin: 1rem;
  float: left;
  height: 100%;
}

.card__iframe-content {
  min-height: 48rem;
  width: 100%;
}

.frame {
  overflow-y: auto;
  height: 100%;
}

.frame::-webkit-scrollbar {
  -webkit-appearance: none;
}

.frame::-webkit-scrollbar:vertical {
  width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
  height: 11px;
}

.frame::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}

.card--side {
  background-color: #f0f0f0;
  margin: 0 auto;
}

.card--small {
  position: relative;
  list-style: none; /* to support these being <li> elems*/
  margin: 2px auto;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.card--small:before,
.card--small:after {
  z-index: 1;
  content: " ";
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  display: block;
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  cursor: pointer;
}

.card--small:before {
  bottom: 100%;
  border-top: none;
  border-radius: 0 0 0.75rem 0.75rem;
  transform: translate(-50%, 6px);
  -webkit-box-shadow: 0px -1px 0px 0px #ffffff, 0px -1px 2px -1px #dbdbdb inset;
  -moz-box-shadow: 0px -1px 0px 0px #ffffff, 0px -1px 2px -1px #dbdbdb inset;
  box-shadow: 0px -1px 0px 0px #ffffff, 0px -1px 2px -1px #dbdbdb inset;
}

.card--small:after {
  top: 100%;
  border-bottom: none;
  border-radius: 0.75rem 0.75rem 0 0;
  transform: translate(-50%, -6px);
  -webkit-box-shadow: 0px 3px 1px 0px #ffffff, 0px 2px 2px -1px #808080 inset;
  -moz-box-shadow: 0px 3px 1px 0px #ffffff, 0px 2px 2px -1px #808080 inset;
  box-shadow: 0px 3px 1px 0px #ffffff, 0px 2px 2px -1px #808080 inset;
}

.card--small:hover {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  border-color: #808080;
}

.card--small:hover:before {
  border-color: #808080;
}

.card--small:hover:after {
  height: 7px;
  border-color: #808080;
  -webkit-box-shadow: 0px 5px 3px 0px rgb(255, 255, 255), 0px 3px 4px 0px rgb(128, 128, 128) inset;
  -moz-box-shadow: 0px 5px 3px 0px rgb(255, 255, 255), 0px 3px 4px 0px rgb(128, 128, 128) inset;
  box-shadow: 0px 5px 3px 0px rgb(255, 255, 255), 0px 3px 4px 0px rgb(128, 128, 128) inset;
}

.card--no-hover-effect {
  position: relative;
  list-style: none; /* to support these being <li> elems*/
  margin: 2px auto;
}

.card__header {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #808080;
  border-radius: 1px;
}

.card__header--event {
  background-color: #f4f4f6;
}

.card__header--submissions {
  background-color: #e5f6ef;
}

.card__header--delegates {
  background-color: #FFEDED;
}

.card__header--reviews {
  background-color: #e5eaef;
}

.card__header--reviews-warning {
  background-color: #9c2c00;
  color: white;
}

.card__header--email-confirmation {
  background-color: #e5f6ef;
}

.card__header--acceptance-types {
  background-color: #fef4e5;
}

.card__header--secondary {
  border-bottom: none;
  border-top: 1px solid #808080;
}

.card__header--session-categories {
  border-top: 1px solid #808080;
}

.card__header--subheader {
  background-color: #f4f4f4;
  border-bottom: solid 1px #bdbdbd;
}

.card__header-data {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5rem 3rem;
  text-align: right;
  font-size: 0.875rem;
}

.card__header-data--left {
  text-align: left;
}

.card__header-button {
  float: right;
  margin-top: 0.65625rem; /* 10.5px */
  /* to center button inline with event title */
  margin-right: 1rem;
}

.card__title {
  display: table-cell;
  vertical-align: middle;
  padding: 1rem;
  line-height: 1.5rem;
  font-size: 1.125rem;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: rgb(14, 11, 15); /* Stage 3 - Black Colour */
  text-decoration: none;
  text-align: left;
}

.card__title--centered {
  text-align: center;
}

.card__title--block {
  display: block;
}

.card__title--event {
  padding: 0.5rem 0rem 0.5rem 3rem;
}

.card__title--reviews-warning {
  padding: 0.5rem 0rem 0.5rem 3rem;
  color: white;
}

.card__title--client {
  padding: 0 1rem;
}

.card__title--small {
  display: block;
  line-height: 2.2;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
}

.card__title--no-hover-effect {
  cursor: default;
}

.card__title--message {
  text-align: center;
}

.card__subtitle {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 0.675rem;
  font-weight: 600;
  line-height: 1.25;
  color: rgb(14, 11, 15); /* Stage 3 - Black Colour */
}

.card__subtitle--link {
  text-decoration: underline;
  color: #003066;
}

.card__subtitle--program-abstract-title {
  font-size: 1rem;
  margin: 0.25rem 0 0.5rem;
  text-decoration: none;
}

.card__subtitle--program-abstract-title p {
  margin: 0;
}

.card__subtitle--program-section {
  margin: 0.8rem 0 0.5rem;
  font-weight: 600;
  color: #505050;
}

.card__link {
  display: block;
  color: #003066;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.card__link--no-margin, .card__link--no-margin p {
  margin: 0;
}

.card__link--symbol {
  text-decoration: none;
}

.card__link--special {
  float: right;
}

.card__link-container {
  border: solid 1px rgb(219, 219, 219);
  background-color: #ffffff;
  padding: 0.2rem;
  margin-top: 1rem;
}

.card__link-container .card__subtitle {
  border-bottom: solid 1px rgb(219, 219, 219);
}

.card__data {
  text-align: right;
  line-height: 1.5;
}

/* a label is usually paired with a datum element */
.card__label {
  color: #808080;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}

/* labels are used as titles on email template cards */
.card__label--email {
  font-weight: 600;
  letter-spacing: 0.3px;
}

.card__label--large {
  color: #000000;
  display: block;
  line-height: 1.25;
  padding: 0.75rem 0rem;
  font-size: 1rem;
  cursor: pointer;
}

.card__label--time {
  float: right;
}

.card__label--unformatted {
  text-transform: none;
  cursor: default;
}

/* a datum is usually paired with a label */
.card__datum {
  color: #333333;
}

.card__datum--no-label {
  display: block;
  text-align: left;
  line-height: 1.5;
}

.card__datum--extra {
  float: left;
  font-style: italic;
}

.card__datum--programme-time {
  font-style: italic;
}

.card__copy {
  margin: 0.25rem 0;
  line-height: 1.4;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgb(14, 11, 15); /* Stage 3 - Black Colour */
  letter-spacing: -0.25px;
}

.card__copy--special {
  text-decoration: underline;
  margin: 0;
}

.card__section {
  /* A section must wrap a 'sub-section' */
  display: table;
  table-layout: fixed;
  width: 100%;
}

.card__section--header {
  border-bottom: solid 1px #bdbdbd;
  text-align: left;
}

.card__section--side {
  margin: 0rem 0.5rem 1rem;
  padding: 1rem 1rem 0.25rem;
  text-align: left;
  background-color: #ffffff;
  display: block;
  width: auto;
}

.card__section--long-content {
  overflow: scroll;
  max-height: 28rem;
}

.card__sub-section {
  /* Must be accompanied by a parent 'section'  */
  display: table-cell;
  position: relative;
  border-left: none;
  padding: 1rem 3rem 1rem;
  vertical-align: top;
  text-align: left;
}

.card__sub-section ~ .card__sub-section {
  border-left: solid 1px #bdbdbd;
}

.card__sub-section--divided {
  border-bottom: solid 1px #bdbdbd;
}

.card__sub-section--divided-top {
  border-top: solid 1px #bdbdbd;
}

.card__sub-section--centered {
  text-align: center;
}

.card__sub-section--small {
  padding: 0rem 2rem;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
}

.card__sub-section--small ~ .card__sub-section--small {
  border-left: none;
  text-align: right;
}

.card__sub-section--email-recipients {
  padding: 2px 0.5rem;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 33%;
}

.card__sub-section--email-message {
  padding: 2px 0.5rem;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 66%;
}

.card__sub-section--footer {
  border-top: solid 1px #bdbdbd;
}

.card__sub-section--footer ~ .card__sub-section--footer {
  border-left: none;
  padding-left: 0;
}

.card__sub-section--short {
  padding: 0.5rem 3.5rem;
  vertical-align: middle;
}

.card__sub-section--header {
  padding: 0.5rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.card__sub-section--unformatted {
  text-transform: none;
  cursor: default;
}

.card__input {
  height: 1.875rem;
  margin: 0.5rem 0;
  padding: 0 0.5rem;
  width: 100%;
  border: 1px solid #979797;
  box-shadow: inset 0 2px 2px 0 #BDBDBD;
  border-radius: 3px;
}

.card__input--small {
  width: 80%;
}

.card__submission {
  text-align: left;
  display: block;
  text-decoration: underline;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.25px;
}

.card__status-label {
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
  padding: 0.3125rem;
  float: right;
  position: relative;
  margin: 0.2em;
  font-weight: 600;
}

.card__status-label--complete {
  color: #003066;
}

.card__status-label--incomplete {
  color: #f89600;
}

.card__status-label-group {
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%);
  float: right;
  position: relative;
}

/* Fixer classes for other Blocks / elements */
.button.card__section-button {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
}

/* Custom Toggles */
.card__toggle {
  position: relative;
  display: inline-block;
}

.card__toggle-label {
  display: block;
  width: 2.25rem;
  height: 1.25rem;
  line-height: 0.875rem;
  text-align: center;
  text-transform: lowercase;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.card__toggle-label:before {
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.25rem;
  width: 2.25rem;
  background-color: #dbdbdb;
  border: 1px solid #808080;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 3px 3px 0 #ffffff;
  -moz-box-shadow: inset 0 3px 3px 0 #ffffff;
  box-shadow: inset 0 3px 3px 0 #ffffff;
}

.card__toggle-label--open {
  padding: 0.1875rem 4.5rem 1rem 0.5rem;
  background-color: #00aa61; /* green */
  color: #ffffff;
}

.card__toggle-label--open::before {
  right: 0;
}

.card__toggle-label--closed {
  padding: 0.1875rem 1rem 1rem 4.375rem;
  text-indent: -1.75rem;
  background-color: #9c2c00;
  color: #ffffff;
}

.card__toggle-label--closed::before {
  left: 0;
}

.card__toggle-input {
  display: none;
}

.card__copy {
  line-height: 1.5;
  max-width: 45rem;
  margin: 1.5rem auto 0.5rem;
  font-size: 1.1rem;
  word-wrap: break-word;
}

.card__copy--warning {
  color: #B91500;
}

.card__copy--authors-wrap, .card__copy--separated-link {
  padding: 0 0 0.5rem;
}

.card__copy--authors {
  font-size: 14px;
  margin: 0;
}

.card__copy--affiliations {
  font-size: 12px;
  margin: 0 0 0.5rem;
}

.card__copy--program-section {
  padding: 0 0 0.5rem;
  margin: 0;
}

/*this happens when screen is bigger than 768px (48rem)*/
@media screen and (min-width: 64rem) {
  .card--side {
    max-width: 16rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem;
    margin-top: 2rem;
  }
  .card--side-wider {
    max-width: 24rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem;
    margin-top: 2rem;
  }
}
.react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__input-container {
  width: 100%;
}

.react-datepicker-popper {
  z-index: 10 !important;
}

.SingleDatePicker_picker {
  z-index: 10 !important;
}

.dropdown__menu {
  display: none;
  position: absolute;
  padding: 0.675rem 1rem;
  z-index: 10;
  background-color: white;
  list-style-type: none;
  box-shadow: 0px 4px 8px 0px rgba(3, 29, 57, 0.2);
  border: solid 1px #808080;
}

.dropdown__menu--open {
  display: block;
}

.dropdown__menu--last {
  right: 0;
  top: 3.1rem;
}

.dropdown__item--sub-menu:hover .dropdown__menu {
  display: block;
}

.dropdown__menu--sub-menu {
  top: 0%;
  left: 100%;
  width: 120%;
}

.dropdown__menu > li {
  position: relative;
  /* dropdown__menu must be a <ul> and have direct <li> children.
  This allows sub-menus to be positioned in-line with parent list item */
}

/* Items in the dropdown menu */
.dropdown__item {
  display: block;
  padding: 0 1.5rem 0 1rem;
  font-size: 0.875rem;
  line-height: 2.5rem;
  color: #003066;
  text-decoration: none;
  cursor: pointer;
}

.dropdown__item:hover {
  color: #000000;
  background-color: #f0f0f0;
}

.dropdown__item--sub-menu {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAW5JREFUOBFjYACChIQog+TkZCEQm1zABNL4+y+jw4+f32/GxkYl////n5Ecw8AGQTT+F/n3//+c2NjoYyAXkmoYkkFQ4xj+W/z+8/9MbGzkpLS0NH5iDcQwCKqR+d9/htyv3z6DvBtLjGG4DILpFQd6d1F0TNTB2NhYHZggNpqQQVA9/+3+/f9zPjo2sicpKYmXAoPAWlkY/jMU//z1/UZcXHQ4umFEughFm9Tff/9WxMRE7YlJilGHyZBjEFjvf4b/zsAEeBgYdoogAbINAqbaJSzM7HqLFy++DzKIBUSQBBgZrgJtz168ePlBZH2kuOgLIwNjqaqyugG6ISADiXIR0BurmJhYixYtWvQU2RXIbLwGAV1wk4mJIWfRomV7kDVhY2P1GiMj4zdGJsZqFRU1PWIMARmM4SKgIRvY2RgK5s5d9hCbzbjEkAxivMfEyJC7ePGybbgU4xMHG8TK/H8rAwPbjAULFvzAp5gucgBskm2t6l95sQAAAABJRU5ErkJggg==");
  background-size: 0.5rem 0.625rem; /* 8px  10px */
  background-repeat: no-repeat;
  background-position: 95%;
}

.dropdown__item--no-hover:hover {
  color: transparent;
  background-color: transparent;
}

/*=======================================================

  File Download Icon
=======================================================*/
.file__section {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.file__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0.5rem;
  background-color: #eee;
}

/*=======================================================

  Footer
=======================================================*/
.footer {
  margin-top: 7rem;
  display: table;
  table-layout: fixed;
  padding: 0.875rem 0;
  width: 100%;
  font-size: 0.875rem;
  background-color: #f0f0f0; /* matched on the <body> */
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.footer--assign,
.footer--unassign {
  z-index: 1;
  display: block;
  font-size: 1rem;
  position: fixed;
  bottom: 0;
  padding: 1.5rem;
  margin: 0;
  height: 5rem;
  background-color: #e5eaef;
  border-top: solid 1px #003066;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

#show-reviewers-checkbox:checked ~ .footer--assign,
#show-reviewers-checkbox:checked ~ .footer--unassign {
  height: 100%;
  height: 100vh;
  overflow-y: scroll;
}

.footer__inner { /* used in tables */
  max-width: 45rem;
  margin: auto;
  text-align: center;
}

.footer__reviewers {
  margin: 1.5rem auto;
}

.footer__reviewer:before,
.footer__reviewer:after {
  background-color: #e5eaef;
}

.footer__reviewer:before {
  -webkit-box-shadow: 0px -1px 0px 0px #e5eaef, 0px -1px 2px -1px #dbdbdb inset;
  -moz-box-shadow: 0px -1px 0px 0px #e5eaef, 0px -1px 2px -1px #dbdbdb inset;
  box-shadow: 0px -1px 0px 0px #e5eaef, 0px -1px 2px -1px #dbdbdb inset;
}

.footer__reviewer:after {
  -webkit-box-shadow: 0px 3px 1px 0px #e5eaef, 0px 2px 2px -1px #808080 inset;
  -moz-box-shadow: 0px 3px 1px 0px #e5eaef, 0px 2px 2px -1px #808080 inset;
  box-shadow: 0px 3px 1px 0px #e5eaef, 0px 2px 2px -1px #808080 inset;
}

.footer__reviewer-checkbox {
  display: none;
}

.footer__reviewer-checkbox:checked ~ .footer__sub-section {
  background-color: #ffffff;
}

.footer__reviewer-checkbox:checked ~ .footer__sub-section .footer__reviewer-name {
  color: #808080;
}

.footer__reviewer-email {
  color: #808080;
  text-transform: lowercase;
  font-style: italic;
}

.footer__title {
  width: 50%;
  display: table-cell;
  padding-right: 2rem;
  line-height: 2.5;
  text-align: right;
  text-transform: capitalize;
  text-decoration: none;
  color: #333333;
}

.footer__title:visited {
  color: #333333;
}

.footer__links {
  width: 50%;
  display: table-cell;
  text-align: left;
}

.footer__link {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0 0.5rem;
  color: #979797;
  text-decoration: none;
}

@media (max-width: 40rem) {
  .footer {
    margin-top: 0;
  }
  .footer__title {
    padding-right: 0.5rem;
  }
  .footer__link {
    display: block;
    margin-bottom: 0.75rem;
  }
}
/* FROALA */
.froala-editor ul {
  list-style: initial;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.froala-editor ol {
  list-style: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.froala-editor li {
  list-style: unset;
}

.hint {
  display: block;
  text-align: left;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 1rem 0;
}

.hint--large {
  font-size: 1rem;
  margin: 1rem 1rem;
}

.hint--important {
  font-size: 1rem;
  margin: 1rem 1rem;
  text-align: center;
}

.hint--warning {
  color: #E20F01;
  text-transform: uppercase;
  font-weight: bold;
}

.hint--center {
  text-align: center;
}

.form-bar__hint {
  display: block;
  text-align: left;
  color: #000000;
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin: 1rem 0;
}

.form__hint {
  display: block;
  text-align: left;
  color: #000000;
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin: 1rem 0;
}

.form__hint--large { /* should be nested within form__hint parent */
  display: inline-block;
  margin: 0 0.25rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #003066;
}

.form__hint--warning {
  color: #E20F01;
  text-transform: uppercase;
  font-weight: bold;
}

.form__hint--multi {
  white-space: pre-wrap;
}

.usertype__hint {
  display: block;
  margin-bottom: 1.5rem;
}

/*=======================================================
  Loading Spinner
  (for when an action is pending and the user must wait)
=======================================================*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  display: block;
  position: relative;
  margin: auto;
  border: 1rem solid #f3f3f3; /* Light grey */
  border-top: 1rem solid #003066; /* Blue */
  border-radius: 50%;
  width: 2.8125rem; /* 45px*/
  height: 2.8125rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.modal-background {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1300;
  position: fixed;
  text-align: center;
}

.modal-background__grey-out {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
}

.modal-content {
  margin: 15% auto;
  padding: 2rem;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  width: 40%;
  vertical-align: middle;
  display: inline-block;
}

/*=======================================================
  Nav
  (main navigation toolbar at the top of the screen)
=======================================================*/
.nav {
  background-color: #194B82;
  font-size: 1rem;
  padding: 0 1rem;
  margin: 0;
}

.nav--new {
  background-color: #FA7921;
}

.nav--edit {
  background-color: #00AD77;
}

.nav--ghost {
  background: none;
}

.nav__inner {
  max-width: 80rem;
  text-align: left;
  margin: auto;
  position: relative;
  height: 3rem;
  padding: 0.25rem 0rem;
}

.nav__logo {
  max-height: 100%;
}

.nav__link {
  display: inline-block;
  height: 2.5rem; /* 40px */
  /* ensures equal vertical sizing across navbar */
  line-height: 2.5rem; /* 40px */
  /* ensures consistent vertical text align */
  padding: 0 2%;
  color: #f0f0f0;
  text-decoration: none;
}

.nav__link:visited {
  color: #dedede;
}

.nav__link:hover {
  color: #ffffff;
  cursor: pointer;
}

.nav__link:active {
  color: #ffffff;
}

.nav__link--last {
  right: 0;
  position: absolute;
}

.nav__link--right {
  position: relative;
  float: right;
}

.nav__link--colour,
.nav__link--colour:visited,
.nav__link--colour:hover {
  color: #194B82;
}

.nav__link--copy {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}

.nav__link--copy:hover {
  cursor: default;
  color: #f0f0f0;
}

.nav__link--icon {
  font-size: 0;
}

.nav__link--table {
  min-width: 9rem;
}

.nav__link--full-width {
  flex: 1;
}

/* "New" state styles for child elements */
.nav--new .nav__link,
.nav--new .nav__link:visited {
  color: #f0f0f0;
}

.nav--new .nav__link:hover {
  color: #ffffff;
}

/* "Edit" state styles for child elements */
.nav--edit .nav__link,
.nav--edit .nav__link:visited {
  color: #031D39;
}

.nav--edit .nav__link:hover {
  color: #ffffff;
}

.nav__breadcrumb-chevron {
  color: #dedede;
  font-size: 0.8em;
}

.nav__review-form {
  display: flex;
  align-items: center;
  padding: 0.3rem 0 0.3rem 0;
  overflow: hidden;
}

.nav__review-form__pagination {
  display: flex;
  align-items: center;
  padding: 0 1rem 0 1rem;
}

.nav__numbers--nav {
  padding: 0 0.8rem 0 0.8rem;
  color: white;
  flex: 1;
  white-space: nowrap;
}

.nav__link--greeting-mobile {
  display: none;
  padding: 0 0.5rem;
}

@media (max-width: 48rem) {
  .nav__link--greeting {
    display: none;
  }
  .nav__link--greeting-mobile {
    display: inline;
  }
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before, .separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.separator::before {
  margin-right: 0.25em;
}

.separator::after {
  margin-left: 0.25em;
}

/*=======================================================
  Sidebar
  (wrapper for content entering view from off screen)
=======================================================*/
.sidebar {
  position: fixed;
  top: 0;
  right: -33rem;
  width: 32rem;
  padding: 1.125rem 2.5rem;
  background-color: rgb(246, 246, 246);
  z-index: 9999;
  border-left: rgb(255, 255, 255) solid 0.1rem;
  height: 100%;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  overflow: scroll;
  box-shadow: -2px 0 3px 0 rgba(61, 87, 117, 0.68);
}

.sidebar--open {
  right: 0;
  transform: translate(0rem, 0rem);
}

.sidebar--containing-table {
  padding: 0;
}

.sidebar__section {
  position: relative;
}

.sidebar__title {
  display: block;
  color: #00AD77;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  margin-bottom: 1.125rem;
  margin-top: 2rem;
}

.sidebar__copy {
  display: inline-block;
  color: #073d79;
  font-weight: 900;
  line-height: 1.5rem;
}

.sidebar__copy--message {
  padding-left: 0.8rem;
}

.sidebar__close-button {
  position: absolute;
  top: 0.25rem;
  right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAfVJREFUWAnN2E1SgzAUAOAEOtIfhrZZewO9gztdOO70ErbHUU/hQs9RT+DoCVyonc5QqiXmYdOSNknzAx2YAQqE9z5CKCEIlaZhPDwtbR7kJ4nJiTRREg9HSa+fs/WttEANO5OEXLCc6SAe3AnhVxjKDv7PB0BxDM/JUZgQcrzM8leKaEdQ4mA0nX0+CPsq2gAMWi6fWLh2OWSA8VmYpuk06nRfEKXX7GBrU4BeRlH3I1vMJ5t9/r9UGMQq4Hv29RhCiixL36NOr3aUDsPvRgE6BMoEA441qE6UKWYHVAeq3yfnrAE/s9hCA4Y2w28T5OWTUEN8Z1VtCjD01xwD+aUgOOCLcsFoQT4oV8xekAvKB2MEskH5YiAXhoXppHt8cYjfbBuwLK8VCAIoUQgt2OEjIYni0RbKbG1Yg+B8DWoT3gEDJzuB4EQtyhEDcQNYNGlS/jHqkNraKU5077pYgxQYyhw/bC7Fc0NZ3TIlBgdj3AqvGGheVBBf0Pzeto9euiIeRb7WYeCtDe++drc3QTm9YRGce55GoH0YfglVoPaCTDFVobQgW0wZ5dpHV4JcMb4oKcgX44PaAVWFcUUJoKoxLqg1qC6MLaoAKTCsLxCMZZ8qPInt2uTDoXGDDcVFNmk4Zl3rK1QzBqy4Sjm8xgvUsN7O+Qd+/RZ2HxflMAAAAABJRU5ErkJggg==");
  background-color: rgb(246, 246, 246);
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

/*=======================================================
  Snackbar
  (messages shown at the bottom center of the screen)
=======================================================*/
/* Animations to fade the Assigning snackbar in and out */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.snackbar {
  z-index: 2;
  width: 100%;
  left: 0;
  position: fixed;
  bottom: 4rem;
  line-height: 3rem;
  visibility: hidden;
  color: #ffffff;
  text-align: center;
  font-size: 1.125rem;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.4);
}

.snackbar--visible {
  /* Show the snackbar when clicking on a button (class added with JavaScript) */
  visibility: visible;
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds
  Commented out for now as it means that longer timed snackbars fade out early and appear buggy*/
  /*-webkit-animation: fadein 0.5s, fadeout 0.5s 3s;*/
  /*animation: fadein 0.5s, fadeout 0.5s 3s;*/
}

.snackbar--assign-error {
  position: absolute;
  bottom: initial;
  top: 1.25rem;
  background-color: #9c2c00; /* red */
}

.snackbar--success {
  background-color: #00aa61; /* green */
}

.snackbar--error {
  background-color: #9c2c00; /* red */
}

/*=======================================================
  Statistics
  (box of numbers on cards)
=======================================================*/
.stats {
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 1px solid rgb(189, 189, 189);
  border-radius: 4px;
  margin-bottom: 1rem;
}

.stats__stat {
  display: table-cell;
  padding: 0.875rem 1.25rem 0.5rem 2.25rem;
  vertical-align: middle;
}

.stats__label {
  display: block;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25;
}

.stats__number {
  text-decoration: none;
  display: block;
  padding: 0.5rem 0rem;
  font-size: 2rem;
  font-weight: 500;
  color: rgb(0, 48, 102);
  word-wrap: break-word;
}

/*=======================================================
  Sub-Nav
  (Secondary Navigation within a page - horizontal list of links)
=======================================================*/
.sub-nav {
  display: table;
  table-layout: fixed;
  width: 80%;
  max-width: 51.2rem;
  margin: auto;
  font-size: 1rem;
  padding: 0.5rem 0;
}

.sub-nav--search {
  table-layout: auto;
  max-width: 64rem;
  width: 100%;
  position: relative;
}

.sub-nav__link {
  display: table-cell;
  line-height: 1;
  text-align: center;
  color: #003066;
  text-decoration: underline;
  cursor: pointer;
}

.sub-nav__link:visited {
  color: #003066;
}

.sub-nav__link--search {
  font-size: 0.875rem;
}

.sub-nav__form {
  display: table-cell;
  width: 85%;
  padding-left: 10%;
}

.sub-nav__input {
  display: inline-block;
  padding-left: 1rem;
  margin: 0 0.25rem 0 1rem;
  height: 2.25rem;
  font-size: 1rem;
  width: 80%;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
}

.sub-nav__input--condensed {
  display: inline;
  padding-left: 1rem;
  margin: 0 0.25rem 0 1rem;
  height: 2.25rem;
  font-size: 1rem;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
}

@media (max-width: 48rem) {
  .sub-nav {
    width: 50%;
    display: block;
  }
  .sub-nav--search {
    display: table;
    width: 100%;
  }
  .sub-nav__link {
    display: block;
    text-align: left;
    padding: 0.25rem 0;
  }
}
/*=======================================================
  Tabgroup
  (A Group of tabs for navigating between pages)
=======================================================*/
.tabgroup {
  -webkit-box-shadow: inset 0px -1px 0px 0px #003066;
  -moz-box-shadow: inset 0px -1px 0px 0px #003066;
  box-shadow: inset 0px -1px 0px 0px #003066;
  margin-bottom: 1.25rem;
}

.tabgroup--email-composer {
  margin-bottom: 0;
}

.tabgroup__inner {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 2.5rem;
  max-width: 40rem;
  margin: 1rem auto 0;
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  -moz-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.tabgroup__inner--table {
  margin: -0.5rem auto 1.125rem; /* inverted margin for table view */
}

.tabgroup__inner--email-composer {
  margin: auto;
}

.tabgroup__tab {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #dbdbdb;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #003066;
  -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 2px 0px rgba(180, 180, 180, 0.5);
  -moz-box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 2px 0px rgba(180, 180, 180, 0.5);
  box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 2px 0px rgba(180, 180, 180, 0.5);
}

.tabgroup__tab--conflict {
  background-color: #9c2c00; /* red */
}

.tabgroup__tab--email-composer {
  border-bottom: none;
}

.tabgroup__tab--active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-left: solid 1px #003066;
  border-right: solid 1px #003066;
  border-top: solid 1px #003066;
  border-bottom: none;
  /* Covers the bar--tabgroup border and matches the background colour to give the effet of no border */
  background-color: white;
}

.tabgroup__label {
  display: block;
  line-height: 2.5rem;
  text-decoration: none;
  color: #000000;
}

@media only screen and (max-width: 800px) {
  .tabgroup__label {
    font-size: 0.58rem;
  }
}
.tabgroup__label:hover {
  cursor: pointer;
  color: #000000;
  text-decoration: underline;
}

.tabgroup__label--conflict {
  color: #f0f0f0;
}

.tabgroup__label--conflict:hover {
  color: #ffffff;
}

/* conditional effects on child elements (must be placed lower to ensure override) */
.tabgroup__tab--active > .tabgroup__label {
  color: #003366; /* blue */
}

.tabgroup__tab--active > .tabgroup__label:hover {
  color: #003366;
  text-decoration: none;
  cursor: default;
}

.tabgroup__body {
  display: none;
}

.tabgroup__body--active {
  display: block;
}

.tabgroup__main-tabs {
  max-width: 1080px;
  margin-top: 2rem;
}
@media screen and (max-width: 900px) {
  .tabgroup__main-tabs {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .tabgroup--subtab {
    margin-bottom: 4rem;
    -webkit-box-shadow: inset 0px -1px 0px 0px #c2c2c2;
    -moz-box-shadow: inset 0px -1px 0px 0px #c2c2c2;
    box-shadow: inset 0px -1px 0px 0px #c2c2c2;
  }
}

.tabgroup__sub-tabs {
  margin: 0 auto 4rem;
  position: relative;
}
@media screen and (min-width: 900px) {
  .tabgroup__sub-tabs {
    display: none;
  }
}

.tabgroup__sub-tabs-upper {
  padding: 0;
  margin: 0;
  font-size: 0;
  display: flex;
  list-style: none;
  justify-content: center;
  margin-top: 2rem;
  color: #777;
}
@media screen and (max-width: 500px) {
  .tabgroup__sub-tabs-upper {
    width: 100%;
  }
}

.tabgroup__sub-tab-upper {
  display: block;
  padding: 1.8rem 1rem;
  font-family: sans-serif;
  background-color: #fafafa;
  margin: 0;
  font-size: 1rem;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  border-right: none;
  border-left: none;
  text-decoration: none;
  color: #2a3745;
  border-right: 1px solid #f0f0f0;
  box-shadow: inset 0px -0.2rem 0px 0px #c2c2c2;
}
@media screen and (max-width: 500px) {
  .tabgroup__sub-tab-upper {
    padding: 1.8rem 0.7rem !important;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 400px) {
  .tabgroup__sub-tab-upper {
    padding: 1.8rem 0.5rem !important;
    font-size: 0.7rem;
  }
}

.tabgroup__sub-tab-upper:first-child {
  padding-left: 1.3rem;
  border-top-left-radius: 0.5rem;
  border-left: 1px solid #c2c2c2;
}

.tabgroup__sub-tab-upper:last-child {
  padding-right: 1.3rem;
  border-top-right-radius: 0.5rem;
  border-right: 1px solid #c2c2c2;
}

.tabgroup__sub-tab-upper:hover {
  box-shadow: inset 0px -0.2rem 0px 0px #c2c2c2;
  background-color: #fff;
}

.tabgroup__sub-tab-upper--active {
  background-color: #fff;
  box-shadow: none !important;
}

.tabgroup__sub-tabs-lower {
  position: absolute;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  bottom: -4rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabgroup__sub-tab-lower {
  height: 4rem;
  padding: 1.6rem 1rem 1.5rem;
  font-family: sans-serif;
  background-color: #fff;
  margin: 0;
  font-size: 1rem;
  color: #777;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  .tabgroup__sub-tab-lower {
    padding: 1.8rem 0.9rem !important;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 400px) {
  .tabgroup__sub-tab-lower {
    padding: 1.8rem 0.8rem !important;
    font-size: 0.7rem;
  }
}

.tabgroup__sub-tab-lower--active {
  color: initial;
  box-shadow: inset 0px -0.2rem 0px 0px #c2c2c2;
}

.tabgroup__sub-tab-lower:hover {
  box-shadow: inset 0px -0.2rem 0px 0px #c2c2c2;
}

.tabgroup__sub-tabs-lower--hide {
  display: none;
}

/*=======================================================
  Tooltip
  (for showing additional information about a word or title)
=======================================================*/
.tooltip {
  outline: none;
  text-align: left;
  vertical-align: top;
  text-decoration: none;
}

.tooltip--table {
  font-size: 0.875rem;
  color: #ffffff;
  padding: 0.5rem;
}

.tooltip--info-icon {
  font-weight: bold;
  color: #00aa61;
  float: left;
  margin-right: 0.4rem;
}

.tooltip__box {
  z-index: 10;
  display: none;
  padding: 0.875rem;
  margin-top: -1.875rem;
  margin-left: -15rem;
  width: 18.75rem;
  line-height: 1rem;
  border-radius: 0.25rem;
  box-shadow: 0px 8px 16px 0px rgba(3, 29, 57, 0.2);
}

.tooltip__box--bottom-right {
  margin-top: -0.5rem;
  margin-left: 1rem;
}

.tooltip:hover .tooltip__box {
  display: inline;
  position: absolute;
  color: #111111;
  border: 0.0625rem solid #DDCCAA;
  background: #FFFAF0;
}

/*=======================================================
  Constructor
  (Main component for Form construction endpoints)
=======================================================*/
.constructor {
  padding: 0 1rem;
}

.constructor__inner {
  max-width: 45rem;
  margin: auto;
}

.constructor__wrapper {
  display: inline-block;
}

.constructor__message {
  border: dashed 2px #003066;
  padding: 1rem;
  margin: 1rem 0;
  text-align: left;
}

.constructor__title {
  font-size: 1.125rem;
  margin: 0.5rem 0;
  display: block;
  text-align: center;
}

.constructor__message-input {
  display: inline-block;
  height: 5rem;
  width: 100%;
  padding: 0.5rem;
  border: solid 1px #ffffff;
  border-color: transparent;
  font-size: 1rem;
  color: #808080;
  line-height: 2rem;
  resize: vertical;
}

.constructor__message-input:focus {
  border: solid 1px #000000;
  border-radius: 3px;
  color: #000000;
}

.constructor__card {
  position: relative;
  padding: 0.5rem 0.875rem;
  margin-bottom: 0.5rem;
  display: table;
  width: 100%;
  table-layout: auto;
}

.constructor__card--shifted {
  margin-left: 3rem;
}

.constructor__question {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.constructor__checkbox {
  position: absolute;
  margin-top: 3rem;
}

.constructor__submission-controls {
  margin-top: 50%;
  padding-right: 0.875rem;
}

.constructor__question-controls {
  display: table-cell;
  width: 5%;
  padding-right: 0.875rem;
}

.constructor__question-controls--last {
  vertical-align: bottom;
  text-align: right;
  padding-right: 0;
}

.constructor__question-details {
  display: table-cell;
  cursor: pointer;
}

.constructor__question-details--no-link {
  cursor: default;
}

.constructor__description {
  line-height: 1.25;
  display: block;
  padding-right: 0.5rem;
}

.constructor__icons {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.constructor__icon {
  display: inline-block;
  margin-left: 0.125rem;
  line-height: 1;
  text-transform: lowercase;
  padding: 0.25rem;
  color: #ffffff;
}

.constructor__icon--title {
  background-color: #333333;
}

.constructor__icon--abstract {
  background-color: #0000ff;
}

.constructor__icon--category {
  background-color: #9c2c00;
}

.constructor__icon--book {
  background-color: #00aa61;
}

.constructor__icon--review {
  color: #000000;
  background-color: #e5eaef;
}

.constructor__icon--grade {
  background-color: #0000ff;
}

.constructor__icon--conflict {
  background-color: #800000;
}

.constructor__icon--show-submitter {
  background-color: #006400;
}

.constructor__icon--conferencefee {
  background-color: #FFCD70;
}

.constructor__icon--conferenceevent {
  background-color: #FF6A54;
}

.constructor__icon--payment {
  background-color: #EDB7FF;
}

.icon--bin-compact-table {
  margin-bottom: 1rem;
}

.form-bar {
  overflow: hidden;
}

.form-bar__input {
  height: 2.625rem;
  padding: 0.25rem 1rem;
  margin: 0 0 1rem;
  color: #00AA61;
  font-size: 0.875rem;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form-bar__button {
  position: absolute;
  right: -2.5rem;
}

.form-bar__button-label {
  position: relative;
  float: right;
  margin-right: 3rem;
  line-height: 2.25;
}

.form-bar__checkbox {
  height: 0.875rem;
  width: 0.875rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.form-bar__toggle-input {
  display: none;
}

.form-bar__toggle-button {
  position: relative;
  z-index: 1;
  text-align: left;
  width: 16rem;
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 15px 10px;
  background-repeat: no-repeat;
  background-position: 95%;
}

.form-bar__toggle-input:checked ~ .form-bar__toggle-button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAANpJREFUOBFjYCAO1ACVKRCnlLAqDaCSn0C8mbBS4lTsAyr7D8UBxGnBrSoayTCQoQ+BmBu3cvwy/EDpF0AMcx2M7sSvDbfsFCyGgQz9BcTauLVhlzEGCv8FYpir0OmD2LVhF2UCCp/CYxjM8Hjs2jFFs4gwDGToKyAWxNSOKiIG5L4HYpgrCNEzULVj8haTYBjIMlA4m2EaAxFxAFKEXIRN/hxQHzPECATJCmReA2JsGogRy0UYBWFVUGAYyMKPQCwJMYqBQR7I+ArExLgEn5plMAM3UsEwmEXOAGbkm/bVMZcxAAAAAElFTkSuQmCC");
}

.form-bar__toggle-input:checked ~ .bar--form {
  height: auto;
  margin-bottom: 1.125rem;
  padding: 0.625rem 1rem 0;
}

/*=======================================================
  Form

=======================================================*/
/*contains previous and next buttons in submission form*/
.submission-submit-container {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.form {
  display: block;
  max-width: 40rem;
  margin: auto;
  padding: 3rem 0;
}

.form--sidebar {
  padding: 2rem 0 1rem 0;
}

.form--usertype {
  padding: 1.5rem 0 0;
  max-width: none;
}

.form--wider {
  max-width: 50rem;
  margin: auto;
  padding: 3rem 0;
}

.form--add-to-view { /* for use when:
 .form is initially hidden and then
 added to view / brought in to view */
  margin: 0rem 2rem 1rem;
  padding: 1rem 2rem;
  max-width: 66rem; /* suitable for 3 columns as question-sections */
  background-color: #f0f0f0;
}

.form--add-to-view-centered {
  margin: 0 auto;
}

.form--card {
  display: inline;
}

.form__wrapper {
  /* for use with multiple forms - is the parent of the .form elem */
  margin: auto;
  max-width: 60rem;
}

.form__copy {
  display: block;
  margin-bottom: 2rem;
  max-width: 32rem;
  margin: 0 auto 2rem;
  line-height: 1.5;
  color: rgb(128, 128, 128);
  font-weight: bold;
}

.form__copy--link {
  margin-left: 0;
}

.form__copy--thankyou {
  margin: 2rem auto;
}

.form__copy--longform {
  max-width: none;
  font-weight: normal;
  color: #333333;
}

.form__copy--listitem {
  display: list-item;
  list-style-position: inside;
}

.form__copy--listnumeric {
  list-style-type: decimal;
}

.form__subtitle {
  display: block;
  color: #073D79; /* Stage 3 - Primary Blue Colour */
  font-weight: 900;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

/* "form__question" becomes a namespace for sub-components of one question */
.form__question {
  margin-bottom: 4rem;
}

.form__question--admin {
  padding-bottom: 1rem;
  border-bottom: 1px solid #bdbdbd;
}

.form__question-title {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: #003066;
}

.form__question-title--answered {
  color: #808080;
  letter-spacing: 0.5px;
}

.form__question-section {
  margin-bottom: 2rem;
  position: relative;
}

.form__question-section--table { /* to be used with form__question-sub-section--table */
  display: table;
  table-layout: fixed;
  width: 100%;
}

.form__question-section--table-auto {
  table-layout: auto;
}

.form__question-section--divided {
  border-bottom: solid 2px #c0c0c2;
}

.form__question-section--bordered {
  padding: 1.5rem;
  border: solid 2px #c0c0c2;
}

.form__question-sub-section {
  margin-bottom: 1.5rem;
  position: relative;
}

.form__question-sub-section--table { /* to be used with form__question-section--table */
  display: table-cell;
  padding-right: 1rem;
}

.form__question-sub-section--table:last-child {
  padding-right: 0;
}

.form__question-sub-section--inline {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.form__question-sub-section--button {
  vertical-align: middle;
}

.form__label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.25;
  padding-top: 1rem;
}

.form__label ul {
  margin-left: 1rem;
}

.form__label--bold {
  font-weight: 600;
}

.form__label--no-pad {
  padding-top: 0;
}

.form__question-section--read-only .form__label:first-child {
  /* .form__question-section--read-only is a
    Read-only variant which has effect on child-elems
    to be refactored WITH the removal of datatables.
    (child selector used to overcome limitations of datatables) */
  font-size: 1rem;
  color: #000000;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.form__question-section--read-only .form__label,
.form__label--read-only,
.form__question-section--read-only .form__checkbox-label {
  display: block;
  margin: 0 0 0.5rem;
  line-height: 1.25;
}

.form__label--sub { /* for additional input description */
  font-weight: 500;
  line-height: 1; /* 14px */
  margin-top: 0.25rem;
}

.form__label--warning {
  color: #9c2c00;
  text-transform: uppercase;
  font-weight: bold;
  display: none;
}

.form__label--warning-display {
  color: #9c2c00;
  text-transform: uppercase;
  font-weight: bold;
}

.form__label--subtitle { /* larger than normal label */
  display: inline-block;
  font-size: 1.125rem;
  color: #000000;
  font-weight: 600;
  margin-bottom: 1.125rem;
}

.form__label--file {
  display: inline-block;
  line-height: 2.4;
  text-transform: initial;
}

.form__input { /* default style for simple TEXT input */
  display: block;
  height: 2.625rem;
  width: 100%;
  background-color: #FCFCFC; /* Stage 3 - White colour */
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(14, 11, 15, 0.5);
  -moz-box-shadow: inset 0 1px 2px 0 rgba(14, 11, 15, 0.5);
  box-shadow: inset 0 1px 2px 0 rgba(14, 11, 15, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.25rem 1rem;
  margin: 0 0 1rem;
  color: #042246;
  font-size: 0.95rem;
  border: 1px solid rgba(14, 11, 15, 0.5); /* Stage 3 - Black colour */
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form__input:active {
  border-color: #333333;
}

.form__input:focus {
  border-color: #333333;
}

/* .form__question-section--read-only is a
  Read-only variant which has effect on child-elems
  to be refactored WITH the removal of datatables.
  (child selector used to overcome limitations of datatables) */
.form__question-section--read-only .form__input {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: initial; /* to un-do height declaration and support 1rem font-size */
  padding: 0;
  margin-bottom: 1.5rem;
  color: #000000;
}

.form__input--textarea {
  resize: vertical;
  min-height: 5rem;
  padding-top: 0.5rem;
  line-height: 1.5;
  width: 100%;
}

.form__input--textarea--readonly {
  display: block;
  margin: 0 auto 0.5rem 2rem;
  line-height: 1.25;
  font-size: 0.875rem;
  padding-top: 1rem;
}

.form__input--textarea-many-items {
  resize: vertical;
  min-height: 5rem;
  height: 20rem;
  margin-top: 1rem;
  padding-top: 0.5rem;
  line-height: 1.5;
  width: 100%;
}

.form__input--textarea-bulk-decisions {
  resize: vertical;
  min-height: 5rem;
  padding-top: 0.5rem;
  line-height: 1.5;
  margin: 1rem;
  width: 8rem;
  height: 20rem;
  float: left;
  display: inline;
}

.form__input--textarea-bulk-actions {
  resize: vertical;
  min-height: 5rem;
  padding-top: 0.5rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  width: 8rem;
  height: 20rem;
  display: inline;
  margin-left: 4rem;
}

.form__input--textarea-author-field {
  resize: vertical;
  min-height: 5rem;
  padding-top: 0.5rem;
  line-height: 1.5;
  width: 100%;
}

.form__input--textarea-no-min-height {
  resize: vertical;
  height: inherit;
  padding-top: 0.5rem;
  line-height: 1.5;
}

.form__input--disabled {
  background-color: #DBDBDB;
}

.form__input--dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1rem; /* 16px */
  /* Triangle pointing Downwards to indicate dropdown */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-box-shadow: 0px -1px 1px #bdbdbd inset;
  -moz-box-shadow: 0px -1px 1px #bdbdbd inset;
  box-shadow: 0px -1px 1px #bdbdbd inset;
  width: 100%;
  padding: 0.7rem 1rem;
  margin: 0 0 1rem;
}

.form__input--dropdown-compact {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.1rem; /* 16px */
  /* Triangle pointing Downwards to indicate dropdown */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-box-shadow: 0px -1px 1px #bdbdbd inset;
  -moz-box-shadow: 0px -1px 1px #bdbdbd inset;
  box-shadow: 0px -1px 1px #bdbdbd inset;
}

.form__input--dropdown::-ms-expand { /* for IE 11 */
  display: none;
}

.form__input--dropdown-manage-email {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Triangle pointing Downwards to indicate dropdown */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-box-shadow: 0px -1px 1px #bdbdbd inset;
  -moz-box-shadow: 0px -1px 1px #bdbdbd inset;
  box-shadow: 0px -1px 1px #bdbdbd inset;
  margin: 0;
  padding: 0.2rem;
  height: 2rem;
}

.form__input--dropdown-manage-email-acceptance-types {
  width: 9rem;
  display: inline;
}

.form__input--time-hour-prog-builder {
  float: left;
  width: 5rem;
}

.form__input--time-min-prog-builder {
  width: 5rem;
}

.form__input--file {
  /* Hiding element without removing it from payload sent to server */
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.form__input--file:focus + .form__label--file {
  outline: 3px solid #b2e3ce;
  outline-offset: 2px;
  border-radius: 0px;
}

.form__input--with-icon {
  display: inline-block;
  width: 38rem;
}

.form__input--incomplete {
  display: inline-block;
  width: 38rem;
}

.form__checkbox {
  /* For compatibility across internet explorer checkboxes are an independent element of the input elements */
  /* (Applying resets of inherited styles breaks the design on IE11) */
  height: 0.875rem;
  width: 0.875rem;
  padding: 0;
  margin: 0 0.5rem 0 0;
  vertical-align: bottom;
  position: relative;
  top: -4px;
  *overflow: hidden;
}

.form__checkbox:focus {
  outline-offset: 1px;
}

.form__checkbox--disabled {
  background-color: #DBDBDB;
}

.form__checkbox--submission {
  height: 0.875rem;
  width: 0.875rem;
  padding: 0;
  margin: 0 0.5rem 0 0;
  vertical-align: bottom;
  position: relative;
  float: left;
  *overflow: hidden;
}

.form__checkbox-label {
  display: block;
  line-height: 1.25;
  margin-bottom: 1.125rem;
}

.form__checkbox-label--with-icon {
  display: inline-block;
}

.form__checkbox-label--multi-inline {
  display: inline-block;
  padding-left: 2rem;
}

.form__button {
  margin-bottom: 1.25rem;
  margin-top: -0.5rem;
}

.form__image {
  display: block;
  max-width: 100%;
  margin: 1rem auto 1.5rem;
}

.form__answer {
  line-height: 1.5rem;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  display: inline-block;
  font-weight: 500;
}

.form__answer--flag {
  font-style: italic;
}

.form__answer-section {
  text-indent: 0.25rem;
}

@media (max-width: 48rem) {
  .form {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 60rem) {
  .form--multi {
    display: inline-block;
    width: 30rem;
    padding-left: 1rem;
  }
}
/*---------------------------------*/
/*    Controls                     */
/*---------------------------------*/
.programme-controls {
  border-top: solid 1px rgb(192, 192, 194);
  padding: 0 2rem 1rem 2rem;
  max-width: 70rem;
  margin: 0 auto;
  width: 100%;
}

.prog-controls__dividing-section {
  display: inline-block;
  padding: 0.6875rem 1rem 0.625rem; /* 11px 16px 10px */
  border-left: solid 1px #c0c0c2;
  margin-left: 1rem;
}

.programme-controls__button-dropdown {
  background-color: #CCDBDC;
  color: rgba(3, 29, 57, 0.7);
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 0.8rem;
  border-radius: 0.25rem;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
}

.programme-controls__button-dropdown:active,
.programme-controls__button-dropdown:focus {
  outline: none;
}

.programme-controls__button-dropdown--active {
  -webkit-box-shadow: 0px 3px 0px 0px rgba(3, 29, 57, 0.7);
  -moz-box-shadow: 0px 3px 0px 0px rgba(3, 29, 57, 0.7);
  box-shadow: 0px 3px 0px 0px rgba(3, 29, 57, 0.7);
}

.programme-controls__dropdown-box {
  position: absolute;
  width: 10rem;
  background-color: white;
  bottom: 0rem;
  left: 0rem;
  display: none;
  transform: translateY(100%);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
}

.programme-controls__dropdown-box--active {
  display: block;
}

.programme-controls__dropdown-link {
  text-align: left;
  text-transform: none;
  padding: 0.5rem 0.5rem;
  display: block;
  text-decoration: none;
}

.programme-controls__relative {
  position: relative;
}

.program-colour-pallete {
  margin-bottom: 1rem;
}

.program-colour-pallete__colour {
  width: 2rem;
  height: 2rem;
  border-style: none;
  border: 0.3rem solid #cbdadb;
}

.program-colour-pallete__colour--active {
  border: 0.3rem solid black;
}

.program-controls__status-panel {
  display: flex;
  align-items: center;
  margin: 0.5rem 0.5rem 0.5rem 0;
  flex-wrap: wrap;
}

.program-controls__section-title {
  color: rgba(3, 29, 57, 0.7);
  font-weight: 600;
  font-size: 1rem;
  margin: 1.2rem auto 0 auto;
}
.program-controls__section-title--large {
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
}

.program-controls__button {
  background-color: #48B97B;
  color: white;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 0.8rem;
  border-radius: 0.25rem;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  align-self: flex-end;
}
.program-controls__button--transparent {
  color: #073366;
  background-color: transparent;
}
.program-controls__button--secondary {
  background-color: #CCDBDC;
  color: rgba(3, 29, 57, 0.7);
}
.program-controls__button--warning {
  background-color: rgb(249, 112, 96);
}
.program-controls__button:hover {
  opacity: 0.8;
}
.program-controls__button--no-select-label {
  margin-right: 0.3rem;
  cursor: default;
  user-select: none;
  -moz-user-select: none;
}
.program-controls__button--disabled {
  cursor: initial;
}
.program-controls__button--disabled:hover {
  opacity: 1;
}

.program-controls__icon {
  margin-right: 0.5rem;
  user-select: none;
  -moz-user-select: none;
}

.program-controls__bar {
  background-color: white;
  padding: 1rem;
  max-width: 70rem;
  margin: 0 auto;
}
.program-controls__bar--published {
  border-left: #48B97B solid 0.5rem;
}
.program-controls__bar--unpublished {
  border-left: rgb(249, 112, 96) solid 0.5rem;
}

/*---------------------------------*/
/*    Mgmt Forms                   */
/*---------------------------------*/
.prog-form {
  max-width: 50rem;
  margin: auto;
  padding: 3rem 0;
}

.prog-form--warning {
  padding: 0.5rem;
  display: block;
  color: #9c2c00;
  text-transform: uppercase;
  font-weight: bold;
}

.prog-info__container {
  display: flex;
  align-items: center;
  padding: 1rem;
}

.prog-info__item-large {
  flex-grow: 1;
}

.prog-info__padding-right {
  padding-right: 1rem;
}

.prog-info__no-spacing {
  margin: 0;
}

.prog-info__line-height-reset {
  line-height: 1.4;
}

/*---------------------------------*/
/*    Mobile View                  */
/*---------------------------------*/
.prog-mob__container {
  padding: 0 1.375rem;
}

.prog-mob__colselect {
  border: 1px solid #888888;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-position: 95% 50%;
  background-size: 0.75rem;
  background-color: #ffffff;
}

.prog-mob__colselect > select {
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  color: rgb(0, 48, 102);
}

.prog-mob__colselect > select:focus {
  outline: none;
}

.prog-mob__feed {
  margin: 2.5rem auto;
}

.prog-mob__oneday {
  padding-bottom: 2rem;
}

.prog-mob__datecontainer {
  margin-bottom: 0.625rem;
}

.prog-mob__day {
  display: block;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.25;
}

.prog-mob__date {
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 1.25;
}

.prog-mob__session {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem 0.5rem 0rem;
  background-color: #ffffff;
  border: solid 1px rgb(0, 48, 102);
  border-radius: 0.375rem;
  box-shadow: 0px 5px 13px -8px rgba(0, 0, 0, 0.6);
}

.prog-mob__sesh-times {
  display: table-cell;
  width: 20%;
  vertical-align: text-top;
}

.prog-mob__sesh-time {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  padding: 0rem 0.25rem;
}

.prog-mob__sesh-time--start {
  margin-bottom: 0.5rem;
  position: relative;
}

.prog-mob__sesh-time--start:after {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 2px;
  background-color: rgb(14, 11, 15);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
}

.prog-mob__sesh-info {
  width: 80%;
  display: table-cell;
  padding: 0.125rem;
  font-size: 0.875rem;
}

.prog-mob__sesh-name, .prog-mob__sesh-chair, .prog-mob__sesh-location {
  display: block;
  margin: 0.5rem auto;
}

.prog-mob__sesh-name {
  margin: 0.25rem auto;
  font-weight: bold;
}

.prog-mob__sesh-location {
  font-size: 0.75rem;
}

.prog-mob__sesh-track {
  font-size: 0.75rem;
  padding: 0.25rem;
  margin: 0;
  background-color: rgb(2, 49, 102);
  color: rgb(255, 255, 255);
  display: inline-block;
}

/*---------------------------------*/
/*    Sessions                     */
/*---------------------------------*/
.prog-session {
  border: 1px solid rgb(159, 159, 159);
  padding: 0;
  vertical-align: top;
  background-color: #ffffff;
  width: 13rem;
  min-width: 10rem;
}

.prog-session__divider {
  text-align: right;
}

.prog-session__action {
  font-size: 0.6875rem; /* 11px */
  border-radius: 2px;
  margin-left: 0.2rem;
  cursor: pointer;
  background-color: #fff;
  color: black;
  border: none;
  padding: 0.25rem;
}

.prog-session__header { /* anchor tag */
  display: block;
  background-color: #204C81;
  padding: 0.35rem;
}
.prog-session__header:hover {
  background-color: #2a5c98;
}

.prog-session__name {
  display: block;
  font-size: 1rem; /* 13px */
  color: #f6f8fc;
  text-decoration: none;
  line-height: 1.2rem;
  font-family: "Roboto", sans-serif;
  max-width: 50rem;
}
.prog-session__name:hover {
  color: #f6f8fc;
}

.prog-session__body {
  padding: 0.25rem;
}

.prog-session__data {
  font-size: 0.8rem; /* 11px */
  display: block;
  padding: 0.35rem; /* 4px */
  background-color: white;
}

.prog-session__location {
  text-transform: capitalize;
}

.prog-session__chair {
  color: #808080;
  font-style: italic;
  font-weight: 600;
}

.prog-session__track {
  letter-spacing: 0.5px;
  font-size: 0.6875rem; /* 11px */
  background-color: #e3eaf4;
  font-weight: 300;
  color: black;
  display: inline-block;
  width: 100%;
}

.prog-session__presentation-type {
  display: block;
  font-size: 0.8rem;
}

.print-only {
  display: none;
}

.tinymce-elm {
  padding-bottom: 2rem;
}

/*---------------------------------*/
/*    Table                        */
/*---------------------------------*/
.prog-table {
  border-collapse: collapse;
  table-layout: auto;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .prog-table {
    min-width: 70rem; /* 1120px ensures sessions aren't overly compressed
  on smaller screens and user can scroll x-axis
  - matched on the programme-controls */
  }
}

.prog-table__wrapper {
  /* markup goes around the prog-table element */
  padding: 1rem 2rem 4rem;
  background-color: #f4f6fa;
  margin: 0 auto;
}

.prog-table__row {
  -webkit-box-shadow: inset 0px 1px 0px 0px #C0C0C2;
  -moz-box-shadow: inset 0px 1px 0px 0px #C0C0C2;
  box-shadow: inset 0px 1px 0px 0px #C0C0C2;
}

.prog-table__header {
  padding: 1rem 0.25rem;
  vertical-align: bottom;
}

.prog-table__header--datetime {
  /* For use on date and time columns */
  padding: 1rem;
  width: 6rem;
}

.prog-table__header--center {
  text-align: center;
}

.prog-table__header--left {
  text-align: left;
}

.prog-table__time {
  display: block;
  font-size: 0.875rem; /* 14px */
}

.prog-table__time:first-child {
  display: block;
  font-size: 0.875rem; /* 14px */
  margin-bottom: 0.5em; /* 7px */
}

.prog-table__date {
  font-size: 0.875rem; /* 14px */
  font-weight: 600;
}

.prog-cell {
  vertical-align: top;
  padding: 0.25rem 1rem;
}

.prog-cell__time {
  min-width: 2rem;
}

.prog-cell__date {
  min-width: 4rem;
}

.prog-order__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.prog-order__control {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 5rem;
  justify-content: center;
  align-items: center;
}

.prog-order__control--display {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 6rem;
  justify-content: center;
  align-items: center;
}

.prog-order__input {
  width: 3.8rem;
  padding: 0.4rem;
  margin-top: 0.3rem;
  border-radius: 0.2rem;
  border: 1px solid #a2a2a2;
}

.prog-order__input--display {
  border: 1px solid #fff;
  width: 6rem;
  text-align: center;
  background-color: #fff;
}

.prog-order__list-container {
  display: flex;
  border-top: 1px solid #a2a2a2;
}

.prog-order__c1 {
  width: 50%;
}

.prog-order__c1--padright {
  padding-right: 0.25rem;
}

.prog-order__c1--padleft {
  padding-left: 0.25rem;
}

.prog-order__c2 {
  width: 50%;
  padding-left: 1.3rem;
}

.prog-order__section-title {
  font-size: 1.3rem;
  margin: 2rem 1rem;
}

.prog-order__list {
  list-style: none;
}

.prog-order__list-submissions {
  overflow-y: scroll;
  max-height: 30rem;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 0.4rem 1rem;
  color: #575757;
  margin-top: 0.3rem;
  min-height: 5rem;
}

.prog-order__list--submissions-none {
  max-height: 30rem;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #575757;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.prog-order__list-item {
  margin: 0.5rem 0;
}

.prog-order__list-item--session {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  height: 2rem;
  z-index: 1;
  position: relative;
}

.prog-order__list-label {
  line-height: 1.3;
  padding-left: 1.5rem;
  font-size: 0.8rem;
}

.prog-order__list-label--centered {
  display: flex;
  align-items: center;
}

.prog-order__list-checkbox {
  margin-left: -1.2rem;
  position: relative;
  vertical-align: middle;
  bottom: 1px;
}

.prog-order__warning {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 18rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

.prog-order__warning-icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.prog-order__code-preview {
  color: black;
}

.prog-order__button-container {
  margin: 1.3rem 0;
}

.prog-order__button-container--center {
  display: flex;
}

.prog-order__checkbox-list {
  width: 100%;
  max-height: 10rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  background-color: white;
  margin-top: 0.3rem;
  border: 1px solid #cccccc;
}

.prog-order__control-title {
  padding-top: 0.5rem;
  margin-left: 0.6rem;
  margin-top: 0.5rem;
}

.prog-order__selection-button {
  color: #00AD77;
  z-index: 2;
  border: none;
  box-shadow: none;
  background-color: #f0f0f0;
}
.prog-order__selection-button:hover, .prog-order__selection-button:active, .prog-order__selection-button:focus {
  color: #00AD77;
  text-decoration: underline;
  outline: none;
  border: none;
  box-shadow: none;
}

.prog-order__control-button {
  background-color: transparent;
  border: 1px solid #f0f0f0;
  text-align: left;
  width: auto;
  cursor: pointer;
  padding: 0.3rem 0 0.3rem 1.2rem;
  margin-top: 0.3rem;
}

.prog-order__control-box {
  padding-top: 0.6rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #a2a2a2;
  border-top: 1px solid #a2a2a2;
  z-index: 1;
  margin-top: -1rem;
  background-color: #f0f0f0;
  margin-bottom: 1rem;
}

.prog-manage-tabs__tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.prog-manage-tabs__warning-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8.5rem;
  transform: translate(-10%, 100%);
  display: none;
  flex-direction: column;
  font-size: 0.8rem;
  padding: 0.7rem;
  background-color: #eee;
  color: #951d1d;
  border: solid 1px #eb9358;
  border-radius: 3px;
  z-index: 5;
}

.prog-manage-tabs__warning-icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.prog-manage-tabs__tab {
  width: 7rem;
  height: 4rem;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-color: #e3e3e3;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #003066;
  box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 2px 0px rgba(180, 180, 180, 0.5);
  position: relative;
}

.prog-manage-tabs__tab--warning {
  border: solid 1px #FA7921;
}

.prog-manage-tabs__tab-wrap {
  position: relative;
}

.prog-manage-tabs__tab-wrap:hover .prog-manage-tabs__warning-popup {
  display: flex;
}

.prog-manage-tabs__input {
  border: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  outline: none;
  resize: none;
  text-align: center;
  padding-top: 0.5rem;
  overflow: hidden;
}

.prog-manage-tabs__visibility-btn {
  border: none;
  background-color: transparent;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.prog-manage-tabs__visibility-btn-icon {
  margin: 0 auto;
}

.prog-manage-tabs__save-btn {
  display: block;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}

.prog-manage-tabs__warning {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 26rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
  padding-top: 1rem;
  margin-bottom: 1.5rem;
}

.prog-manage-tabs__warning-icon {
  font-size: 2rem;
  color: #00AD77;
}

.prog-manage-tabs__hint {
  text-align: center;
  margin-top: 1rem;
}

.prog-manage-tabs__hint--success {
  color: #00AD77;
}

.prog-manage-tabs__hint--failure {
  color: #951d1d;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
  font-family: "roboto";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=roboto]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
  content: "roboto";
}

.ql-font-roboto {
  font-family: "roboto";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ubuntu]::before {
  font-family: "ubuntu";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ubuntu]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ubuntu]::before {
  content: "ubuntu";
}

.ql-font-ubuntu {
  font-family: "ubuntu";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
  font-family: "arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
  content: "arial";
}

.ql-font-arial {
  font-family: "arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=helvetica]::before {
  font-family: "helvetica";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=helvetica]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=helvetica]::before {
  content: "helvetica";
}

.ql-font-helvetica {
  font-family: "helvetica";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: "monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "monospace";
}

.ql-font-monospace {
  font-family: "monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before {
  font-family: "sans-serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before {
  content: "sans-serif";
}

.ql-font-sans-serif {
  font-family: "sans-serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: "serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "serif";
}

.ql-font-serif {
  font-family: "serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=century-gothic]::before {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=century-gothic]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=century-gothic]::before {
  content: "Century gothic";
}

.ql-font-century-gothic {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="4px"]::before {
  content: "4px";
  font-size: 4px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="4px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="4px"]::before {
  content: "4px" !important;
}

.ql-size-4px {
  font-size: 4px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="5px"]::before {
  content: "5px";
  font-size: 5px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="5px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="5px"]::before {
  content: "5px" !important;
}

.ql-size-5px {
  font-size: 5px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before {
  content: "6px";
  font-size: 6px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="6px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before {
  content: "6px" !important;
}

.ql-size-6px {
  font-size: 6px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="7px"]::before {
  content: "7px";
  font-size: 7px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="7px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="7px"]::before {
  content: "7px" !important;
}

.ql-size-7px {
  font-size: 7px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
  content: "8px";
  font-size: 8px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
  content: "8px" !important;
}

.ql-size-8px {
  font-size: 8px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
  content: "9px";
  font-size: 9px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
  content: "9px" !important;
}

.ql-size-9px {
  font-size: 9px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: "10px";
  font-size: 10px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: "10px" !important;
}

.ql-size-10px {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
  content: "11px";
  font-size: 11px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="11px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
  content: "11px" !important;
}

.ql-size-11px {
  font-size: 11px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: "12px";
  font-size: 12px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: "12px" !important;
}

.ql-size-12px {
  font-size: 12px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="13px"]::before {
  content: "13px";
  font-size: 13px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="13px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="13px"]::before {
  content: "13px" !important;
}

.ql-size-13px {
  font-size: 13px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14px";
  font-size: 14px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14px" !important;
}

.ql-size-14px {
  font-size: 14px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="15px"]::before {
  content: "15px";
  font-size: 15px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="15px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="15px"]::before {
  content: "15px" !important;
}

.ql-size-15px {
  font-size: 15px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: "16px";
  font-size: 16px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: "16px" !important;
}

.ql-size-16px {
  font-size: 16px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="17px"]::before {
  content: "17px";
  font-size: 17px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="17px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="17px"]::before {
  content: "17px" !important;
}

.ql-size-17px {
  font-size: 17px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: "18px";
  font-size: 18px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: "18px" !important;
}

.ql-size-18px {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="19px"]::before {
  content: "19px";
  font-size: 19px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="19px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="19px"]::before {
  content: "19px" !important;
}

.ql-size-19px {
  font-size: 19px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: "20px";
  font-size: 20px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: "20px" !important;
}

.ql-size-20px {
  font-size: 20px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="21px"]::before {
  content: "21px";
  font-size: 21px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="21px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="21px"]::before {
  content: "21px" !important;
}

.ql-size-21px {
  font-size: 21px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
  content: "22px";
  font-size: 22px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
  content: "22px" !important;
}

.ql-size-22px {
  font-size: 22px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="23px"]::before {
  content: "23px";
  font-size: 23px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="23px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="23px"]::before {
  content: "23px" !important;
}

.ql-size-23px {
  font-size: 23px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: "24px";
  font-size: 24px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: "24px" !important;
}

.ql-size-24px {
  font-size: 24px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="25px"]::before {
  content: "25px";
  font-size: 25px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="25px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="25px"]::before {
  content: "25px" !important;
}

.ql-size-25px {
  font-size: 25px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
  content: "26px";
  font-size: 26px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
  content: "26px" !important;
}

.ql-size-26px {
  font-size: 26px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="27px"]::before {
  content: "27px";
  font-size: 27px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="27px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="27px"]::before {
  content: "27px" !important;
}

.ql-size-27px {
  font-size: 27px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
  content: "28px";
  font-size: 28px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
  content: "28px" !important;
}

.ql-size-28px {
  font-size: 28px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="29px"]::before {
  content: "29px";
  font-size: 29px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="29px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="29px"]::before {
  content: "29px" !important;
}

.ql-size-29px {
  font-size: 29px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
  content: "30px";
  font-size: 30px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
  content: "30px" !important;
}

.ql-size-30px {
  font-size: 30px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="31px"]::before {
  content: "31px";
  font-size: 31px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="31px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="31px"]::before {
  content: "31px" !important;
}

.ql-size-31px {
  font-size: 31px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: "32px";
  font-size: 32px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: "32px" !important;
}

.ql-size-32px {
  font-size: 32px;
}

.ql-snow .ql-picker.ql-size {
  width: 102px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item::before, .ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: "Normal size";
}

.ql-snow .ql-picker.ql-header .ql-picker-item::before, .ql-snow .ql-picker.ql-header .ql-picker-label::before {
  content: "No heading";
}

/*=======================================================
  Table-Bar
  (Custom toggling ui element for use on tables)
=======================================================*/
.table-bar__toggle-input {
  display: none;
}

.table-bar__toggle-button {
  position: relative;
  z-index: 1;
  line-height: 2rem;
  text-align: left;
  width: 16rem;
  margin-right: 5%;
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 15px 10px;
  background-repeat: no-repeat;
  background-position: 95%;
}

.table-bar__toggle-input:checked ~ .table-bar__toggle-button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAANpJREFUOBFjYCAO1ACVKRCnlLAqDaCSn0C8mbBS4lTsAyr7D8UBxGnBrSoayTCQoQ+BmBu3cvwy/EDpF0AMcx2M7sSvDbfsFCyGgQz9BcTauLVhlzEGCv8FYpir0OmD2LVhF2UCCp/CYxjM8Hjs2jFFs4gwDGToKyAWxNSOKiIG5L4HYpgrCNEzULVj8haTYBjIMlA4m2EaAxFxAFKEXIRN/hxQHzPECATJCmReA2JsGogRy0UYBWFVUGAYyMKPQCwJMYqBQR7I+ArExLgEn5plMAM3UsEwmEXOAGbkm/bVMZcxAAAAAElFTkSuQmCC");
}

.table-bar__toggle-input:checked ~ .bar--table {
  height: auto;
  margin-bottom: 1.125rem;
  padding: 0.625rem 1rem 0;
}

/* TABLE CELL */
.table-cell {
  background-color: #F0F0F0;
  padding: 0.25rem;
  font-size: 0.875rem;
  position: relative;
}

.table__row--incomplete-submission .table-cell {
  background-color: #ffb6c1;
}

.table-cell--control {
  background-color: #E5F6EF;
}

.table-cell__link {
  text-decoration: none;
  color: black;
  height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 2rem;
  min-height: 2rem;
}

.table-cell__control {
  display: block;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1rem; /* 16px */
  /* Triangle pointing Downwards to indicate dropdown */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  background-color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border-radius: 3px;
  border: solid 1px #808080;
  font-size: 0.8125rem;
}

.table-cell__menu {
  position: absolute;
  z-index: 10;
  background-color: white;
  cursor: pointer;
  list-style-type: none;
  width: 100%;
  -webkit-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  border: solid 1px #808080;
}

.table-cell__menu--sub {
  top: 0;
  left: 100%;
}

.table-cell__checkbox-label {
  display: block;
  cursor: pointer;
  padding: 0.5rem;
}

.table-cell__menu-item {
  position: relative;
  line-height: 2.5rem;
  padding: 0 0.5rem;
}

.table-cell__menu-item:hover {
  background-color: #f0f0f0;
}

.table-cell__menu-item--header {
  background-color: lightgrey;
}

.table-cell__menu-item--with-children {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAW5JREFUOBFjYACChIQog+TkZCEQm1zABNL4+y+jw4+f32/GxkYl////n5Ecw8AGQTT+F/n3//+c2NjoYyAXkmoYkkFQ4xj+W/z+8/9MbGzkpLS0NH5iDcQwCKqR+d9/htyv3z6DvBtLjGG4DILpFQd6d1F0TNTB2NhYHZggNpqQQVA9/+3+/f9zPjo2sicpKYmXAoPAWlkY/jMU//z1/UZcXHQ4umFEughFm9Tff/9WxMRE7YlJilGHyZBjEFjvf4b/zsAEeBgYdoogAbINAqbaJSzM7HqLFy++DzKIBUSQBBgZrgJtz168ePlBZH2kuOgLIwNjqaqyugG6ISADiXIR0BurmJhYixYtWvQU2RXIbLwGAV1wk4mJIWfRomV7kDVhY2P1GiMj4zdGJsZqFRU1PWIMARmM4SKgIRvY2RgK5s5d9hCbzbjEkAxivMfEyJC7ePGybbgU4xMHG8TK/H8rAwPbjAULFvzAp5gucgBskm2t6l95sQAAAABJRU5ErkJggg==");
  background-size: 0.5rem 0.625rem; /* 8px  10px */
  background-repeat: no-repeat;
  background-position: 95%;
}

.table-cell__menu-item--disabled-with-children {
  background-color: lightgrey;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAW5JREFUOBFjYACChIQog+TkZCEQm1zABNL4+y+jw4+f32/GxkYl////n5Ecw8AGQTT+F/n3//+c2NjoYyAXkmoYkkFQ4xj+W/z+8/9MbGzkpLS0NH5iDcQwCKqR+d9/htyv3z6DvBtLjGG4DILpFQd6d1F0TNTB2NhYHZggNpqQQVA9/+3+/f9zPjo2sicpKYmXAoPAWlkY/jMU//z1/UZcXHQ4umFEughFm9Tff/9WxMRE7YlJilGHyZBjEFjvf4b/zsAEeBgYdoogAbINAqbaJSzM7HqLFy++DzKIBUSQBBgZrgJtz168ePlBZH2kuOgLIwNjqaqyugG6ISADiXIR0BurmJhYixYtWvQU2RXIbLwGAV1wk4mJIWfRomV7kDVhY2P1GiMj4zdGJsZqFRU1PWIMARmM4SKgIRvY2RgK5s5d9hCbzbjEkAxivMfEyJC7ePGybbgU4xMHG8TK/H8rAwPbjAULFvzAp5gucgBskm2t6l95sQAAAABJRU5ErkJggg==");
  background-size: 0.5rem 0.625rem; /* 8px  10px */
  background-repeat: no-repeat;
  background-position: 95%;
}

.table-cell--select-checkbox__label {
  padding: 0.5rem;
  cursor: pointer;
}

.table__cell--tabular-headers {
  padding: 0.5rem;
  font-weight: bold;
}

.table__cell--tabular-cells {
  padding: 0.5rem;
}

.table__cell--input {
  font-size: 0.8125rem;
}

/* TABLE HEADER */
.table-header {
  text-align: left;
  padding: 0.25rem;
}

.table-header--control {
  background-color: #E5F6EF;
}

.table-header__sort-wrapper {
  margin-bottom: 0.5rem;
  padding-right: 1.5rem;
  min-height: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAblJREFUOBGtUblKA1EUvXcSNxC01jIu4JYUamGlbcBKm8QZCQEXon6BTRr/wQVETUwqty+wEFRciowBQcVKEKwiWmV73hOdMMwETeGDx9x33zln3j2HdSO8oZSaJ6L3Bi+P7OykHqWue0Ui4e5CUV0LoY2ZN7UuX88KMV+gUSzScSwWa61XDVhwwIUGtLR4PJ7nFm2KiV8Vqb73j9yuvJj/EgWmghUOuNCAlgdE89b8DAQGzpUiQ44Dh8cHhTsze/ab6NPzwyopWhJM3qNRMLGduge+Iogik8m+BPxDb4poUrwY9/sHb0zzrqafhhEOEvGW0FhjjiUS6RNoYLlGmzFCm/LnORHNeT006gwJIRRLdCUjtwt7az+RRqDVpVWrn6Lb17sMg0EolNSRPSTU6H2L8UUF6xBwCcLYpobmaRgtL+23QrJCQA93wADr0HOPbAF0XR9TVDqVc6MYtYq+Kqs1+eSZPBPJZPIcPedyeWgH6LOhBVWmdfGzjL68UmONFpN76Q07zl5XU7Y3rdrMZG+H/IOdMuaw9GTSSghx677W1+WhEwTjRekSu1YITnxd52g02oFdF/i/QV9berja4gg4oQAAAABJRU5ErkJggg==");
  background-size: 0.625rem 0.5rem;
  background-repeat: no-repeat;
  background-position: right 0.625rem top 50%;
  cursor: pointer;
}

.table-header__name {
  font-weight: normal;
  font-size: 0.8125rem;
  text-transform: capitalize;
}

.table-header__icon {
  margin-left: 0.5rem;
  width: 0.625rem;
  height: 0.5rem;
  background-size: cover;
  display: none;
}

.table-header__icon--asc {
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAVRJREFUOBFjYCACmJqahoEwEUoZGAkpsrKyEvv58+dVkDp2dnbtY8eOvcKnhwmfJEju169f04GUCAhD2SBhnIAZpwxQwsTEJPL///81SGo0paWlbz179uwKkhgKE6eXgWEmATTsChALI+tgZGR8C8Q6p0+ffoEsDmPj9DLQoBnohoE0gcRAcjAD0GmsXga6LgaoqRJdMRJfQ0ZG5i7Q65eQxMBMDC8bGxtLAmVAsSqIrhiN/x7I1z579uxzZHFsXp4FVEDIMJAZIDUgtSgAxctAryYAvVqGogI/R01KSurB8+fPL8KUwb1saWkpDUxnoOQgAJMkkv7Axsamc/z48acg9XAv//79ezaQT6phIDMEoHpBbAawl4EJOBno1WKwCHmEKjDBPwHG+nlGYLjJAg0DJWA+8syC6AIm9k+gBM8CNKgFKPQNyPlGiYEgvVCzKDUGVT8Af8J469uthh4AAAAASUVORK5CYII=");
}

.table-header__icon--desc {
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
}

.table-header__bool-filter {
  font-size: 0.75rem;
  cursor: pointer;
}

.table-header__numerical-filter {
  display: flex;
}

.table-header__numerical-filter__input {
  width: 3rem;
  text-align: center;
}

.table-header__numerical-filter__input--small {
  width: 2rem;
  text-align: center;
}

/*=======================================================

  Side Table
=======================================================*/
.side-table-container {
  max-height: 20rem;
  overflow-y: scroll;
  display: block;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  margin-bottom: 2rem;
}

.side-table {
  width: 100%;
}

.sidebar__header {
  position: relative;
  margin: 1rem;
}

.side-table__row {
  height: 2rem;
  cursor: pointer;
}

.side-table__row:nth-child(odd) {
  background-color: #fcfcfc;
}

.side-table__row:nth-child(even) {
  background-color: #eef5fe;
}

/*=======================================================

  Table
=======================================================*/
.table__row--incomplete-submission {
  background-color: #ffb6c1;
}

.table__row--expanded {
  background-color: #E5F6EF;
}

.table__row--parent {
  font-weight: bold;
}

.table__cell {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  height: 2.5rem; /* 40px */
  cursor: pointer;
}

/* breaking BEM convention to circumvent descendant selector below */
.table__cell--tabular-question {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  height: 2.5rem; /* 40px */
}

.table__cell--tabular-question-row-field {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  height: 2.5rem;
  font-weight: bold;
}

.table__cell--checkbox {
  text-align: center;
}

.table__cell .form__label {
  display: none;
}

.table__cell .form__input {
  margin: 0;
}

.table__loading-message {
  text-align: center;
  margin: 1rem;
}

.table__cell-form {
  padding: 0.25rem 0;
}

.table__textarea {
  resize: vertical;
  width: 100%;
  vertical-align: middle;
  padding: 0;
  margin-bottom: 0.25rem;
  border-radius: 2px;
  line-height: 1.5;
  padding: 0 0.25rem;
  font-size: 0.875rem;
}

.table__textarea--alone { /* i.e. no other element exists in the table cell */
  height: 3rem;
  margin: 0.25rem 0;
}

.table__textarea--readonly {
  border: solid 1px #bdbdbd;
  color: #808080;
}

.table__textarea--readonly:active,
.table__textarea--readonly:focus {
  border-color: black;
  color: black;
}

.table__textarea--fake {
  background-color: rgb(235, 235, 228);
  font-family: monospace;
  font-size: 0.86rem;
  line-height: 1.5;
  border: solid 1px #bdbdbd;
  color: rgb(84, 84, 84);
  border-radius: 1px;
  padding: 0.3rem;
}

.table__cell.table__header {
  font-size: 0.875rem;
  color: #ffffff;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
}

.table__cell.table__header > input,
.table__cell.table__header > select {
  display: block;
  width: 100%;
  border: none;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

.table__cell.table__header > input { /* for filter inputs */
  border-radius: 1px;
  text-indent: 0.625rem;
  padding: 0.25rem 0;
}

.table__cell.table__header > select { /* for filter inputs */
  height: 1.4375rem;
}

.table__wrapper {
  margin: 0 4rem;
}

.table__tab {
  line-height: 2.5rem;
  background-color: #e7e6e6;
  display: inline-block;
  padding: 0 1.75rem;
  border: 1px solid #979797;
  border-bottom: none;
  cursor: pointer;
}

.table__tab--active {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 0px -1px #ffffff;
  -moz-box-shadow: 0px 2px 0px -1px #ffffff;
  box-shadow: 0px 2px 0px -1px #ffffff;
}

.table__controls-wrapper {
  background: #ffffff;
  min-width: 70rem; /* This minimum width and width is also in table class */
  width: 100%;
  border: 1px solid #979797;
  border-bottom: none;
}

.table__controls-wrapper--footer {
  border: 1px solid #979797;
  margin-bottom: 6rem; /* Margin is needed so that table can be viewed over assign reviewers https://git.io/vQAQT */
  border-top: none;
}

.table__search {
  display: inline-block;
  height: 2rem;
  width: 18rem;
  padding: 0.25rem 1rem;
  margin: 0.75rem 1.5rem;
  font-size: 1rem;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
}

.table {
  min-width: 70rem; /* This minimum width and width is also in table__controls-wrapper class */
  width: 100%;
  border: solid 1px #979797;
  background-color: #ffffff;
}

.table__all-columns-message {
  padding: 2rem;
  text-align: center;
  width: 100%;
}

.table-bar__toggle-input {
  display: none;
}

.table-bar__toggle-input:checked ~ .bar--table {
  height: auto;
  margin-bottom: 1.125rem;
  padding: 0.625rem 1rem 0;
}

.table-bar__toggle-input:checked ~ .table-bar__toggle-button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAANpJREFUOBFjYCAO1ACVKRCnlLAqDaCSn0C8mbBS4lTsAyr7D8UBxGnBrSoayTCQoQ+BmBu3cvwy/EDpF0AMcx2M7sSvDbfsFCyGgQz9BcTauLVhlzEGCv8FYpir0OmD2LVhF2UCCp/CYxjM8Hjs2jFFs4gwDGToKyAWxNSOKiIG5L4HYpgrCNEzULVj8haTYBjIMlA4m2EaAxFxAFKEXIRN/hxQHzPECATJCmReA2JsGogRy0UYBWFVUGAYyMKPQCwJMYqBQR7I+ArExLgEn5plMAM3UsEwmEXOAGbkm/bVMZcxAAAAAElFTkSuQmCC");
}

.table__button-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  padding: 0.5rem 2.5rem;
  margin: 0.5rem 1.5rem;
  font-size: 0.8125rem;
  background: none;
  border: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  cursor: pointer;
}

.table__bulk-decisions-container {
  /* label: */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  padding: 0.125rem 1.5rem;
  /*margin: 0.5rem 1.5rem;*/
}

.table__button-bulk-decisions {
  background-color: #B2E3CE; /* light green */
  border-color: #808080;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  padding: 0.125rem 1.5rem;
  font-size: 0.8125rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 95%;
  cursor: pointer;
}

.table__button-bulk-actions {
  background-color: #B2E3CE; /* light green */
  border-color: #808080;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 0.8125rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAVhJREFUWAnNkK8vRWEch49hNpsgCIoiSZIm+hNEURQEURRFURTF20RNkiRFUWyCzYYZnod7bcxx7jnvr/Nsn3vfe877/Xyf3aqqqgF571l0qpbJU4/EdNHpkwM++/Kv6fLNLKcbUlpOB11+sMmv0mI6/MkZT0vJubuWFd68kNxy7nT3vxzyNreYOxuZ48YtySXnLneOxRa3com5qxXn3E4t547WrDLxSlLJ2e2OThwxlUrM7s7MM3lHYsvZaXcQ20zHFrMzmAkaLkgsObvsjMIaLW8kVM4Ou6JyTFuomB3RWaDxnnSVc9aOJOzQ2lXM2WRM0nxJ2so542xS1mlvK+ZMFk7YMq6cd7OxyKYH0iTnHe9mZY9tTWLeyc40G69InZzvvFOEDbbWifmuKKds/y3ns+IsYfBIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem; /* 10px 8px */
  background-repeat: no-repeat;
  background-position: 98%;
  cursor: pointer;
  padding-right: 1rem;
  margin-left: 4rem;
  margin-bottom: 0.4rem;
}

.table__bulk-decisions-menu {
  position: absolute;
  z-index: 11;
  background-color: white;
  -webkit-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  border: solid 1px #808080;
  width: 22rem;
  right: 5%;
  margin-top: 2.5rem;
}

.table__bulk-actions-menu {
  position: absolute;
  z-index: 11;
  background-color: white;
  -webkit-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  border: solid 1px #808080;
  width: 10rem;
  left: 9%;
}

.bulk-decisions__decision-menu {
  position: absolute;
  z-index: 10;
  background-color: white;
  cursor: pointer;
  list-style-type: none;
  width: 8rem;
  -webkit-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.5);
  border: solid 1px #808080;
}

.bulk-decisions-dropdown--control {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR…BIRnKefdYL9rEYiXnuDTOYXA/jOZip4Iavgme+doddnoP5AEOdX53zUZ1XAAAAAElFTkSuQmCC");
  background-size: 0.625rem 0.5rem;
  background-repeat: no-repeat;
  background-position: 95%;
  background-color: #ffffff;
  text-decoration: none;
  border-radius: 3px;
  font-size: 0.8125rem;
  float: left;
  margin-top: 1.5rem;
  display: inline;
}

.bulk-decisions__prompt {
  margin: 5rem 1rem;
  display: block;
}

.table__button-dropdown--active {
  border-bottom: solid 2px #003066;
}

.table__button-dropdown:active,
.table__button-dropdown:focus {
  outline: none;
}

.table__page-display {
  text-align: right;
  display: inline-block;
  min-width: 8rem;
}

.table-options-header {
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 1rem;
}

.accordion-filter {
  display: inline-block;
  padding: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.accordion-filter__input {
  display: block;
}

.accordion-option {
  display: inline-block;
  margin: 0.25rem;
}

/*=======================================================
  Authors & Affiliations
  (for custom styles in the Authors & Affils question)
=======================================================*/
.aa {
  background-color: #f6f6f6;
  padding: 1.125rem 1rem;
  margin-bottom: 1.5rem;
  position: relative;
  border-bottom: 1px solid #0E0B0F; /* Stage 3 - Black Colour */
}

.aa__sub-section {
  position: relative;
}

.aa__sub-section--table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.aa__field {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.aa__field:first-child {
  padding-left: 0;
}

.aa__field:last-child {
  padding-right: 0;
}

.aa__field--tablecell {
  display: table-cell;
}

.aa__add-author-button {
  background-color: #073D79; /* Stage 3 - Primary Blue Colour */
  margin-left: 1rem;
  color: #fcfcfc; /* Stage 3 - White Colour */
  border-color: #666666; /* Stage 3 - Tertiary Colour */
}

.aa__remove-button {
  display: inline-block;
}

.aa__top-controls {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0rem;
  right: 0rem;
}

.aa__top-controls__arrow {
  display: inline-block;
}

.aa__subtitle {
  display: block;
  color: #073D79; /* Stage 3 - Primary Blue Colour */
  font-weight: 900;
  line-height: 1.5rem;
}

.aa__subtitle--small {
  font-size: 0.875rem;
}

.aa__dividing-title {
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
}

.aa__dividing-title--linebreak {
  border-bottom: 1px solid #dbdbdb; /* Stage 3 - Secondary Colour */
}

.aa__inner-container {
  padding: 1rem;
  margin-bottom: 0rem;
}

@media (max-width: 40rem) {
  .aa__field--tablecell {
    display: block;
    padding: 0;
  }
}
/* FOCUSSED TABLE ROW VIEW */
.focussed-row-view {
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  overflow-y: scroll;
}

.column {
  float: left;
  width: 50%;
}

.column--wider {
  width: 65%;
}

.column--wider--pad-top {
  padding-top: 1.7rem;
}

.column--thinner {
  width: 30%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* delegate registration */
.delegate_options_table_admin_div {
  position: relative;
  display: inline-block;
  float: left;
  width: 130%;
  margin-bottom: 50px;
}

.delegate_options_table_admin {
  float: left;
  display: inline-block;
  position: relative;
}

.delegate_options_table_admin input {
  width: 100%;
  float: left;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
}

.delegate_options_table_admin tr {
  display: inline-block;
  width: 100%;
}

.delegate_options_table_admin th, .delegate_options_table_admin td {
  float: left;
  display: inline-block;
  position: relative;
}

.delegate_options_table_admin_remove_btn {
  float: left;
  width: 25px;
  padding: 2px;
}

.delegate_options_table_admin_add_btn {
  float: right;
  width: 25px;
  padding: 2px;
}

.delegate_options_table_admin_reorder_btn {
  font-size: 10px;
  padding: 0px;
}

.delegate_options_table {
  border-collapse: collapse;
  width: 100%;
}

.delegate_options_table th, .delegate_options_table td {
  text-align: left;
  padding: 0.5rem;
}

.delegate_options_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.delegate_option_quantity--fee {
  float: right;
}

.delegate_option_quantity--event {
  width: 45px;
}

/* Dashboard */
.delegate-registration__registration {
  border-bottom: 1px solid #808080;
}

.delegate-registration__data {
  display: inline-block;
  width: 100%;
}

.delegate-registration__data--summary {
  float: left;
  display: inline-block;
  position: relative;
  width: 80%;
}

.delegate-registration__data--summaryprice {
  font-size: 12px;
}

.delegate-registration__data--status {
  float: left;
  display: inline-block;
  position: relative;
  width: 20%;
}

.delegate-registration__data--statuslabel {
  transform: none;
}

.delegate-registration__data--controls {
  display: inline-block;
  width: 100%;
  border-top: solid 1px #bdbdbd;
  border-left: none;
}

/* Registration form */
.delegate-registration__summaryBtnArea {
  display: inline-block;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
}

.delegate-registration__form {
  width: 33%;
}

.delegate-registration__btnleft {
  float: left;
}

.delegate-registration__btnright {
  float: right;
}

.delegate-registration__completeBtn {
  width: 50%;
}

.delegate-registration__optionstable--quantity {
  font-size: smaller;
}

.delegate-registration__optionstable--aligncenter {
  text-align: center;
}

.delegate-registration__optionstable--alignright {
  text-align: right;
}

.delegate-registration__optionstable--alignleft {
  text-align: left;
}

/*=======================================================

  Email-composer
=======================================================*/
.email-composer {
  padding-top: 2rem;
}

.email-composer__section {
  margin-bottom: 2rem;
}

.email-composer__sub-section {
  margin-bottom: 1.25rem;
}

.email-composer__textarea {
  height: 25rem;
  padding: 1rem;
  color: #000000;
  background-color: #f0f0f0;
}

.email-composer__variable {
  display: inline-block;
  text-decoration: none;
  line-height: 2;
  letter-spacing: 0.3px;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0 0.5rem;
  background-color: #B2E3CE; /* light green */
}

.email-composer__variable:hover {
  cursor: pointer;
  background-color: #00aa61; /* green */
  text-decoration: underline;
  color: white;
}

.email-composer__variable--disabled {
  background-color: #dddddd;
}

.email-composer__variable:hover {
  cursor: pointer;
  background-color: #00aa61; /* green */
  text-decoration: underline;
  color: white;
}

.email-composer__variable--disabled:hover {
  background-color: #888888;
}

.email-composer__title {
  font-weight: 400;
  font-size: 1.125rem;
}

.email-composer__subtitle {
  font-weight: 600;
  letter-spacing: 1px;
}

.email-composer__preview {
  margin-bottom: 1rem;
  height: auto;
  background-color: #ffffff;
  border: solid 1px #003066; /* blue */
  border-top: none;
  border-radius: 0 0 3px 3px;
  line-height: 1.25;
  white-space: pre;
  white-space: -moz-pre-wrap; /* fox */
  white-space: pre-wrap;
  white-space: pre\9 ; /* IE7+ */
}

/*=======================================================
  Usertype
  (for each type of user that can be managed at the manage users endpoint.)
=======================================================*/
.usertype {
  max-width: 42rem;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto 4.5rem;
  padding: 0 1rem;
}

.usertype__title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.5rem;
}

.usertype__instruction {
  display: block;
  font-size: 0.8125rem;
  letter-spacing: 0.4px;
  line-height: 1rem;
  margin-bottom: 0.875rem;
}

.usertype__instruction--narrow {
  margin-bottom: 0.3em;
  font-size: 0.8125rem;
}

.usertype__copy {
  display: block;
  padding: 2rem;
  font-weight: 600;
  text-align: center;
}

.usertype__user {
  border-bottom: solid 1px #c0c0c2;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.usertype__user-data,
.usertype__user-controls,
.usertype__user-stat {
  display: table-cell;
  vertical-align: middle;
}

.usertype__user-data {
  width: 54%;
}

.usertype__user-datum {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
}

.usertype__user-datum--primary {
  font-weight: 500;
}

.usertype__user-datum--secondary {
  color: #808080;
}

.usertype__user-datum--null {
  color: #808080;
  text-decoration: line-through;
}

.usertype__user-controls {
  text-align: right;
}

.usertype__user-stat {
  width: 15%;
  text-align: right;
}

.usertype__inline-form { /* not seen by the user - wrapper for link */
  display: inline-block;
}

.usertype__link {
  border: none;
  background: initial;
  text-decoration: underline;
  color: #003066;
  padding: 0 0.625rem;
  line-height: 1rem;
  font-size: 0.875rem;
  text-transform: capitalize;
  cursor: pointer;
}

.usertype__link--danger {
  color: #9c2c00;
}

.usertype__input {
  height: 5rem;
}

/*=======================================================
  Javascript Classes that have Visual Effect

=======================================================*/
.incomplete {
  position: relative;
  z-index: 1;
}

.incomplete:after {
  /* Solution that doesn't affect flow or positioning of on-screen elements
      - couldn't use outline because outline-offset is not supported on ie */
  content: "INCOMPLETE";
  text-align: right;
  color: #E20F01;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  position: absolute;
  top: -1%;
  left: -1%;
  display: block;
  width: 100%;
  height: 102%;
  border: 4px solid #E20F01;
  border-radius: 3px;
  z-index: -1;
}

.email-invalid {
  position: relative;
  z-index: 1;
}

.email-invalid:after {
  /* Solution that doesn't affect flow or positioning of on-screen elements
      - couldn't use outline because outline-offset is not supported on ie */
  content: "EMAIL INVALID";
  text-align: right;
  color: #E20F01;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  position: absolute;
  top: -1%;
  left: -1%;
  display: block;
  width: 100%;
  height: 102%;
  border: 4px solid #E20F01;
  border-radius: 3px;
  z-index: -1;
}

.hidden {
  display: none;
}

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