@charset "UTF-8";
@import "/shared/css/fonts.css";
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  height: 100%;
  line-height: 2.4rem;
}

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  line-height: inherit;
}

article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

br {
  display: none;
}
br + br, br.show {
  display: block;
}

span.show-breaks > br {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
.ui-dialog,
html div.ui-widget,
html div.ui-widget select,
html div.ui-widget .ui-datepicker-buttonpane button {
  color: #001e3e;
  font-family: YourNowSans, Verdana;
}

a {
  color: #57a31a;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.blue {
  color: #0078ff;
}

body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 1.8rem;
  line-height: 2.4rem;
  min-height: 100%;
  padding: 0;
}

.btn,
button,
.buttonLink,
input,
input[type=button],
input[type=submit],
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0.9rem 1.6rem;
}

.d-flex {
  display: flex;
}

.f-space-between {
  justify-content: space-between;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.error,
.required {
  color: #cd1a41;
  font-weight: normal;
}

.warning {
  background-color: #fbf4df;
  border: none;
  border-radius: 0.4rem;
  padding: 1.6rem 1.6rem 1.6rem 4.8rem;
  background-image: url(/images/icons/icon-error-yellow.svg);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: 1.6rem 1.6rem;
}

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

.font-weight-normal {
  font-weight: normal;
}

h1,
h2,
h3,
h4 {
  display: block;
  font-weight: bold;
  width: 100%;
  color: #004460;
}
h1 span.line,
h2 span.line,
h3 span.line,
h4 span.line {
  display: inline-flex;
  flex-direction: row;
}

h1 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  margin: 0 0 1.6rem 0;
}

h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  margin: 0 0 1.6rem 0;
}

h3 {
  font-size: 2rem;
  line-height: 2.6rem;
  margin: 0 0 1.6rem 0;
}

h4 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0 0 1.6rem 0;
}

.hidden,
.invisible,
*[hidden] {
  display: none;
}

label {
  font-weight: bold;
}

.middletext,
p,
ul > li,
.tablelessform fieldset ul > li {
  font-family: inherit;
  margin: 0 0 1rem 0;
  padding: 0;
}
.middletext + p:last-of-type, .middletext + li:last-of-type,
p + p:last-of-type,
p + li:last-of-type,
ul > li + p:last-of-type,
ul > li + li:last-of-type,
.tablelessform fieldset ul > li + p:last-of-type,
.tablelessform fieldset ul > li + li:last-of-type {
  margin-bottom: 0;
}

ol,
ul {
  list-style: none;
}
ol.bullet-ul, ol.bulletspaced,
ul.bullet-ul,
ul.bulletspaced {
  list-style: circle;
  padding: 0 0 0 2.4rem;
}
ol.bullet-ul li.bullet,
ol.bullet-ul li.bullet-link, ol.bulletspaced li.bullet,
ol.bulletspaced li.bullet-link,
ul.bullet-ul li.bullet,
ul.bullet-ul li.bullet-link,
ul.bulletspaced li.bullet,
ul.bulletspaced li.bullet-link {
  list-style: circle;
  margin-left: 0;
}

p {
  margin: 0 0 1.6rem 0;
}

.shadow {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
}

strong {
  font-weight: bold;
}

