:root {
  --main-colour: #3a4148;
  --alt-main-colour: #3a4148;
  --anchor-colour: #3a4148;
  --anchor-hover-decoration: none;
  --h1-colour: #3a4148;
  --h2-colour: rgba(58, 65, 72, 0.5);
  --fore-colour: #3a4148;
  --bg-colour: #f4f4f4;
  --border-colour: #dbdbdb;
  --top-strip-bg: #2b3136;
  --footer-bg: #2b3136;
  --footer-link: #FFF;
  --footer-fore: rgba(255, 255, 255, 0.5);
  --header-colour: #3a4148;
  --burger-colour: #3a4148;
  --header-org-logo: url('https://cdn.majestri.com.au/img/logos/maj-white-crown-128x128.png');
  --maj-footer-logo: url('https://cdn.majestri.com.au/img/logos/maj-green-white-logo.png');
  --menu-bg: #e1e3e4;
  --menu-fore: #3a4148;
  --menu-bg-hover: rgba(255, 255, 255, 0.25);
  --menu-fore-hover: #3a4148;
  --menu-bg-current: rgba(255, 255, 255, 0.25);
  --menu-fore-current: #3a4148;
  --submenu-bg: #3a4148;
  --submenu-fore: #FFF;
  --submenu-bg-hover: rgba(255, 255, 255, 0.25);
  --submenu-fore-hover: #FFF;
  --main-gradient: linear-gradient(-45deg, rgba(58, 65, 72, 0.85) 0%, #3a4148 100%);
  --primary-font: 'Nunito Sans';
  --header-font: 'Nunito Sans';
  --max-site-width: 100%;
  --site-bg: url('');
  --site-header-bg: url('');
  --site-header-image-margin: 4px 0;
  --site-header-image-height: 128px;
  --fore-a07: rgba(58, 65, 72, 0.07);
  --fore-a20: rgba(58, 65, 72, 0.2);
  --fore-a25: rgba(58, 65, 72, 0.25);
  --fore-a30: rgba(58, 65, 72, 0.3);
  --fore-a40: rgba(58, 65, 72, 0.4);
  --fore-a50: rgba(58, 65, 72, 0.5);
  --fore-a75: rgba(58, 65, 72, 0.75);
  --fore-l70: #f2f3f5;
  --main-a07: rgba(58, 65, 72, 0.07);
  --main-a15: rgba(58, 65, 72, 0.15);
  --main-a30: rgba(58, 65, 72, 0.3);
  --main-a50: rgba(58, 65, 72, 0.5);
  --main-a85: rgba(58, 65, 72, 0.85);
  --main-l5: #454e56;
  --main-l10: #515a64;
  --main-d5: #2f343a;
  --bg-a85: rgba(244, 244, 244, 0.85);
  --bg-a90: rgba(244, 244, 244, 0.9);
  --bg-a95: rgba(244, 244, 244, 0.95);
  --border-a25: rgba(219, 219, 219, 0.25);
  --border-a30: rgba(219, 219, 219, 0.3);
  --border-a33: rgba(219, 219, 219, 0.33);
  --border-a40: rgba(219, 219, 219, 0.4);
  --border-a50: rgba(219, 219, 219, 0.5);
  --border-a85: rgba(219, 219, 219, 0.85);
  --border-l8: #efefef;
}
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,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  font-family: var(--primary-font), sans-serif;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th,
td {
  font-weight: normal;
}
input,
textarea,
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid var(--border-colour);
  margin: 0;
  padding: 0.5rem;
  font-size: 0.875rem;
  background: #FFF;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--fore-colour);
  position: relative;
  z-index: 1;
}
input,
textarea {
  -webkit-appearance: none;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
}
input[type=radio] {
  -webkit-appearance: radio;
}
select {
  /*padding-top: 0.375rem;
    -webkit-appearance: none;*/
}
textarea {
  overflow: auto;
  overflow-x: hidden;
  resize: vertical;
}
input[type=checkbox],
input[type=radio] {
  margin-top: 0.25rem;
  margin-left: 0;
  margin-right: 0;
}
input[type=number] {
  text-align: right;
}
a:focus {
  text-decoration: underline;
}
button {
  border: none;
  outline: none;
  font-size: 1em;
  cursor: pointer;
}
hr {
  padding: 0;
  border: 0 solid var(--border-colour);
  border-top-width: 1px;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 16px;
  padding: 0;
  background: #2b3136 var(--site-bg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
}
#preHeaderWrapper {
  background: var(--top-strip-bg);
}
#footerWrapper {
  background: var(--footer-bg);
}
#footerWrapper > div.extraElements:empty {
  display: none;
}
.clearFix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html .clearFix {
  -ms-zoom: 1;
  zoom: 1;
}
/* IE7 */
*:first-child + html .clearFix {
  -ms-zoom: 1;
  zoom: 1;
}
body,
input,
textarea,
select,
h1,
h2,
h3,
a,
p,
label,
li,
span,
div,
button {
  font-family: var(--primary-font), sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h1,
h2,
h3,
h4,
h5,
label.h3 {
  font-weight: 600;
  font-size: 1em;
  line-height: 1.25em;
  font-family: var(--header-font), sans-serif;
}
img {
  margin: 0;
  border: none;
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizequality;
}
header,
section,
article,
aside,
nav,
footer {
  display: block;
}
a {
  text-decoration: none;
  color: var(--anchor-colour);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
}
a:hover,
a:focus,
a:active {
  text-decoration: var(--anchor-hover-decoration);
}
.horiz > *:after,
.vert > *:after,
.horiz:after,
.vert:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.horiz > * {
  float: left;
}
.vert > * {
  display: block;
}
.vert > table {
  display: table;
}
body {
  line-height: 1;
  color: var(--fore-colour);
  /*&:before {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        z-index: 11;
        top: 0;
        height: .5rem;
        background: @mainColour;
    }*/
}
#main {
  min-height: 400px;
  background: #FFF;
  padding-bottom: 5.25rem;
}
p {
  line-height: 1.4em;
}
h1 {
  font-size: 1.75rem;
  color: var(--h1-colour);
  font-weight: 700;
  line-height: 1.1em;
}
h1 > .byLine {
  font-size: 0.875rem;
  line-height: 1.3em;
  font-weight: 600;
}
h2 {
  font-size: 1.25rem;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--h2-colour);
}
button,
.button {
  background: var(--main-colour);
  border: 1px solid var(--main-colour);
  padding: 7px 0.75rem;
  min-width: 6rem;
  box-sizing: border-box;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.85);
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  border-radius: 2px;
}
button.incomplete,
.button.incomplete {
  opacity: 0.5;
}
button.incomplete:after,
.button.incomplete:after {
  transform: none !important;
}
button > .vico:first-child,
.button > .vico:first-child {
  margin: -3px 0;
  margin-right: 0.25rem;
  opacity: 0.7;
}
button:hover,
.button:hover,
button:active,
.button:active,
button:focus,
.button:focus {
  color: #FFF;
}
button:hover > .vico:first-child,
.button:hover > .vico:first-child,
button:active > .vico:first-child,
.button:active > .vico:first-child,
button:focus > .vico:first-child,
.button:focus > .vico:first-child {
  opacity: 1;
}
button.outline,
.button.outline {
  background: none;
  color: var(--main-colour);
}
button.outline > i.vico,
.button.outline > i.vico {
  opacity: 0.3;
}
button.outline:hover,
.button.outline:hover,
button.outline:focus,
.button.outline:focus,
button.outline:active,
.button.outline:active {
  color: var(--main-colour);
}
button.email:before,
.button.email:before,
button.sms:before,
.button.sms:before {
  content: '';
  display: inline-block;
  padding-right: 0.5rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
  background: no-repeat center center;
  background-size: contain;
  margin: -3px 0;
}
button.email:before,
.button.email:before {
  background-image: url('/images/ico128/whiteEmail.png?v=1');
}
button.sms:before,
.button.sms:before {
  background-image: url('/images/ico128/whiteSmartphone.png');
}
button.prev,
.button.prev {
  position: relative;
}
button.prev:before,
.button.prev:before {
  content: '';
  float: left;
  margin-right: 0.75rem;
  display: inline-block;
  border-right: 8px solid #FFF;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-top: 2px;
  opacity: 0.5;
}
button.prev:hover:before,
.button.prev:hover:before,
button.prev:focus:before,
.button.prev:focus:before,
button.prev:active:before,
.button.prev:active:before {
  transform: translateX(-4px);
  transition: transform 0.2s, opacity 0.3s;
  opacity: 1;
}
button.next,
.button.next {
  position: relative;
}
button.next:after,
.button.next:after {
  content: '';
  float: right;
  margin-left: 0.75rem;
  display: inline-block;
  border-left: 8px solid #FFF;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-top: 2px;
  opacity: 0.5;
}
button.next:hover:after,
.button.next:hover:after,
button.next:focus:after,
.button.next:focus:after,
button.next:active:after,
.button.next:active:after {
  transform: translateX(4px);
  transition: transform 0.2s, opacity 0.3s;
  opacity: 1;
}
button > .spotlight,
.button > .spotlight {
  display: inline-block;
  color: var(--main-colour);
  background: #FFF;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  border-radius: 50%;
  font-size: 0.625rem;
  opacity: 0.5;
  position: relative;
  top: -2px;
}
button.delete,
.button.delete,
button.red,
.button.red {
  background-color: #FB3640;
  border-color: #FB3640;
}
button.dull,
.button.dull {
  background-color: var(--fore-colour);
  border-color: var(--fore-colour);
}
button.dull > .icobtn.solid,
.button.dull > .icobtn.solid,
button.dull > .vico.solid,
.button.dull > .vico.solid {
  background-color: var(--fore-colour);
}
button.done,
.button.done,
button.green,
.button.green {
  background-color: #00B466;
  border-color: #00B466;
}
button.done > .icobtn.solid,
.button.done > .icobtn.solid,
button.green > .icobtn.solid,
.button.green > .icobtn.solid,
button.done > .vico.solid,
.button.done > .vico.solid,
button.green > .vico.solid,
.button.green > .vico.solid {
  background-color: #00B466;
}
button.blue,
.button.blue {
  background-color: #06A;
  border-color: #06A;
}
button.blue > .icobtn.solid,
.button.blue > .icobtn.solid,
button.blue > .vico.solid,
.button.blue > .vico.solid {
  background-color: #06A;
}
button.soft,
.button.soft {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  white-space: nowrap;
  padding: 0.5rem 0.75rem;
  background: #FFF;
  border: 1px solid var(--fore-colour);
  color: var(--fore-colour);
  border-radius: 2px;
  min-width: 4rem;
}
button.soft > .spotlight,
.button.soft > .spotlight {
  color: #FFF;
  background: var(--fore-colour);
}
button.soft.delete,
.button.soft.delete,
button.soft.red,
.button.soft.red {
  color: #FB3640;
  border-color: #FB3640;
}
button.soft.edit optional,
.button.soft.edit optional {
  display: none;
}
.vert.buttons > .button {
  display: block;
  text-align: left;
}
.vert.buttons > .button:not(:first-child) {
  margin-top: 0.25rem;
}
#developerNotice {
  background-color: #3FC088;
  font-weight: 700;
  text-align: center;
  padding: 0.375rem 0.5rem;
  line-height: 1em;
  color: #FFF;
  font-size: 10px;
  text-transform: uppercase;
  position: fixed;
  right: 0;
  bottom: 0;
  letter-spacing: 0.1em;
  z-index: 1;
  opacity: 0.5;
}
div.socialChannels {
  overflow: hidden;
}
div.socialChannels > ul {
  overflow: hidden;
}
div.socialChannels > ul > li {
  float: left;
}
div.socialChannels > ul > li > a {
  padding: 0;
  width: 32px;
  height: 32px;
  display: block;
  background: no-repeat center center;
  background-size: contain;
}
div.socialChannels > ul > li > a > span {
  display: none;
}
div.socialChannels > ul > li.fbk > a {
  background-image: url(/images/socials/fbk-sq-white.png);
}
div.socialChannels > ul > li.twt > a {
  background-image: url(/images/socials/twt-sq-white.png);
}
div.socialChannels > ul > li.igm > a {
  background-image: url(/images/socials/igm-sq-white.png);
}
div.socialChannels > ul > li.ttk > a {
  background-image: url(/images/socials/ttk-sq-white.png);
}
div.socialChannels > ul > li.ytb > a {
  background-image: url(/images/socials/ytb-sq-white.png);
}
div.socialChannels > ul > li.lnk > a {
  background-image: url(/images/socials/lnk-sq-white.png);
}
div.socialChannels > ul > li.tre > a {
  background-image: url(/images/socials/tre-sq-white.png);
}
.lnkTrigger {
  cursor: pointer;
}
.lnkTrigger:hover .button.default > .vico:first-child,
.lnkTrigger:active .button.default > .vico:first-child,
.lnkTrigger:focus .button.default > .vico:first-child {
  opacity: 1;
}
#footerWrapper.light div.socialChannels > ul > li.fbk > a {
  background-image: url(/images/socials/fbk-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.twt > a {
  background-image: url(/images/socials/twt-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.igm > a {
  background-image: url(/images/socials/igm-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.ttk > a {
  background-image: url(/images/socials/ttk-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.ytb > a {
  background-image: url(/images/socials/ytb-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.lnk > a {
  background-image: url(/images/socials/lnk-sq-colour.png);
}
#footerWrapper.light div.socialChannels > ul > li.tre > a {
  background-image: url(/images/socials/tre-sq-colour.png);
}
#footerWrapper.light .orgAffiliates > ul {
  border-color: rgba(0, 0, 0, 0.1);
}
#preHeader {
  min-height: 40px;
}
#preHeader > .page {
  padding: 0;
  padding-right: 1rem;
  position: relative;
}
#preHeader > .page img.orgLogo {
  display: none;
}
#preHeader > .page a {
  font-size: 0.75rem;
  color: #FFF;
  font-weight: normal;
  line-height: 1rem;
  padding: 0.75rem 0.5rem;
  display: inline-block;
}
#preHeader > .page > a {
  margin-left: 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
#preHeader > .page > .xtra {
  float: right;
  position: relative;
  background: var(--top-strip-bg);
}
#preHeader > .page > .xtra > div.socialChannels {
  float: left;
  /*&:not(:last-child) {
                    border-right: 1px solid fade(#000,30);
                }*/
}
#preHeader > .page > .xtra > div.socialChannels > ul > li > a {
  padding: 0;
  width: 40px;
  height: 40px;
  background-size: 24px;
  display: block;
}
#preHeader > .page > .xtra > div.socialChannels > ul > li > a:hover,
#preHeader > .page > .xtra > div.socialChannels > ul > li > a:focus,
#preHeader > .page > .xtra > div.socialChannels > ul > li > a:active {
  background-color: rgba(0, 0, 0, 0.3);
}
#preHeader > .page > .xtra > a {
  position: relative;
  padding: 0.75rem 0.5rem;
  line-height: 0;
  vertical-align: top;
}
#preHeader > .page > .xtra > a > span {
  float: right;
  padding-left: 0.25rem;
  line-height: 1rem;
}
#preHeader > .page > .xtra > a:hover,
#preHeader > .page > .xtra > a:focus,
#preHeader > .page > .xtra > a:active,
#preHeader > .page > .xtra > a.reveal {
  background: rgba(0, 0, 0, 0.3);
}
#preHeader > .page > .xtra > a:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -3px;
  border: 3px solid transparent;
  border-bottom-width: 0;
  border-top-color: #FFF;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.3s ease-out;
}
#preHeader > .page > .xtra > a.reveal:before {
  transform: none;
}
#preHeader > .page > .xtra #orgCartTrigger.hasItems > span.count {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  padding: 0;
  text-align: center;
  font-size: 8px;
  border-radius: 0.5rem;
  box-sizing: border-box;
  background-color: #00B466;
  float: right;
  position: relative;
  top: -0.5rem;
  margin-right: -0.25rem;
  margin-left: -0.375rem;
}
#preHeader > .page > .xtra #orgLocnsTrigger {
  padding-top: 0;
  padding-bottom: 0;
}
#preHeader > .page > .xtra #orgLocnsTrigger.green > span:last-child,
#preHeader > .page > .xtra #orgLocnsTrigger.orange > span:last-child,
#preHeader > .page > .xtra #orgLocnsTrigger.red > span:last-child {
  font-weight: 600;
  text-shadow: none;
}
#preHeader > .page > .xtra #orgLocnsTrigger.green > img,
#preHeader > .page > .xtra #orgLocnsTrigger.orange > img,
#preHeader > .page > .xtra #orgLocnsTrigger.red > img {
  display: none;
}
#preHeader > .page > .xtra #orgLocnsTrigger.green {
  background-color: #00B466;
}
#preHeader > .page > .xtra #orgLocnsTrigger.orange {
  background-color: #E93;
}
#preHeader > .page > .xtra #orgLocnsTrigger.red {
  background-color: #C33;
}
#preHeader > .page > .xtra #orgLocnsTrigger > span {
  line-height: 2.5rem;
  position: relative;
  z-index: 1;
}
#preHeader > .page > .xtra #orgLocnsTrigger > span:last-child {
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 4px, rgba(0, 0, 0, 0.5) 0 0 2px;
}
#preHeader > .page > .xtra #orgLocnsTrigger > span.trafficLight {
  display: inline-block;
  width: 1rem;
  float: left;
  height: 1rem;
  padding: 0;
  margin: 0.75rem 0;
  border-radius: 50%;
  box-shadow: inset rgba(255, 255, 255, 0.9) 0 0 0 1px;
  background-color: #00B466;
}
#preHeader > .page > .xtra #orgLocnsTrigger > span.trafficLight.orange {
  background-color: #E93;
}
#preHeader > .page > .xtra #orgLocnsTrigger > span.trafficLight.red {
  background-color: #C33;
}
#preHeader > .page > .xtra #orgLocnsTrigger > img {
  width: auto;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: auto;
  opacity: 0.25;
  bottom: 3px;
}
#sponsorsWrapper {
  background: #FFF;
}
#sponsorsWrapper > h2 {
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--main-colour);
  background: linear-gradient(-45deg, var(--main-l5) 0%, var(--main-d5) 100%);
  color: rgba(255, 255, 255, 0.5);
  line-height: 1rem;
  text-align: center;
  padding: 1.5rem 0.75rem;
  text-transform: uppercase;
}
#sponsorsWrapper ul.levels > li.level {
  padding: 3rem 0;
}
#sponsorsWrapper ul.levels > li.level > h3 {
  font-weight: 600;
  text-align: center;
  color: var(--main-a30);
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
#sponsorsWrapper ul.levels > li.level + li.level {
  border-top: 1px solid var(--main-a07);
}
#sponsorsWrapper ul.sponsors {
  text-align: center;
  max-width: 1048px;
  margin: 0 auto;
}
#sponsorsWrapper ul.sponsors > li.sponsor {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-align: center;
}
#sponsorsWrapper ul.sponsors > li.sponsor > .logo,
#sponsorsWrapper ul.sponsors > li.sponsor > a.logo > img {
  width: auto;
  max-width: 256px;
  height: auto;
  max-height: 128px;
}
#sponsorsWrapper ul.sponsors > li.sponsor > a.logo > img {
  display: block;
}
#sponsorsWrapper ul.sponsors > li.sponsor > .name {
  display: inline-block;
  font-weight: 600;
  padding: 1rem 0;
}
a.button.back:before {
  content: '\2190';
  position: relative;
  display: inline-block;
  padding-right: 0.375rem;
  transition: transform 0.3s;
  font-size: 0.875rem;
  margin: -1px 0;
  visibility: visible;
}
a.button.back:hover:before,
a.button.back:focus:before,
a.button.back:active:before {
  transform: translateX(-0.25rem);
}
a.more {
  display: inline-block;
  line-height: 1rem;
  padding: 0.5rem 0.75rem;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  max-width: 100%;
  text-overflow: ellipsis;
  /*&:after {
        content: '\2192';
        position: relative;
        display: inline-block;
        padding-left: .375rem;
        transition: transform 0.3s;
        font-size: .875rem;
        margin: -1px 0;
    }*/
}
a.more.button {
  padding: 7px 0.75rem;
}
a.more.white.outline {
  border: 1px solid #FFF;
  color: #FFF;
}
a.more:after {
  content: '\2192';
  position: relative;
  display: inline-block;
  padding-left: 0.375rem;
  transition: transform 0.3s;
  font-size: 0.875rem;
  margin: -1px 0;
  visibility: visible;
}
a.more:hover:after,
a.more:focus:after,
a.more:active:after {
  transform: translateX(0.25rem);
}
a.more.down:after {
  content: '\2193';
  margin: 0;
  position: relative;
  top: -1px;
}
a.more:hover:after,
a.more:focus:after,
a.more:active:after {
  transform: translateX(0.25rem);
}
a.more:hover.down:after,
a.more:focus.down:after,
a.more:active.down:after {
  transform: translateY(0.125rem);
}
#main > .page > .usrMsgs {
  margin-bottom: 1.5rem;
}
div.usrMsgs > .hdr {
  position: relative;
  z-index: 2;
}
div.usrMsgs > div:not(.hdr) {
  transition: transform cubic-bezier(0.22, 1, 0.36, 1) 0.5s, opacity cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
}
div.usrMsgs.remove > div:not(.hdr) {
  opacity: 0;
  transform-origin: top center;
  transform: translateY(-1.5rem);
}
div.usrMsgs > div.hdr > a.icobtn.close {
  margin: -16px auto -16px;
  display: block;
  border: 2px solid #FFF;
}
div.usrMsgs > div + div {
  margin-top: 1px;
}
div.usrMsgs > div > ul {
  clear: both;
  padding: 0.875rem 1.5rem;
}
div.usrMsgs > div > ul > li {
  padding: 0.25rem 0;
}
div.usrMsgs > div > ul > li,
div.usrMsgs > div > ul > li p {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.4em;
}
div.usrMsgs > div > ul > li a {
  color: #FFF;
}
div.usrMsgs > div.error > ul {
  background-color: #C33;
}
div.usrMsgs > div.warning > ul {
  background-color: #E93;
}
div.usrMsgs > div.information > ul {
  background-color: #00B466;
}
.multiSelect > .grid > * {
  padding-left: 2rem;
  position: relative;
  min-height: 2.5rem;
  box-sizing: border-box;
  border-width: 1px 0;
}
.multiSelect > .grid > * > input.select {
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin: 0;
  top: 0.75rem;
  left: 0.5rem;
}
.multiSelect > .grid > .row.selected {
  background-color: #FFF;
}
.multiSelect > .grid > .hdr.selectable {
  border-color: transparent;
  border-bottom-color: var(--border-colour);
  background: none;
  position: sticky;
  top: 44px;
  z-index: 1;
  background: #FFF;
}
.multiSelect > .grid > .hdr.selectable > span {
  font-size: 0.875rem;
}
.collapsible.panel .trigger {
  background: var(--bg-colour);
  padding: 0.75rem;
  border-top: 1px solid var(--border-colour);
  position: sticky;
  top: -1px;
  z-index: 2;
}
.collapsible.panel .trigger.bold {
  background: var(--main-colour);
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
  border-top-width: 0;
}
.collapsible.panel .trigger.bold > .indicator.change:before {
  content: 'Change Selection';
}
.collapsible.panel .trigger.bold > .indicator.change,
.collapsible.panel .trigger.bold > .indicator.view {
  color: #FFF;
  opacity: 0.9;
}
.collapsible.panel .trigger.bold > .indicator.change:after,
.collapsible.panel .trigger.bold > .indicator.view:after {
  border-left-color: #FFF;
}
body .tabCtl .collapsible.panel .trigger {
  position: relative;
  top: 0;
  z-index: 1;
}
.orgCal > ol.filters {
  margin-top: 1.5rem;
  padding: 0.75rem;
  background: var(--bg-colour);
}
.orgCal > ol.filters > li {
  float: left;
}
.orgCal > ol.filters > li > .deCtl > label {
  padding-right: 0.75rem;
  font-size: 0.875rem;
}
.orgCal.calendar > .collapsible ol.months {
  margin-bottom: 3rem;
}
.orgCal.calendar > .collapsible.past ol.months {
  color: var(--fore-a50);
}
.orgCal ol.months > li.month > .title {
  margin-top: 1.25rem;
  padding: 0.75rem 0;
  box-shadow: var(--border-colour) 0 1px 0;
}
.orgCal ol.months > li.month > .title > a.icobtn {
  float: right;
  margin-top: -0.5rem;
  margin-left: 0.5rem;
}
.orgCal ol.months > li.month > h2.title {
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
.orgCal ol.months > li.month > ol.entries {
  clear: both;
}
.orgCal ol.months > li.month > ol.entries > li.entry {
  border-top: 1px solid var(--border-colour);
  padding-left: 3rem;
  position: relative;
  min-height: 2.5rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry + li.entry {
  margin-top: 1rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry + li.entry.dupDate {
  margin-top: 0.75rem;
  border-top-style: dotted;
}
.orgCal ol.months > li.month > ol.entries > li.entry.hasUrl {
  padding-right: 92px;
}
.orgCal ol.months > li.month > ol.entries > li.entry.dupDate {
  padding-left: 0;
  margin-left: 3rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry.dupDate > .date {
  display: none;
}
.orgCal ol.months > li.month > ol.entries > li.entry.old > .date,
.orgCal ol.months > li.month > ol.entries > li.entry.old > .core {
  opacity: 0.5;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .date {
  float: left;
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 3rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .date > * {
  display: block;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .date > *.dow {
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1rem;
  font-weight: 600;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .date > *.day {
  font-size: 1.5rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core {
  display: inline-block;
  max-width: 100%;
  margin-top: 0.75rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .title > .classification {
  float: none;
  display: block;
  max-width: 100%;
  box-sizing: border-box;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .title > .classification > span {
  font-size: 12px;
  padding: 0 4px;
  float: left;
  margin-right: 4px;
  background: var(--border-a50);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .title > .classification > span {
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 1.25rem;
  margin-top: -13px;
  margin-bottom: 4px;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .title > .classification > span.category {
  background: var(--main-colour);
  color: #FFF;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .title > .classification > span[title="Fixture"] {
  font-weight: 700;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core .xtra {
  padding-top: 0.5rem;
  clear: both;
  display: block;
  font-size: 0.875rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .time,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .notes,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .note,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > p.descr {
  font-size: 0.875rem;
  clear: both;
  float: left;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .time,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .notes,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .note,
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .time + p.descr {
  margin-top: 0.25rem;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > p.locnDtls {
  clear: both;
  padding-top: 0.75rem;
  opacity: 1 !important;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > p.locnDtls > i:first-child {
  position: relative;
  top: 3px;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > p.locnDtls > span.locn + span.subLocn:before {
  content: '- ';
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > p.locnDtls > a.locnURL.more {
  margin: -0.375rem 0;
  color: #06C;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .time {
  font-size: 0.75rem;
  font-weight: 600;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .core > .adminOnly {
  font-size: 10px;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  padding: 2px 0;
  margin-top: 0.25rem;
  float: left;
  clear: both;
}
.orgCal ol.months > li.month > ol.entries > li.entry > .more {
  float: right;
  margin: 0.75rem 0;
}
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button) {
  /*position: absolute;
                    top: 0.75rem;
                    right: 0;*/
  margin: 0.5rem 0;
  background-color: var(--main-colour);
  color: #FFF;
  display: inline-block;
  line-height: 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  box-shadow: inset rgba(0, 0, 0, 0.3) 0 -2px 0;
  /*&:after {
                        content: '\2192';
                        position: relative;
                        display: inline-block;
                        padding-left: .375rem;
                        transition: transform 0.3s;
                        font-size: .875rem;
                        margin: -1px 0;
                    }*/
  /*&.outline {
                        background: none;
                        color: @mainColour;
                        box-shadow: inset @mainColour 0 0 0 1px;

                        &:hover, &:focus, &:active {
                            color: @mainColour;
                        }
                    }*/
}
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):after {
  content: '\2192';
  position: relative;
  display: inline-block;
  padding-left: 0.375rem;
  transition: transform 0.3s;
  font-size: 0.875rem;
  margin: -1px 0;
  visibility: visible;
}
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):hover:after,
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):focus:after,
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):active:after {
  transform: translateX(0.25rem);
}
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):hover:after,
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):focus:after,
.orgCal ol.months > li.month > ol.entries > li.entry > a.more:not(.button):active:after {
  transform: translateX(0.25rem);
}
.orgCal ol.months > li.month > ol.entries > li.entry > .bar.graph.segment {
  margin-top: 0.5rem;
  width: 100%;
  max-width: 464px;
}
.breadcrumbs {
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}
.breadcrumbs > li {
  float: left;
  margin-top: 1px;
  background: var(--bg-colour);
  position: relative;
  margin-left: 0.75rem;
}
.breadcrumbs > li:before {
  content: '';
  position: absolute;
  left: -0.75rem;
  top: 0;
  border: 0 solid transparent;
  border-width: 1rem 0.75rem 1rem 0;
  border-right-color: var(--bg-colour);
}
.breadcrumbs > li > a {
  display: block;
  color: var(--main-colour);
  font-weight: normal;
  font-size: 0.75rem;
  white-space: nowrap;
  line-height: 2rem;
  padding: 0 0.5rem;
  margin-left: -0.25rem;
}
.breadcrumbs > li > a:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 6px;
  left: -6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: #FFF;
}
.breadcrumbs > li > a:hover:before,
.breadcrumbs > li > a:focus:before,
.breadcrumbs > li > a:active:before {
  background-color: var(--border-colour);
}
@keyframes animateCrown {
  0%,
  100% {
    opacity: 0;
  }
  25%,
  75% {
    opacity: 1;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
@keyframes animate1 {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
@keyframes animate2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
body > .blind {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 12;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden auto;
  text-align: center;
  display: flex;
  transition: opacity cubic-bezier(0.22, 1, 0.36, 1) 0.9s;
}
body > .blind > *,
body > .blind > .page {
  margin: auto;
}
body > .blind + .blind {
  background: rgba(0, 0, 0, 0.5);
}
body > .blind > .pleaseWait {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4rem;
  margin-left: -4rem;
  width: 8rem;
  height: 8rem;
  background: transparent;
  text-align: center;
  line-height: 8rem;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  background-color: var(--main-colour);
  border-radius: 50%;
  box-shadow: #FFF inset 0 0 0 2px, #FFF 0 0 8px;
  overflow: hidden;
  opacity: 0.95;
}
body > .blind > .pleaseWait > p {
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 8rem;
  white-space: nowrap;
  color: #FFF;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
body > .blind > .pleaseWait > p > svg {
  overflow: hidden;
  stroke: var(--main-colour);
  stroke-width: 12px;
  stroke-dasharray: 317;
  stroke-dashoffset: calc(317 * 4);
  animation: animateCrown 60s linear infinite;
  fill: #FFF;
  width: 32px;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  top: 20px;
}
body > .blind > .pleaseWait > p:before {
  background: url(https://cdn.majestri.com.au/img/logos/maj-white-crown-128x128.png) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 20px;
  animation: animateCrown 3s linear infinite;
}
body > .blind > .pleaseWait:before,
body > .blind > .pleaseWait:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 48% 51%;
  box-sizing: border-box;
  border: 2px solid transparent;
}
body > .blind > .pleaseWait:before {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
  animation: animate1 1s linear infinite;
}
body > .blind > .pleaseWait:after {
  border-right-color: #FFF;
  border-left-color: #FFF;
  animation: animate2 0.5s linear infinite;
}
body > .blind.prepare {
  opacity: 0;
  transition: none;
}
body > .blind.prepare > .pleaseWait {
  transform: scale(0.9);
  opacity: 0;
}
body > .blind.prepare > .modal,
body > .blind.pleaseWait > .modal {
  opacity: 0;
  transition: none;
}
body > .blind > .modal {
  background: var(--bg-colour);
  display: inline-block;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0.25rem 0.5rem;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  min-width: 260px;
}
body > .blind > .modal.page:not(.confirm) {
  padding: 0;
  max-width: 752px;
}
body > .blind > .modal.page:not(.confirm).fullWidth {
  width: 100%;
}
body > .blind > .modal.stickyActions .form > .actions {
  position: sticky;
  bottom: 0;
}
body > .blind > .modal .form > .actions {
  padding: 1.25rem;
  margin: -1.5rem -1.25rem;
  margin-top: 0;
  background: var(--bg-a95);
  z-index: 2;
}
body > .blind > .modal .form > .actions:before {
  content: '';
  border-top: 1px solid var(--border-colour);
  height: 1px;
  display: block;
  font-size: 0;
  position: relative;
  top: -1.25rem;
  box-sizing: border-box;
}
body > .blind > .modal .form > hr + .actions {
  margin-top: -25px;
}
body > .blind > .modal > .hdr {
  position: relative;
  padding-right: 2.25rem;
  background: var(--main-colour);
  height: 40px;
  position: sticky;
  top: 0;
  z-index: 2;
}
body > .blind > .modal > .hdr + .usrMsgs {
  margin: 0 1px;
  margin-bottom: 1px !important;
}
body > .blind > .modal > .hdr + .usrMsgs > div.hdr > a.icobtn.close {
  position: relative;
  z-index: 2;
}
body > .blind > .modal > .hdr > h1 {
  white-space: nowrap;
  color: #FFF;
  font-size: 0.75rem;
  font-weight: normal;
  padding-left: 0;
  line-height: 2.5rem;
  text-overflow: ellipsis;
}
body > .blind > .modal > .hdr > h1:before {
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  background: var(--header-org-logo) no-repeat center center;
  background-size: contain;
  margin-right: 0.25rem;
  float: left;
  position: relative;
  z-index: 1;
}
body > .blind > .modal > .hdr > .icobtn.close {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  background: none;
  border-color: transparent;
  opacity: 0.5;
  margin: 0;
}
body > .blind > .modal > .hdr > .icobtn.close:focus,
body > .blind > .modal > .hdr > .icobtn.close:hover,
body > .blind > .modal > .hdr > .icobtn.close:active {
  opacity: 1;
  transition: opacity cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
  background-color: rgba(255, 255, 255, 0.15);
}
body > .blind > .modal.delete.confirm {
  background: #C33;
  color: rgba(255, 255, 255, 0.85);
}
body > .blind > .modal.delete.confirm > .options {
  overflow: hidden;
  text-align: center;
  clear: both;
  margin-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 1.375rem;
}
body > .blind > .modal.delete.confirm > .options > a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  line-height: 1.125rem;
  font-size: 0.875rem;
  background: #FFF;
  display: inline-block;
  border-radius: 2px;
  margin: 0.125rem;
  min-width: 6rem;
  opacity: 0.9;
}
body > .blind > .modal.delete.confirm > .options > a:hover,
body > .blind > .modal.delete.confirm > .options > a:focus,
body > .blind > .modal.delete.confirm > .options > a:active {
  opacity: 1;
}
body > .blind > .modal.delete.confirm > .options > a.y {
  color: #C33;
}
body > .blind > .modal.delete.confirm > .options > a.n {
  color: #FFF;
  background: rgba(0, 0, 0, 0.25);
}
h1 + .orgCal {
  margin-top: 1.5rem;
}
ol.pageNav.horiz {
  overflow: hidden;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
ol.pageNav.horiz > li {
  clear: none;
  float: left;
  margin: 0 0.75rem;
}
ol.pageNav > li {
  display: block;
  clear: both;
  overflow: hidden;
}
ol.pageNav > li > a {
  float: left;
  padding: 0.25em 0;
}
ol.pageNav > li > a:after {
  /*content: '\2192';
                position: relative;
                display: inline-block;
                padding-left: .375rem;
                transition: transform 0.3s;
                font-size: .875rem;
                transform-origin: center center;
                top: -2px;*/
  content: '';
  border: 0.25rem solid transparent;
  border-right-width: 0;
  border-left-color: var(--main-colour);
  display: inline-block;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  transform-origin: center center;
  transition: transform 0.3s;
}
ol.pageNav > li > a:hover:after,
ol.pageNav > li > a:focus:after,
ol.pageNav > li > a:active:after {
  transform: rotate(90deg);
}
.flyoutBtn {
  position: relative;
}
.flyoutBtn > .icobtn.trigger.add {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.flyoutBtn > .icobtn.trigger.view:before,
.flyoutBtn > .icobtn.trigger.view:after {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.flyoutBtn > .icobtn.trigger.view > span {
  transform: rotate(45deg);
}
.flyoutBtn > .icobtn.trigger.view > span:before,
.flyoutBtn > .icobtn.trigger.view > span:after {
  content: '';
  position: absolute;
  border-radius: 1px;
  background: #FFF;
  left: 50%;
  top: 50%;
  transform-origin: center center;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.flyoutBtn > .icobtn.trigger.view > span:before {
  width: 10px;
  margin-left: -5px;
  height: 2px;
  margin-top: -1px;
}
.flyoutBtn > .icobtn.trigger.view > span:after {
  height: 10px;
  margin-top: -5px;
  width: 2px;
  margin-left: -1px;
}
.flyoutBtn:not(.collapsed) > .icobtn.trigger.add {
  transform: rotate(45deg);
}
.flyoutBtn:not(.collapsed) > .icobtn.trigger.view:before,
.flyoutBtn:not(.collapsed) > .icobtn.trigger.view:after {
  transform: scale(0);
}
.flyoutBtn:not(.collapsed) > .icobtn.trigger.view > span:before,
.flyoutBtn:not(.collapsed) > .icobtn.trigger.view > span:after {
  transform: none;
}
.flyoutBtn > .target {
  position: absolute;
  z-index: 5;
  right: 0;
  padding: 0.25rem;
  padding-top: 0;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px;
}
.flyoutBtn > .target > * {
  clear: both;
  margin-top: 0.25rem;
  display: block;
  text-align: left;
}
div.titleActionContainer {
  display: table;
  width: 100%;
  margin-bottom: 0.75rem;
}
div.titleActionContainer > * {
  display: table-cell;
  vertical-align: bottom;
}
div.titleActionContainer > *.actions {
  width: 1px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
div.titleActionContainer > *.actions > * {
  margin: 0;
  display: inline-block;
  margin-left: 0.25rem;
}
h1.orgLogo {
  position: relative;
  padding-left: 3.5rem;
}
h1.orgLogo:before {
  content: '';
  background: var(--header-org-logo) no-repeat center center;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
}
h1.orgLogo.xero:before {
  background-image: url('/images/common/logos/xero.png');
}
.conditionalCounter.maxedOut {
  display: none;
}
.conditional {
  transition: opacity cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
}
.conditional.hidden {
  opacity: 0;
  transition: none;
  visibility: hidden;
  display: none !important;
}
.conditional.reveal {
  opacity: 0;
}
.collapsible .trigger.indicator:after,
.collapsible .trigger > .indicator:after {
  content: '';
  border: solid var(--main-colour);
  border-width: 4px 0 4px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  margin-left: 0.5rem;
  position: relative;
  top: -1px;
}
.collapsible .trigger:hover > .indicator,
.collapsible .trigger:focus > .indicator,
.collapsible .trigger:active > .indicator {
  opacity: 1 !important;
  transition: opacity cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
}
.collapsible .trigger > .indicator {
  cursor: pointer;
  opacity: 0.5;
}
.collapsible .trigger > .indicator.view,
.collapsible .trigger > .indicator.change {
  font-weight: 700;
  padding-left: 0.75rem;
  color: var(--main-colour);
  font-size: 0.875rem;
  white-space: nowrap;
}
.collapsible .trigger > .indicator.view:after,
.collapsible .trigger > .indicator.change:after {
  margin-left: 0.375rem;
}
.collapsible .trigger > .indicator.view:before {
  content: 'view';
}
.collapsible .trigger > .indicator.change:before {
  content: 'change';
}
.collapsible.collapsed .target {
  display: none;
}
.collapsible:not(.collapsed) .trigger.indicator:after,
.collapsible:not(.collapsed) .trigger > .indicator:after {
  transform: rotate(90deg);
}
.collapsible:not(.collapsed).prepare .target {
  transform: translateY(-1.5rem);
  opacity: 0;
}
.collapsible:not(.collapsed):not(.prepare) .target {
  opacity: 1;
  transform: none;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
#preHeaderXtra {
  display: none;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
}
#preHeaderXtra > * {
  visibility: hidden;
  transform: translateY(-1.5rem);
  position: absolute;
  max-width: 1048px;
  margin: 0 auto;
  padding: 1.5rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
  width: 100%;
  opacity: 0;
  color: #FFF;
}
#preHeaderXtra.reveal {
  display: block;
}
#preHeaderXtra.reveal > .reveal {
  opacity: 1;
  visibility: visible;
  transition: transform 0.3s, opacity 0.9s;
  transform: none;
  position: static;
}
#preHeaderXtra #orgCartSummary > img,
#preHeaderXtra #orgLoginSummary > img {
  float: left;
  margin-right: 0.5rem;
  margin-top: -0.5rem;
  width: 32px;
  height: 32px;
}
#preHeaderXtra #orgCartSummary > h3 {
  margin-bottom: 1.5rem;
}
#preHeaderXtra #orgCartSummary > p.blurb {
  font-size: 0.875rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  display: none;
}
#preHeaderXtra #orgCartSummary div.usrShoppingCart > ul.items:after {
  border-color: #363e44;
}
#preHeaderXtra #orgCartSummary div.usrShoppingCart > ul.items > li {
  border-color: #363e44;
}
#preHeaderXtra #orgCartSummary div.usrShoppingCart > ul.items > li > div.core > img {
  border-radius: 50%;
}
#preHeaderXtra #orgCartSummary div.usrShoppingCart > ul.items > li > div.core > a.name {
  color: #FFF;
}
#preHeaderXtra #orgCartSummary div.usrShoppingCart > .cartTotal {
  border-color: #363e44;
  background: rgba(54, 62, 68, 0.4);
}
#preHeaderXtra #orgCartSummary > .cartActions {
  text-align: right;
}
#preHeaderXtra #orgCartSummary > .cartActions > a.more {
  margin-top: 0.75rem;
  margin-left: 0.75rem;
}
#preHeaderXtra #orgCartSummary > .cartActions > a.more.checkout {
  background: #3fc088;
  border-color: var(--border-colour);
  color: #FFF;
  min-width: 140px;
}
#preHeaderXtra #orgLoginSummary {
  max-width: 640px;
}
#preHeaderXtra #orgLoginSummary > h3 {
  margin-bottom: 1rem;
}
#preHeaderXtra #orgLoginSummary a.more {
  float: left;
  clear: both;
  margin-top: 0.5rem;
}
#preHeaderXtra #orgCalSummary {
  max-width: 800px;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > .title {
  color: rgba(255, 255, 255, 0.25);
  font-size: 1.5rem;
  box-shadow: none;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry {
  border-top-color: rgba(255, 255, 255, 0.25);
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .core > p {
  opacity: 0.5;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .core > p.locnDtls > i:first-child {
  background-image: url('/tpng?n=mapPin&c=FFF&v=8');
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .core > .title > .classification > span.category {
  background: #FFF;
  color: var(--fore-colour);
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .date > *.dow {
  color: rgba(255, 255, 255, 0.25);
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .title {
  font-size: 0.875rem;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .time {
  font-weight: normal;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .title,
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .time {
  color: rgba(255, 255, 255, 0.5);
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > .adminOnly {
  background: rgba(255, 255, 255, 0.75);
  color: #2b3136;
}
#preHeaderXtra #orgCalSummary.orgCal > ol.months > li.month > ol.entries > li.entry > a.more {
  border: 1px solid #FFF;
  color: #FFF;
  box-shadow: none;
  background: none;
}
#preHeaderXtra #orgCalSummary > img {
  float: left;
  margin-right: 0.5rem;
  margin-top: -0.5rem;
  width: 32px;
  height: 32px;
}
#preHeaderXtra #orgCalSummary > p.empty {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
#preHeaderXtra #orgCalSummary > a.more {
  margin-top: 2rem;
}
#preHeaderXtra #orgLocnsSummary {
  max-width: 640px;
  cursor: pointer;
}
#preHeaderXtra #orgLocnsSummary > h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}
#preHeaderXtra #orgLocnsSummary > .lastUpd {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}
#preHeaderXtra #orgLocnsSummary > .act {
  margin-top: 1rem;
}
#preHeaderXtra #orgLocnsSummary > .act > a:first-child {
  border: 1px solid #FFF;
  color: #FFF;
  display: inline-block;
  line-height: 1rem;
  padding: 7px 0.75rem;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize;
}
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:after {
  content: '\2192';
  position: relative;
  display: inline-block;
  padding-left: 0.375rem;
  transition: transform 0.3s;
  font-size: 0.875rem;
  margin: -1px 0;
  visibility: visible;
}
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:hover:after,
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:focus:after,
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:active:after {
  transform: translateX(0.25rem);
}
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:hover:after,
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:focus:after,
#preHeaderXtra #orgLocnsSummary > .act > a:first-child:active:after {
  transform: translateX(0.25rem);
}
#preHeaderXtra #orgLocnsSummary > .act > a:not(:first-child) {
  display: none;
}
#preHeaderXtra #orgLocnsSummary > .locn {
  cursor: pointer;
  background: #2b3136;
  overflow: hidden;
  margin-top: 1rem;
}
#preHeaderXtra #orgLocnsSummary > .locn + .locn {
  margin-top: 2px;
}
#preHeaderXtra #orgLocnsSummary > .locn > * {
  padding: 0.5rem;
  line-height: 1rem;
}
#preHeaderXtra #orgLocnsSummary > .locn > *.nm {
  font-size: 0.875rem;
  display: inline-block;
}
#preHeaderXtra #orgLocnsSummary > .locn > *.stts {
  font-size: 0.75rem;
  float: right;
  min-width: 5rem;
  text-align: center;
  background-color: #E93;
  box-shadow: inset rgba(255, 255, 255, 0.75) 0 0 0 1px;
  color: rgba(255, 255, 255, 0.75);
}
#preHeaderXtra #orgLocnsSummary > .locn.open > .stts {
  background-color: #00B466;
}
#preHeaderXtra #orgLocnsSummary > .locn.closed > .stts {
  background-color: #C33;
}
div.editPage {
  position: relative;
  z-index: 11;
}
div.editPage > a {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.375rem 0.5rem;
  border: 1px dashed #CCC;
  background: #F4F4F4;
  color: #06c;
  margin-left: 0.5rem;
  opacity: 0.75;
}
div.editPage > a:hover,
div.editPage > a:focus,
div.editPage > a:active {
  opacity: 1;
  transition: opacity 0.3s;
}
#headerWrapper {
  background: var(--header-colour) var(--site-header-bg) no-repeat top center;
  background-size: auto 136px;
  background-size: cover;
}
#header {
  text-align: left;
}
#header > .page {
  padding-top: 0;
  padding-bottom: 0;
}
#header > .page > img.orgLogo {
  height: var(--site-header-image-height);
  width: auto;
  float: left;
  margin: var(--site-header-image-margin);
}
body.noMnu #mainMenu {
  display: none;
}
#mainMenu {
  background: var(--menu-bg);
}
#mainMenu > a.burger {
  display: none;
}
#mainMenu > ul {
  text-align: right;
  max-width: 1048px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.75rem;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}