/** DISPLAY PROPERTIES **/
.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-none {
  display: none !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media all and (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }
}
@media all and (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media all and (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media all and (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media all and (max-width: 57.5rem) {
  .d-xs-block {
    display: block !important;
  }

  .d-xs-inline {
    display: inline !important;
  }

  .d-xs-inline-block {
    display: inline-block !important;
  }

  .d-xs-none {
    display: none !important;
  }

  .d-xs-table {
    display: table !important;
  }

  .d-xs-table-cell {
    display: table-cell !important;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
ul.ui-autocomplete.ui-menu {
  border-color: #969696;
  margin: 0;
  max-height: 31rem;
  overflow-y: scroll;
}
ul.ui-autocomplete.ui-menu li.ui-menu-item {
  color: #001e3e;
}
ul.ui-autocomplete.ui-menu li.ui-menu-item div {
  border: none;
  margin: 0;
  padding: 1rem;
}
ul.ui-autocomplete.ui-menu li.ui-menu-item div.ui-state-active {
  background: #57a31a none;
  border: none;
  margin: 0;
  padding: 1rem;
}
ul.ui-autocomplete.ui-menu li.ui-menu-item div.ui-state-active.ui-state-active {
  background-color: #57a31a;
  border: none;
  margin: 0;
}

.breadcrumbs {
  margin: 0 auto;
  max-width: 200rem;
  padding: 0 2.4rem;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.breadcrumbs .breadcrumb {
  padding: 1rem;
}

@media all and (max-width: 576px) {
  .breadcrumbs {
    display: none;
  }
}
.btn,
button,
.buttonLink,
input[type=button],
input[type=submit],
.ui-dialog-buttonset button.ui-button {
  background: #6e6e6e none;
  border: 0.2rem solid #6e6e6e;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.4rem;
  min-width: 6.4rem;
  outline: none;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  width: auto;
}
.btn:hover,
button:hover,
.buttonLink:hover,
input[type=button]:hover,
input[type=submit]:hover,
.ui-dialog-buttonset button.ui-button:hover {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
  color: white;
  cursor: pointer;
  text-decoration: none;
}
.btn.btn-block,
button.btn-block,
.buttonLink.btn-block,
input[type=button].btn-block,
input[type=submit].btn-block,
.ui-dialog-buttonset button.ui-button.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-primary, .btn.labnext, .btn.labpay, .btn.save-button,
button.btn-primary,
button.labnext,
button.labpay,
button.save-button,
.buttonLink.btn-primary,
.buttonLink.labnext,
.buttonLink.labpay,
.buttonLink.save-button,
input[type=button].btn-primary,
input[type=button].labnext,
input[type=button].labpay,
input[type=button].save-button,
input[type=submit].btn-primary,
input[type=submit].labnext,
input[type=submit].labpay,
input[type=submit].save-button,
.ui-dialog-buttonset button.ui-button.btn-primary,
.ui-dialog-buttonset button.ui-button.labnext,
.ui-dialog-buttonset button.ui-button.labpay,
.ui-dialog-buttonset button.ui-button.save-button {
  background-color: #57a31a;
  border-color: #57a31a;
}
.btn.btn-primary:hover, .btn.labnext:hover, .btn.labpay:hover, .btn.save-button:hover,
button.btn-primary:hover,
button.labnext:hover,
button.labpay:hover,
button.save-button:hover,
.buttonLink.btn-primary:hover,
.buttonLink.labnext:hover,
.buttonLink.labpay:hover,
.buttonLink.save-button:hover,
input[type=button].btn-primary:hover,
input[type=button].labnext:hover,
input[type=button].labpay:hover,
input[type=button].save-button:hover,
input[type=submit].btn-primary:hover,
input[type=submit].labnext:hover,
input[type=submit].labpay:hover,
input[type=submit].save-button:hover,
.ui-dialog-buttonset button.ui-button.btn-primary:hover,
.ui-dialog-buttonset button.ui-button.labnext:hover,
.ui-dialog-buttonset button.ui-button.labpay:hover,
.ui-dialog-buttonset button.ui-button.save-button:hover {
  background-color: #6bbc29;
  border-color: #6bbc29;
}
.btn.btn-primary:active, .btn.labnext:active, .btn.labpay:active, .btn.save-button:active,
button.btn-primary:active,
button.labnext:active,
button.labpay:active,
button.save-button:active,
.buttonLink.btn-primary:active,
.buttonLink.labnext:active,
.buttonLink.labpay:active,
.buttonLink.save-button:active,
input[type=button].btn-primary:active,
input[type=button].labnext:active,
input[type=button].labpay:active,
input[type=button].save-button:active,
input[type=submit].btn-primary:active,
input[type=submit].labnext:active,
input[type=submit].labpay:active,
input[type=submit].save-button:active,
.ui-dialog-buttonset button.ui-button.btn-primary:active,
.ui-dialog-buttonset button.ui-button.labnext:active,
.ui-dialog-buttonset button.ui-button.labpay:active,
.ui-dialog-buttonset button.ui-button.save-button:active {
  background-color: #43850f;
  border-color: #43850f;
}
.btn.btn-secondary, .btn.labprev,
button.btn-secondary,
button.labprev,
.buttonLink.btn-secondary,
.buttonLink.labprev,
input[type=button].btn-secondary,
input[type=button].labprev,
input[type=submit].btn-secondary,
input[type=submit].labprev,
.ui-dialog-buttonset button.ui-button.btn-secondary,
.ui-dialog-buttonset button.ui-button.labprev {
  background-color: white;
  border-color: #57a31a;
  color: #001e3e;
}
.btn.btn-secondary:hover, .btn.labprev:hover,
button.btn-secondary:hover,
button.labprev:hover,
.buttonLink.btn-secondary:hover,
.buttonLink.labprev:hover,
input[type=button].btn-secondary:hover,
input[type=button].labprev:hover,
input[type=submit].btn-secondary:hover,
input[type=submit].labprev:hover,
.ui-dialog-buttonset button.ui-button.btn-secondary:hover,
.ui-dialog-buttonset button.ui-button.labprev:hover {
  background-color: #57a31a;
  color: white;
}
.btn.btn-secondary:active, .btn.labprev:active,
button.btn-secondary:active,
button.labprev:active,
.buttonLink.btn-secondary:active,
.buttonLink.labprev:active,
input[type=button].btn-secondary:active,
input[type=button].labprev:active,
input[type=submit].btn-secondary:active,
input[type=submit].labprev:active,
.ui-dialog-buttonset button.ui-button.btn-secondary:active,
.ui-dialog-buttonset button.ui-button.labprev:active {
  background-color: #43850f;
  border-color: #43850f;
}
.btn.btn-cancel, .btn.close-button, .btn.labcancel,
button.btn-cancel,
button.close-button,
button.labcancel,
.buttonLink.btn-cancel,
.buttonLink.close-button,
.buttonLink.labcancel,
input[type=button].btn-cancel,
input[type=button].close-button,
input[type=button].labcancel,
input[type=submit].btn-cancel,
input[type=submit].close-button,
input[type=submit].labcancel,
.ui-dialog-buttonset button.ui-button.btn-cancel,
.ui-dialog-buttonset button.ui-button.close-button,
.ui-dialog-buttonset button.ui-button.labcancel {
  background-color: transparent;
  border-color: transparent;
  color: #57a31a;
}
.btn.btn-disabled,
button.btn-disabled,
.buttonLink.btn-disabled,
input[type=button].btn-disabled,
input[type=submit].btn-disabled,
.ui-dialog-buttonset button.ui-button.btn-disabled {
  background-color: #ebf1f6;
  border-color: #ebf1f6;
  color: white;
  cursor: no-drop;
}
.btn.btn-wide, .btn.save-button,
button.btn-wide,
button.save-button,
.buttonLink.btn-wide,
.buttonLink.save-button,
input[type=button].btn-wide,
input[type=button].save-button,
input[type=submit].btn-wide,
input[type=submit].save-button,
.ui-dialog-buttonset button.ui-button.btn-wide,
.ui-dialog-buttonset button.ui-button.save-button {
  padding-left: 8rem;
  padding-right: 8rem;
}
.btn.btn-accept,
button.btn-accept,
.buttonLink.btn-accept,
input[type=button].btn-accept,
input[type=submit].btn-accept,
.ui-dialog-buttonset button.ui-button.btn-accept {
  height: 4.8rem;
  width: 25rem;
}
.btn.ui-dialog-titlebar-close,
button.ui-dialog-titlebar-close,
.buttonLink.ui-dialog-titlebar-close,
input[type=button].ui-dialog-titlebar-close,
input[type=submit].ui-dialog-titlebar-close,
.ui-dialog-buttonset button.ui-button.ui-dialog-titlebar-close {
  margin: -1rem 0 0 0;
  min-width: unset;
  padding: 1rem;
  width: 2rem;
}
.btn.close-button:hover,
button.close-button:hover,
.buttonLink.close-button:hover,
input[type=button].close-button:hover,
input[type=submit].close-button:hover,
.ui-dialog-buttonset button.ui-button.close-button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #365e1b;
}
.btn + .btn,
.btn + button,
.btn + .buttonLink,
.btn + input[type=button],
.btn + input[type=submit],
.btn + .ui-dialog-buttonset button.ui-button,
button + .btn,
button + button,
button + .buttonLink,
button + input[type=button],
button + input[type=submit],
button + .ui-dialog-buttonset button.ui-button,
.buttonLink + .btn,
.buttonLink + button,
.buttonLink + .buttonLink,
.buttonLink + input[type=button],
.buttonLink + input[type=submit],
.buttonLink + .ui-dialog-buttonset button.ui-button,
input[type=button] + .btn,
input[type=button] + button,
input[type=button] + .buttonLink,
input[type=button] + input[type=button],
input[type=button] + input[type=submit],
input[type=button] + .ui-dialog-buttonset button.ui-button,
input[type=submit] + .btn,
input[type=submit] + button,
input[type=submit] + .buttonLink,
input[type=submit] + input[type=button],
input[type=submit] + input[type=submit],
input[type=submit] + .ui-dialog-buttonset button.ui-button,
.ui-dialog-buttonset button.ui-button + .btn,
.ui-dialog-buttonset button.ui-button + button,
.ui-dialog-buttonset button.ui-button + .buttonLink,
.ui-dialog-buttonset button.ui-button + input[type=button],
.ui-dialog-buttonset button.ui-button + input[type=submit],
.ui-dialog-buttonset button.ui-button + .ui-dialog-buttonset button.ui-button {
  margin-left: 1rem;
}
.btn.full-width,
button.full-width,
.buttonLink.full-width,
input[type=button].full-width,
input[type=submit].full-width,
.ui-dialog-buttonset button.ui-button.full-width {
  width: 100%;
}

.btn-destructive,
input[type=button].btn-destructive,
input[type=submit].btn-destructive,
table[id*=delete] form[id*=confirm] input[type=submit] {
  background-color: #cd1a41;
  border-color: #cd1a41;
}
.btn-destructive:hover,
input[type=button].btn-destructive:hover,
input[type=submit].btn-destructive:hover,
table[id*=delete] form[id*=confirm] input[type=submit]:hover {
  background-color: #da3458;
  border-color: #da3458;
}
.btn-destructive:active,
input[type=button].btn-destructive:active,
input[type=submit].btn-destructive:active,
table[id*=delete] form[id*=confirm] input[type=submit]:active {
  background-color: #af0e31;
  border-color: #af0e31;
}

.btn-search {
  background: url("/images/icons/icon-search.svg") center center no-repeat;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  float: none;
  min-width: unset;
  padding: 0;
  position: relative;
  width: 3rem;
}
.btn-search.btn-primary, .btn-search:hover {
  background: #57a31a url("/images/icons/icon-search-white.svg") center center no-repeat;
  border-color: #57a31a;
}

.btn-search-green {
  background: #57a31a url("/images/icons/icon-search-white.svg") center center no-repeat;
  border-color: #57a31a;
  cursor: pointer;
  height: 4rem;
  float: none;
  margin: 0;
  min-width: unset;
  padding: 0;
  position: relative;
  width: 4rem;
}
.btn-search-green:hover {
  background-color: #6bbc29;
  border-color: #6bbc29;
}
.btn-search-green:active {
  background-color: #43850f;
  border-color: #43850f;
}

input + button,
input + input[type=button],
input + input[type=submit],
select + button,
select + input[type=button],
select + input[type=submit],
textarea + button,
textarea + input[type=button],
textarea + input[type=submit] {
  margin-left: 2.4rem;
}

form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labcancel {
  margin: 0;
  order: 1;
  padding: 0 1.6rem 0 0;
  font-size: 1.6rem;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labnext, form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labprev, form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labpay {
  height: 4.8rem;
  width: 15.2rem;
  flex-basis: 15.2rem;
  min-width: fit-content;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labprev {
  margin: 0 2.4rem 0 0;
  order: 2;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labnext,
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .labpay {
  order: 3;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group {
  order: 2;
  display: flex;
}
form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group .labnext, form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group .labprev, form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group .labpay {
  flex-grow: 1;
}

@media all and (max-width: 576px) {
  form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper div.elemErrorWrap {
    flex-wrap: wrap-reverse;
  }
  form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap > .labnext,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper div.elemErrorWrap > .labnext {
    width: 22.1rem;
  }
  form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group {
    width: 100%;
  }
  form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group input,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group input {
    width: unset;
  }
  form.tablelessform fieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group + .labcancel,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper div.elemErrorWrap .button-group + .labcancel {
    width: 100%;
    padding: 0;
    margin-top: 1.6rem;
  }
}
.progress-bar-container {
  border-radius: 0.4rem;
  margin: 1.6rem 0;
  overflow: hidden;
  position: relative;
}
.progress-bar-container .profilepercentage {
  color: white;
  font-weight: bold;
  padding: 0.8rem 1.6rem;
  width: 100%;
}
.progress-bar-container .profilepercentage p {
  margin: 0;
}
.progress-bar-container .progressbar {
  background: #ebf1f6;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.progress-bar-container .progressbar div {
  background: linear-gradient(135deg, #57a31a, #57a31a, #57a31a, #57a31a, #6bbc29, #57a31a, #57a31a, #57a31a, #57a31a);
  background-size: 200% 200%;
  height: 100%;
  -webkit-animation: gradient-animation 3s ease infinite;
  -moz-animation: gradient-animation 3s ease infinite;
  animation: gradient-animation 3s ease infinite;
}

@-webkit-keyframes gradient-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@-moz-keyframes gradient-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes gradient-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
#content-container.dashboard {
  overflow: hidden;
}
#content-container.dashboard > #content {
  box-shadow: unset;
  padding: 0;
}

.box-content h1 {
  line-height: 2rem;
  margin: 0 0 2.4rem 0;
  padding: 0 0 1rem 0;
}

.box-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.box-content > * {
  flex: 1 0 100%;
  order: 2;
  margin: 0 0 2.4rem 0;
  padding: 0;
}
.box-content > div.clear {
  display: none;
}
.box-content > div.horizontalline,
.box-content > p {
  flex: 1 0 100%;
  margin: 0 0 2.4rem 0;
  order: 5;
  padding: 0;
}
.box-content > form {
  flex: 1 0 80%;
  order: 3;
}
.box-content > form#Login {
  order: 6;
}
.box-content > h1 {
  flex: 1 0 100%;
  margin-left: 0;
  order: 1;
}
.box-content > img.cardimage {
  flex: 1 0 auto;
}
.box-content .statementemailwidget {
  order: 6;
}
.box-content .statementemailwidget ~ p {
  order: 7;
}
.box-content > table {
  order: 6;
}
.box-content > ul {
  flex: 1 0 100%;
  order: 2;
}
.box-content > ul.screennotifications {
  order: -1;
}

ul.widgets {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
ul.widgets > li.double-column {
  display: flex;
  flex-flow: column nowrap;
  float: none;
  width: 50%;
}
ul.widgets > li.double-column:first-of-type {
  margin: 0 2rem 0 0;
}
ul.widgets > li.double-column .box-content {
  padding: 0;
}

ul.box-content,
ul.widgets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widgets {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.widgets .box-content {
  margin-right: -3.2rem;
}
.widgets .widget {
  flex-basis: calc(50% - 3.2rem);
  margin-right: 3.2rem;
}

.widget {
  border-radius: 4px;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  padding: 2.4rem;
  max-width: 100%;
  margin-bottom: 3.2rem;
}
.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget .widget-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.widget .widget-header a {
  font-size: 1.6rem;
  line-height: 2.2rem;
  height: fit-content;
}
.widget .middletext {
  color: #004460;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3rem;
  margin-bottom: 2.4rem;
}
.widget .subtext {
  color: #47748c;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 2.4rem;
}
.widget p.corp-help-centre {
  margin-top: 1rem;
}
.widget .bullet-link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
.widget .bullet-link p {
  margin: 1.6rem 0 0;
}
.widget .bullet-link .smalltext {
  color: #47748c;
  font-size: 1.4rem;
  text-align: right;
  line-height: 24px;
}
.widget .table-container {
  width: 100%;
  overflow: auto;
  margin-bottom: 1.6rem;
}
.widget.corp-account a.ringgo-tooltip-click span.tooltipposition span.tooltiptext {
  color: #001e3e;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 2.4rem;
}

@media all and (max-width: 576px) {
  .widget .table-container {
    display: none;
  }
  .widget .widget-header a {
    font-size: 0;
    line-height: 0;
  }
  .widget .widget-header a:after {
    font-size: 1.6rem;
    line-height: 2.2rem;
    content: "New session";
  }

  .widgets .box-content {
    margin-right: 0;
  }
  .widgets .widget {
    margin-right: 0;
    flex-basis: 100%;
  }
}
input[type=text].hasDatepicker {
  background: url("/images/icons/icon-calendar.svg") no-repeat center right+0.8rem;
  cursor: pointer;
  min-width: 10rem;
  padding-right: 3.4rem;
  width: 20rem;
}
input[type=text].hasDatepicker + img.ui-datepicker-trigger {
  display: none;
}
input[type=text].hasDatepicker ~ select {
  min-width: 8rem;
  width: auto;
}

.ui-widget.ui-datepicker {
  border-color: #cdcdcd;
  border-radius: 0;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14);
  padding: 0;
  width: auto;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane {
  border: none;
  border-top: 0.1rem solid #cdcdcd;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0.8rem;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button {
  background-color: #57a31a;
  background-image: none;
  border-width: 0.2rem;
  border-radius: 0;
  font-weight: bold;
  margin: 0;
  opacity: 1;
  padding: 0.8rem 1.6rem;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary {
  background-color: #57a31a;
  border-color: #57a31a;
  color: white;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover {
  background-color: #6bbc29;
  border-color: #6bbc29;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:active {
  background-color: #43850f;
  border-color: #43850f;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary {
  background-color: white;
  border-color: #57a31a;
  color: #001e3e;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary:hover {
  background-color: #57a31a;
  color: white;
}
.ui-widget.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary:active {
  background-color: #43850f;
  border-color: #43850f;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar {
  font-size: 1.6rem;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr,
.ui-widget.ui-datepicker .ui-datepicker-calendar thead tr {
  background-color: transparent;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td,
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr th,
.ui-widget.ui-datepicker .ui-datepicker-calendar thead tr td,
.ui-widget.ui-datepicker .ui-datepicker-calendar thead tr th {
  height: 3.6rem;
  width: 4rem;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr th,
.ui-widget.ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 0.8rem 0;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding: 0;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a {
  background-color: transparent;
  background-image: none;
  border: none;
  display: block;
  height: 100%;
  padding: 0.8rem;
  width: 100%;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default {
  color: #001e3e;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight, .ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-hover {
  background-color: transparent;
  background-color: initial;
  color: #001e3e;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
  background-color: #57a31a;
  color: white;
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
  background-color: #ebf1f6;
  color: #001e3e;
}
.ui-widget.ui-datepicker .ui-datepicker-header {
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 0.1rem solid #cdcdcd;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0.8rem;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background-color: transparent;
  background-image: none;
  border: 0.2rem solid #57a31a;
  border-radius: 0;
  color: #001e3e;
  cursor: pointer;
  height: 4.3rem;
  left: 0;
  top: 0;
  position: relative;
  width: 4.3rem;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  display: block;
  font-size: 2.4rem;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background-color: #6bbc29;
  background-image: none;
  border-color: #6bbc29;
  color: white;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  background-image: none;
  display: none;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  margin: 0 0 0 auto;
  order: 3;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: "»";
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  margin: 0 auto 0 0;
  order: 1;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: "«";
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  order: 2;
  padding: 0 1.6rem;
  position: relative;
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  font-size: 1.8rem;
  margin: 0;
  width: 50%;
  min-width: fit-content;
}

.ui-dialog.ui-widget.ui-widget-content {
  box-shadow: 0.2rem 0.4rem 0.4rem rgba(0, 30, 62, 0.14);
  box-sizing: border-box;
  border: 0.1rem solid #cdcdcd;
  border-radius: 0.4rem;
  max-width: 44.8rem;
  overflow: hidden;
  padding: 0 !important;
  width: 100% !important;
  background-color: white;
  font-family: inherit;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content {
  padding: 2.4rem;
  color: #001e3e;
  font-size: 18px;
  line-height: 24px;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content form {
  margin: 0;
  padding: 0;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane {
  margin: 0;
  padding: 0;
  border-top: 0;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset {
  align-items: center;
  display: flex;
  flex-direction: column;
  float: none;
  margin: 0;
  padding: 0 2.4rem 2.4rem;
  width: 100%;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset button {
  margin: 0 0 1.6rem 0;
  font-family: inherit;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type {
  margin: 0;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar {
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 0.1rem solid #ebf1f6;
  border-radius: 0;
  color: #004460;
  padding: 1.6rem 2.4rem;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {
  font-size: 2.4rem;
  line-height: 3rem;
  margin: 0;
  overflow: visible;
  padding: 0;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog.ui-widget.ui-widget-content.no-title-bar .ui-dialog-titlebar {
  display: none;
}
.ui-dialog.ui-widget.ui-widget-content table td {
  vertical-align: middle;
}
.ui-dialog.ui-widget.ui-widget-content table tr:nth-of-type(even) {
  background-color: unset;
}

@media all and (max-width: 576px) {
  .ui-dialog.ui-widget.ui-widget-content {
    max-width: calc(100vw - 1.6rem);
  }
}
form.tablelessform,
.lab_progress_bar {
  margin: 0 0 3.2rem 0;
  padding: 0;
}

form,
form.tablelessform {
  width: 100%;
}
form fieldset,
form fieldset.hiddenfieldset,
form.tablelessform fieldset,
form.tablelessform fieldset.hiddenfieldset {
  background: none;
  float: none;
  margin: 2.4rem 0 2.4rem 0;
  position: relative;
  width: 100%;
}
form fieldset.has-legend,
form fieldset.hiddenfieldset.has-legend,
form.tablelessform fieldset.has-legend,
form.tablelessform fieldset.hiddenfieldset.has-legend {
  margin-top: 6.4rem;
}
form fieldset legend,
form fieldset.hiddenfieldset legend,
form.tablelessform fieldset legend,
form.tablelessform fieldset.hiddenfieldset legend {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 3rem;
  left: 0;
  margin: 0 0 1rem 0;
  padding: 0;
  position: absolute;
  bottom: 100%;
  color: #004460;
}
form fieldset > ol,
form fieldset.hiddenfieldset > ol,
form.tablelessform fieldset > ol,
form.tablelessform fieldset.hiddenfieldset > ol {
  margin: 0;
  padding: 0;
}
form fieldset > ol > li,
form fieldset.hiddenfieldset > ol > li,
form.tablelessform fieldset > ol > li,
form.tablelessform fieldset.hiddenfieldset > ol > li {
  margin: 0 0 2.4rem 0;
  padding: 0;
}
form fieldset > ol > li:last-of-type,
form fieldset.hiddenfieldset > ol > li:last-of-type,
form.tablelessform fieldset > ol > li:last-of-type,
form.tablelessform fieldset.hiddenfieldset > ol > li:last-of-type {
  margin-bottom: 0;
}
form fieldset > ol > li select,
form fieldset.hiddenfieldset > ol > li select,
form.tablelessform fieldset > ol > li select,
form.tablelessform fieldset.hiddenfieldset > ol > li select {
  background: url(/images/form/icon-arrow-down.svg) no-repeat right;
  -webkit-appearance: none;
  background-position-x: calc(100% - 8px);
}
form fieldset > ol > li.checkbox,
form fieldset.hiddenfieldset > ol > li.checkbox,
form.tablelessform fieldset > ol > li.checkbox,
form.tablelessform fieldset.hiddenfieldset > ol > li.checkbox {
  cursor: pointer;
  display: flex;
  align-items: center;
}
form fieldset > ol > li.checkbox > div,
form fieldset.hiddenfieldset > ol > li.checkbox > div,
form.tablelessform fieldset > ol > li.checkbox > div,
form.tablelessform fieldset.hiddenfieldset > ol > li.checkbox > div {
  order: 1;
  width: 4.8rem;
}
form fieldset > ol > li.checkbox > label,
form fieldset.hiddenfieldset > ol > li.checkbox > label,
form.tablelessform fieldset > ol > li.checkbox > label,
form.tablelessform fieldset.hiddenfieldset > ol > li.checkbox > label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  order: 2;
  width: calc(100% - 2.5rem);
}
form fieldset > ol > li.submits-wrapper,
form fieldset.hiddenfieldset > ol > li.submits-wrapper,
form.tablelessform fieldset > ol > li.submits-wrapper,
form.tablelessform fieldset.hiddenfieldset > ol > li.submits-wrapper {
  font-size: 0;
}
form fieldset > ol > li span.error,
form fieldset.hiddenfieldset > ol > li span.error,
form.tablelessform fieldset > ol > li span.error,
form.tablelessform fieldset.hiddenfieldset > ol > li span.error {
  display: block;
  margin: 0.5rem 0 0 0;
  padding: 0;
  width: 100%;
}
form fieldset > ol > li sup span.error,
form fieldset.hiddenfieldset > ol > li sup span.error,
form.tablelessform fieldset > ol > li sup span.error,
form.tablelessform fieldset.hiddenfieldset > ol > li sup span.error {
  display: inline-block;
  margin: 0;
  width: auto;
}
form fieldset > ol > li div.elemErrorWrap,
form fieldset.hiddenfieldset > ol > li div.elemErrorWrap,
form.tablelessform fieldset > ol > li div.elemErrorWrap,
form.tablelessform fieldset.hiddenfieldset > ol > li div.elemErrorWrap {
  display: flex;
  flex-wrap: wrap;
}
form fieldset > ol > li div.elemErrorWrap > strong, form fieldset > ol > li div.elemErrorWrap a,
form fieldset.hiddenfieldset > ol > li div.elemErrorWrap > strong,
form fieldset.hiddenfieldset > ol > li div.elemErrorWrap a,
form.tablelessform fieldset > ol > li div.elemErrorWrap > strong,
form.tablelessform fieldset > ol > li div.elemErrorWrap a,
form.tablelessform fieldset.hiddenfieldset > ol > li div.elemErrorWrap > strong,
form.tablelessform fieldset.hiddenfieldset > ol > li div.elemErrorWrap a {
  margin: 0 0.5rem;
}
form fieldset > ol > li .radio-wrapper,
form fieldset.hiddenfieldset > ol > li .radio-wrapper,
form.tablelessform fieldset > ol > li .radio-wrapper,
form.tablelessform fieldset.hiddenfieldset > ol > li .radio-wrapper {
  display: flex;
  align-items: center;
}
form fieldset > ol > li .radio-wrapper label,
form fieldset.hiddenfieldset > ol > li .radio-wrapper label,
form.tablelessform fieldset > ol > li .radio-wrapper label,
form.tablelessform fieldset.hiddenfieldset > ol > li .radio-wrapper label {
  font-weight: normal;
  margin: 0;
  display: flex;
  align-items: center;
}
form fieldset > ol > li .radio-wrapper input[type=radio]:checked + label,
form fieldset.hiddenfieldset > ol > li .radio-wrapper input[type=radio]:checked + label,
form.tablelessform fieldset > ol > li .radio-wrapper input[type=radio]:checked + label,
form.tablelessform fieldset.hiddenfieldset > ol > li .radio-wrapper input[type=radio]:checked + label {
  font-weight: bold;
}
form fieldset > ol > li.theterms-wrapper .elemErrorWrap,
form fieldset.hiddenfieldset > ol > li.theterms-wrapper .elemErrorWrap,
form.tablelessform fieldset > ol > li.theterms-wrapper .elemErrorWrap,
form.tablelessform fieldset.hiddenfieldset > ol > li.theterms-wrapper .elemErrorWrap {
  display: flex;
  align-items: center;
}
form fieldset > ol > li.theterms-wrapper .elemErrorWrap input[name="theterms[terms]"],
form fieldset.hiddenfieldset > ol > li.theterms-wrapper .elemErrorWrap input[name="theterms[terms]"],
form.tablelessform fieldset > ol > li.theterms-wrapper .elemErrorWrap input[name="theterms[terms]"],
form.tablelessform fieldset.hiddenfieldset > ol > li.theterms-wrapper .elemErrorWrap input[name="theterms[terms]"] {
  margin-right: 0.8rem;
}
form fieldset > ol > li.timescale-wrapper .elemErrorWrap,
form fieldset.hiddenfieldset > ol > li.timescale-wrapper .elemErrorWrap,
form.tablelessform fieldset > ol > li.timescale-wrapper .elemErrorWrap,
form.tablelessform fieldset.hiddenfieldset > ol > li.timescale-wrapper .elemErrorWrap {
  flex-direction: column;
}
form fieldset label#label-recaptcha,
form fieldset.hiddenfieldset label#label-recaptcha,
form.tablelessform fieldset label#label-recaptcha,
form.tablelessform fieldset.hiddenfieldset label#label-recaptcha {
  font-size: 0;
  line-height: 0;
}
form fieldset label.element,
form fieldset.hiddenfieldset label.element,
form.tablelessform fieldset label.element,
form.tablelessform fieldset.hiddenfieldset label.element {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: normal;
}
form fieldset li.static-label-wrapper,
form fieldset.hiddenfieldset li.static-label-wrapper,
form.tablelessform fieldset li.static-label-wrapper,
form.tablelessform fieldset.hiddenfieldset li.static-label-wrapper {
  margin: 0;
  color: #004460;
}
form .form-group,
form.tablelessform .form-group {
  display: flex;
  flex-direction: column;
  margin: 0 0 2.4rem 0;
}
form li.static,
form.tablelessform li.static {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: normal;
}
form .conditions-header,
form.tablelessform .conditions-header {
  font-size: 20px;
  line-height: 26px;
}
form .conditions,
form.tablelessform .conditions {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
form .conditions > li,
form.tablelessform .conditions > li {
  margin: 0;
}

h1 span.success {
  height: 3.8rem;
  padding-left: 3.8rem;
  margin-left: 1.6rem;
  background-image: url(/images/icons/icon-tick-circle.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

form.tablelessform label.element,
label {
  display: block;
  float: none;
  margin: 0 0 1rem 0;
  padding: 0;
}

#display-date {
  float: right;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #47738c;
  text-align: end;
}

.card-icon {
  width: 3.2rem;
  height: 2.4rem;
  background-size: contain;
  margin-right: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/images/paymentcards/icons/icon-unknown.svg");
}
.card-icon.icon-visa {
  background-image: url("/images/paymentcards/icons/icon-visa.svg");
}
.card-icon.icon-american-express {
  background-image: url("/images/paymentcards/icons/icon-american-express.svg");
}
.card-icon.icon-maestro {
  background-image: url("/images/paymentcards/icons/icon-maestro.svg");
}
.card-icon.icon-mastercard {
  background-image: url("/images/paymentcards/icons/icon-mastercard.svg");
}
.card-icon.icon-discover {
  background-image: url("/images/paymentcards/icons/icon-discover.svg");
}

#confirm-delete-table {
  margin-top: 1.6rem;
}
#confirm-delete-table tr {
  display: flex;
}
#confirm-delete-table tr td {
  padding: 0;
}
#confirm-delete-table tr td.spacer {
  display: none;
}
#confirm-delete-table tr td.confirm-cell {
  order: 2;
}
#confirm-delete-table tr td.cancel-cell {
  order: 1;
}

@media all and (max-width: 576px) {
  fieldset.hiddenfieldset li.static,
fieldset.hiddenfieldset li.static label,
fieldset li.checkbox label,
#passwordnote {
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
  }

  form.tablelessform fieldset > ol > li.checkbox > div,
form.tablelessform fieldset > ol > li.checkbox > div {
    width: 3.6rem !important;
  }
  form.tablelessform fieldset > ol > li.checkbox > div input,
form.tablelessform fieldset > ol > li.checkbox > div input {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }
}
.dashhorizontalline,
.horizontalline {
  border-top: 0.2rem #cdcdcd;
  margin: 1.6rem 0;
  width: 100%;
}

.dashhorizontalline {
  border-top-style: dashed;
}

.horizontalline {
  border-top-style: solid;
}

input[type=email],
input[type=password],
input[type=text],
input[type=search],
input[type=time],
input[type=datetime-local],
#ajaxsearch #search-input,
select,
textarea {
  border: 0.1rem solid #969696;
  color: #001e3e;
  font-size: 1.8rem;
  line-height: 2.4rem;
  max-width: 50rem;
  flex-grow: 1;
  width: 100%;
  min-width: 1%;
}
input[type=email].input-block,
input[type=password].input-block,
input[type=text].input-block,
input[type=search].input-block,
input[type=time].input-block,
input[type=datetime-local].input-block,
#ajaxsearch #search-input.input-block,
select.input-block,
textarea.input-block {
  display: block;
  width: 100%;
}
input[type=email].input-short,
input[type=password].input-short,
input[type=text].input-short,
input[type=search].input-short,
input[type=time].input-short,
input[type=datetime-local].input-short,
#ajaxsearch #search-input.input-short,
select.input-short,
textarea.input-short {
  flex-grow: 0;
  min-width: 10rem;
  width: 10rem;
}

input[type=checkbox],
input[type=radio],
#pnGlobalPayment * {
  min-width: unset;
  min-width: auto;
  padding: unset;
}

#pnGlobalPayment * {
  border: none;
}

input[type=checkbox] {
  margin: 0.2rem 0 0 0;
  -webkit-appearance: none;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0;
  background-image: url(/images/form/icon-checkbox-unchecked.svg);
  background-size: cover;
}
input[type=checkbox]:checked {
  background-image: url(/images/form/icon-checkbox-checked.svg);
}
input[type=password] {
  letter-spacing: 0.3rem;
}
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: inline-block;
  min-width: 3.2rem;
  height: 3.2rem;
  background-image: url(/images/form/icon-radio-unchecked.svg);
  background-size: cover;
}
input[type=radio]:checked {
  background-image: url(/images/form/icon-radio-checked.svg);
}
input[type=radio] + label {
  display: inline-block;
  margin: 0 1rem 1rem 0;
  max-width: 100%;
  padding: 0.9rem 1.6rem;
}

div.hideShowPassword-wrapper {
  max-width: 50rem;
  width: 100% !important;
}
div.hideShowPassword-wrapper input[type=password],
div.hideShowPassword-wrapper input[type=text] {
  width: 100%;
}

.lab_progress_bar {
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
}
.lab_progress_bar li {
  display: inline-block;
  float: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0 1rem 0 !important;
  position: relative;
  text-align: center;
  width: 9.1rem;
}
.lab_progress_bar li:after, .lab_progress_bar li:before {
  border-color: #d9e3e7;
  content: "";
  display: inline-block;
  position: absolute;
}
.lab_progress_bar li:after {
  background-color: white;
  border-style: solid;
  border-width: 0.2rem;
  border-radius: 100%;
  height: 1.6rem;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
}
.lab_progress_bar li:not(:last-of-type):before {
  border-bottom-style: solid;
  border-bottom-width: 0.2rem;
  left: 50%;
  top: 100%;
  width: 100%;
}
.lab_progress_bar li.lab_progress_bar_current {
  color: #57a31a;
}
.lab_progress_bar li.lab_progress_bar_current:after {
  border-color: #57a31a;
  background-color: #57a31a;
  height: 1.6rem;
  width: 1.6rem;
}
.lab_progress_bar li.lab_progress_bar_current p {
  background: none;
}
.lab_progress_bar li.lab_progress_bar_not_visited, .lab_progress_bar li.lab_progress_bar_visited {
  background: none;
  color: #47748c;
}
.lab_progress_bar li.lab_progress_bar_visited {
  color: #001e3e;
}
.lab_progress_bar li.lab_progress_bar_visited:after, .lab_progress_bar li.lab_progress_bar_visited:before {
  border-color: #57a31a;
}
.lab_progress_bar li.lab_progress_bar_visited:after {
  background: #57a31a url("/images/icons/icon-check.svg");
}
.lab_progress_bar li p {
  display: block;
  float: none;
  margin: 0;
  padding: 0.5rem 0;
}

#map {
  height: 30rem;
  max-width: 52rem;
  width: 100%;
}
#map button {
  min-width: unset;
}

#wiw_map {
  width: 100% !important;
}

ul.screennotifications, div.screennotifications {
  margin: 0 0 2.4rem 0;
}
ul.screennotifications > ul, ul.screennotifications > div, div.screennotifications > ul, div.screennotifications > div {
  border: none;
  border-radius: 0.4rem;
  color: #001e3e;
  margin: 0 0 2.4rem 0;
  padding: 1.6rem;
  width: fit-content;
}
ul.screennotifications > ul:last-of-type, ul.screennotifications > div:last-of-type, div.screennotifications > ul:last-of-type, div.screennotifications > div:last-of-type {
  margin-bottom: 0;
}
ul.screennotifications > ul.notice-notification, ul.screennotifications > div.notice-notification, div.screennotifications > ul.notice-notification, div.screennotifications > div.notice-notification {
  background-image: none;
  background-color: #d2dce6;
}
ul.screennotifications > ul.warning-notification, ul.screennotifications > ul.success-notification, ul.screennotifications > ul.error-notification, ul.screennotifications > div.warning-notification, ul.screennotifications > div.success-notification, ul.screennotifications > div.error-notification, div.screennotifications > ul.warning-notification, div.screennotifications > ul.success-notification, div.screennotifications > ul.error-notification, div.screennotifications > div.warning-notification, div.screennotifications > div.success-notification, div.screennotifications > div.error-notification {
  background-position: 1.6rem;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  padding-left: 5.4rem;
}
ul.screennotifications > ul.warning-notification, ul.screennotifications > div.warning-notification, div.screennotifications > ul.warning-notification, div.screennotifications > div.warning-notification {
  background-color: #fbf4df;
  background-image: url(/images/icons/icon-error-yellow.svg);
}
ul.screennotifications > ul.success-notification, ul.screennotifications > div.success-notification, div.screennotifications > ul.success-notification, div.screennotifications > div.success-notification {
  background-color: #e6f0dc;
  background-image: url(/images/icons/icon-tick-circle.svg);
}
ul.screennotifications > ul.error-notification, ul.screennotifications > div.error-notification, div.screennotifications > ul.error-notification, div.screennotifications > div.error-notification {
  background-color: #fadce6;
  background-image: url(/images/icons/icon-error-red.svg);
}
ul.screennotifications > ul p, ul.screennotifications > div p, div.screennotifications > ul p, div.screennotifications > div p {
  margin: 0 0 1.6rem 0;
  display: flex;
  align-items: center;
}
ul.screennotifications > ul p:last-of-type, ul.screennotifications > div p:last-of-type, div.screennotifications > ul p:last-of-type, div.screennotifications > div p:last-of-type {
  margin-bottom: 0;
}
ul.screennotifications > ul p .btn, ul.screennotifications > div p .btn, div.screennotifications > ul p .btn, div.screennotifications > div p .btn {
  min-width: fit-content;
  white-space: nowrap;
  margin-left: 1.6rem;
  height: fit-content;
}

@media all and (max-width: 576px) {
  ul.screennotifications > ul p, ul.screennotifications > div p, div.screennotifications > ul p, div.screennotifications > div p {
    flex-direction: column;
    align-items: flex-start;
  }
  ul.screennotifications > ul p .btn, ul.screennotifications > div p .btn, div.screennotifications > ul p .btn, div.screennotifications > div p .btn {
    margin: 0.8rem 0 0 3.2rem;
    text-align: center;
    width: fit-content;
  }
}
.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url("/images/form/icon-visibility.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border: 0.2rem solid transparent;
  border-radius: 0;
  cursor: pointer;
  font-size: 100%;
  height: 4.4rem;
  margin: 0;
  max-height: 100%;
  min-width: auto;
  min-width: unset;
  padding: 0;
  overflow: hidden;
  outline: none;
  text-indent: -999em;
  width: 4.6rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hideShowPassword-toggle:hover {
  background-color: transparent;
  border-color: transparent;
}

.hideShowPassword-toggle-hide {
  background-image: url("/images/form/icon-visibility-off.svg");
}

table,
table.dgridtable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table thead tr,
table tr:nth-of-type(even),
table.dgridtable thead tr,
table.dgridtable tr:nth-of-type(even) {
  background-color: whitesmoke;
}
table thead tr,
table.dgridtable thead tr {
  font-weight: bold;
}
table tr td,
table tr th,
table.dgridtable tr td,
table.dgridtable tr th {
  margin: 0;
  padding: 0.8rem;
  text-align: left;
  vertical-align: middle;
}
table tr td p,
table tr th p,
table.dgridtable tr td p,
table.dgridtable tr th p {
  margin: 0;
  padding: 0;
}

table.dgridtable:not(.plain) {
  margin-bottom: 0;
  min-width: 79.6rem;
}
table.dgridtable:not(.plain) thead tr {
  background-color: #ebf1f6;
}
table.dgridtable:not(.plain) thead tr th {
  color: #004460;
  padding-left: 0;
}
table.dgridtable:not(.plain) thead tr *:last-child {
  padding: 0;
}
table.dgridtable:not(.plain) tbody tr {
  background-color: unset;
  border-bottom: 1px solid #cccccc;
}
table.dgridtable:not(.plain) tbody tr td {
  padding: 2rem 2rem 2rem 0;
}
table.dgridtable:not(.plain) tbody tr td:last-of-type {
  padding: 0;
}
table.dgridtable:not(.plain) td:first-of-type {
  padding: 0 0 0 1.6rem;
}
table.dgridtable:not(.plain) tr:nth-of-type(even) {
  background: inherit;
}

table.plain {
  width: fit-content;
}
table.plain tr {
  background-color: unset;
}
table.plain tr td {
  padding-left: 0;
  padding-top: 0;
}

.desktop-table-container {
  overflow-x: auto;
}

form#Payment table, form#QuickPark table, form#StartParking table, form#StopConfirmSession table, form#CorpConfirm table, form#LAPayment table, form#LAFinish table, form#ContactQuery table {
  font-size: 2rem;
  line-height: 2.6rem;
  width: fit-content;
}
form#Payment table tr, form#QuickPark table tr, form#StartParking table tr, form#StopConfirmSession table tr, form#CorpConfirm table tr, form#LAPayment table tr, form#LAFinish table tr, form#ContactQuery table tr {
  background-color: unset;
}
form#Payment table tr td, form#QuickPark table tr td, form#StartParking table tr td, form#StopConfirmSession table tr td, form#CorpConfirm table tr td, form#LAPayment table tr td, form#LAFinish table tr td, form#ContactQuery table tr td {
  padding-left: 0;
  vertical-align: middle;
}
form#Payment table tr td:first-of-type, form#QuickPark table tr td:first-of-type, form#StartParking table tr td:first-of-type, form#StopConfirmSession table tr td:first-of-type, form#CorpConfirm table tr td:first-of-type, form#LAPayment table tr td:first-of-type, form#LAFinish table tr td:first-of-type, form#ContactQuery table tr td:first-of-type {
  padding-right: 2.4rem;
}
@media all and (max-width: 576px) {
  form#Payment table, form#QuickPark table, form#StartParking table, form#StopConfirmSession table, form#CorpConfirm table, form#LAPayment table, form#LAFinish table, form#ContactQuery table {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.mobile-table-container {
  display: none;
  margin-bottom: 1.6rem;
}
.mobile-table-container table.plain {
  border-bottom: 1px solid #cccccc;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: block;
  width: 100%;
}
.mobile-table-container table.plain:first-of-type {
  border-top: 1px solid #cccccc;
}
.mobile-table-container table.plain td:last-of-type {
  width: 100%;
}
.mobile-table-container table.plain .no-header {
  display: table-cell;
}
.mobile-table-container table.plain .no-header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-table-container table.plain .no-header > div > * {
  margin-right: 0.8rem;
}
.mobile-table-container table.plain .no-header > div > div {
  flex-grow: 1;
}

@media all and (max-width: 576px) {
  .mobile-table-container {
    display: block;
  }

  .desktop-table-container {
    display: none;
  }
}
.ui-tabs-nav {
  display: flex;
  margin-bottom: 1.6rem;
}

.ui-tabs-tab {
  flex: 1 1 0;
  margin-bottom: 0;
  display: flex;
  align-items: stretch;
}

.ui-tabs-anchor {
  height: 100%;
  width: 100%;
  padding: 1.6rem;
  text-decoration: none;
}

.ui-tabs-active {
  background-color: #57a31a;
  border-color: #57a31a;
}
.ui-tabs-active a {
  color: white;
}

#form-tabs {
  background-color: #ebf1f6;
  border: 0.1rem solid #57a31a;
}

.ringgo-tooltip,
.ringgo-tooltip-click {
  cursor: pointer;
  position: relative;
}
.ringgo-tooltip:hover:not(.no-hover) .tooltipposition, .ringgo-tooltip.show-tooltip .tooltipposition,
.ringgo-tooltip-click:hover:not(.no-hover) .tooltipposition,
.ringgo-tooltip-click.show-tooltip .tooltipposition {
  opacity: 1;
  visibility: visible;
}
.ringgo-tooltip .tooltipposition,
.ringgo-tooltip-click .tooltipposition {
  color: #333333;
  display: block;
  font-size: 14px;
  height: 0;
  left: 50%;
  line-height: 2rem;
  opacity: 0;
  overflow: visible;
  position: absolute;
  text-transform: none;
  top: -1rem;
  transition: all 0.1s linear 0s;
  width: 0;
  visibility: hidden;
  z-index: 500;
}
.ringgo-tooltip .tooltipposition .tooltiptext,
.ringgo-tooltip-click .tooltipposition .tooltiptext {
  background-color: white;
  border-radius: 0.5rem;
  bottom: 0;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  left: -14.5rem;
  padding: 1rem;
  position: absolute;
  width: 30rem;
}
.ringgo-tooltip .tooltipposition .tooltiptext::before,
.ringgo-tooltip-click .tooltipposition .tooltiptext::before {
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.5rem 0.3rem rgba(0, 0, 0, 0.1);
  clear: both;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.ringgo-tooltip .tooltipposition .tooltiptext::after,
.ringgo-tooltip-click .tooltipposition .tooltiptext::after {
  background-color: white;
  bottom: -8px;
  box-shadow: 0 0.1rem 0.5rem 0.3rem rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.5rem;
  left: 14rem;
  position: absolute;
  transform: rotate(45deg);
  width: 1.5rem;
  z-index: -1;
}
.ringgo-tooltip .tooltipposition .tooltiptext strong,
.ringgo-tooltip-click .tooltipposition .tooltiptext strong {
  display: block;
  position: relative;
}
.ringgo-tooltip .tooltipposition .tooltiptext strong:before,
.ringgo-tooltip-click .tooltipposition .tooltiptext strong:before {
  border-bottom: none;
  border-left: none;
  border-right: 0.2rem solid #CCCCCC;
  border-top: 0.2rem solid #CCCCCC;
  content: "";
  height: 0.7rem;
  position: absolute;
  right: 1rem;
  top: 0.3rem;
  transform: rotate(45deg);
  width: 0.7rem;
}
.ringgo-tooltip .tooltipposition .tooltiptext strong:after,
.ringgo-tooltip-click .tooltipposition .tooltiptext strong:after {
  border-bottom: 0.2rem solid #CCCCCC;
  border-left: 0.2rem solid #CCCCCC;
  border-right: none;
  border-top: none;
  content: "";
  height: 0.7rem;
  position: absolute;
  right: 0;
  top: 0.3rem;
  transform: rotate(45deg);
  width: 0.7rem;
}
.ringgo-tooltip.show-tooltip.no-hover .tooltipposition .tooltiptext,
.ringgo-tooltip-click.show-tooltip.no-hover .tooltipposition .tooltiptext {
  padding-top: 0;
}
.ringgo-tooltip.show-tooltip.no-hover .tooltipposition .tooltiptext::before,
.ringgo-tooltip-click.show-tooltip.no-hover .tooltipposition .tooltiptext::before {
  background-image: url(/images/icons/icon-close-grey.svg);
  background-repeat: no-repeat;
  background-position: right 0.8rem top 0.8rem;
  top: -3.2rem;
  float: right;
  background-origin: content-box;
  height: calc(100% + 3.2rem);
}

#content-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin: 0 auto;
  max-width: 120rem;
  padding: 2.4rem 1.6rem;
  width: 100%;
}

#nav-sidebar + #content {
  padding: 0 0 0 2.4rem;
}

#content {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}
#content .column.center {
  margin: 0 0 2.4rem 0;
}
#content.container-medium {
  max-width: 57rem;
  margin: 0 auto;
}

#templet-container {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#templet-container > .left-side-column {
  float: none;
  width: 20%;
}
#templet-container > .left-side-column img {
  display: block;
  height: auto;
  max-width: 99%;
}
#templet-container > .x3box {
  float: none;
  padding: 0 2.4rem 2.4rem;
  width: 80%;
}

@media all and (min-width: 1024px) {
  #nav-sidebar + #content {
    border-radius: 4px;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
    margin-left: 32px;
    padding: 2.4rem;
  }
}
@media all and (max-width: 1023px) {
  #nav-sidebar + #content {
    padding: 0;
  }

  #content-container {
    overflow: auto;
    padding: 2.4rem 1.6rem;
  }
}
@media all and (max-width: 576px) {
  #content-container {
    padding: 0 1.6rem 1.6rem !important;
  }
}
#ringgo-footer {
  margin: 3rem 0 0 0;
  padding: 2.5rem 0 0 0;
  position: relative;
}
#ringgo-footer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.4rem;
  width: 100%;
  height: 60px;
  background: #004664;
  transform: skewY(-1deg);
  transform-origin: top left;
  -webkit-backface-visibility: hidden;
  z-index: -1;
}
#ringgo-footer #copyright,
#ringgo-footer #copyright a,
#ringgo-footer #footer-sub-links a {
  color: #99b4bf;
  font-size: 1.4rem;
  font-weight: normal;
}
#ringgo-footer #copyright {
  padding: 0 2.4rem;
  margin: 0;
  text-align: center;
}
#ringgo-footer #copyright a {
  text-decoration: underline;
}
#ringgo-footer #copyright p {
  margin: 0;
}
#ringgo-footer #find-us-links,
#ringgo-footer #footer-main-links,
#ringgo-footer #footer-sub-links {
  display: table;
  float: none;
  position: relative;
  text-align: center;
  padding: 0;
}
#ringgo-footer #find-us-links li,
#ringgo-footer #footer-main-links li,
#ringgo-footer #footer-sub-links li {
  display: table-cell;
  padding: 0 1.6rem;
  vertical-align: middle;
}
#ringgo-footer #find-us-links,
#ringgo-footer #footer-links {
  margin: 0 auto 4rem auto;
}
#ringgo-footer #footer-links {
  display: flex;
  flex-direction: column;
}
#ringgo-footer #footer-links ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#ringgo-footer #find-us-links ul li {
  padding: 0 0.8rem;
}
#ringgo-footer #find-us-links ul li.divider .inner {
  border-left: 0.2rem solid white;
  height: 3rem;
  display: inline-block;
  position: relative;
  width: 0;
}
#ringgo-footer #footer-base {
  background-color: #004664;
  padding: 3.5rem 0 3.5rem 0;
}
#ringgo-footer #footer-country {
  display: table;
  float: none;
  position: relative;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
#ringgo-footer #footer-country img {
  height: 2rem;
  width: 3rem;
}
#ringgo-footer #footer-country p {
  display: table-cell;
  font-size: 1.4rem;
  vertical-align: middle;
  padding: 0 1rem 0 0;
}
#ringgo-footer .footer-img {
  height: 4.8rem;
  width: 4.8rem;
}
#ringgo-footer #footer-main-links {
  margin: 0 auto 2.4rem auto;
}
#ringgo-footer #footer-main-links a {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
#ringgo-footer #footer-sub-links {
  margin: 0 auto;
}
#ringgo-footer #white-footer {
  padding: 1.6rem;
  position: relative;
}

#google_translate_element {
  max-width: fit-content;
  max-width: -moz-fit-content;
  margin: auto;
  padding: 0 0.8rem 1.6rem;
}

.mobile-break:before {
  content: " ";
}

@media all and (max-width: 775px) {
  #ringgo-footer #footer-links {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  #ringgo-footer #footer-links ul {
    display: flex;
    flex-direction: column;
    justify-content: unset;
    margin: 0;
    flex: 1 1 0;
    text-align: left;
    max-width: fit-content;
  }
  #ringgo-footer #footer-main-links li {
    padding-left: 2.4rem;
    margin-bottom: 3rem;
    width: fit-content;
  }
  #ringgo-footer #footer-main-links li a {
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 500;
  }
  #ringgo-footer #footer-sub-links li {
    padding-right: 2.4rem;
    margin-bottom: 2.6rem;
  }
  #ringgo-footer #footer-sub-links li a {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
  }

  .mobile-break:before {
    content: "\a";
    white-space: pre;
  }
}
@media all and (max-width: 1023px) {
  #nav-spacer {
    margin-bottom: 5.6rem;
  }

  #live-chat-spacer {
    margin-bottom: 9rem;
  }

  #google_translate_element {
    bottom: 5.6rem;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