#mainMenu > ul > li {
  display: inline-block;
  position: relative;
}
#mainMenu > ul > li.pmi > a:after {
  float: right;
  content: '';
  border: 0.25rem solid transparent;
  border-right-width: 0;
  border-left-color: var(--menu-fore);
  display: inline-block;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  transform-origin: center center;
  transition: transform 0.3s;
}
#mainMenu > ul > li.pmi:hover > a:after {
  transform: rotate(90deg);
}
#mainMenu > ul > li > a {
  color: var(--menu-fore);
}
#mainMenu > ul > li.active > a {
  background: var(--menu-bg-current);
  color: var(--menu-fore-current);
}
#mainMenu > ul > li > ul > li > a {
  color: var(--submenu-fore);
}
#mainMenu > ul > li > a,
#mainMenu > ul > li > ul > li > a {
  font-weight: 600;
  display: block;
  font-size: 0.875rem;
  position: relative;
  /*opacity: .75;*/
  transition: opacity 0.3s;
  line-height: 1rem;
  white-space: nowrap;
  padding: 1rem 0.675rem;
}
#mainMenu > ul > li > a:hover,
#mainMenu > ul > li > ul > li > a:hover,
#mainMenu > ul > li > a:focus,
#mainMenu > ul > li > ul > li > a:focus,
#mainMenu > ul > li > a:active,
#mainMenu > ul > li > ul > li > a:active {
  /*opacity: 1;*/
}
#mainMenu > ul > li > a:hover:after,
#mainMenu > ul > li > ul > li > a:hover:after,
#mainMenu > ul > li > a:focus:after,
#mainMenu > ul > li > ul > li > a:focus:after,
#mainMenu > ul > li > a:active:after,
#mainMenu > ul > li > ul > li > a:active:after {
  transform: none;
}
#mainMenu > ul > li > a:hover,
#mainMenu > ul > li > a:focus,
#mainMenu > ul > li > a:active {
  background: var(--menu-bg-hover);
  color: var(--menu-fore-hover);
}
#mainMenu > ul > li > ul > li > a:hover,
#mainMenu > ul > li > ul > li > a:focus,
#mainMenu > ul > li > ul > li > a:active {
  background: var(--submenu-bg-hover);
  color: var(--submenu-fore-hover);
}
#mainMenu > ul > li > ul {
  position: absolute;
  background: var(--submenu-bg);
  box-shadow: rgba(0, 0, 0, 0.15) 0.25rem 0.25rem 0.5rem;
  z-index: 3;
}
#mainMenu > ul > li > ul > li > a {
  text-align: left;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#mainMenu > ul > li:not(:hover) > ul {
  display: none;
}
#headerTitle {
  font-family: var(--header-font), sans-serif;
  font-weight: 700;
  padding-left: 8rem;
  height: 8rem;
  display: inline-block;
  position: relative;
  line-height: 6.25rem;
  font-size: 1.375rem;
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFF;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
#headerTitle:before {
  content: '';
  width: 8rem;
  height: 8rem;
  background: var(--header-org-logo) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.form:not(.noFrills) {
  background: var(--bg-colour);
  border-top: 1px solid var(--border-colour);
  padding: 1.5rem;
}
#pageWrapper {
  max-width: var(--max-site-width);
  margin-left: auto;
  margin-right: auto;
}
body.focussed #headerWrapper,
body.focussed #footerWrapper {
  display: none;
}
body.fixedActions #footerWrapper {
  display: none;
}
body.fixedActions .actions.fixed {
  background: var(--bg-colour);
  margin: 0 !important;
  text-align: center;
  position: fixed;
  bottom: -1px;
  left: 0.375rem;
  right: 0.375rem;
  z-index: 10;
  padding: 1.5rem 0.375rem;
  box-shadow: inset var(--border-colour) 0 0 0 1px;
  border-radius: 0.75rem 0.75rem 0 0;
  transform: translateY(100%);
}
body.fixedActions .actions.fixed > a.button.bigUp {
  text-transform: uppercase;
  font-weight: 700;
  box-sizing: border-box;
  min-width: 140px;
}
body.fixedActions.ready .actions.fixed {
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  transform: none;
}
body.fixedActions #pageWrapper form .actions,
body.fixedActions #pageWrapper .form .actions {
  background: var(--bg-colour);
  margin: 0 !important;
  text-align: center;
  position: fixed;
  bottom: -1px;
  left: 0.375rem;
  right: 0.375rem;
  z-index: 10;
  padding: 1.5rem 0.375rem;
  box-shadow: inset var(--border-colour) 0 0 0 1px;
  border-radius: 0.75rem 0.75rem 0 0;
}
label > .extraInfo,
h1 > .extraInfo,
h2 > .extraInfo {
  font-size: 0.875em;
  font-weight: normal;
}
label > .extraInfo:before,
h1 > .extraInfo:before,
h2 > .extraInfo:before {
  content: '(';
  position: relative;
}
label > .extraInfo:after,
h1 > .extraInfo:after,
h2 > .extraInfo:after {
  content: ')';
}
div.deCtl {
  /*&.checkbox {
        & > input {
            width: 1.5rem;
            height: 1.5rem;
            float: left;
            margin: 7px 0;
        }

        & > label {
            display: block;
            padding: 11px 0;
            padding-left: 2rem;
        }
    }*/
}
div.deCtl > select {
  height: 38px;
  padding-top: 4px;
}
div.deCtl > input[type=date] {
  height: 38px;
}
div.deCtl.sms > label > .smsChars {
  font-size: 0.75rem;
  float: right;
}
div.deCtl.sms > label > .smsChars.empty {
  display: none;
}
div.deCtl.sms > label > .smsChars.warning {
  color: #ff8c00;
}
a.qaction {
  font-weight: normal;
  background: #FFF;
  padding: 0.375rem 0.5rem;
  display: inline-block;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  border: 1px solid var(--border-colour);
  line-height: 1.3em;
}
div.page {
  max-width: 1048px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 1.5rem;
  position: relative;
}
div.page p.blurb {
  font-size: 0.875rem;
}
div.page .form div.radioList > div.radioButton {
  overflow: hidden;
}
div.page .form div.radioList > div.radioButton > label {
  display: block;
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
  cursor: pointer;
}
div.page .form div.radioList > div.radioButton > label > input {
  position: absolute;
  margin: 0;
  top: 0.5rem;
  left: 0;
  -webkit-appearance: checkbox;
  width: 1rem;
  height: 1rem;
}
div.page .form div.checkbox {
  overflow: hidden;
}
div.page .form div.checkbox + div.checkbox {
  padding-top: 0;
}
div.page .form div.checkbox > input {
  width: 1.5rem;
  height: 1.5rem;
  float: left;
  margin: 0.25rem 0;
}
div.page .form div.checkbox > input:not([type=checkbox]):focus {
  box-shadow: var(--fore-colour) 0 0 0 2px;
}
div.page .form div.checkbox.disabled > label {
  color: var(--fore-a50);
}
div.page .form div.checkbox > label {
  display: block;
  padding: 0.5rem 0;
  padding-left: 2rem /*display: block;
                padding-left: 1.5rem;
                position: relative;
                line-height: 1.4em;
                cursor: pointer;*/ /*& > input {
                    position: absolute;
                    margin: 0;
                    top: 3px;
                    left: 0;
                    -webkit-appearance: checkbox;
                    width: 1rem;
                    height: 1rem;
                }*/;
}
div.page .form div.checkbox.err > label {
  color: #FB3640;
}
div.page .form div.checkbox.err > label .vcl:before {
  color: #FB3640;
}
div.page .form div.checkbox.yesNo {
  max-width: 100%;
  width: 600px;
  box-sizing: border-box;
}
div.page .form div.checkbox.yesNo > label {
  padding-left: 0;
  padding-right: 4.5rem;
  min-height: 1.75rem;
}
div.page .form div.checkbox.yesNo > label > input {
  display: none;
}
div.page .form div.checkbox.yesNo > label > .yesNo {
  width: 4rem;
  position: absolute;
  right: 0;
  top: -0.25rem;
  box-sizing: border-box;
  z-index: 1;
  box-shadow: inset var(--border-colour) 0 0 0 2px;
}
div.page .form div.checkbox.yesNo > label > .yesNo > .frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 33px;
  border: 2px solid var(--border-colour);
  border-color: var(--fore-colour);
  box-sizing: border-box;
  display: block;
  background: #FFF;
  transition: transform 0.1s;
}
div.page .form div.checkbox.yesNo > label > .yesNo:before,
div.page .form div.checkbox.yesNo > label > .yesNo:after {
  content: '';
  float: left;
  width: 50%;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.75rem;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
div.page .form div.checkbox.yesNo > label > .yesNo:before {
  content: 'No';
}
div.page .form div.checkbox.yesNo > label > .yesNo:after {
  content: 'Yes';
}
div.page .form div.checkbox.yesNo > label > input:not(:checked) + .yesNo:before {
  color: var(--fore-colour);
}
div.page .form div.checkbox.yesNo > label > input:not(:checked) + .yesNo:after {
  color: var(--fore-a40);
}
div.page .form div.checkbox.yesNo > label > input:checked + .yesNo > .frame {
  transform: translateX(31px);
}
div.page .form div.checkbox.yesNo > label > input:checked + .yesNo:before {
  color: var(--fore-a40);
}
div.page .form div.checkbox.yesNo > label > input:checked + .yesNo:after {
  color: mediumseagreen;
}
div.page .form hr + p.blurb {
  padding-top: 0;
}
div.page .form p.blurb {
  clear: both;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
div.page .form p.blurb + div.checkbox {
  margin-top: -0.5rem;
}
div.page .form > p.blurb:first-child {
  padding-top: 0;
}
div.page .form:not(.noFrills) .deCnt {
  margin: -0.5rem;
}
div.page .form:not(.noFrills) .deCtl {
  padding: 0.5rem;
}
div.page .form .deCnt:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.page .form .deCnt + .deCnt {
  margin-top: 0.5rem;
}
div.page .form hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
div.page .form .deCnt + .actions,
div.page .form hr + .actions {
  margin-top: 1.5rem;
}
div.page .form p.blurb + hr {
  margin-top: 1rem;
}
div.page .form .deCtl {
  vertical-align: bottom;
  display: inline-block;
  float: none;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
div.page .form .deCtl.flags {
  width: auto;
}
div.page .form .deCtl.flags > .val > .optionGroup {
  clear: both;
}
div.page .form .deCtl.flags > .val > .optionGroup + .optionGroup {
  padding-top: 0.5rem;
}
div.page .form .deCtl.flags > .val > .optionGroup > .deCtl.checkbox.flag {
  width: auto;
  float: left;
  padding: 0;
  padding-right: 1.5rem;
  overflow: visible;
}
div.page .form .deCtl.readOnly > p.val {
  border: 2px solid var(--border-colour);
  padding: 8px;
  min-width: 100px;
  background: var(--bg-colour);
  font-size: 0.875rem;
  min-height: 38px;
}
div.page .form .deCtl .val[disabled],
div.page .form .deCtl .val[readonly] {
  background: var(--bg-colour);
}
div.page .form .deCtl.adminOnly {
  background: var(--border-a30);
}
div.page .form .deCtl.datePicker {
  max-width: 248px;
}
div.page .form .deCtl > .lbl {
  font-size: 15px;
  line-height: 1rem;
  line-height: 1.4em;
  padding-bottom: 0.25rem;
  display: block;
}
div.page .form .deCtl.mandatory > .lbl:after {
  content: ' *';
  color: #C33;
  font-weight: 700;
  position: relative;
  bottom: -2px;
}
div.page .form .deCtl > .val,
div.page .form .deCtl > .input > .val {
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: 18px;
  box-sizing: border-box;
}
div.page .form .deCtl > select.val option.disabled {
  color: var(--fore-a50);
}
div.page .form .deCtl > select.val option.adminOnly,
div.page .form .deCtl > select.val option.offersOnly {
  background-color: var(--border-colour);
}
div.page .form .deCtl > textarea.val {
  height: 8rem;
}
div.page .form .deCtl.err > input,
div.page .form .deCtl.err > select,
div.page .form .deCtl.err > textarea {
  border-color: #FB3640;
  position: relative;
}
div.page .form .deCtl.auto {
  width: auto;
}
div.page .form .deCtl.auto > select {
  width: auto;
}
div.page .form .deCtl.half {
  min-width: 160px;
  width: 50%;
}
div.page .form .deCtl.third {
  min-width: 160px;
  width: 33.33%;
}
div.page .form .deCtl.quarter {
  min-width: 150px;
  width: 25%;
}
div.page .form .deCtl.fifth {
  min-width: 120px;
  width: 20%;
}
div.page .form .deCtl.threeQuarter {
  min-width: 240px;
  width: 75%;
}
div.page .form .deCtl.smallNumber > input {
  max-width: 100px;
}
ul.list > li {
  padding-left: 1rem;
  position: relative;
  line-height: 1.4em;
}
ul.list > li:not(:first-child) {
  margin-top: 0.25rem;
}
ul.list > li:before {
  content: '';
  position: absolute;
  left: 0.125rem;
  top: 0.5rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--fore-a50);
}
div.messages {
  margin-bottom: 1rem;
}
div.messages > * {
  padding: 0.5rem 0.75rem;
}
div.messages > .title {
  background: #FB3640;
  color: #FFF;
}
div.messages > ul {
  background: #FFF;
  padding-bottom: 0.75rem;
  border: 2px solid #FB3640;
  border-top-width: 0;
}
div.xScroll {
  overflow-x: auto;
}
ul.table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
}
ul.table > li {
  display: table-row;
}
ul.table > li > * {
  box-sizing: border-box;
  display: table-cell;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-colour);
  line-height: 1.25em;
  vertical-align: top;
  font-size: 0.875rem;
}
ul.table > li > *.amt {
  text-align: right;
}
ul.table > li.head > * {
  background: var(--bg-colour);
  font-size: 0.75rem;
}
table.grid {
  border-collapse: collapse;
}
table.grid th,
table.grid td {
  padding: 0.5rem;
  border: 1px solid var(--border-colour);
  text-align: left;
  vertical-align: top;
}
table.grid > thead th {
  font-size: 0.875rem;
  background: var(--bg-colour);
}
ul.grid {
  padding-top: 1px;
  border-collapse: collapse;
}
ul.grid > li {
  padding: 0.75rem;
  border: 1px solid var(--border-colour);
  background: var(--bg-colour);
  margin-top: -1px;
  /*&:not(:first-child) {
            margin-top: -1px;
        }*/
}
ul.grid > li > .icobtns {
  float: right;
}
ul.grid > li > .icobtns > * {
  margin-top: 0;
}
ul.grid > li > .rowActions {
  margin: -0.75rem;
  padding: 0 0.25rem;
  margin-top: 0;
  text-align: center;
  overflow: hidden;
}
ul.grid > li > .rowActions > a {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  display: inline-block;
  position: relative;
  margin: 0 2px;
  background: var(--border-a25);
  border-radius: 2px 2px 0 0;
  transform: translateY(2px);
  transition: transform cubic-bezier(0.22, 1, 0.36, 1) 0.9s;
}
ul.grid > li > .rowActions > a:hover,
ul.grid > li > .rowActions > a:focus,
ul.grid > li > .rowActions > a:active {
  transform: none;
  transition-duration: 0.3s;
}
ul.grid > li a.select {
  float: right;
  overflow: hidden;
  width: 1rem;
  height: 1rem;
  text-indent: -1000px;
  box-sizing: border-box;
  border: 0 solid var(--border-colour);
  border-radius: 1px;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin-top: 0.25rem;
  margin-right: 0.25rem;
}
ul.grid > li:hover {
  background: none;
}
ul.grid > li.suggestion > .card > p {
  opacity: 0.5;
}
ul.grid > li.suggestion > .card:after {
  display: block;
  content: 'Suggestion';
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
ul.grid > li.actionContainer > .actions {
  vertical-align: top;
}
ul.grid > li.actionContainer.selectable {
  padding: 0;
}
ul.grid > li.actionContainer.selectable > * {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 0.75rem;
}
ul.grid > li.actionContainer.selectable > .select {
  width: 1rem;
  vertical-align: top;
  padding-left: 0.75rem;
}
ul.grid > li.actionContainer.selectable > .select > input[type=checkbox] {
  width: 1rem;
  height: 1rem;
}
.b {
  font-weight: 700;
}
.actionContainer {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border: 0 solid var(--border-colour);
  padding-bottom: 0.75rem;
  border-bottom-width: 1px;
  /*& > h1, & > h2, & > h3, & > h4, & > h5 {
        vertical-align: bottom;
    }*/
}
.actionContainer > * {
  display: table-cell;
  vertical-align: bottom;
}
.actionContainer > .actions {
  white-space: nowrap;
  width: 1px;
}
.actionContainer + .grid {
  margin-top: -1px;
}
.actionContainer:hover > .actions .rightArrow:before {
  opacity: 1;
}
h1 + div.actionContainer,
div.card + div.actionContainer {
  margin-top: 0.75rem;
}
div.actionContainer + div.actionContainer,
.grid + div.actionContainer {
  margin-top: 2.25rem;
}
.actions {
  text-align: right;
  font-size: 0;
  white-space: nowrap;
  padding-left: 0.75rem;
}
.actions > a,
.actions > button {
  display: inline-block;
  vertical-align: top;
}
.actions > a + a,
.actions > button + a,
.actions > a + button,
.actions > button + button {
  margin-left: 0.5rem;
}
.actions > a.rightArrow,
.actions > button.rightArrow {
  position: relative;
  color: transparent !important;
  background: none !important;
  border-width: 0 !important;
  overflow: hidden;
  width: 2rem;
  margin-right: -0.5rem;
  height: 2.125rem;
  text-indent: 1000px;
}
.actions > a.rightArrow:before,
.actions > button.rightArrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5rem;
  margin-top: -11px;
  content: '';
  border: 0 solid var(--fore-colour);
  border-width: 2px 2px 0 0;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
  transition: transform 0.2s linear, opacity 0.2s;
  opacity: 0.25;
}
.byLine {
  font-size: 0.75rem;
  display: block;
  line-height: 1.4em;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
div.sprWrp > .sprTable td.intro {
  text-align: left !important;
  border-width: 0 2px !important;
  font-weight: 600 !important;
}
div.sprWrp > .sprTable tr + tr > td.body {
  border-top-width: 0 !important;
}
/*#breadcrumbs {
    overflow: hidden;
    margin-bottom: 1.5rem;
    margin-top: -1rem;

    & ul.left {
        float: left;
        overflow: hidden;
        //border: 1px solid @borderColour;
        & > li {
            float: left;

            &:not(:first-child) {
                margin-left: 1px;
            }

            & > a {
                color: fade(#FFF, 75);
                background: @foreColour;
                display: block;
                font-size: .675em;
                line-height: 1rem;
                //padding: .375rem .5rem;
                padding: .5rem .75rem;
                white-space: nowrap;
                font-weight: normal;

                &:hover, &:focus, &:active {
                    color: #FFF;
                }
            }
        }
    }
}*/
/*#popupNotifications {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;

    & > li {
        background: #17BEBB;
        text-align: center;
        line-height: 1.3rem;
        color: fade(#FFF, 90);
        box-sizing: border-box;
        min-height: 3.25rem;
        padding: 1rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transition: transform 0.3s, opacity 0.3s;

        &.pending {
            transform: translateY(100%);
            opacity: 0;
        }

        &:last-child {
            z-index: 1;
            position: relative;
        }
    }
}*/
nowrap,
.nowrap {
  white-space: nowrap;
}
p.warning {
  color: #ff8c00;
}
h2.success {
  position: relative;
  padding-left: 2.5rem;
}
h2.success:before {
  content: '';
  width: 2rem;
  height: 2rem;
  background: var(--main-colour) url('/img/success-400x400.png') no-repeat center center;
  background-size: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -5px;
}
h2.success.spin:before {
  transform: rotate(-360deg);
  transition: transform 1s;
}
img.success {
  background: var(--main-colour);
  border-radius: 50%;
  margin-bottom: 0.75rem;
}
div.bar.graph.segment {
  overflow: hidden;
}
div.bar.graph.segment > * {
  overflow: hidden;
}
div.bar.graph.segment > .legend {
  padding: 0.125rem 0;
}
div.bar.graph.segment > .legend > * {
  float: left;
  margin-right: 0.75rem;
  font-size: 0.675rem;
  font-weight: 600;
  line-height: 1rem;
  white-space: nowrap;
}
div.bar.graph.segment > .values > .value {
  float: left;
  height: 4px;
  box-sizing: border-box;
}
div.bar.graph.segment > .values > .value + .value {
  border-left: 1px solid #FFF;
}
#interPageMsg {
  padding: 1rem 0.75rem;
  background: var(--main-colour);
  padding-left: 3rem;
  margin-bottom: 1rem;
  position: relative;
}
#interPageMsg:before {
  content: '';
  background: var(--main-colour) url('/img/success-400x400.png') no-repeat 0 0;
  background-size: 100%;
  border-radius: 50%;
  position: absolute;
  width: 2rem;
  height: 2rem;
  left: 0.5rem;
  top: 0.75rem;
}
#interPageMsg.spin:before {
  transform: rotate(-360deg);
  transition: transform 1s;
}
#interPageMsg.removing {
  opacity: 0;
  transition: opacity 0.6s;
}
#interPageMsg p {
  color: rgba(255, 255, 255, 0.8);
}
#interPageMsg > .countdown {
  position: absolute;
  font-size: 0.75rem;
  color: var(--fore-a50);
  display: block;
  line-height: 1rem;
  white-space: nowrap;
  bottom: -1.5rem;
  right: 0;
  text-align: right;
}
.deCtl.date,
div.page .form .deCtl.date,
.deCtl.time,
div.page .form .deCtl.time {
  width: auto;
}
.deCtl.date input.val,
div.page .form .deCtl.date input.val,
.deCtl.time input.val,
div.page .form .deCtl.time input.val {
  width: 128px;
  height: 38px;
}
#orgFooter {
  float: left;
  position: relative;
}
#footerWrapper div.socialChannels {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#footerWrapper div.socialChannels > ul {
  display: inline-block;
  padding: 0.5rem;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.05);
}
#footerWrapper div.socialChannels > ul > li {
  padding: 0.5rem;
}
#footerWrapper div.socialChannels > ul > li > a {
  /*opacity: 0.9;

                    &:hover, &:focus, &:active {
                        opacity: 1;
                    }*/
}
#footerWrapper > .extraElements.compact {
  position: relative;
  padding-top: 2.25rem;
}
#footerWrapper > .extraElements.compact:before {
  content: '';
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#footerWrapper > .extraElements.compact > .orgAffiliates {
  float: left;
  margin: -0.5rem 0;
  margin-left: -0.75rem;
}
#footerWrapper > .extraElements.compact > .orgAffiliates > ul {
  border-width: 0;
  padding: 0;
}
#footerWrapper > .extraElements.compact > .orgAffiliates > ul > li {
  padding: 0.75rem;
}
#footerWrapper > .extraElements.compact > .orgAffiliates > ul > li.hasLogo img {
  height: 64px;
}
#footerWrapper > .extraElements.compact > .socialChannels {
  float: right;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#footerWrapper .orgAffiliates {
  padding-top: 0;
  padding-bottom: 0;
}
#footerWrapper .orgAffiliates > ul {
  text-align: center;
  vertical-align: top;
  border: 0 solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#footerWrapper .orgAffiliates > ul > li {
  display: inline-block;
  padding: 2rem;
  opacity: 0.9;
}
#footerWrapper .orgAffiliates > ul > li:hover,
#footerWrapper .orgAffiliates > ul > li:active,
#footerWrapper .orgAffiliates > ul > li:focus {
  opacity: 1;
}
#footerWrapper .orgAffiliates > ul > li > a {
  display: block;
  font-size: 0;
}
#footerWrapper .orgAffiliates > ul > li .name {
  color: var(--footer-fore);
}
#footerWrapper .orgAffiliates > ul > li.hasLogo img {
  height: 100px;
  width: auto;
}
#footerWrapper .orgAffiliates > ul > li.hasLogo .name {
  display: none;
}
#footerWrapper > .orgAffiliates:last-child > ul {
  border-bottom-width: 0;
}
#majPromo {
  float: right;
}
#majPromo > span {
  font-family: var(--header-font);
  font-weight: normal;
}
#majPromo > a.majestri {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
  text-indent: -1000px;
  overflow: hidden;
  height: 19px;
  width: 135px;
  position: relative;
  bottom: -3px;
  background: var(--maj-footer-logo) no-repeat center center;
  background-size: contain;
  margin: 0 0.25rem;
}
#footer {
  color: var(--footer-fore);
  padding-bottom: 1.5rem;
}
#footerStatement {
  max-width: 1048px;
  margin: 0 auto;
  padding: 1.5rem;
  box-sizing: border-box;
  text-align: center;
}
#footerStatement > img {
  max-height: 48px;
}
#footerStatement > img + p {
  margin-top: 0.75rem;
}
#footerStatement > p {
  color: var(--footer-fore);
  font-size: 0.875rem;
}
#footerLinks {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 1.75rem;
  overflow: hidden;
}
#footerLinks > li {
  float: left;
  overflow: hidden;
  margin: 0 0.5rem;
}
#footerLinks > li > a {
  color: var(--footer-link);
  display: block;
  padding: 0.25rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0.8;
}
#footerLinks > li > a:hover,
#footerLinks > li > a:focus,
#footerLinks > li > a:active {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
ul.anchors {
  position: relative;
}
ul.anchors > li {
  display: inline-block;
}
ul.anchors > li > a {
  display: block;
  font-size: 0.875rem;
  padding: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  box-sizing: border-box;
}
ul.anchors.pageAnchors {
  background: var(--bg-colour);
}
ul.anchors.pageAnchors > li > a:hover,
ul.anchors.pageAnchors > li > a:focus,
ul.anchors.pageAnchors > li > a:active {
  box-shadow: inset var(--main-colour) 0 -2px 0;
}
i.tpng {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background: no-repeat center center;
  background-size: 1em;
}
i.tpng.sent,
i.tpng.send {
  background-image: url('/tpng?n=sent&c=main&v=8');
}
i.tpng.email {
  background-image: url('/tpng?n=email&c=main&v=8');
}
i.tpng.smartphone,
i.tpng.sms {
  background-image: url('/tpng?n=smartphone&c=main&v=8');
}
i.tpng.volunteering {
  background-image: url('/tpng?n=volunteering&c=main&v=8');
}
i.tpng.communications {
  background-image: url('/tpng?n=communications&c=main&v=8');
}
i.tpng.paymentPlan {
  background-image: url('/tpng?n=paymentPlan&c=main&v=8');
}
i.tpng.whistle {
  background-image: url('/tpng?n=whistle&c=main&v=8');
}
i.tpng.verify {
  background-image: url('/tpng?n=verify&c=main&v=8');
}
i.tpng.clipboard {
  background-image: url('/tpng?n=clipboard&c=main&v=8');
}
i.tpng.people {
  background-image: url('/tpng?n=people&c=main&v=8');
}
i.tpng.search {
  background-image: url('/tpng?n=search&c=main&v=8');
}
.tabCtl > .nav {
  overflow-y: auto;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 4;
  background: #FFF;
}
.tabCtl > .nav > li {
  margin-right: 1px;
}
.tabCtl > .nav > li > a {
  padding: 0.75rem;
  font-weight: 600;
}
.tabCtl > .nav > li > a > .tally {
  float: right;
  white-space: nowrap;
  font-size: 10px;
  min-width: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.75rem;
  margin-top: -0.25rem;
  margin-left: 0.5rem;
  margin-right: -0.25rem;
  text-align: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  background-color: var(--main-colour);
  color: #FFF;
  /*float: right;
                    white-space: nowrap;
                    font-size: 10px;
                    width: 1.5rem;
                    line-height: 1.5rem;
                    border-radius: .75rem;
                    color: #FFF;
                    margin-top: -.25rem;
                    margin-left: .5rem;
                    margin-right: -.25rem;
                    text-align: center;*/
}
.tabCtl > .nav > li:not(.active) > a {
  background: var(--main-colour);
  color: #FFF;
  color: rgba(255, 255, 255, 0.7);
  border-color: var(--main-colour);
}
.tabCtl > .nav > li:not(.active) > a > .tally {
  color: var(--main-colour);
  background-color: #FFF;
  opacity: 0.7;
}
.tabCtl > .nav > li:not(.active) > a:hover,
.tabCtl > .nav > li:not(.active) > a:active,
.tabCtl > .nav > li:not(.active) > a:focus {
  color: #FFF;
}
.tabCtl > .nav > li:not(.active) > a:hover > .tally,
.tabCtl > .nav > li:not(.active) > a:active > .tally,
.tabCtl > .nav > li:not(.active) > a:focus > .tally {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.tabCtl > .nav > li.active {
  position: relative;
  z-index: 1;
}
.tabCtl > .nav > li.active > a {
  background: var(--bg-colour);
  color: var(--main-colour);
}
.tabCtl > .nav > li.active > a > .tally {
  transform: rotateY(360deg);
  transition: transform 0.3s;
}
.tabCtl > .bdy {
  position: relative;
  min-height: 1px;
}
.tabCtl > .bdy > li {
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.tabCtl > .bdy > li.cladding,
.tabCtl > .bdy > li .cladding {
  background: var(--bg-colour);
  padding: 1.5rem;
}
.tabCtl > .bdy > li .actionContainer {
  border-bottom: 0;
  padding-bottom: 0;
}
.tabCtl > .bdy > li .actionContainer + .selGrd {
  margin-top: 0.5rem;
}
.tabCtl > .bdy > li:not(.active) {
  display: none;
}
.tabCtl > .bdy > li.active.fade {
  opacity: 0;
}
.tabCtl > .bdy > li.active > .blurb {
  background: var(--bg-colour);
  padding: 0.75rem;
  border: 0 solid var(--border-colour);
}
.tabCtl > .bdy > li.active > .blurb.actionContainer.expandable {
  display: table;
  min-height: 4rem;
}
.tabCtl > .bdy > li.active > .blurb.actionContainer.expandable > * {
  display: table-cell;
  vertical-align: bottom;
}
.tabCtl > .bdy > li.active > .blurb.actionContainer.expandable > *.flyout {
  width: 1px;
  position: relative;
  right: 0;
  bottom: 0;
}
.odyLblVal > .pre,
.odyLblVal > .post {
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  position: relative;
  line-height: 1rem;
}
.odyLblVal > i.tpng {
  position: relative;
  bottom: -3px;
  opacity: 0.3;
  display: inline-block;
  margin-right: 0.5rem;
}
.odyUsrDtls > .extFields {
  overflow: hidden;
  margin: 0.5rem -0.75rem -0.25rem;
}
.odyUsrDtls > .extFields > .odyLblVal {
  padding: 0.125rem 0.25rem;
  margin: 0.125rem 0.5rem;
  float: left;
}
.odyUsrDtls > .extFields > .odyLblVal.adminOnly {
  background: var(--border-a30);
}
.odyUsrDtls > .extFields > .odyLblVal.newLine {
  clear: both;
}
.odyUsrDtls > .contact {
  float: right;
  text-align: right;
}
.odyUsrDtls > .wsq.expS > .post,
.odyUsrDtls > .acc.expS > .post {
  font-weight: 700;
  color: #E93;
}
.odyUsrDtls > .wsq.exp > .post,
.odyUsrDtls > .acc.exp > .post {
  font-weight: 700;
  color: #C33;
}
.odyUsrDtls > .name .sn {
  font-weight: 700;
}
.odyUsrDtls > .classification {
  overflow: hidden;
  margin: -0.75rem;
  margin-bottom: 0.125rem;
}
.odyUsrDtls > .classification > * {
  float: left;
  padding: 0.375rem 0.75rem;
  background: var(--border-a50);
  font-size: 0.75rem;
  line-height: 1em;
  white-space: nowrap;
  font-weight: 700;
}
a.bigIcoLnk {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 2rem;
}
a.bigIcoLnk > i {
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem 0;
  margin-right: 0.5rem;
  opacity: 0.3;
}
a.bigIcoLnk:hover > i,
a.bigIcoLnk:focus > i,
a.bigIcoLnk:active > i {
  opacity: 1;
  transition: opacity cubic-bezier(0.22, 1, 0.36, 1) 0.9s;
}
.icobtns {
  float: right;
  white-space: nowrap;
}
.icobtns > * {
  margin-left: 0.25rem;
  margin-top: 0.75rem;
}
.vico {
  width: 1rem;
  height: 1rem;
}
.icobtn {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--main-colour);
  transition: background-color 2s cubic-bezier(0.22, 1, 0.36, 1);
}
.icobtn:not(.wrp).copy {
  background-size: 1rem !important;
  background-position: center !important;
}
.icobtn.wrp {
  border-radius: 1rem;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  white-space: normal;
  line-height: 2rem;
  padding-right: 1rem;
}
.icobtn.wrp > * {
  float: left;
}
.icobtn.wrp > .icobtn {
  border-width: 0;
}
.icobtn.wrp > .icobtn.edit {
  top: -2px;
}
.icobtn.wrp > .lbl {
  font-size: 0.875rem;
}
.icobtn.wrp:not(.busy) {
  transition: none;
}
.icobtn.wrp.busy {
  background-color: var(--main-colour);
}
.vico:not(.wrp),
.icobtn:not(.wrp) {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}
.vico:not(.wrp):not(.busy),
.icobtn:not(.wrp):not(.busy) {
  transition: none;
}
.vico:not(.wrp).busy,
.icobtn:not(.wrp).busy {
  background-color: var(--main-colour);
}
.vico:not(.wrp).delete,
.icobtn:not(.wrp).delete,
.vico:not(.wrp).red,
.icobtn:not(.wrp).red {
  border-color: #C33;
  transform: rotate(-45deg);
}
.vico:not(.wrp).delete.busy,
.icobtn:not(.wrp).delete.busy,
.vico:not(.wrp).red.busy,
.icobtn:not(.wrp).red.busy {
  background-color: #C33;
}
.vico:not(.wrp).delete:after,
.icobtn:not(.wrp).delete:after,
.vico:not(.wrp).red:after,
.icobtn:not(.wrp).red:after,
.vico:not(.wrp).delete:before,
.icobtn:not(.wrp).delete:before,
.vico:not(.wrp).red:before,
.icobtn:not(.wrp).red:before {
  content: '';
  position: absolute;
  border-radius: 1px;
  background: #C33;
  left: 50%;
  top: 50%;
}
.vico:not(.wrp).delete:before,
.icobtn:not(.wrp).delete:before,
.vico:not(.wrp).red:before,
.icobtn:not(.wrp).red:before {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.vico:not(.wrp).delete:after,
.icobtn:not(.wrp).delete:after,
.vico:not(.wrp).red:after,
.icobtn:not(.wrp).red:after {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
.vico:not(.wrp).close,
.icobtn:not(.wrp).close {
  transform: rotate(45deg);
}
.vico:not(.wrp).add:after,
.icobtn:not(.wrp).add:after,
.vico:not(.wrp).close:after,
.icobtn:not(.wrp).close:after,
.vico:not(.wrp).add:before,
.icobtn:not(.wrp).add:before,
.vico:not(.wrp).close:before,
.icobtn:not(.wrp).close:before {
  content: '';
  position: absolute;
  border-radius: 1px;
  background: var(--main-colour);
  left: 50%;
  top: 50%;
}
.vico:not(.wrp).add:before,
.icobtn:not(.wrp).add:before,
.vico:not(.wrp).close:before,
.icobtn:not(.wrp).close:before {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.vico:not(.wrp).add:after,
.icobtn:not(.wrp).add:after,
.vico:not(.wrp).close:after,
.icobtn:not(.wrp).close:after {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
.vico:not(.wrp).send,
.icobtn:not(.wrp).send,
.vico:not(.wrp).email,
.icobtn:not(.wrp).email,
.vico:not(.wrp).smartphone,
.icobtn:not(.wrp).smartphone,
.vico:not(.wrp).clipboard,
.icobtn:not(.wrp).clipboard,
.vico:not(.wrp).people,
.icobtn:not(.wrp).people,
.vico:not(.wrp).list,
.icobtn:not(.wrp).list,
.vico:not(.wrp).download,
.icobtn:not(.wrp).download,
.vico:not(.wrp).upload,
.icobtn:not(.wrp).upload,
.vico:not(.wrp).copy,
.icobtn:not(.wrp).copy,
.vico:not(.wrp).lock,
.icobtn:not(.wrp).lock,
.vico:not(.wrp).sync,
.icobtn:not(.wrp).sync,
.vico:not(.wrp).calendar,
.icobtn:not(.wrp).calendar,
.vico:not(.wrp).print,
.icobtn:not(.wrp).print,
.vico:not(.wrp).search,
.icobtn:not(.wrp).search,
.vico:not(.wrp).map,
.icobtn:not(.wrp).map {
  background: no-repeat left center;
  background-size: 100%;
}
.vico:not(.wrp).send,
.icobtn:not(.wrp).send {
  background-image: url('/tpng?n=sent&c=main&v=8');
}
.vico:not(.wrp).email,
.icobtn:not(.wrp).email {
  background-image: url('/tpng?n=email&c=main&v=8');
}
.vico:not(.wrp).smartphone,
.icobtn:not(.wrp).smartphone {
  background-image: url('/tpng?n=smartphone&c=main&v=8');
}
.vico:not(.wrp).clipboard,
.icobtn:not(.wrp).clipboard {
  background-image: url('/tpng?n=clipboard&c=main&v=8');
}
.vico:not(.wrp).people,
.icobtn:not(.wrp).people {
  background-image: url('/tpng?n=people&c=main&v=8');
}
.vico:not(.wrp).search,
.icobtn:not(.wrp).search {
  background-image: url('/tpng?n=search&c=main&v=8');
}
.vico:not(.wrp).list,
.icobtn:not(.wrp).list {
  background-image: url('/tpng?n=list&c=main&v=8');
}
.vico:not(.wrp).download,
.icobtn:not(.wrp).download {
  background-image: url('/tpng?n=download&c=main&v=8');
}
.vico:not(.wrp).print,
.icobtn:not(.wrp).print {
  background-image: url('/tpng?n=print&c=main&v=8');
}
.vico:not(.wrp).upload,
.icobtn:not(.wrp).upload {
  background-image: url('/tpng?n=upload&c=main&v=8');
}
.vico:not(.wrp).copy,
.icobtn:not(.wrp).copy {
  background-image: url('/tpng?n=copy&c=main&v=8');
}
.vico:not(.wrp).lock,
.icobtn:not(.wrp).lock {
  background-image: url('/tpng?n=padlock&c=main&v=8');
}
.vico:not(.wrp).map,
.icobtn:not(.wrp).map {
  background-image: url('/tpng?n=mapPin&c=main&v=8');
}
.vico:not(.wrp).calendar,
.icobtn:not(.wrp).calendar {
  background-image: url('/tpng?n=calendar&c=main&v=8');
}
.vico:not(.wrp).sync,
.icobtn:not(.wrp).sync {
  background-image: url('/tpng?n=sync&c=main&v=8');
}
.vico:not(.wrp).solid,
.icobtn:not(.wrp).solid {
  background-color: var(--main-colour);
}
.vico:not(.wrp).solid.add,
.icobtn:not(.wrp).solid.add,
.vico:not(.wrp).solid.close,
.icobtn:not(.wrp).solid.close {
  border-width: 0;
}
.vico:not(.wrp).solid.add:after,
.icobtn:not(.wrp).solid.add:after,
.vico:not(.wrp).solid.close:after,
.icobtn:not(.wrp).solid.close:after,
.vico:not(.wrp).solid.add:before,
.icobtn:not(.wrp).solid.add:before,
.vico:not(.wrp).solid.close:before,
.icobtn:not(.wrp).solid.close:before {
  background-color: #FFF;
}
.vico:not(.wrp).solid.edit:before,
.icobtn:not(.wrp).solid.edit:before {
  border-color: #FFF;
}
.vico:not(.wrp).solid.edit:after,
.icobtn:not(.wrp).solid.edit:after {
  border-top-color: #FFF;
}
.vico:not(.wrp).solid.view:after,
.icobtn:not(.wrp).solid.view:after,
.vico:not(.wrp).solid.view:before,
.icobtn:not(.wrp).solid.view:before,
.vico:not(.wrp).solid.view > span,
.icobtn:not(.wrp).solid.view > span {
  background-color: #FFF;
}
.vico:not(.wrp).solid.send,
.icobtn:not(.wrp).solid.send {
  background-image: url('/tpng?n=sent&c=FFF&v=8');
}
.vico:not(.wrp).solid.email,
.icobtn:not(.wrp).solid.email {
  background-image: url('/tpng?n=email&c=FFF&v=8');
}
.vico:not(.wrp).solid.smartphone,
.icobtn:not(.wrp).solid.smartphone {
  background-image: url('/tpng?n=smartphone&c=FFF&v=8');
}
.vico:not(.wrp).solid.clipboard,
.icobtn:not(.wrp).solid.clipboard {
  background-image: url('/tpng?n=clipboard&c=FFF&v=8');
}
.vico:not(.wrp).solid.people,
.icobtn:not(.wrp).solid.people {
  background-image: url('/tpng?n=people&c=FFF&v=8');
}
.vico:not(.wrp).solid.search,
.icobtn:not(.wrp).solid.search {
  background-image: url('/tpng?n=search&c=FFF&v=8');
}
.vico:not(.wrp).solid.list,
.icobtn:not(.wrp).solid.list {
  background-image: url('/tpng?n=list&c=FFF&v=8');
}
.vico:not(.wrp).solid.download,
.icobtn:not(.wrp).solid.download {
  background-image: url('/tpng?n=download&c=FFF&v=8');
}
.vico:not(.wrp).solid.print,
.icobtn:not(.wrp).solid.print {
  background-image: url('/tpng?n=print&c=FFF&v=8');
}
.vico:not(.wrp).solid.upload,
.icobtn:not(.wrp).solid.upload {
  background-image: url('/tpng?n=upload&c=FFF&v=8');
}
.vico:not(.wrp).solid.copy,
.icobtn:not(.wrp).solid.copy {
  background-image: url('/tpng?n=copy&c=FFF&v=8');
}
.vico:not(.wrp).solid.lock,
.icobtn:not(.wrp).solid.lock {
  background-image: url('/tpng?n=padlock&c=FFF&v=8');
}
.vico:not(.wrp).solid.map,
.icobtn:not(.wrp).solid.map {
  background-image: url('/tpng?n=mapPin&c=FFF&v=8');
}
.vico:not(.wrp).solid.calendar,
.icobtn:not(.wrp).solid.calendar {
  background-image: url('/tpng?n=calendar&c=FFF&v=8');
}
.vico:not(.wrp).solid.sync,
.icobtn:not(.wrp).solid.sync {
  background-image: url('/tpng?n=sync&c=FFF&v=8');
}
.vico:not(.wrp).view:after,
.icobtn:not(.wrp).view:after,
.vico:not(.wrp).view:before,
.icobtn:not(.wrp).view:before,
.vico:not(.wrp).view > span,
.icobtn:not(.wrp).view > span {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  background: var(--main-colour);
  border-radius: 2px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
}
.vico:not(.wrp).view:before,
.icobtn:not(.wrp).view:before {
  margin-left: -7px;
}
.vico:not(.wrp).view > span,
.icobtn:not(.wrp).view > span {
  margin-left: -1px;
}
.vico:not(.wrp).view:after,
.icobtn:not(.wrp).view:after {
  margin-left: 5px;
}
.vico:not(.wrp).edit,
.icobtn:not(.wrp).edit {
  transform: rotate(45deg);
}
.vico:not(.wrp).edit:after,
.icobtn:not(.wrp).edit:after,
.vico:not(.wrp).edit:before,
.icobtn:not(.wrp).edit:before {
  content: '';
  position: absolute;
  border: 1px solid var(--main-colour);
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -7px;
  border-radius: 1px;
}
.vico:not(.wrp).edit:before,
.icobtn:not(.wrp).edit:before {
  width: 4px;
  height: 12px;
}
.vico:not(.wrp).edit:after,
.icobtn:not(.wrp).edit:after {
  height: 0;
  border-width: 3px 2px 0;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-top: 5px;
  background: none;
  border-radius: 0;
  width: 4px;
}
div.majOverviewPnl {
  padding: 1.5rem;
  background: var(--bg-colour);
}
div.majOverviewPnl > p.blurb,
div.majOverviewPnl p.pleaseNote {
  font-size: 0.75rem;
  line-height: 1.25em;
}
div.majOverviewPnl > p.blurb:not(:first-child),
div.majOverviewPnl p.pleaseNote:not(:first-child) {
  margin-top: 0.75rem;
}
div.majOverviewPnl > p.pleaseNote {
  font-style: italic;
}
div.majOverviewPnl > a.button {
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 0.75rem;
  width: 100%;
  font-weight: 700;
  max-width: 140px;
  clear: both;
  margin-top: 1.5rem;
  float: left;
}
div.majOverviewPnl > a:not(.button) {
  margin: 0;
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  white-space: nowrap;
  line-height: 2rem;
  font-size: 0.875rem;
  position: relative;
  float: left;
  clear: both;
}
div.majOverviewPnl > a:not(.button):after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid;
  border-radius: 1px;
  transform: scaleX(0);
  transform-origin: bottom left;
  opacity: 0.25;
}
div.majOverviewPnl > a:not(.button):hover:after,
div.majOverviewPnl > a:not(.button):focus:after,
div.majOverviewPnl > a:not(.button):active:after {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transform: none;
}
ul.majFinLst.hasMinAmt > li.total:not(.minAmt) {
  padding-bottom: 0;
  margin-bottom: 0.25rem;
  border-bottom-width: 0;
}
ul.majFinLst.hasMinAmt > li.total.minAmt > * {
  opacity: 0.5;
}
ul.majFinLst.hasMinAmt > li.total.minAmt > *.totalAmt {
  font-size: 1.125rem;
}
ul.majFinLst > li.item {
  font-size: 0.875rem;
  overflow: hidden;
}
ul.majFinLst > li.item > .amts {
  float: right;
  margin-left: 0.5rem;
  margin-top: 3px;
  white-space: nowrap;
  text-align: right;
}
ul.majFinLst > li.item > .amts > * {
  display: none;
}
ul.majFinLst > li.item > .amts > *.qty,
ul.majFinLst > li.item > .amts > *.itemAmt {
  padding-right: 0.375rem;
  font-size: 0.75rem;
}
ul.majFinLst > li.item > .amts > *.qty:after {
  content: ' x ';
}
ul.majFinLst > li.item > .amts > *.totalAmt {
  display: inline-block;
  text-align: right;
  font-size: 15px;
}
ul.majFinLst > li.item > .amts > *.totalAmt.neg {
  color: #E93;
}
ul.majFinLst > li.item > .amts > *.minAmt {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25em;
  margin-top: 0.5em;
  opacity: 0.5;
}
ul.majFinLst > li.item > .amts > *.minAmt:before {
  content: 'Deposit ';
  font-size: 10px;
}
ul.majFinLst > li.item.multi > .amts > .qty,
ul.majFinLst > li.item.multi > .amts > .itemAmt {
  display: inline-block;
}
ul.majFinLst > li.item.multi > .amts > .totalAmt {
  min-width: 4.5rem;
}
ul.majFinLst > li.item > ul.breakdown > li {
  font-size: 0.75rem;
  line-height: 1.25em;
  margin-top: 0.25em;
}
ul.majFinLst > li.item + li.item {
  margin-top: 0.5rem;
}
ul.majFinLst > li.total {
  color: var(--fore-colour);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--border-colour);
  padding-top: 6px;
  padding-bottom: 0.75rem;
}
ul.majFinLst > li.total.pre {
  font-weight: 400;
}
ul.majFinLst > li.total.pre > .totalAmt {
  font-weight: 400;
}
ul.majFinLst > li.total .byLine {
  text-transform: none;
}
ul.majFinLst > li.total > .totalAmt {
  float: right;
  margin-left: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 800;
  margin-top: -6px;
}
ul.majFinLst > li.total > .totalAmt.neg {
  color: #E93;
}
.calItmCrd > .dt {
  font-weight: 700;
  font-size: 1rem;
  display: inline-block;
  margin-right: 0.75rem;
}
.calItmCrd > .tm {
  font-weight: 600;
  font-size: 0.875em;
  display: inline-block;
  white-space: nowrap;
}
.calItmCrd > .title {
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
}
.calItmCrd > .title > .cls {
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: middle;
  background: var(--border-a50);
  padding: 0.125em 0.375em;
  line-height: 1.25em;
  /*font-size: .75em;
            display: inline-block;
            vertical-align: middle;
            background: var(--border-a33);
            padding: 0 .375em;
            font-weight: @headerWeightSemiBold;*/
}
.calItmCrd > .xtra {
  font-size: 0.875em;
}
.calItmCrd > .descr,
.calItmCrd > .notes {
  margin-top: 0.375rem;
  font-size: 0.875rem;
}
.calItmCrd > .notes {
  font-style: italic;
}
.calItmCrd > .ftr {
  margin-top: 0.75rem;
}
.calItmCrd > .ftr .bar.graph {
  max-width: 464px;
}
.searchContainer > input.search {
  width: 100%;
  box-sizing: border-box;
  line-height: 18px;
}
.searchContainer > input.search + .grid {
  margin-top: 0.25rem;
}
.searchContainer .searchable.noMatch,
.searchContainer .noFilterNoMatch.noMatch {
  display: none;
}
#alerts {
  margin-bottom: 1.5rem;
  position: relative;
}
#alerts > h5 {
  background: #C33;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #FFF;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  margin-bottom: -1px;
}
#alerts > h5 > .tally {
  display: inline-block;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  border: 2px solid #FFF;
  margin: -2px 0;
  margin-left: 0.5rem;
  font-size: 10px;
  text-align: center;
  position: relative;
}
#alerts > h5 > .tally:before {
  content: '';
  position: absolute;
  left: -0.5rem;
  right: -0.5rem;
  top: -0.5rem;
  bottom: -0.5rem;
  border: 2px solid #FFF;
  border-radius: 50%;
  transform: scale(0.6);
  visibility: hidden;
  opacity: 0.75;
}
#alerts.pulse > h5 > .tally:before {
  visibility: visible;
  transition: transform 0.9s, opacity 0.7s;
  opacity: 0;
  transform: scale(1.2);
}
#alerts:hover > h5 > .tally {
  transform: rotate(360deg);
  transition: transform 0.3s;
}
#alerts > ul {
  clear: both;
  border: 1px solid #C33;
  padding: 0 0.75rem;
}
#alerts > ul > li {
  padding: 0.75rem 0;
}
#alerts > ul > li:not(:first-child) {
  border-top: 1px solid #C33;
}
#alerts > ul > li > p {
  color: #C33;
  font-size: 0.875rem;
  line-height: 1rem;
}
#alerts > ul > li > p > a {
  color: #C33;
  float: right;
  padding: 0.75rem;
  margin-top: -0.75rem;
  margin-right: -0.75rem;
  position: relative;
}
#alerts > ul > li > p > a:after {
  content: '';
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  position: absolute;
  border-top: 1px solid #C33;
  opacity: 0;
  transform: scaleX(0.5);
}
#alerts > ul > li > p > a:hover:after,
#alerts > ul > li > p > a:active:after,
#alerts > ul > li > p > a:focus:after {
  opacity: 1;
  transform: none;
  transition: transform 0.4s, opacity 0.8s;
}
.searchCombo {
  position: relative;
}
.searchCombo > .options > a.option,
.searchCombo > a.selected {
  padding: 10px;
  display: block;
  color: var(--fore-colour);
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 400;
}
.searchCombo > a.selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid var(--border-colour);
  background: #FFF;
  padding: 8px;
  padding-right: 2.5rem;
}
.searchCombo > a.selected > .close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  background: var(--bg-colour);
}
.searchCombo > a.selected > .close:before,
.searchCombo > a.selected > .close:after {
  content: '';
  height: 10px;
  width: 2px;
  background: var(--fore-colour);
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
}
.searchCombo > a.selected > .close:before {
  transform: rotate(45deg);
}
.searchCombo > a.selected > .close:after {
  transform: rotate(-45deg);
}
.searchCombo > a.selected:focus {
  border-color: var(--fore-colour);
}
.searchCombo:not(.expanded) > .options {
  display: none;
}
.searchCombo.locked > input.search {
  visibility: hidden;
}
.searchCombo:not(.locked) > a.selected {
  display: none;
}
.searchCombo > .options {
  position: absolute;
  z-index: 3;
  margin-top: -2px;
  width: 100%;
  background: #FFF;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 230px;
  margin-bottom: 2rem;
  border: 2px solid var(--fore-colour);
}
.searchCombo > .options > a.option {
  text-decoration: none !important;
}
.searchCombo > .options > a.option.noMatch {
  display: none;
}
.searchCombo > .options > a.option:hover,
.searchCombo > .options > a.option:focus {
  background: #06c;
  color: #FFF;
}
@media (min-width: 921px) {
  /*#preHeader > .page > .xtra > div.socialChannels:last-child {
        margin-right: -1rem;
    }*/
  .flyoutBtn.asReqd > a:first-child {
    display: none;
  }
  .flyoutBtn.asReqd > .target {
    display: block !important;
    position: static;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .flyoutBtn.asReqd > .target > * {
    margin-top: 0 !important;
    display: inline-block;
  }
  .flyoutBtn.asReqd > .target > *:not(:first-child) {
    margin-left: 0.25rem;
  }
}
@media (max-width: 920px) {
  #preHeader > .page {
    padding-right: 2.5rem;
  }
  body.noMnu #preHeader > .page {
    padding-right: 0;
  }
  #header {
    text-align: left;
  }
  #header > .page {
    font-size: 0;
  }
  #headerTitle {
    font-size: 1.125rem;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 2.5rem;
    padding-left: 3.5rem;
    height: 3.125rem;
    line-height: 3.125rem;
  }
  #headerTitle:before {
    width: 3.125rem;
    height: 3.125rem;
  }
  #mainMenu > a.burger {
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    color: transparent;
    width: 2rem;
    height: 2rem;
    position: fixed;
    z-index: 12;
    background: #FFF;
    border-radius: 1rem;
    top: 0.25rem;
    right: 0.25rem;
    opacity: 0.5;
    transition: opacity 0.3s;
  }
  #mainMenu > a.burger:hover {
    opacity: 1;
  }
  #mainMenu > a.burger > * {
    background: var(--burger-colour);
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    height: 2px;
    border-radius: 1px;
    transition: transform 0.3s;
    top: 50%;
    margin-top: -1px;
    transform-origin: center center;
  }
  #mainMenu > a.burger > l1 {
    transform: translateY(-5px);
  }
  #mainMenu > a.burger > l3 {
    transform: translateY(5px);
  }
  #mainMenu > ul {
    min-width: 320px;
    border-top: 40px solid var(--border-colour);
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    padding: 0;
    padding-top: 0.5rem;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.98);
    z-index: 11;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.5rem;
    transform: translateX(100%);
    opacity: 0;
    /*&:before {
                content: 'Menu';
                position: absolute;
                left: .75rem;
                color: #FFF;
                opacity: .3;
                top: -2.5rem;
            }*/
  }
  #mainMenu > ul:before {
    position: absolute;
    z-index: 1;
    top: -8px;
    color: #FFF;
    content: 'Menu';
  }
  #mainMenu > ul > li {
    float: none;
    display: block;
    text-align: left;
  }
  #mainMenu > ul > li.pmi > a {
    cursor: default;
    font-weight: 700;
    opacity: 0.5 !important;
  }
  #mainMenu > ul > li.pmi > a:after {
    display: none;
  }
  #mainMenu > ul > li:not(.pmi) > a:hover,
  #mainMenu > ul > li > ul > li > a:hover,
  #mainMenu > ul > li:not(.pmi) > a:focus,
  #mainMenu > ul > li > ul > li > a:focus,
  #mainMenu > ul > li:not(.pmi) > a:active,
  #mainMenu > ul > li > ul > li > a:active {
    background: var(--main-colour);
    color: #FFF;
  }
  #mainMenu > ul > li > a,
  #mainMenu > ul > li > ul > li > a {
    display: block;
    padding: 0.5rem 0.75rem;
    color: var(--main-colour);
    opacity: 1;
    white-space: normal;
  }
  #mainMenu > ul > li > ul {
    display: block !important;
    position: relative;
    margin-left: 0.75rem;
    background: none;
    box-shadow: none;
  }
  #mainMenu.show {
    /*&:before {
                content: 'Menu';
                position: absolute;
                right: 280px;
                color: #FFF;
                opacity: .3;
                top: 29px;
                z-index: 11;
                position: fixed;
            }*/
  }
  #mainMenu.show > a.burger {
    opacity: 1;
  }
  #mainMenu.show > a.burger > l1 {
    transform: rotate(-45deg);
  }
  #mainMenu.show > a.burger > l2 {
    transform: scaleX(0);
  }
  #mainMenu.show > a.burger > l3 {
    transform: rotate(45deg);
  }
  #mainMenu.show > ul {
    transition: opacity 0.3s, transform 0.3s;
    transform: none;
    opacity: 1;
  }
  #footer {
    text-align: center;
  }
  #footerLinks > li {
    float: none;
    display: inline-block;
  }
  #majPromo,
  #orgFooter {
    display: block;
    float: none;
  }
  #majPromo {
    margin-top: 0.5rem;
  }
  .expendable {
    display: none;
  }
  h1.orgLogo {
    padding-left: 0;
  }
  h1.orgLogo:before {
    display: none;
  }
  ul.anchors {
    overflow-y: auto;
    white-space: nowrap;
  }
  #header > .page {
    height: 0;
    position: static;
  }
  #header > .page > img.orgLogo {
    display: none;
  }
  #preHeader > .page > a {
    margin-left: 0;
    white-space: nowrap;
    padding-left: 3.25rem;
  }
  #preHeader > .page > a:before {
    content: '';
    background: var(--header-org-logo) no-repeat center center;
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: -8px;
    z-index: 1;
  }
  body.rndLogo #preHeader > .page > a:before {
    border-radius: 50%;
  }
}
@media (max-width: 540px) {
  button.asReqd,
  .button.asReqd {
    min-width: 2rem;
    height: 2rem;
    width: 2rem;
    max-width: 2rem;
    font-size: 0;
    border-radius: 50%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
  }
  button.asReqd > .vico:first-child,
  .button.asReqd > .vico:first-child {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    width: 1rem;
    height: 1rem;
  }
  body > .blind > .modal .form > .actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding: 0.5rem;
  }
  body > .blind > .modal .form > .actions:before {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    top: -0.5rem;
  }
  body > .blind > .modal .form > hr + .actions {
    margin-top: -25px;
  }
  body.fixedActions .actions.fixed {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  body.fixedActions #pageWrapper form .actions,
  body.fixedActions #pageWrapper .form .actions {
    padding: 0.75rem;
  }
  #preHeader > .page > .xtra > a:not(#orgLocnsTrigger) > span {
    display: none;
  }
  #preHeader > .page > .xtra > a {
    padding: 0.75rem;
  }
  .actionContainer {
    display: block;
  }
  .actionContainer > * {
    display: block;
  }
  .actions,
  .actionContainer > .actions {
    white-space: normal;
    width: auto;
    padding: 0;
    padding-top: 0.25rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    margin-bottom: -0.25rem;
  }
  .actions > *,
  .actionContainer > .actions > * {
    display: inline-block;
    margin: 0.25rem;
  }
  .actions > *.rightArrow,
  .actionContainer > .actions > *.rightArrow {
    display: none;
  }
}
@media (max-width: 520px) {
  div.sprWrp {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  div.sprWrp > .sprTable td.body,
  div.sprWrp > .sprTable td.intro {
    border-width: 0 !important;
  }
  div.sprWrp > .sprTable td.body {
    border-bottom-width: 1px !important;
  }
  div.sprWrp > .sprTable td.logo {
    padding-right: 0 !important;
    padding-bottom: 8px !important;
    display: block;
  }
  div.sprWrp > .sprTable td.dtl {
    padding-left: 0 !important;
    display: block;
  }
  h1 {
    font-size: 1.5rem;
  }
  .tabCtl.fullWidth {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .tabCtl > .bdy > li .cladding,
  .tabCtl > .bdy > li.cladding {
    padding: 1.5rem 0.75rem;
  }
  .button,
  button {
    min-width: 5rem;
  }
  div.page,
  .form:not(.actions):not(.noFrills),
  #preHeaderXtra > * {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  div.page form .deCtl.half {
    width: 100%;
  }
  form.assessment .legend {
    display: block;
  }
  form.assessment .legend > span {
    display: block;
    width: auto;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 480px) {
  div.page .form .deCtl.half {
    width: 100%;
  }
}
@media (max-width: 460px) {
  #preHeader > .page > .xtra > a {
    padding: 0.75rem 0.5rem;
  }
  #preHeader > .page > .xtra > div.socialChannels > ul > li > a {
    width: 32px;
  }
}
@media (max-width: 360px) {
  #headerTitle {
    font-size: 1rem;
    font-weight: normal;
  }
  #sponsorsWrapper ul.sponsors > li.sponsor > .logo,
  #sponsorsWrapper ul.sponsors > li.sponsor > a.logo > img {
    max-width: 100%;
  }
}
@media (max-width: 320px) {
  #mainMenu > ul {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
@media print {
  #main {
    padding-bottom: 0;
  }
  #fixedActions {
    display: none;
  }
  h1.orgLogo {
    padding-left: 3.5rem !important;
  }
  h1.orgLogo:before {
    display: block !important;
  }
  html {
    background: #FFF;
  }
  #developerNotice {
    display: none;
  }
  body ul.breadcrumbs,
  body #preHeaderWrapper,
  body #headerWrapper,
  body #footerWrapper {
    display: none;
  }
}
body.previewMode ul.breadcrumbs,
body.previewMode #preHeaderWrapper,
body.previewMode #headerWrapper,
body.previewMode #footerWrapper {
  display: none;
}
body.previewMode #developerNotice {
  display: none;
}
body.regoPreviewPage #main {
  background: none;
  padding-bottom: 0;
}
body.regoPreviewPage #main > .page {
  padding: 0;
}
body.regoPreviewPage div.roleDataEntry > h3.indicator {
  padding: 0.75rem 1.5rem;
  background: var(--fore-colour);
  color: #FFF;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
body.regoPreviewPage div.roleDataEntry > h3.indicator:after {
  border-left-color: #FFF;
  border-right-color: #FFF;
}
body.regoPreviewPage div.roleDataEntry > div.target {
  margin-bottom: 3rem;
  padding-top: 1rem;
  max-width: 720px;
}
body.regoPreviewPage div.roleDataEntry:last-child > div.target {
  margin-bottom: -0.75rem;
}
body.regoPreviewPage div.roleDataEntry + div.roleDataEntry {
  margin-top: 1px;
}
p.paymentMethods > .methods {
  display: block;
}
p.paymentMethods > .methods > .sep {
  display: none;
}
p.paymentMethods > .methods > .method {
  display: inline-block;
  padding: 1rem;
  border: 1px solid var(--border-colour);
  white-space: nowrap;
  margin-right: 0.375rem;
  margin-top: 0.375rem;
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  background: #FFF;
  /*&:hover {
                        &:before {
                            transition: transform .6s @defTransition;
                            transform: rotateX(-360deg);
                        }
                    }*/
}
p.paymentMethods > .methods > .method > .byLine {
  display: block;
  line-height: 0;
  margin-bottom: 12px;
  margin-top: -11px;
  position: relative;
  top: 15px;
  font-size: 12px;
  font-weight: normal;
}
p.paymentMethods > .methods > .method:before {
  content: '';
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
}
p.paymentMethods > .methods > .method.card {
  padding-left: 144px;
}
p.paymentMethods > .methods > .method.card:before {
  background-image: url('/images/common/logos/visa-matercard-452x140.png');
  width: 120px;
}
p.paymentMethods > .methods > .method.vou {
  padding-left: 56px;
}
p.paymentMethods > .methods > .method.vou:before {
  background-image: url(https://cdn.majestri.com.au/img/icons/green/maj-receipt-grn.png);
  width: 32px;
}
p.paymentMethods > .methods > .method.ppl {
  padding-left: 56px;
}
p.paymentMethods > .methods > .method.ppl:before {
  background-image: url(https://cdn.majestri.com.au/img/logos/maj-green-crown-128x128.png);
  width: 32px;
}
p.paymentMethods > .methods > .method.bpay {
  padding-left: 99px;
}
p.paymentMethods > .methods > .method.bpay:before {
  background-image: url('/images/common/logos/BPAY_2012_LAND_BLK.gif');
  width: 75px;
}