.drop-out-menu,
.pull-out-menu,
#ringgo-header {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14);
}

.drop-out-menu,
.pull-out-menu {
  display: none;
}

.drop-out-menu {
  background-color: white;
  border: 0.1rem solid #dce6e6;
  border-top: none;
  min-width: 15rem;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: max-content;
  z-index: 1;
}
.drop-out-menu ul {
  padding: 1.6rem 0;
}
.drop-out-menu ul li {
  margin: 0 0 2.4rem 0;
  padding: 0;
}
.drop-out-menu ul li:last-of-type {
  margin-bottom: 0;
}
.drop-out-menu ul li a {
  border-left: 0 solid transparent;
  color: #001e3e;
  margin: 0;
  padding: 0 2.4rem;
  transition: border 0.1s ease;
}
.drop-out-menu ul li a.active-page {
  border-left: 0.4rem solid transparent;
  border-left-color: #6bbc29;
  color: #6bbc29;
}
.drop-out-menu ul li a:hover {
  border-left: 0.4rem solid transparent;
  border-left-color: #001e3e;
  color: #001e3e;
  text-decoration: none;
}

#header-base {
  border-bottom: 0.1rem solid #ebf1f6;
  display: flex;
  flex-direction: row;
  height: 9.6rem;
  justify-content: space-between;
  margin: 0;
  padding: 0 2.4rem;
  position: relative;
  width: 100%;
  font-size: 1.6rem;
}

#header-logo {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: nowrap;
  justify-content: left;
  padding: 2.4rem 0;
}
#header-logo a {
  margin: 0 1rem 0 0;
  max-width: max-content;
  vertical-align: middle;
}
#header-logo img {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: auto;
  max-width: 11rem;
}

#more-menu.open {
  height: 18.7rem;
}
#more-menu #more-menu-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100rem;
  padding: 2.4rem;
  position: relative;
  width: 100%;
}
#more-menu #more-menu-container > div {
  width: 20%;
}
#more-menu #more-menu-container ul {
  margin: 0;
  padding: 0;
}
#more-menu #more-menu-container ul li {
  display: block;
  float: none;
  font-size: inherit;
  margin: 0 0 0.4rem 0;
  padding: 0;
}
#more-menu #more-menu-container ul li a {
  padding: 0.4rem 0;
}
#more-menu #more-menu-container span.menu-subheading {
  color: #47748c;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 0.8rem 0;
}

.pull-out-menu {
  background: white;
  position: absolute;
  top: 100%;
  width: 100%;
}

#ringgo-header {
  background-color: white;
  border-bottom: none;
  margin: 0 0 2.4rem 0;
  padding: 0;
  position: relative;
  /* IE fallback */
  position: sticky;
  top: 0;
  z-index: 15;
}

#search {
  border-bottom: 0.1rem solid #dce6e6;
}
#search .btn-search-green {
  background: #57a31a url("/images/icons/icon-search-white.svg") center center no-repeat;
  border: 0.1rem solid #46738c;
  border-left: 0;
  cursor: pointer;
  float: none;
  height: 4.8rem;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 4.8rem;
}
#search .btn-search-green:hover {
  background-color: #6bbc29;
  border-color: #6bbc29;
}
#search .btn-search-green:active {
  background-color: #43850f;
  border-color: #43850f;
}
#search #search-container {
  display: flex;
  position: relative;
}
#search #search-container .btn-close {
  background: url("/images/icons/icon-close.svg") center center no-repeat;
  border-color: transparent;
  cursor: pointer;
  float: none;
  font-size: 0;
  height: 4.8rem;
  min-width: unset;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 4rem;
}
#search #search-form {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 64rem;
  padding: 1.6rem 2rem;
  position: relative;
  width: 100%;
}
#search #search-form input {
  border: 0.1rem solid #46738c;
  border-right: 0;
  display: block;
  flex-grow: 1;
  float: none;
  font-size: 1.6rem;
  height: 4.8rem;
  padding: 0.8rem 1.2rem;
}
#search #search-form input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #47738c;
  opacity: 1;
  /* Firefox */
}
#search #search-form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #47738c;
}
#search #search-form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #47738c;
}

#site-domain-container {
  background-color: #ebf1f6;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
#site-domain-container li {
  margin: 0 0.8rem;
}
#site-domain-container li a {
  color: #47738c;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0.3rem 0;
  text-transform: uppercase;
}
#site-domain-container li a.active-page {
  border-bottom: 0.2rem solid #004460;
  color: #004460;
  font-weight: bold;
}

ul.main-menu,
ul.mobile-menu,
#pullout-main-menu > ul,
#account-menu > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: right;
}
ul.main-menu > li,
ul.mobile-menu > li,
#pullout-main-menu > ul > li,
#account-menu > ul > li {
  display: table;
  height: 100%;
  margin: 0;
  padding: 0 1.6rem;
  position: relative;
  min-width: max-content;
}
ul.main-menu > li .btn-search,
ul.main-menu > li .btn-menu,
ul.main-menu > li .btn-account,
ul.mobile-menu > li .btn-search,
ul.mobile-menu > li .btn-menu,
ul.mobile-menu > li .btn-account,
#pullout-main-menu > ul > li .btn-search,
#pullout-main-menu > ul > li .btn-menu,
#pullout-main-menu > ul > li .btn-account,
#account-menu > ul > li .btn-search,
#account-menu > ul > li .btn-menu,
#account-menu > ul > li .btn-account {
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  float: none;
  min-width: unset;
  padding: 0;
  position: relative;
  width: 1.8rem;
}
ul.main-menu > li .btn-search.open:not(.static-icon),
ul.main-menu > li .btn-menu.open:not(.static-icon),
ul.main-menu > li .btn-account.open:not(.static-icon),
ul.mobile-menu > li .btn-search.open:not(.static-icon),
ul.mobile-menu > li .btn-menu.open:not(.static-icon),
ul.mobile-menu > li .btn-account.open:not(.static-icon),
#pullout-main-menu > ul > li .btn-search.open:not(.static-icon),
#pullout-main-menu > ul > li .btn-menu.open:not(.static-icon),
#pullout-main-menu > ul > li .btn-account.open:not(.static-icon),
#account-menu > ul > li .btn-search.open:not(.static-icon),
#account-menu > ul > li .btn-menu.open:not(.static-icon),
#account-menu > ul > li .btn-account.open:not(.static-icon) {
  background: url("/images/icons/icon-close-green.svg") center center no-repeat;
}
ul.main-menu > li .btn-menu,
ul.mobile-menu > li .btn-menu,
#pullout-main-menu > ul > li .btn-menu,
#account-menu > ul > li .btn-menu {
  background: url("/images/icons/icon-menu.svg") center center no-repeat;
}
ul.main-menu > li .btn-search,
ul.mobile-menu > li .btn-search,
#pullout-main-menu > ul > li .btn-search,
#account-menu > ul > li .btn-search {
  background: url("/images/icons/icon-search.svg") center center no-repeat;
}
ul.main-menu > li .btn-account,
ul.mobile-menu > li .btn-account,
#pullout-main-menu > ul > li .btn-account,
#account-menu > ul > li .btn-account {
  background: url("/images/icons/icon-account.svg") center center no-repeat;
}
ul.main-menu > li .nav-link,
ul.mobile-menu > li .nav-link,
#pullout-main-menu > ul > li .nav-link,
#account-menu > ul > li .nav-link {
  border-bottom: 0 solid transparent;
  color: #001e3e;
  display: table-cell;
  font-weight: bold;
  padding: 0 1.6rem 0 0;
  text-align: center;
  text-decoration: none;
  transition: border 0.1s ease;
  vertical-align: middle;
}
ul.main-menu > li .nav-link:last-of-type,
ul.mobile-menu > li .nav-link:last-of-type,
#pullout-main-menu > ul > li .nav-link:last-of-type,
#account-menu > ul > li .nav-link:last-of-type {
  padding: 0;
}
ul.main-menu > li .nav-link .buttonLink,
ul.mobile-menu > li .nav-link .buttonLink,
#pullout-main-menu > ul > li .nav-link .buttonLink,
#account-menu > ul > li .nav-link .buttonLink {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0.7rem 1.6rem;
}
ul.main-menu > li .nav-link.logout-link,
ul.mobile-menu > li .nav-link.logout-link,
#pullout-main-menu > ul > li .nav-link.logout-link,
#account-menu > ul > li .nav-link.logout-link {
  color: #cd1a41;
}
ul.main-menu > li .nav-link-hover:hover,
ul.mobile-menu > li .nav-link-hover:hover,
#pullout-main-menu > ul > li .nav-link-hover:hover,
#account-menu > ul > li .nav-link-hover:hover {
  border-bottom: 0.4rem solid #001e3e;
}
ul.main-menu > li .nav-link-hover.active-page:not(:hover),
ul.mobile-menu > li .nav-link-hover.active-page:not(:hover),
#pullout-main-menu > ul > li .nav-link-hover.active-page:not(:hover),
#account-menu > ul > li .nav-link-hover.active-page:not(:hover) {
  border-bottom: 0.4rem solid #57a31a;
  color: #57a31a;
}
ul.main-menu > li .nav-link-hover.logout-link:hover,
ul.mobile-menu > li .nav-link-hover.logout-link:hover,
#pullout-main-menu > ul > li .nav-link-hover.logout-link:hover,
#account-menu > ul > li .nav-link-hover.logout-link:hover {
  border-color: #cd1a41;
}
ul.main-menu > li .small-icon,
ul.mobile-menu > li .small-icon,
#pullout-main-menu > ul > li .small-icon,
#account-menu > ul > li .small-icon {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 0 0 1rem;
  transform: scaleY(1);
  transform-origin: center;
  transition: transform ease-in-out 200ms 0s;
}
ul.main-menu > li .small-icon.inverse,
ul.mobile-menu > li .small-icon.inverse,
#pullout-main-menu > ul > li .small-icon.inverse,
#account-menu > ul > li .small-icon.inverse {
  transform: scaleY(-1);
}

ul.mobile-menu {
  display: none;
}

@media all and (max-width: 1023px) {
  #header-base {
    padding: 0 0 0 1.6rem;
    height: 5.6rem;
  }

  #header-logo {
    padding: 1.3rem 0;
  }
  #header-logo img {
    max-width: 7.2rem;
  }

  #search #search-container .btn-close {
    display: none;
  }
  #search #search-form {
    padding: 0.8rem;
  }

  ul.main-menu {
    display: none;
  }

  ul.mobile-menu {
    display: flex;
  }

  #pullout-main-menu,
#account-menu {
    max-height: calc(100vh - 5.6rem);
    overflow-x: scroll;
  }
  #pullout-main-menu ul,
#account-menu ul {
    flex-direction: column;
  }
  #pullout-main-menu ul .nav-item,
#account-menu ul .nav-item {
    height: 5.5rem;
    border-bottom: 0.1rem solid #ebf1f6;
    padding: 0;
    width: 100%;
  }
  #pullout-main-menu ul .nav-item-log-in,
#account-menu ul .nav-item-log-in {
    display: flex;
    justify-content: space-around;
    padding: 1.6rem 2.4rem;
    border: 0;
    height: auto;
  }
  #pullout-main-menu ul .nav-item-log-in .nav-link,
#account-menu ul .nav-item-log-in .nav-link {
    flex-grow: 1;
    padding: 0 2.3rem 0 0;
  }
  #pullout-main-menu ul .nav-item-log-in .nav-link .buttonLink,
#account-menu ul .nav-item-log-in .nav-link .buttonLink {
    width: 100%;
    text-align: center;
  }
  #pullout-main-menu ul .nav-link,
#account-menu ul .nav-link {
    text-align: left !important;
  }
  #pullout-main-menu ul .nav-link-hover,
#account-menu ul .nav-link-hover {
    border-bottom: 0 !important;
    padding-left: 2rem !important;
    font-size: 1.6rem;
  }
  #pullout-main-menu ul .nav-link-hover:hover,
#account-menu ul .nav-link-hover:hover {
    border-left: 0.4rem solid #001e3e;
  }
  #pullout-main-menu ul .nav-link-hover.active-page:not(:hover),
#account-menu ul .nav-link-hover.active-page:not(:hover) {
    border-left: 0.4rem solid #57a31a;
    color: #57a31a;
  }
  #pullout-main-menu h3,
#account-menu h3 {
    background-color: #ebf1f6;
    color: #47738c;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 0.3rem 0 0.3rem 1.6rem;
    text-transform: uppercase;
    margin: 0;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
div[id^=nanorep] #nanorep-fw .answer-body {
  color: #001e3e !important;
}
div[id^=nanorep] #nanorep-fw .bc-input-radio-row {
  padding: 0 !important;
}
div[id^=nanorep] #nanorep-fw .bc-input-radio-row label {
  width: calc(100% - 10px - 0.4rem) !important;
  padding: 10px 5px !important;
  display: block;
  border-top: 0.1rem solid #cdcdcd;
  border-bottom: 0.1rem solid #cdcdcd;
}
div[id^=nanorep] #nanorep-fw .bc-input-radio .bc-input-radio-row:nth-child(2) label {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-top: 0.2rem solid #cdcdcd;
}
div[id^=nanorep] #nanorep-fw .bc-input-radio .bc-input-radio-row:last-of-type label {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom: 0.2rem solid #cdcdcd;
}
div[id^=nanorep] #nanorep-fw .boldchat-transcript__input {
  width: 60% !important;
}
div[id^=nanorep] #nanorep-fw .status-bar {
  height: 28px !important;
}
div[id^=nanorep] #nanorep-fw .boldchat-transcript__input, div[id^=nanorep] #nanorep-fw .boldchat-transcript__button {
  height: 35px !important;
}
div[id^=nanorep] #nanorep-fw input[type=radio]:checked + label {
  border-color: #cdcdcd;
  background-color: #004664 !important;
  color: #fff !important;
}
div[id^=nanorep] #nanorep-fw input[type=radio] + label {
  font-weight: normal;
}
div[id^=nanorep] #nanorep-fw .conversation-ui__query-field {
  padding: 10px !important;
}
div[id^=nanorep] #nanorep-fw .conversation-choices__button {
  font-weight: normal;
}
div[id^=nanorep] #nanorep-fw .conversation-entry-user__message {
  background: #004664 !important;
}
div[id^=nanorep] #nanorep-fw .conversation-entry-user__profile-column {
  display: none !important;
}
div[id^=nanorep] #nanorep-fw .conversation-entry-user__time {
  padding: 5px 0 0 0 !important;
  margin: 0 !important;
}
div[id^=nanorep] #nanorep-fw .boldchat-form .bc-action-button.bc-button {
  background: #58A31B !important;
  padding: 15px 0 !important;
}
div[id^=nanorep] #nanorep-fw .boldchat-form .bc-input-container select, div[id^=nanorep] #nanorep-fw .boldchat-form .bc-input-placeholder input[type=email], div[id^=nanorep] #nanorep-fw .boldchat-form .bc-input-placeholder input[type=tel], div[id^=nanorep] #nanorep-fw .boldchat-form .bc-input-placeholder input[type=text], div[id^=nanorep] #nanorep-fw .boldchat-form .bc-input-placeholder textarea {
  padding: 22px 6px !important;
}
div[id^=nanorep] #nanorep-fw .conversation-entry-bot--agent .conversation-entry-bot__message {
  background: #e6e6e6 !important;
}
div[id^=nanorep] #nanorep-fw .conversation-entry-status__text {
  background: #e6e6e6 !important;
}
div[id^=nanorep] #nanorep-fw .shared__teaser-opener {
  left: initial !important;
  right: 0 !important;
  box-shadow: 0px 4px 8px rgba(0, 30, 62, 0.12), 0px 8px 16px rgba(0, 30, 62, 0.04) !important;
}
div[id^=nanorep] #nanorep-fw .shared__teaser-opener-icon {
  background: url("/images/chat-icon.svg") no-repeat 50% 50% !important;
}
div[id^=nanorep] #nanorep-fw .widget-floating {
  font-size: 16px !important;
}
div[id^=nanorep] #nanorep-fw .widget-floating .widget-floating__wrapper,
div[id^=nanorep] #nanorep-fw .widget-floating .widget-floating__header {
  border-top-left-radius: 1.3rem !important;
  border-top-right-radius: 1.3rem !important;
}
div[id^=nanorep] #nanorep-fw .widget-floating .widget-floating__header {
  padding: 1rem 2rem !important;
}
div[id^=nanorep] #nanorep-fw .widget-floating .widget-floating__button--close {
  display: none !important;
}

.bcFloat {
  box-shadow: 0 0.4rem 0.8rem rgba(0, 30, 62, 0.12), 0 0.8rem 1.6rem rgba(0, 30, 62, 0.04);
  border-radius: 4rem;
  z-index: unset !important;
}

@media all and (max-width: 1023px) {
  div[id^=nanorep] #nanorep-fw .shared__teaser-opener {
    left: initial !important;
    right: 4vw !important;
  }
  div[id^=nanorep] .widget-floating {
    z-index: 9 !important;
    left: 0 !important;
    width: 100% !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__wrapper {
    width: 100% !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__title {
    line-height: 34px !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__header {
    padding: 0.5rem 1rem !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__buttons {
    padding: 8px 10px 0 0 !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__content {
    height: 100% !important;
  }
  div[id^=nanorep] .widget-floating .widget-floating__content .query-field__input {
    padding: 8px 15px !important;
    height: 35px !important;
  }
  div[id^=nanorep] .widget-floating .conversation-ui {
    height: auto !important;
  }
  div[id^=nanorep] .widget-floating .conversation-ui .conversation-ui__query-field {
    padding: 5px 5px 7px 5px !important;
  }
  div[id^=nanorep] .widget-floating.widget-floating--state-4 .widget-floating__buttons {
    padding: 4px 0 !important;
  }
  div[id^=nanorep].logged-in .widget-floating {
    bottom: 5.6rem !important;
  }

  .bcFloat.logged-in {
    bottom: 5.6rem !important;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
#nav-footer {
  display: none;
  background-color: white;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 10;
  width: 100vw;
  height: 5.6rem;
}
#nav-footer.shadow {
  box-shadow: 0 -0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14);
}
#nav-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  height: 100%;
}
#nav-footer ul li {
  flex: 1;
  padding: 0;
  margin: 0;
  height: 100%;
}
#nav-footer .nav-item a {
  display: block;
  color: #99b4bf;
  font-size: 12px;
  font-weight: normal;
  height: 100%;
  width: fit-content;
  text-align: center;
  padding: 3.2rem 0 0;
  min-width: 100px;
  margin: auto;
  background-size: 2.4rem 2.4rem;
  background-repeat: no-repeat;
  background-position: center 0.8rem;
}
#nav-footer .nav-item a:hover {
  text-decoration: none;
}
#nav-footer .nav-item a.active-page {
  color: #57a31a;
  font-weight: bold;
}
#nav-footer .nav-item .btn-home {
  background-image: url(/images/icons/icon-home-outline.svg);
}
#nav-footer .nav-item .btn-home.active-page {
  background-image: url(/images/icons/icon-home-filled.svg);
}
#nav-footer .nav-item .btn-bookparking {
  background-image: url(/images/icons/icon-parking-outline.svg);
}
#nav-footer .nav-item .btn-bookparking.active-page {
  background-image: url(/images/icons/icon-parking-filled.svg);
}
#nav-footer .nav-item .btn-history {
  background-image: url(/images/icons/icon-history.svg);
}
#nav-footer .nav-item .btn-history.active-page {
  background-image: url(/images/icons/icon-history-green.svg);
}

@media all and (max-width: 1023px) {
  #nav-footer {
    display: block;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
#nav-sidebar {
  border: 0.1rem solid #ebf1f6;
  border-radius: 0.4rem;
  flex-basis: 30rem;
  max-width: 25%;
  overflow: hidden;
  padding: 0;
}
#nav-sidebar h3 {
  border-top: 0.1rem solid #ebf1f6;
  color: #004460;
  margin: 0 0 0.8rem 0;
  padding: 1.6rem 2.4rem 0 2.4rem;
}
#nav-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-sidebar ul li {
  margin: 0;
  padding: 0;
}
#nav-sidebar ul li:last-of-type {
  margin: 0;
}
#nav-sidebar ul li a {
  border-left: 0 solid #001e3e;
  color: #001e3e;
  display: block;
  font-weight: normal;
  padding: 1.4rem 0 1.4rem 3.6rem;
  position: relative;
  transition: border-left-width 0.1s ease, background-color 0.1s ease;
  width: 100%;
}
#nav-sidebar ul li a:before {
  content: "›";
  display: block;
  left: 2.6rem;
  position: absolute;
}
#nav-sidebar ul li a:hover, #nav-sidebar ul li a.active-page:hover {
  background-color: #ebf1f6;
  border-left: 0.4rem solid #001e3e;
  color: #001e3e;
  font-weight: bold;
  text-decoration: none;
}
#nav-sidebar ul li a.active-page {
  border-left-color: #57a31a;
  border-left-width: 0.4rem;
  color: #57a31a;
  font-weight: bold;
  padding-left: 2rem;
  text-decoration: none;
}
#nav-sidebar ul li a.active-page:before {
  display: none;
}

@media all and (max-width: 1023px) {
  #nav-sidebar {
    display: none;
  }
}
.vehiclelinks {
  margin: 1.6rem 0 2.4rem 0;
}

.vehicle-list table a, .cards-list table a, .wallet-list table a, .address-list table a, .contracts-list table a, .connected-vehicle-list table a {
  color: #001e3e;
}
.vehicle-list table a[data-locked=true], .cards-list table a[data-locked=true], .wallet-list table a[data-locked=true], .address-list table a[data-locked=true], .contracts-list table a[data-locked=true], .connected-vehicle-list table a[data-locked=true] {
  color: #8e8e93;
}
.vehicle-list table a[data-locked=true]:hover, .cards-list table a[data-locked=true]:hover, .wallet-list table a[data-locked=true]:hover, .address-list table a[data-locked=true]:hover, .contracts-list table a[data-locked=true]:hover, .connected-vehicle-list table a[data-locked=true]:hover {
  text-decoration: none;
  cursor: unset;
}

.cards-list td {
  white-space: nowrap;
}

.address-list .mobile-table-container td:first-of-type {
  vertical-align: top;
  min-width: 10.1rem;
}

.connected-vehicle-list .desktop-table-container table.dgridtable,
.vehicle-connect-table table.dgridtable {
  min-width: 40rem;
}

.page-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-header > * {
  margin-bottom: 1.8rem;
}
.page-header h1 {
  flex-basis: 70%;
}
.page-header .btn {
  min-width: fit-content;
  min-width: -moz-fit-content;
  font-size: 1.6rem;
  line-height: 2.2rem;
  height: 4.2rem;
}

.wallet-list {
  margin-top: 2.4rem;
}

#read-more {
  display: none;
}

.read-more-toggle {
  font-weight: bold;
}
.read-more-toggle .small-icon {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0 0 0 1rem;
  transform: scaleY(1);
  transform-origin: center;
  transition: transform ease-in-out 200ms 0s;
}
.read-more-toggle .small-icon.inverse {
  transform: scaleY(-1);
}
.read-more-toggle:hover {
  text-decoration: underline;
  cursor: pointer;
}

#permit-sessions-container {
  min-width: 0;
}
#permit-sessions-container .mobile-table-container td:first-of-type {
  white-space: nowrap;
}

#marketing-preferences fieldset {
  min-width: 0;
}
#marketing-preferences #marketing-preferences-table {
  min-width: 0;
}
#marketing-preferences #marketing-preferences-table td:first-of-type {
  padding: 0 1.6rem;
}
#marketing-preferences #marketing-preferences-table thead tr *:last-child {
  padding-right: 0.8rem;
}

ul.vehicle-columns {
  display: flex;
  flex-direction: column;
}

p.enterdetailstext {
  max-width: 100%;
}

form.WalletTopup .amount-wrapper .elemErrorWrap {
  align-items: center;
}
form.WalletTopup .amount-wrapper .elemErrorWrap input {
  flex-basis: 25%;
}

@media all and (min-width: 576px) {
  #read-more {
    display: block !important;
  }

  .read-more-toggle {
    display: none;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
#autopay-form .autopay-warning {
  padding: 1.2rem 1.6rem 1.6rem 4.4rem;
}
#autopay-form img {
  height: 2.4rem;
  margin: 0 0.8rem 0 0;
  vertical-align: bottom;
  width: auto;
}
#autopay-form label {
  font-weight: 600;
}
#autopay-form .side-note {
  color: #969696;
  font-weight: normal;
}
#autopay-form .vehicles-wrapper .elemErrorWrap {
  display: flex;
  flex-flow: row wrap;
}
#autopay-form .vehicles-wrapper .elemErrorWrap .break {
  display: block;
  flex-basis: 100%;
}
#autopay-form .vehicles-wrapper .elemErrorWrap input[type=checkbox] {
  margin: 0 0.8rem 0.8rem 0;
}
#autopay-form .vehicles-wrapper .elemErrorWrap label {
  font-weight: normal;
  margin: 0 auto 0 0;
  padding: 0.4rem 0 0 0;
}

@media all and (max-width: 576px) {
  .autopay-warning li {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.div-priceLabel {
  font-size: 2rem;
  font-weight: 600;
}

.book-parking-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.book-parking-container > * {
  /*
   * This is to make anything that doesn't get an ORDER be ordered in line
   * with the form on this page, and will revert to showing in actual
   * structure order
   */
  order: 5;
}
.book-parking-container form#Payment .static1-wrapper, .book-parking-container form#QuickPark .static1-wrapper, .book-parking-container form#StartParking .static1-wrapper, .book-parking-container form#StopConfirmSession .static1-wrapper, .book-parking-container form#CorpConfirm .static1-wrapper, .book-parking-container form#LAPayment .static1-wrapper, .book-parking-container form#LAFinish .static1-wrapper {
  font-weight: bold;
  font-size: 2rem !important;
  line-height: 2.6rem !important;
}
.book-parking-container > h1 {
  order: 1;
}
.book-parking-container > .lab_progress_bar {
  order: 3;
}
.book-parking-container > .lab_progress_bar p {
  font-size: 1.6rem;
}
.book-parking-container > .NewParkingForm {
  display: flex;
  flex-direction: column;
}
.book-parking-container > .NewParkingForm#ZoneVehicleSelect {
  flex-direction: row;
}
.book-parking-container > .NewParkingForm#Extend .static1-wrapper {
  line-height: 2.8rem;
  font-size: 2.2rem;
  margin-bottom: -2.4rem;
}
.book-parking-container > .NewParkingForm#Extend > fieldset#book-same div.elemErrorWrap, .book-parking-container > .NewParkingForm#Extend > fieldset#book-extend div.elemErrorWrap {
  flex-direction: column;
}
.book-parking-container > .NewParkingForm#Extend > fieldset#book-same div.elemErrorWrap ul, .book-parking-container > .NewParkingForm#Extend > fieldset#book-extend div.elemErrorWrap ul {
  border-radius: 0.4rem;
  border: 1px solid #99b4bf;
  max-width: 56rem;
  padding: 2.4rem;
}
.book-parking-container > .NewParkingForm#Extend > fieldset legend {
  font-size: 2.4rem;
  line-height: 3rem;
}
.book-parking-container > .NewParkingForm#Extend > fieldset li {
  margin: 0;
}
.book-parking-container > .NewParkingForm#Extend > fieldset h3 {
  margin-bottom: 1.6rem;
}
.book-parking-container > .NewParkingForm#Extend > fieldset h3 a {
  color: #004460;
}
.book-parking-container > .NewParkingForm#Extend > fieldset table {
  width: auto;
  margin-bottom: 1.6rem;
}
.book-parking-container > .NewParkingForm#Extend > fieldset table tr {
  background-color: unset;
}
.book-parking-container > .NewParkingForm#Extend > fieldset table tr td {
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 0.8rem 0.4rem 0;
}
.book-parking-container > .NewParkingForm#Extend > fieldset table tr td:last-of-type {
  padding-bottom: 0;
}
.book-parking-container > .NewParkingForm#permitSelect fieldset.hiddenfieldset > ol > li .radio-wrapper label {
  display: block;
}
.book-parking-container > .NewParkingForm #book-parking-form {
  max-width: 39.3rem;
  flex-shrink: 0;
  margin-right: 0.8rem;
}
.book-parking-container > .NewParkingForm #book-parking-form .newvehicle-wrapper .elemErrorWrap span:not(.error) {
  font-weight: bold;
}
.book-parking-container > .NewParkingForm #book-parking-form .newvehicle-wrapper span.empty-label {
  margin-top: -4.6rem;
  display: block;
}
.book-parking-container > .NewParkingForm #book-parking-form #label-vehicleDropDown {
  display: flex;
  justify-content: space-between;
}
.book-parking-container > .NewParkingForm #book-parking-form #label-vehicleDropDown span:first-of-type {
  flex-shrink: 0;
}
.book-parking-container > .NewParkingForm #book-parking-form #label-vehicleDropDown a {
  order: 5;
  text-align: right;
}
.book-parking-container > .NewParkingForm fieldset.hiddenfieldset {
  margin-top: 0;
}
.book-parking-container > .NewParkingForm fieldset label.element {
  font-weight: bold !important;
  color: #004460;
}
.book-parking-container > .NewParkingForm #map-container-section #map {
  position: absolute;
  width: 23.1rem;
  height: 23.1rem;
  float: right;
  top: 3.6rem;
  right: 0;
  max-width: 100%;
}
.book-parking-container > .NewParkingForm#Duration .static1-wrapper {
  margin: 0;
}
.book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap {
  flex-direction: row;
}
.book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap .infoIcon, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap .infoIcon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
}
.book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap .info-text, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap .info-text {
  display: flex;
}
.book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap .info-text, .book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap .info-text a, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap .info-text, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap .info-text a {
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}
.book-parking-container > .NewParkingForm#Duration .element:not(.error) div.elemErrorWrap .info-text .infoIcon, .book-parking-container > .NewParkingForm#StartParking .element:not(.error) div.elemErrorWrap .info-text .infoIcon {
  display: block;
}
.book-parking-container > .NewParkingForm#Duration fieldset li.checkbox label, .book-parking-container > .NewParkingForm#StartParking fieldset li.checkbox label {
  font-weight: normal !important;
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}
.book-parking-container > .NewParkingForm#Finish .labnext,
.book-parking-container > .NewParkingForm#Finish .labfinish, .book-parking-container > .NewParkingForm#LAFinish .labnext,
.book-parking-container > .NewParkingForm#LAFinish .labfinish {
  min-width: 25rem;
  max-width: 25rem;
}
.book-parking-container > .NewParkingForm#Finish li.static, .book-parking-container > .NewParkingForm#LAFinish li.static {
  font-size: 2rem !important;
  line-height: 2.6rem !important;
}
.book-parking-container > .NewParkingForm#LAFinish .elemErrorWrap {
  display: block;
}
.book-parking-container > .NewParkingForm#LAFinish .elemErrorWrap strong {
  margin: 0;
}
.book-parking-container > .NewParkingForm#LAFinish .submits-wrapper .elemErrorWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.book-parking-container > .NewParkingForm#LAFinish .submits-wrapper .elemErrorWrap > a, .book-parking-container > .NewParkingForm#LAFinish .submits-wrapper .elemErrorWrap > input[type=submit] {
  margin: 0;
}
.book-parking-container > .NewParkingForm#LAFinish .submits-wrapper .elemErrorWrap > a {
  min-width: 25rem;
  max-width: 25rem;
  text-align: center;
  height: 4.8rem;
  line-height: 2.8rem;
  margin-right: 1.6rem;
  margin-bottom: 1.6rem;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap {
  align-items: center;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap .ui-datepicker-trigger {
  display: none !important;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap .time-label {
  flex-basis: 100%;
  padding: 0.8rem 0;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap select[name="startdate[time][H]"],
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap select[name="startdate[time][i]"] {
  flex-basis: 30%;
  max-width: 24rem;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap select[name="startdate[time][H]"] {
  margin-right: 0.8rem !important;
  margin-left: -0.5rem !important;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption li.startdate-wrapper .elemErrorWrap select[name="startdate[time][i]"] {
  margin-left: 0.8rem !important;
}
.book-parking-container > .NewParkingForm#AdvanceParkingOption #label-guaranteeNote {
  font-weight: normal !important;
  margin-bottom: -5rem;
}
.book-parking-container form#StopSelectSession .stopSession-wrapper .radio-wrapper {
  border-bottom: 0.1rem solid #cccccc;
}
.book-parking-container form#StopSelectSession .stopSession-wrapper .radio-wrapper table.plain {
  font-weight: inherit;
}
.book-parking-container form#StopSelectSession .stopSession-wrapper .radio-wrapper:last-of-type {
  border-bottom: none;
}
.book-parking-container > p {
  order: 10;
  width: 100%;
}
.book-parking-container .add-vehicle {
  float: right;
  font-size: 1.6rem;
}
.book-parking-container #label-priceLabel span {
  color: #001e3e;
  font-weight: normal;
}
.book-parking-container #label-priceLabel span.session-cost {
  font-weight: bold;
  font-size: 2.4rem;
  margin-left: 1.4rem;
}

#RVPTariff fieldset.hiddenfieldset > ol > li .add-vehicle {
  float: unset;
  margin-left: 1.6rem;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.multiVehicleSelect-wrapper {
  margin-top: -2.4rem;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.multiVehicleSelect-wrapper .elemErrorWrap {
  align-items: center;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.multiVehicleSelect-wrapper .elemErrorWrap label {
  font-weight: normal;
  margin: 0 0 0 0.8rem;
  color: #001e3e;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.multiVehicleSelect-wrapper .elemErrorWrap span.full-width {
  flex-basis: 100%;
  height: 1.2rem;
}
#RVPTariff fieldset.hiddenfieldset > ol > li .newVehForm {
  width: 100%;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.date .elemErrorWrap {
  align-items: center;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.date .elemErrorWrap select {
  flex-grow: 0;
  max-width: fit-content;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.date .elemErrorWrap select:first-of-type {
  margin: 0 0.3rem 0 0;
}
#RVPTariff fieldset.hiddenfieldset > ol > li.date .elemErrorWrap select:last-of-type {
  margin: 0 0 0 0.3rem;
}

.cardSelect-wrapper .elemErrorWrap,
.permit-wrapper .elemErrorWrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper {
  display: flex;
  align-items: center;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper > label.element, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper > label.element, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper > label.element {
  order: 1;
  font-weight: normal !important;
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
  color: #001e3e;
  margin: 0;
  flex-basis: 40.5rem;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper > .element, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper > .element, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper > .element {
  order: 2;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper > .element .elemErrorWrap, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper > .element .elemErrorWrap, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper > .element .elemErrorWrap {
  flex-wrap: nowrap;
  margin-left: 1.2rem;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper input[type=radio], form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper input[type=radio], form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper input[type=radio] {
  background: none;
  min-width: 0;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper label {
  border: 0.2rem solid #004460;
  border-left-width: 0.1rem;
  border-right-width: 0.1rem;
  border-radius: 0;
  background-color: white;
  color: #001e3e;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.4rem;
  min-width: 6.4rem;
  outline: none;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  width: auto;
  text-align: center;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper:first-of-type label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper:first-of-type label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper:first-of-type label {
  border-left-width: 0.2rem;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper:last-of-type label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper:last-of-type label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper:last-of-type label {
  border-right-width: 0.2rem;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper input[type=radio]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper input[type=radio]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper input[type=radio]:checked + label {
  color: white;
  font-weight: bold;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper input[type=radio][value="0"]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper input[type=radio][value="0"]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper input[type=radio][value="0"]:checked + label {
  background-color: #cd1a41;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper .radio-wrapper input[type=radio][value="1"]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper .radio-wrapper input[type=radio][value="1"]:checked + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper .radio-wrapper input[type=radio][value="1"]:checked + label {
  background-color: #57a31a;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper > .element.option-off .radio-wrapper input + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper > .element.option-off .radio-wrapper input + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper > .element.option-off .radio-wrapper input + label {
  border-color: #cd1a41;
}
form.tablelessform fieldset.hiddenfieldset > ol > li.SMSConfirmSettings-wrapper > .element.option-on .radio-wrapper input + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSEndSettings-wrapper > .element.option-on .radio-wrapper input + label, form.tablelessform fieldset.hiddenfieldset > ol > li.SMSStopSettings-wrapper > .element.option-on .radio-wrapper input + label {
  border-color: #57a31a;
}

.Member_Ccexpire-wrapper select {
  margin: 0 1rem 0 0;
  min-width: 10rem;
  width: 10rem;
}

.permitchoice {
  border-bottom: 0.1rem solid #cdcdcd;
  box-shadow: none;
  display: block;
  margin: 0 0 2.4rem 0;
  padding: 0 0 2.4rem 0;
  width: auto;
}
.permitchoice:last-of-type {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.permitchoice.cannotExtend {
  background-color: transparent;
  color: #828282;
  opacity: 0.7;
}

@media all and (max-width: 1023px) {
  fieldset {
    max-width: 75rem;
  }
}
@media all and (max-width: 576px) {
  #map-container-section {
    display: none;
  }

  .book-parking-container > .NewParkingForm #book-parking-form {
    max-width: unset;
    width: 100%;
  }
  .book-parking-container > .NewParkingForm#Finish .labnext {
    width: 100%;
  }
  .book-parking-container > .NewParkingForm#Duration fieldset.hiddenfieldset li.static label {
    font-size: 2rem !important;
    line-height: 2.6rem !important;
  }
  .book-parking-container > .NewParkingForm#Duration div.elemErrorWrap .info-text {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .book-parking-container > .NewParkingForm#Payment table, .book-parking-container > .NewParkingForm#QuickPark table {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li.startdate-wrapper input {
    max-width: unset;
    flex-basis: 100%;
    margin: 0 0 1.6rem;
  }
  .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li.startdate-wrapper select {
    max-width: unset;
  }
  .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li .newVehForm ul.vehicle-columns {
    flex-wrap: wrap;
  }
  .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li .newVehForm ul.vehicle-columns > li {
    flex-basis: 100%;
    margin: 0;
  }
  .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li .newVehForm ul.vehicle-columns > li select, .book-parking-container > .NewParkingForm#RVPTariff fieldset.hiddenfieldset > ol > li .newVehForm ul.vehicle-columns > li input {
    margin-bottom: 1.2rem;
  }
  .book-parking-container > .NewParkingForm#LAFinish .submits-wrapper .elemErrorWrap {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
#content .connected-account-providers {
  justify-content: space-between;
}
#content .connected-account-providers .conn-acct-apply {
  background-color: unset;
  border: 0;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  flex-basis: calc(33% - 1rem);
  margin-left: 0;
  margin-right: 0;
}

#connectedaccounts-form li.DefaultCardTitle-wrapper,
#connectedaccount-cards-form li.DefaultCardTitle-wrapper {
  margin-bottom: 0;
}
#connectedaccounts-form .vehicle-connect-table,
#connectedaccount-cards-form .vehicle-connect-table {
  margin-bottom: 1.6rem;
}

#connectedaccounts-form .mobile-table-container {
  display: block;
}

#vehicle-disconnect-confirm {
  margin-top: 1.6rem;
}
#vehicle-disconnect-confirm tr {
  display: flex;
}
#vehicle-disconnect-confirm tr td {
  padding: 0;
}
#vehicle-disconnect-confirm tr td.spacer {
  display: none;
}
#vehicle-disconnect-confirm tr td.confirm-cell {
  order: 2;
}
#vehicle-disconnect-confirm tr td.cancel-cell {
  order: 1;
}

span.conn-acct-finish-disc {
  width: 3.2rem;
  height: 3.2rem;
  padding-top: 0.4rem;
}

@media all and (max-width: 768px) {
  #content .connected-account-providers .conn-acct-apply {
    flex-basis: calc(50% - 0.8rem);
  }
}
@media all and (max-width: 576px) {
  #content .connected-account-providers .conn-acct-apply {
    flex-basis: 100%;
  }
}
#download-apps-content {
  overflow: hidden;
  /* Colours */
  /* Generic styling */
  /* Scrolling */
  /*.rating, .subheader, .header {*/
}
#download-apps-content .text-green {
  color: #57a31a;
}
#download-apps-content .text-blue {
  color: #47738c;
  font-weight: bold;
}
#download-apps-content .text-grey {
  color: #716f6f;
  font-weight: bold;
}
#download-apps-content .text-navy {
  color: #001e3e;
}
.is-australia #download-apps-content .text-navy {
  color: #333333;
}
#download-apps-content .disclaimer {
  color: #99bbc9;
  font-size: 1.4rem;
  line-height: 2rem;
  padding-top: 0.8rem;
}
#download-apps-content .background-navy {
  background-color: #004460;
  color: white;
}
#download-apps-content .background-red {
  background-color: #cd1a41;
  color: white;
}
#download-apps-content .background-grey {
  background-color: #f1f1f2;
}
#download-apps-content .background-purple {
  background-color: #383848;
  color: white;
}
#download-apps-content .background-green {
  background-color: #57a31a;
  color: white;
}
#download-apps-content .full-width {
  width: 100%;
}
#download-apps-content .half-width {
  width: 50%;
}
#download-apps-content .half-width > .content {
  height: 100%;
  position: absolute;
  top: 0;
}
#download-apps-content .banner {
  align-items: center;
  display: flex;
  padding: 0;
}
#download-apps-content .banner.left-align {
  flex-direction: row;
  justify-content: flex-end;
}
#download-apps-content .banner.left-align > .banner-image {
  text-align: right;
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: content-box;
  flex-basis: 39.3rem;
  flex-grow: 1;
  margin-top: 3.8rem;
  margin-left: 5.6rem;
  height: calc(100% - 3.8rem);
  max-width: 39.3rem;
  min-width: 39.3rem;
}
#download-apps-content .banner.left-align > .content {
  text-align: left;
  flex-shrink: 1;
  flex-basis: 70.5rem;
  margin: 0;
  padding-right: 4.9rem;
  padding-left: 5.4rem;
}
#download-apps-content .banner.left-align > .content > * {
  max-width: 40rem;
  margin: auto;
}
#download-apps-content .banner.right-align {
  flex-direction: row-reverse;
}
#download-apps-content .banner.right-align > .banner-image {
  text-align: left;
}
#download-apps-content .banner.right-align > .content {
  text-align: left;
  flex-basis: 41.6rem;
  box-sizing: content-box;
}
#download-apps-content .banner.center-align {
  flex-direction: column;
  text-align: center;
}
#download-apps-content .banner > .columns {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#download-apps-content .banner > .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#download-apps-content .banner .banner-image {
  width: 100%;
}
#download-apps-content .banner .header {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.6rem;
  margin-bottom: 1.2rem;
}
#download-apps-content .banner p {
  margin: 0 0 0.8rem 0;
}
#download-apps-content .banner .subheader {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.8rem;
}
#download-apps-content .banner ul {
  display: inline-block;
  padding: 0 0 0 2.4rem;
  text-align: left;
  margin: 0 1rem;
}
#download-apps-content .banner ul li {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.8rem;
  list-style: disc;
  margin-bottom: 2rem;
}
#download-apps-content .booking-banner {
  height: 48.8rem;
  position: relative;
  z-index: 2;
}
#download-apps-content .booking-banner .banner-image {
  height: 100%;
  max-width: 68.4rem;
  flex-basis: 68.4rem;
}
#download-apps-content .booking-banner .banner-image img {
  position: absolute;
  left: 0;
  top: -7rem;
  width: 68.4rem;
}
#download-apps-content .booking-banner .content {
  padding: 0 0 0 6.1rem;
}
#download-apps-content .download-banner {
  height: 25.8rem;
  justify-content: center;
  position: relative;
  width: 100%;
}
#download-apps-content .download-banner > * {
  z-index: 1;
}
#download-apps-content .download-banner .banner-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  background-size: cover;
}
#download-apps-content .download-banner .header {
  margin-bottom: 3.2rem;
}
#download-apps-content .download-banner .download-buttons {
  margin-top: 0;
  flex-wrap: nowrap;
}
#download-apps-content .download-banner .download-buttons a {
  margin-right: 3.2rem;
}
#download-apps-content .download-buttons {
  margin-top: 3.7rem;
  display: flex;
}
#download-apps-content .download-buttons a {
  margin-right: 1.6rem;
  margin-bottom: 0.8rem;
  height: 5rem;
  flex-basis: 16.7rem;
}
#download-apps-content .download-buttons a:hover {
  text-decoration: none;
}
#download-apps-content .download-buttons a:last-of-type {
  margin-right: 0;
}
#download-apps-content .download-buttons img {
  height: 100%;
}
#download-apps-content .extend-banner {
  height: 51.9rem;
  position: relative;
}
#download-apps-content .extend-banner .banner-background {
  background-image: url("/images/apps/chevrons.png"), url("/images/apps/chevrons.png"), url("/images/apps/chevrons.png");
  background-position: 0, 90rem, 180rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  bottom: 3.2rem;
  height: 15rem;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0;
}
.is-australia #download-apps-content .extend-banner .banner-background {
  background-image: none;
}
#download-apps-content .extend-banner .banner-image {
  height: 100%;
  max-width: 49.9rem;
  position: relative;
}
#download-apps-content .extend-banner .banner-image img {
  bottom: 0;
  left: 6.4rem;
  position: absolute;
  width: 40rem;
  z-index: 10;
}
#download-apps-content .extend-banner .content {
  padding: 0 11.5rem 16rem 11.2rem;
}
.is-australia #download-apps-content .extend-banner .content {
  padding-bottom: 0;
}
#download-apps-content .features-banner {
  height: 41.4rem;
  justify-content: center;
}
#download-apps-content .features-banner .subheader {
  padding-bottom: 3rem;
}
#download-apps-content .locations-banner {
  height: 52rem;
  position: relative;
  width: 100%;
}
#download-apps-content .locations-banner .content {
  padding: 0 5.5rem 0 6.1rem;
}
#download-apps-content .locations-banner .banner-image {
  height: 100%;
  flex-basis: 61.6rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}
#download-apps-content .nearby-banner {
  height: 48.8rem;
  position: relative;
  z-index: 4;
}
#download-apps-content .nearby-banner .banner-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20rem;
  z-index: 0;
}
#download-apps-content .nearby-banner .banner-image {
  height: 100%;
  max-width: 49.5rem;
  position: relative;
}
#download-apps-content .nearby-banner .banner-image img {
  bottom: 0;
  height: auto;
  left: 10.2rem;
  padding-top: 3.8rem;
  position: absolute;
  right: 0;
  width: 39.4rem;
  z-index: 2;
}
#download-apps-content .nearby-banner .content {
  margin: 0 18.5rem 0 11.2rem;
}
#download-apps-content .rating-banner,
#download-apps-content .version-banner {
  height: 36rem;
}
#download-apps-content .rating-banner {
  position: relative;
}
#download-apps-content .rating-banner > .content {
  width: 100%;
}
#download-apps-content .rating-banner .banner-background {
  height: 15.4rem;
  left: 50%;
  position: absolute;
  top: 2.6rem;
  transform: translate(-50%, 0);
  width: 34.6rem;
  z-index: 0;
}
#download-apps-content .rating-banner .subheader {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 1rem;
}
#download-apps-content .rating-banner .rating {
  width: 29rem;
}
#download-apps-content .rating-banner .header {
  margin: 0 auto;
  padding: 5.7rem 0 4.6rem;
  width: 30rem;
}
#download-apps-content .version-banner {
  position: relative;
}
#download-apps-content .version-banner .content {
  height: 90%;
  margin: 0;
}
#download-apps-content .version-banner .header {
  padding: 4.5rem 6.4rem 0 6.4rem;
  margin-bottom: 3.5rem;
}
#download-apps-content .version-banner .timeline {
  width: 100%;
}
@media only screen and (max-width: 992px) {
  #download-apps-content .download-buttons {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 992px) {
  #download-apps-content .banner .header {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
  #download-apps-content .banner.right-align > .content {
    padding-right: 0;
  }
  #download-apps-content .banner.booking-banner {
    height: 38.4rem;
  }
  #download-apps-content .banner.booking-banner .banner-image img {
    top: 0;
    height: 42rem;
    width: auto;
    right: 0;
    left: unset;
  }
  #download-apps-content .banner.nearby-banner {
    height: 42.4rem;
  }
  #download-apps-content .banner.nearby-banner .banner-image {
    min-width: 30.6rem;
    margin-left: 3.8rem;
  }
  #download-apps-content .banner.extend-banner {
    height: 38.4rem;
  }
  #download-apps-content .banner.extend-banner .banner-background {
    height: 10rem;
    background-position: 0, 65.4rem, 130.8rem;
  }
  #download-apps-content .banner.extend-banner .banner-image {
    min-width: 30.6rem;
    margin-left: 3.8rem;
  }
  #download-apps-content .banner.extend-banner .content {
    padding-bottom: 10rem;
  }
}
@media only screen and (max-width: 768px) {
  #download-apps-content .banner.booking-banner .banner-image img {
    left: 0;
    right: unset;
  }
  #download-apps-content .banner.locations-banner .banner-image {
    height: 75%;
  }
}
@media only screen and (max-width: 738px) {
  #download-apps-content .banner {
    flex-wrap: wrap-reverse;
  }
  #download-apps-content .banner.left-align, #download-apps-content .banner.right-align {
    flex-direction: column-reverse;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
  }
  #download-apps-content .banner.left-align > .content, #download-apps-content .banner.right-align > .content {
    text-align: center;
  }
  #download-apps-content .banner.left-align > .banner-image {
    margin: 0;
    background-position: bottom center;
  }
  #download-apps-content .banner.left-align > .content {
    flex-basis: unset;
    padding: 2.4rem;
  }
  #download-apps-content .banner.left-align > .content > * {
    margin: unset;
    max-width: unset;
  }
  #download-apps-content .banner.right-align > .content {
    box-sizing: border-box;
    padding: 2.4rem 2.4rem 0;
    flex-basis: unset;
  }
  #download-apps-content .banner > .content {
    padding: 3.2rem 2rem 0 2rem;
    width: 100%;
  }
  #download-apps-content .banner .header {
    font-size: 3.2rem;
    line-height: 4rem;
    padding-bottom: 1rem;
    text-align: center;
  }
  #download-apps-content .banner .subheader {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  #download-apps-content .banner > .columns {
    flex-direction: column;
  }
  #download-apps-content .banner ul li {
    font-size: 2rem;
    line-height: 2.4rem;
    padding-bottom: 1rem;
  }
  #download-apps-content .banner.booking-banner {
    height: auto;
  }
  #download-apps-content .banner.booking-banner .banner-image {
    max-height: 50rem;
    max-width: 100%;
    padding-bottom: 2rem;
    width: 100%;
  }
  #download-apps-content .banner.booking-banner .banner-image img {
    right: 0;
    left: unset;
    height: 100%;
  }
  .android #download-apps-content .banner.booking-banner .banner-image {
    right: -2rem;
  }
  #download-apps-content .banner.booking-banner .subheader {
    text-align: center;
  }
  #download-apps-content .banner.booking-banner .subheader p {
    display: inline-block;
    margin: 0 0.4rem;
  }
  #download-apps-content .banner.download-banner {
    height: auto;
  }
  #download-apps-content .banner.download-banner .content {
    padding-bottom: 4.4rem;
    padding-top: 3.6rem;
  }
  #download-apps-content .banner.extend-banner {
    height: auto;
  }
  #download-apps-content .banner.extend-banner .banner-image {
    height: 40.3rem;
    width: 100%;
  }
  #download-apps-content .banner.extend-banner .banner-image img {
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, 0);
    width: 33.4rem;
  }
  .android #download-apps-content .banner.extend-banner .banner-image {
    height: 45rem;
  }
  .android #download-apps-content .banner.extend-banner .banner-image img {
    width: 32.8rem;
  }
  #download-apps-content .banner.features-banner {
    height: auto;
    padding-bottom: 2.7rem;
  }
  #download-apps-content .banner.features-banner .subheader {
    padding-bottom: 2.7rem;
  }
  #download-apps-content .banner.features-banner .half-column {
    padding-left: 3.6rem;
    padding-right: 2.4rem;
  }
  #download-apps-content .banner.features-banner .half-column:last-of-type {
    padding-bottom: 2.4rem;
  }
  #download-apps-content .banner.features-banner .half-column ul {
    padding: 0;
  }
  #download-apps-content .banner.locations-banner {
    height: auto;
  }
  #download-apps-content .banner.locations-banner .banner-image {
    max-width: 100%;
    width: 100%;
    height: 40.3rem;
    padding-bottom: 0;
    max-height: 44.5rem;
    background-size: auto 44.5rem;
    background-position: right top;
  }
  #download-apps-content .banner.nearby-banner {
    height: auto;
    justify-content: center;
  }
  #download-apps-content .banner.nearby-banner .banner-background {
    display: none;
  }
  #download-apps-content .banner.nearby-banner .banner-image {
    height: 41.2rem;
    width: 100%;
  }
  #download-apps-content .banner.nearby-banner .banner-image img {
    left: 50%;
    max-width: 100%;
    padding-top: 2.6rem;
    transform: translate(-50%, 0);
    width: 32.8rem;
  }
  #download-apps-content .banner .rating-banner {
    height: 35.2rem;
  }
  #download-apps-content .banner .rating-banner .banner-background {
    height: 13.8rem;
    left: 50%;
    max-width: 100%;
    padding-left: 0;
    top: 3.3rem;
    width: 28.6rem;
  }
  #download-apps-content .banner .rating-banner .header {
    margin: 0 auto;
    max-width: 100%;
    width: 26rem;
    padding: 6rem 0 5.6rem;
  }
  #download-apps-content .banner .rating-banner .disclaimer {
    padding-bottom: 3.6rem;
  }
  #download-apps-content .banner .rating-banner .rating {
    max-width: 100%;
    padding-bottom: 0.5rem;
  }
  #download-apps-content .banner .version-banner {
    height: 26rem;
  }
  #download-apps-content .banner .version-banner .header {
    padding: 2rem 2.3rem 0;
    text-align: center;
  }
  #download-apps-content .banner .version-banner .timeline {
    padding-bottom: 3.3rem;
    padding-top: 2rem;
  }
  #download-apps-content .banner.download-banner .download-buttons {
    flex-wrap: wrap;
  }
  #download-apps-content .banner.download-banner .download-buttons > a {
    flex-basis: calc(50% - 3.2rem);
    margin-right: 1.6rem;
    margin-left: 1.6rem;
  }
  #download-apps-content .download-buttons {
    justify-content: center;
  }
  #download-apps-content .download-buttons > a {
    flex-basis: calc(50% - 1.6rem);
    margin-right: 0.8rem;
    margin-left: 0.8rem;
  }
  #download-apps-content .download-buttons > a:first-of-type > img {
    float: right;
  }
  #download-apps-content .download-buttons > a:last-of-type > img {
    float: left;
  }
  #download-apps-content .half-width {
    width: 100%;
  }
}
#download-apps-content .content,
#download-apps-content .features-banner > .columns,
#download-apps-content .banner-image {
  opacity: 0;
  transform: translateY(20%);
  transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1), transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
}
#download-apps-content .left-align > .banner-image {
  transform: translateX(-20%);
}
#download-apps-content .right-align > .banner-image {
  transform: translateX(20%);
}
#download-apps-content .content.inview,
#download-apps-content .columns.inview, #download-apps-content .banner-image.inview {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0.5s;
}

#content-container.download-apps {
  padding: 0 !important;
}
#content-container.download-apps + #ringgo-footer {
  margin: -2.3rem;
  z-index: 2;
}
#content-container.download-apps #nav-sidebar + #content {
  padding: 0;
  box-shadow: unset;
}

form#ContactQuery li.info-wrapper .elemErrorWrap {
  flex-direction: column;
}

.callus-article-links {
  margin: 0 0 2rem 2rem;
}

#help fieldset {
  border: none;
  margin-top: 0;
  padding: 0;
}
#help fieldset .elemErrorWrap {
  justify-content: normal;
}

.mostviewed,
ul.popular {
  order: 1;
}
.mostviewed + .horizontalline,
ul.popular + .horizontalline {
  order: 1;
}

.lastupdated {
  display: block;
}

#helpPopularQuestionsForm fieldset {
  border: none;
  margin: 0 0 2.4rem 0;
  padding: 0;
}

#home-content-container {
  display: flex;
  flex-direction: column;
}
#home-content-container #front-button-container {
  order: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 4rem 0;
}
#home-content-container #front-button-container .front_button {
  border-radius: 0.4rem;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  font-family: inherit;
  margin: 0 1.5rem;
  padding: 1.6rem 1.2rem;
  width: 25%;
  text-align: center;
}
#home-content-container #front-button-container .front_button:first-of-type {
  margin-left: 0;
}
#home-content-container #front-button-container .front_button:last-of-type {
  margin-right: 0;
}
#home-content-container #front-button-container .front_button:hover {
  border-color: #57a31a;
  text-decoration: none;
}
#home-content-container #front-button-container .front_button:hover span {
  text-decoration: underline;
}
#home-content-container #front-button-container .front_button * {
  display: block;
}
#home-content-container #front-button-container .front_button p {
  color: #001e3e;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
}
#home-content-container #front-button-container .front_button .middletext {
  font-size: 2rem;
  line-height: 2.6rem;
}
#home-content-container #home-main-advert-container {
  display: flex;
  justify-content: center;
  margin: 0 0 3.2rem 0;
  order: 1;
}
#home-content-container #home-main-advert-container a img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
#home-content-container #home-news-container {
  order: 3;
  padding: 0;
}
#home-content-container #home-news-container h1 {
  font-size: 2.6rem;
  line-height: 3.2rem;
}
#home-content-container #home-news-container .news-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home-content-container #home-news-container .news-content li {
  width: 30%;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  border-radius: 0.4rem;
  padding: 1.6rem 2.4rem;
  flex: 1 1 0px;
  margin: 0 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#home-content-container #home-news-container .news-content li:first-of-type {
  margin-left: 0;
}
#home-content-container #home-news-container .news-content li:last-of-type {
  margin-right: 0;
}
#home-content-container #home-news-container .news-content li p {
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1.6rem;
}
#home-content-container #home-news-container .news-content li h2 {
  font-size: 2rem;
  line-height: 2.6rem;
}
#home-content-container #home-news-container h2, #home-content-container #home-news-container p {
  margin: 0;
}

@media all and (max-width: 768px) {
  #home-content-container #home-news-container .news-content li {
    padding: 0.8rem 1.6rem;
  }
  #home-content-container #home-news-container .news-content li h2 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media all and (max-width: 576px) {
  #home-content-container #front-button-container {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
  #home-content-container #front-button-container .front_button {
    flex-basis: calc(50% - 0.4rem);
    margin: 0 0 0.8rem;
  }
  #home-content-container #home-news-container .news-content {
    flex-direction: column;
  }
  #home-content-container #home-news-container .news-content li {
    width: 100%;
    margin: 0 0 1.6rem;
  }
  #home-content-container #home-news-container .news-content li:last-of-type {
    margin-bottom: 0;
  }
  #home-content-container #home-main-advert-container {
    margin-bottom: 1.6rem;
  }
}
#content-container.how-it-works {
  padding: 0 !important;
  overflow: hidden;
}
#content-container.how-it-works + #ringgo-footer {
  margin: -2.3rem;
}
#content-container.how-it-works #nav-sidebar + #content {
  padding: 0;
  box-shadow: unset;
}
#content-container.how-it-works .background-offwhite {
  background-color: #ebf1f6;
}
#content-container.how-it-works .banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: #001e3e;
}
#content-container.how-it-works .banner .content {
  max-width: 50%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
#content-container.how-it-works .banner .header {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 4rem;
  padding-bottom: 3.2rem;
  color: #004460;
}
#content-container.how-it-works .banner .full-width .content {
  max-width: 100%;
}
#content-container.how-it-works .banner.right-align > .content, #content-container.how-it-works .banner.right-align > .banner-image, #content-container.how-it-works .banner.left-align > .content, #content-container.how-it-works .banner.left-align > .banner-image {
  min-width: 50%;
  flex-basis: 50%;
  padding: 5.6rem 1.6rem;
}
#content-container.how-it-works .banner.right-align > .content img, #content-container.how-it-works .banner.right-align > .banner-image img, #content-container.how-it-works .banner.left-align > .content img, #content-container.how-it-works .banner.left-align > .banner-image img {
  width: 100%;
  height: auto;
  max-width: 36.9rem;
}
#content-container.how-it-works .banner.right-align ol li:last-of-type, #content-container.how-it-works .banner.left-align ol li:last-of-type {
  padding-bottom: 0;
}
#content-container.how-it-works .banner.right-align li, #content-container.how-it-works .banner.left-align li {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.4rem;
  padding-bottom: 1.6rem;
  margin-bottom: 0;
}
#content-container.how-it-works .banner.right-align.manage-banner .banner-image img, #content-container.how-it-works .banner.left-align.manage-banner .banner-image img {
  max-width: 43.4rem;
}
#content-container.how-it-works .banner.right-align {
  flex-direction: row-reverse;
}
#content-container.how-it-works .banner.right-align .banner-image {
  padding-right: 10.5rem;
}
#content-container.how-it-works .banner.right-align .content {
  padding-left: 10.5rem;
}
#content-container.how-it-works .banner.left-align {
  flex-direction: row;
}
#content-container.how-it-works .banner.left-align .content {
  padding-right: 10.5rem;
}
#content-container.how-it-works .banner.left-align .banner-image {
  padding-left: 10.5rem;
}
#content-container.how-it-works .banner.title-banner {
  text-align: center;
  padding-top: 2.1rem;
  padding-bottom: 8.3rem;
}
#content-container.how-it-works .banner.title-banner .content {
  padding: 0;
}
#content-container.how-it-works .banner.title-banner .header {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.8rem;
  padding-bottom: 1.6rem;
}
#content-container.how-it-works .banner.title-banner .subheader {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.8rem;
}
#content-container.how-it-works .banner.register-banner ol {
  padding-bottom: 4.5rem;
}
#content-container.how-it-works .banner.register-banner .register-button {
  width: 13.1rem;
  height: 4rem;
  background: #57a31a;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.2rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
}
#content-container.how-it-works .banner.download-banner {
  position: relative;
  background-color: #57a31a;
  text-align: center;
  max-height: 25.9rem;
  z-index: -1;
}
#content-container.how-it-works .banner.download-banner .content {
  z-index: 1;
}
#content-container.how-it-works .banner.download-banner .header {
  color: white;
  font-size: 3.2rem;
  line-height: 2.6rem;
  padding-bottom: 4rem;
}
#content-container.how-it-works .banner.download-banner .banner-background {
  position: absolute;
  top: 0;
  z-index: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/apps/map.png");
  background-size: 100% auto;
}
#content-container.how-it-works .download-buttons img {
  height: 5.4rem;
}
#content-container.how-it-works .download-buttons a {
  padding-right: 2.4rem;
}
#content-container.how-it-works .download-buttons a:last-of-type {
  padding: 0;
}
#content-container.how-it-works .download-buttons a:hover {
  text-decoration: none;
}
#content-container.how-it-works li {
  display: flex;
}
#content-container.how-it-works li div.text {
  padding-left: 1.6rem;
}
#content-container.how-it-works li div.text p {
  color: #001e3e;
  margin: 0;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.4rem;
}
#content-container.how-it-works li div.text p.main {
  color: #004460;
  font-weight: bold;
  padding-bottom: 0.8rem;
  font-size: 2rem;
  line-height: 2.6rem;
}
#content-container.how-it-works li div.text p.subsection {
  background: #d9e3e7;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
  margin-top: 0.8rem;
  color: #001e3e;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2rem;
}
#content-container.how-it-works li span.icon {
  position: relative;
  height: 3.2rem;
  min-width: 3.2rem;
}
#content-container.how-it-works li span.icon img {
  position: absolute;
  top: -0.3rem;
}
@media only screen and (max-width: 1052px) {
  #content-container.how-it-works .banner.download-banner .banner-background {
    background-size: auto 100%;
  }
}
@media only screen and (max-width: 768px) {
  #content-container.how-it-works .banner.right-align .banner-image {
    padding-right: 8rem;
  }
  #content-container.how-it-works .banner.right-align .content {
    padding-left: 8rem;
  }
  #content-container.how-it-works .banner.left-align .content {
    padding-right: 8rem;
  }
  #content-container.how-it-works .banner.left-align .banner-image {
    padding-left: 8rem;
  }
}
@media only screen and (max-width: 576px) {
  #content-container.how-it-works .banner {
    flex-direction: column-reverse !important;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
  }
  #content-container.how-it-works .banner.right-align > .content,
#content-container.how-it-works .banner.left-align > .content {
    padding: 4.8rem 2.3rem 4rem;
  }
  #content-container.how-it-works .banner.right-align > .banner-image,
#content-container.how-it-works .banner.left-align > .banner-image {
    padding: 0 0 4.8rem;
  }
  #content-container.how-it-works .banner.right-align > .banner-image img,
#content-container.how-it-works .banner.left-align > .banner-image img {
    margin: auto;
    display: block;
    max-width: 28rem !important;
    height: auto;
  }
  #content-container.how-it-works .banner > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  #content-container.how-it-works .banner .header {
    padding-bottom: 2.4rem;
    font-size: 2.4rem;
    line-height: 3rem;
  }
  #content-container.how-it-works .banner.title-banner {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
  }
  #content-container.how-it-works .banner.title-banner .header {
    font-size: 3.2rem;
    line-height: 2.6rem;
  }
  #content-container.how-it-works .banner.title-banner .content {
    padding: 0;
  }
  #content-container.how-it-works ol {
    padding-left: 0;
  }
  #content-container.how-it-works ol, #content-container.how-it-works ul {
    margin: 0;
  }
  #content-container.how-it-works .download-banner .banner-background {
    background-size: 100% auto;
  }
  #content-container.how-it-works .register-banner .register-button {
    padding: 1.7rem 2.7rem;
  }
  #content-container.how-it-works .download-banner .banner-background {
    background-size: auto 100%;
  }
  #content-container.how-it-works .download-buttons a {
    padding-right: 0;
    padding-bottom: 1.6rem;
    display: block;
  }
}

#currentMembers .accountTypeLogin-wrapper input[type=radio] + label {
  display: inline-block;
  padding: 0 2rem;
  width: auto;
}

#field-Member_Email {
  margin-bottom: 0;
}

#Login fieldset .element a,
.login-intro {
  padding: 0;
}

form#statementfilter {
  border-bottom: 0.1rem solid #cdcdcd;
  margin: 0 0 2.4rem 0;
}
form#statementfilter fieldset {
  border: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
form#statementfilter fieldset ol {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
form#statementfilter fieldset ol li {
  display: inline-block !important;
  margin: 0;
  vertical-align: bottom;
}
form#statementfilter fieldset ol .datepicker-wrapper,
form#statementfilter fieldset ol .datepicker2-wrapper,
form#statementfilter fieldset ol .selectVRN-wrapper,
form#statementfilter fieldset ol .submit-wrapper {
  flex: 1 1;
  margin: 2.4rem 0;
  max-width: max-content;
  padding: 0 2.4rem 0 0;
}
form#statementfilter fieldset ol .datepicker-wrapper label,
form#statementfilter fieldset ol .datepicker2-wrapper label,
form#statementfilter fieldset ol .selectVRN-wrapper label,
form#statementfilter fieldset ol .submit-wrapper label {
  font-weight: bold;
}
form#statementfilter fieldset ol .datepicker-wrapper,
form#statementfilter fieldset ol .datepicker2-wrapper {
  max-width: 22rem;
}
form#statementfilter fieldset ol .selectVRN-wrapper {
  max-width: 18.7rem;
}
form#statementfilter fieldset ol .datepicker-wrapper input,
form#statementfilter fieldset ol .datepicker2-wrapper input {
  width: 100%;
}
form#statementfilter fieldset ol .statement-month-wrapper {
  border-bottom: 0.1rem solid #cdcdcd;
  flex-basis: 100%;
}
form#statementfilter fieldset ol .statement-month-wrapper .elemErrorWrap {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
form#statementfilter fieldset ol .statement-month-wrapper h2 {
  width: auto;
}
form#statementfilter fieldset ol .selectVRN-wrapper select {
  max-width: 25rem;
  width: 100%;
}
form#statementfilter fieldset ol .submit-wrapper {
  font-size: 1.6rem;
}
form#statementfilter fieldset ol .date-link-container {
  font-size: 2.2rem;
}

.printlinks {
  display: flex;
  flex-direction: row;
}
.printlinks li {
  margin: 0 3.2rem 0 0;
}
.printlinks li:last-of-type {
  margin: 0;
}

.printlistwidget {
  border: 0.1rem solid #cdcdcd;
  border-radius: 0.4rem;
  margin: 2.4rem 0;
  padding: 2.4rem;
}
.printlistwidget .statement-download {
  display: flex;
}
.printlistwidget .statement-download img {
  margin-right: 0.8rem;
  margin-bottom: auto;
}

.printvatwidget,
.statementemailwidget {
  border: 0.1rem solid #cdcdcd;
  box-shadow: none;
  float: left;
  padding: 2.4rem;
  width: calc(50% - 1.2rem);
  border-radius: 0.4rem;
  margin-top: 2.4rem;
}

.printvatwidget {
  margin-right: 2.4rem;
}

#sessionsform input[type=checkbox] {
  width: 1.8rem;
  height: 1.8rem;
}
#sessionsform div.statement-table-container {
  overflow: auto;
}
#sessionsform table.dgridtable {
  min-width: 79.6rem;
  display: block;
  width: 100%;
  font-size: 1.8rem;
  margin: 0;
}
#sessionsform table.dgridtable thead {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 4.8rem;
}
#sessionsform table.dgridtable thead tr {
  background-color: #ebf1f6;
}
#sessionsform table.dgridtable thead tr th {
  color: #004460;
  padding: 1.2rem 0.8rem;
}
#sessionsform table.dgridtable tbody tr {
  background-color: unset;
  border-bottom: 1px solid #cccccc;
}

.printvatwidget button[name=printVatReceipts] {
  font-size: 1.6rem;
}

#corpMailer {
  display: flex;
}
#corpMailer #corporate-btn-submit {
  margin-left: 1rem;
  min-width: fit-content;
  min-width: -moz-fit-content;
  font-size: 1.6rem;
}

@media all and (max-width: 576px) {
  .printlistwidget {
    padding: 1.6rem;
  }

  .printlinks {
    flex-wrap: wrap;
  }
  .printlinks li {
    margin: 0 0 1.8rem;
    width: 100%;
  }

  .printvatwidget, .statementemailwidget {
    width: 100%;
  }

  .printvatwidget {
    margin-right: 0;
  }

  .statement-table-container {
    display: none;
  }

  form#statementfilter fieldset ol {
    flex-direction: column;
  }
  form#statementfilter fieldset ol li {
    width: 100%;
  }
  form#statementfilter fieldset ol li.datepicker-wrapper, form#statementfilter fieldset ol li.datepicker2-wrapper, form#statementfilter fieldset ol li.selectVRN-wrapper, form#statementfilter fieldset ol li.submit-wrapper {
    max-width: unset;
    padding: 0;
    margin: 0.8rem 0;
  }
  form#statementfilter fieldset ol li.submit-wrapper {
    margin-bottom: 1.6rem;
  }
  form#statementfilter fieldset ol li.selectVRN-wrapper select {
    max-width: unset;
  }

  form#sessionsform input[type=checkbox].sessionCheckbox {
    margin-left: -9.6rem;
  }
}
/* Default Colours */
/* Default Sizes*/
/* Layout Sizes */
.bootstrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
  width: 100%;
}

.login-background {
  background: url("/images/home/myringgo-image-login.jpg") no-repeat calc(50% + 20rem) 50%;
  background-size: cover;
}

.login-wrapper {
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  padding: 4.8rem 4.8rem 4rem;
  position: relative;
  max-width: 49.4rem;
}
.login-wrapper .login .login-group {
  padding: 0;
}
.login-wrapper .form-group label {
  color: #001e3e;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

.form-messages {
  margin: 0.8rem 0;
}
.form-messages.invalid-feedback {
  color: #cd1a41;
}

#ringgo-login-body {
  flex-grow: 1;
  margin: 0 auto 3.6rem auto;
  max-width: 40rem;
  width: 100%;
}
#ringgo-login-body div.hideShowPassword-wrapper {
  max-width: unset;
}

#ringgo-login-footer {
  color: #47738c;
  font-size: 1.4rem;
}
#ringgo-login-footer a {
  color: #47738c;
  font-weight: normal;
}
#ringgo-login-footer h2 {
  margin: 0 0 2.4rem 0;
}
#ringgo-login-footer .footer-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 1.6rem 0;
}
#ringgo-login-footer .footer-links a {
  color: #001e3e;
}
#ringgo-login-footer p {
  margin: 0;
}
#ringgo-login-footer .copyright a {
  text-decoration: underline;
}

#ringgo-login-header {
  display: block;
  flex-direction: row;
  margin: 0 0 2rem 0;
}
#ringgo-login-header img {
  max-height: 62px;
  margin: 0 1rem 0 0;
  width: auto;
}

@media all and (max-width: 576px) {
  .bootstrap {
    background-image: none;
  }

  .login-wrapper {
    padding: 1.6rem;
    width: 100%;
    margin: auto;
  }
  .login-wrapper form input {
    min-width: unset;
    max-width: 100%;
    width: 100%;
  }

  #ringgo-login-body {
    max-width: unset;
  }
}
#parking-locator-form .form-group {
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 1.6rem;
}
#parking-locator-form #location-search {
  width: 100%;
  flex: 1;
  height: 4.8rem;
}
#parking-locator-form input[type=submit] {
  height: 4.8rem;
  width: 4.8rem;
  padding: 0;
  margin: 0;
  min-width: fit-content;
  min-width: -moz-fit-content;
  box-sizing: border-box;
}
#parking-locator-form .error {
  flex: 0 0 100%;
  margin-top: 0.8rem;
  margin-bottom: 0;
}

#parking-sidebar {
  max-width: 36.9rem;
  margin-right: 3.2rem;
  min-width: 36rem;
  border-radius: 0.4rem;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  padding: 1.2rem 2.4rem 0;
}
#parking-sidebar .location-error {
  margin-bottom: 0.8rem !important;
}
#parking-sidebar > p > label {
  font-weight: normal;
}

#parking-map {
  width: 100%;
  height: 98rem;
}
#parking-map #wiw_map {
  width: 100%;
  height: 100%;
  margin-top: 0;
  float: left;
  position: relative;
}

.zone-result {
  margin: 0 1.4rem 1.6rem 2.4rem;
  background: white;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  border-radius: 0.4rem;
}
.zone-result:last-of-type {
  margin-bottom: 0;
}
.zone-result p {
  margin-bottom: 0;
}
.zone-result .ui-tabs-nav {
  height: 4.8rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
  text-transform: uppercase;
  border-top: 0.1rem solid #ebf1f6;
  border-bottom: 0.1rem solid #ebf1f6;
  background-color: unset;
}
.zone-result .ui-tabs-nav .ui-tabs-anchor {
  padding: 0;
  margin: auto;
  width: fit-content;
  width: -moz-fit-content;
  line-height: 4.6rem;
  color: #47738c;
}
.zone-result .ui-tabs-nav .ui-tabs-anchor:hover {
  text-decoration: none;
  color: #57a31a;
}
.zone-result .ui-tabs-nav .ui-tabs-active {
  background-color: unset;
}
.zone-result .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
  color: #57a31a;
  border-bottom: 0.3rem solid #57a31a;
}

.zone-address, .availability-label {
  font-size: 1.6rem;
  line-height: 2rem;
}

.zone-description-short {
  background-color: #ebf1f6;
  border-radius: 0.4rem;
  align-items: center;
  height: 6.4rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.zone-description-short > * {
  border-right: 0.1rem solid #57a31a;
  height: 100%;
}
.zone-description-short > *:last-child {
  border-right: 0;
}

.zone-distance,
.zone-availability,
.zone-type {
  text-align: center;
  align-items: center;
  display: flex;
}

.zone-number {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: bold;
  color: #004460;
}

.distance-digits,
.availability-label {
  font-weight: normal;
  margin-right: 0.8rem;
  color: #47738c;
}

.address-line-1 {
  margin-bottom: 0.4rem !important;
}

.distance-label,
.type-label,
.address-line-2,
.result-count {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #47738c;
}

.distance-label {
  min-width: fit-content;
  min-width: -moz-fit-content;
  margin-left: 0.8rem;
}

.zone-header {
  padding-top: 1rem;
  justify-content: space-between;
}

.zone-header,
.zone-address,
.more-details-expand,
.more-details-expand {
  margin-bottom: 0.8rem;
}

.zone-header,
.zone-address,
.zone-description-short,
.zone-ulez,
.more-details-expand {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.expand-icon {
  background: url("/images/icons/icon-expand.svg") center center no-repeat;
  box-sizing: content-box;
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: block;
  transition: transform ease-in-out 200ms 0s;
  transform: rotate(0deg);
  transform-origin: center;
}
.expand-icon.inverse {
  transform: rotate(180deg);
}

.zone-more-details {
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease-in-out 0s;
}
.zone-more-details.open {
  height: 54.5rem;
}

.zone-info-block {
  font-size: 1.6rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #ebf1f6;
}
.zone-info-block .icon {
  min-width: 2.7rem;
  height: 2.7rem;
  margin: 1.6rem;
  display: block;
  background-size: contain;
  background: no-repeat center center;
}

.zone-info p {
  margin: 1.6rem 1.6rem 1.6rem 0;
  word-wrap: break-word;
  width: 78%;
  text-align: left;
}

.zone-info-address .icon {
  background-image: url(/images/parkinglocator/icon-address.svg);
}

.zone-info-bays .icon {
  background-image: url(/images/parkinglocator/icon-parking-space.svg);
}

.zone-info-operator .icon {
  background-image: url(/images/parkinglocator/icon-operator.svg);
}

.zone-type .icon.off-street {
  background-image: url(/images/parkinglocator/icon-off-street.svg);
}
.zone-type .icon.on-street {
  background-image: url(/images/parkinglocator/icon-on-street.svg);
}

.zone-note .icon {
  background-image: url(/images/parkinglocator/icon-info.svg);
}

.zone-book-parking > a.btn {
  width: calc(100% - 3.2rem);
  text-align: center;
  margin: 0 1.6rem 1.6rem;
}

.zone-tariff-groups {
  overflow: scroll;
  max-height: 24rem;
  overflow-x: hidden;
}

.zone-tariff-groups,
.zone-fee-sms {
  display: block;
}

.sms-fee-start,
.sms-fee-stop,
.sms-fee-remind,
.tariff-entry {
  display: flex;
  align-items: center;
}

.convenience-label,
.fee-start-label,
.fee-stop-label,
.fee-remind-label,
.max-stay-label,
.return-label,
.extendable-label,
.adjustments-label,
.last-updated-label {
  width: 100%;
  font-size: 1.6rem;
  line-height: 2rem;
}

.max-stay-text,
.return-text,
.extendable-text,
.last-updated-text {
  min-width: fit-content;
  min-width: -moz-fit-content;
}

.zone-fee-sms > div {
  margin-top: 1.2rem;
}

.zone-prices > .zone-info-block,
.zone-fees > .zone-info-block {
  padding: 1.6rem;
}

.info-header:not(:empty) {
  width: 100%;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: bold;
  margin-bottom: 0.8rem !important;
}
.info-header:not(:empty) br {
  display: block;
}

.tariff-label {
  width: 100%;
}

.tariff-fees {
  background-color: #ebf1f6;
  border-radius: 0.4rem;
  padding: 1.4rem;
}
.tariff-fees .tariff-entry {
  margin-bottom: 0.8rem;
}
.tariff-fees .tariff-entry:last-of-type {
  margin-bottom: 0;
}

.tariff-group {
  margin-bottom: 1.4rem;
}
.tariff-group:last-of-type {
  margin-bottom: 0;
}

.tariff-cost {
  font-weight: bold;
  min-width: fit-content;
  min-width: -moz-fit-content;
}

.locator-results.ui-autocomplete {
  background-color: white;
  padding: 0.8rem 0;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14);
  width: 60rem;
}
.locator-results.ui-autocomplete.ui-menu {
  overflow-y: auto !important;
  max-width: calc(100vw - 4rem);
}
.locator-results.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  color: white;
}
.locator-results.ui-autocomplete .ui-menu-item-wrapper.ui-state-active span {
  color: white;
}
.locator-results.ui-autocomplete .loading-spinner {
  height: 4.3rem;
  width: 4.3rem;
}
.locator-results.ui-autocomplete .ui-menu-divider {
  margin: 0;
}
.locator-results.ui-autocomplete .ui-menu-item {
  margin: 0;
}
.locator-results.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper,
.locator-results.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  padding: 1.2rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
}
.locator-results.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:before {
  content: "";
  background-size: contain;
  min-width: 4rem;
  height: 4rem;
  display: inline-block;
  border-radius: 2rem;
  background: #ebf1f6 no-repeat 0.8rem center;
  margin-right: 1.2rem;
}
.locator-results.ui-autocomplete .ui-menu-item .result-destination:before {
  background-image: url(/images/parkinglocator/icon-destination-result.svg);
}
.locator-results.ui-autocomplete .ui-menu-item .result-carpark:before {
  background-image: url(/images/parkinglocator/icon-carpark-result.svg);
}
.locator-results.ui-autocomplete .ui-menu-item .result-operator:before {
  background-image: url(/images/parkinglocator/icon-operator-result.svg);
}
.locator-results.ui-autocomplete .ui-menu-item .result-error:before {
  background-image: url(/images/parkinglocator/icon-error.svg);
  background-position-x: 1.3rem;
}
.locator-results.ui-autocomplete .ui-menu-item .result-location:before {
  background-image: url(/images/parkinglocator/icon-user-location.svg);
  background-position-x: 0.9rem;
}

#zone-prototype-container {
  display: none;
}

.hidden {
  display: none;
}

#zone-results {
  overflow: scroll;
  min-height: 76rem;
  max-height: 76rem;
  overflow-x: hidden;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#zone-results::-webkit-scrollbar {
  width: 1rem;
}
#zone-results::-webkit-scrollbar-track {
  background: none;
}
#zone-results::-webkit-scrollbar-thumb {
  background: #888;
}
#zone-results::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#zone-results .no-results,
#zone-results .error,
#zone-results #captchaElem {
  margin: 0.8rem 2.4rem;
}

[iconType=selected] {
  display: none;
}

.loading-spinner {
  width: 7.2rem;
  height: 7.2rem;
  background: url("/images/parkinglocator/loading-spinner.svg") center center no-repeat;
  background-size: contain;
  margin: auto;
}

.availability-label.availability-busy {
  color: #cd1a41;
}
.availability-label.availability-moderate {
  color: #e5b728;
}
.availability-label.availability-empty {
  color: #57a31a;
}
.availability-label.availability-unknown {
  color: #6e6e71;
}

.gm-control-active {
  min-width: unset;
}

.availability-bar {
  border-radius: 2rem;
  background-color: #ebf1f6;
  width: 4rem;
  height: 1.2rem;
  position: relative;
}
.availability-bar .ui-progressbar-value {
  height: 100%;
  border-radius: 2rem;
  margin: 0;
}
.availability-bar .ui-progressbar-value.availability-busy {
  background-color: #cd1a41;
}
.availability-bar .ui-progressbar-value.availability-moderate {
  background-color: #e5b728;
}
.availability-bar .ui-progressbar-value.availability-empty {
  background-color: #57a31a;
}
.availability-bar .ui-progressbar-value.availability-unknown {
  background-color: #6e6e71;
  display: block !important;
}
.availability-bar .ui-progressbar-value.availability-unknown:after {
  position: absolute;
  content: "";
  background: url("/images/parkinglocator/availability-unknown-strike.svg") center center no-repeat;
  top: -0.65rem;
  left: 0.1rem;
  width: 100%;
  height: 200%;
}

.zone-ulez {
  align-items: center;
  display: flex;
}

.ulez-label,
.more-details-expand {
  color: #57a31a;
  font-size: 1.6rem;
  line-height: 2rem;
}

.more-details-expand {
  font-weight: bold;
}

.ulez-icon {
  background: url("/images/parkinglocator/icon-ulez.svg") center center no-repeat;
  height: 2.4rem;
  width: 2.4rem;
  display: inline-block;
  background-size: contain;
}

.zone-footer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.zone-footer .loading-spinner {
  height: 4rem;
  margin: -1rem 0;
}

.more-details-expand,
.zone-ulez {
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
}

.suggestion-strong {
  font-weight: bold;
  margin-right: 0.8rem;
}

.search-subtext {
  display: block;
  font-size: 16px;
  color: #47738c;
}

#highlighted-zone {
  display: none;
  width: 100%;
  position: absolute;
  bottom: -1rem;
}
#highlighted-zone .zone-result {
  margin: 0;
  min-height: 13.6rem;
}
#highlighted-zone .padded-div {
  padding: 1.6rem;
}

#results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
#results-header .result-count {
  margin: 0;
}

.locator-results + .ui-helper-hidden-accessible {
  display: none;
}

.view-toggle {
  display: none;
}
.view-toggle input[type=radio] {
  display: none;
}
.view-toggle input[type=radio] + label {
  border: 0.2rem solid #57a31a;
  border-left-width: 0.1rem;
  border-right-width: 0.1rem;
  border-radius: 0;
  background-color: white;
  color: #001e3e;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.4rem;
  max-width: 5.6rem;
  outline: none;
  padding: 0.6rem 1rem;
  text-decoration: none;
  width: auto;
  text-align: center;
  margin: 0 -0.5rem 0 0;
}
.view-toggle input[type=radio] + label:first-of-type {
  border-left-width: 0.2rem;
}
.view-toggle input[type=radio] + label:last-of-type {
  border-right-width: 0.2rem;
  margin-right: 0;
}
.view-toggle input[type=radio]:checked + label {
  color: white;
  font-weight: bold;
  background-color: #57a31a;
}

.btn-map-search {
  margin-top: 1.6rem;
  background: white;
  color: #57a31a;
  border: 0;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 30, 62, 0.14), 0 0.4rem 0.8rem 0 rgba(0, 30, 62, 0.14);
  border-radius: 4rem;
  font-size: 1.6rem;
}

@media all and (max-width: 768px) {
  .parking-locator {
    flex-wrap: wrap;
    position: relative;
  }

  .view-toggle {
    display: block;
  }

  #parking-sidebar {
    min-width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: unset;
  }

  #parking-locator-form #location-search {
    max-width: unset;
  }

  #parking-map {
    height: 61.5rem;
    padding-bottom: 12.7rem;
  }

  #zone-results {
    display: none;
    margin: 0;
  }
  #zone-results .zone-result {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
  #zone-results .no-results,
#zone-results .error,
#zone-results #captchaElem {
    margin: 0;
  }
}
.news_titles {
  margin-top: 2.4rem;
}

form#ContactPcn li.pcn-wrapper input[name="pcn[prefix]"] {
  flex-basis: 25%;
}
form#ContactPcn li.pcn-wrapper input[name="pcn[number]"] {
  flex-basis: 70%;
}
form#ContactPcnDetail li.datetime-wrapper select {
  flex-basis: 25%;
}
form#ContactPcnDetail li.datetime-wrapper select[name="datetime[d]"], form#ContactPcnDetail li.datetime-wrapper select[name="datetime[M]"], form#ContactPcnDetail li.datetime-wrapper select[name="datetime[y]"] {
  margin-bottom: 1.6rem;
}
form#ContactPcn .button-group input, form#ContactPcnDetail .button-group input {
  right: auto;
  left: auto;
}

#ajaxsearch fieldset.hiddenfieldset {
  margin-top: 2.4rem;
}
#ajaxsearch fieldset.hiddenfieldset .search-input-wrapper label#label-search-input {
  display: none;
}
#ajaxsearch fieldset.hiddenfieldset .search-input-wrapper #search-input.parking-locator-search {
  width: 100%;
}

.booknowiconcontainer {
  height: auto;
}
.booknowiconcontainer ul.booknow {
  align-items: baseline;
  display: flex;
  margin: 0;
  padding: 0;
}
.booknowiconcontainer ul.booknow li.booknowlist {
  margin: 0;
  text-align: center;
  width: 10rem;
}
.booknowiconcontainer ul.booknow li.booknowlist a,
.booknowiconcontainer ul.booknow li.booknowlist p {
  display: inline-block;
  margin: 0 0 1rem 0;
  width: 100%;
}
.booknowiconcontainer ul.booknow li.booknowlist a:hover * {
  text-decoration: underline;
}

.printable {
  width: 100%;
}

#wiw_innercontent #pl_search li {
  display: block;
  margin: 0 0 2.4rem 0;
}
#wiw_innercontent #pl_search li a#wiw_CurrentLocLink {
  display: inline-block;
  margin: 0 0.5rem 2.4rem 0;
}
#wiw_innercontent #pl_search li br {
  display: block;
}
#wiw_innercontent #pl_search li input[type=text],
#wiw_innercontent #pl_search li select {
  margin: 0 1rem 0 0;
}
#wiw_innercontent #pl_search li input[type=text]#wiw_placeselect, #wiw_innercontent #pl_search li input[type=text]#wiw_searchbox,
#wiw_innercontent #pl_search li select#wiw_placeselect,
#wiw_innercontent #pl_search li select#wiw_searchbox {
  margin-bottom: 0;
}

#wiw_map .gm-style-iw-c > button {
  height: 2.5rem !important;
  min-width: unset;
  right: 0.5rem !important;
  top: 0.5rem !important;
  width: 2.5rem !important;
}
#wiw_map .gm-style-iw-c > button img {
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}
#wiw_map .infowindow button {
  margin: 0.8rem 0 0 0;
  width: 100%;
}
#wiw_map .infowindow h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 1.6rem 0;
  padding: 0 1.6rem 0 0;
}
#wiw_map .infowindow p {
  font-size: 1.4rem;
  margin: 0 0 0.8rem 0;
}

.permitcontainer {
  margin: 0 0 3.6rem 0;
}
.permitcontainer .permitcontainermobile {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.permitcontainer .permitcontainermobile .permitwidget {
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  margin: 0 0 2.4rem 0;
  padding: 2.4rem;
  text-align: center;
  flex-basis: calc(25% - 2.5rem);
}
.permitcontainer .permitcontainermobile .permitwidget:hover {
  border-color: #57a31a;
}
.permitcontainer .permitcontainermobile .permitwidget h3 {
  margin: 0;
  line-height: 2.4rem;
}
.permitcontainer .permitcontainermobile .permitwidget .permitlogo {
  position: relative;
  margin-bottom: 1.2rem;
  height: 11.2rem;
}
.permitcontainer .permitcontainermobile .permitwidget .permitlogo img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.permit-headings {
  font-size: 2.6rem;
  line-height: 3rem;
}

@media all and (max-width: 992px) {
  .permitcontainer .permitcontainermobile .permitwidget {
    flex-basis: calc(33% - 2rem);
  }
}
@media all and (max-width: 768px) {
  .permitcontainer .permitcontainermobile .permitwidget {
    flex-basis: calc(50% - 1.5rem);
  }
}
@media all and (max-width: 576px) {
  .permitcontainer .permitcontainermobile .permitwidget {
    flex-basis: calc(50% - 1rem);
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    height: 20rem;
  }
  .permitcontainer .permitcontainermobile .permitwidget .permitheader {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .permitcontainer .permitcontainermobile .permitwidget .permitlogo {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
form#RefundQuery .amount-wrapper span {
  line-height: 4.4rem;
}
form#RefundQuery .amount-wrapper input {
  flex-basis: 30%;
  max-width: 25rem;
}
form#ContactQuery h2 {
  margin-bottom: 0;
}

.search-container {
  display: flex;
  flex-direction: column;
}
.search-container .results-info {
  font-size: 2rem;
  line-height: 2.6rem;
}
.search-container .search_result {
  border-top: 0.1rem solid #dce6e6;
  border-bottom: 0;
  padding-top: 1.6rem;
  padding-bottom: 2.4rem;
  display: flex;
  justify-content: space-between;
}
.search-container .search_result:last-of-type {
  border-bottom: 0.1rem solid #dce6e6;
}
.search-container .search_result .result-header {
  font-size: 2.2rem;
  line-height: 2.8rem;
}
.search-container .search_result .result-teaser {
  margin-bottom: 0;
}
.search-container .search_result .result-detail {
  order: 1;
}
.search-container .search_result .relevance {
  order: 2;
  min-width: 8rem;
  margin-top: 1rem;
}
.search-container .search-controls {
  display: flex;
  justify-content: space-between;
  margin-top: 1.6rem;
  text-align: center;
  align-items: center;
  flex-grow: 1;
}
.search-container .search-controls > * {
  flex: 1 1 0px;
}
.search-container .search-controls > *:first-child {
  text-align: left;
}
.search-container .search-controls > *:last-child {
  text-align: right;
}

@media all and (max-width: 576px) {
  .search-container .search_result {
    padding-top: 0.8rem;
    padding-bottom: 1.6rem;
    flex-direction: column;
  }
  .search-container .search_result .relevance {
    margin-top: 1.2rem;
  }
}
.accept-button-container {
  margin: 2.4rem 0 0 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.accept-pretext a,
.terms-and-conditions-container a,
.privacy-policy-container a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

@media all and (max-width: 576px) {
  .accept-pretext p,
.terms-and-conditions-container p,
.privacy-policy-container p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
/** SHAME **/
*:not(style):not(script) {
  box-sizing: border-box;
  float: none;
}

.no-javascript-container {
  background-color: white;
  border: solid 0.5rem #cd1a41;
  padding: 1rem;
  position: sticky;
  top: 0;
  z-index: 100;
}

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