/**
	* Filename:     style.css
	* Version:      1.0.0 (2017-02-12)
	* Website:      http://www.zymphonies.com
	* Description:  Global Styles
	* Author:		support Team
					support@zymphonies.com
**/
p {
  color: #484a4c;
  font-size: 16px;
}

a {
  color: #1a9f7f;
  font-weight: 500;
}

h2, h2.title {
  color: #316ba3;
  font-weight: 600;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

html {
  height: 100%;
  font-size: 10px;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  width: 100%;
}

p,
a,
li,
span,
div {
  font-size: 1.6rem;
}

h1 {
  font-size: 3.2rem;
  margin: 0.67em 0;
  color: #316ba3;
}

h2 {
  font-size: 2.4rem;
  font-size: 2.6rem;
  color: #316ba3;
}

h3 {
  font-size: 17px;
  color: #316ba3;
  font-weight: 600;
  line-height: 26px;
}

h4 {
  font-size: 17px;
  color: #316ba3;
  font-weight: 600;
  line-height: 26px;
}

.main-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

a,
p,
li,
body,
span,
input {
  font-family: "Montserrat", sans-serif !important;
  color: #484a4c;
  font-weight: 100;
  font-size: 17px;
  line-height: 26px;
}

a,
a:active,
a:focus {
  outline: none !important;
  color: #1a9f7f;
  text-decoration: none;
}

input,
input:active,
input:focus {
  outline: none !important;
  color: #484a4c;
  text-decoration: none;
}

a:hover {
  color: #316ba3;
}

.tabs a:focus, .tabs a:hover {
  background-color: #316ba3;
}

.bs-region--bottom,
#block-views-block-more-content-block-5 {
  padding-top: 75px;
}

.block-system-breadcrumb-block {
  background: rgba(183, 208, 233, 0.2);
  margin: 0;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.block-system-breadcrumb-block .breadcrumb {
  background: none;
  padding: 0;
}
.block-system-breadcrumb-block .breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-system-breadcrumb-block .breadcrumb ol li {
  padding: 0;
  display: inherit;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-system-breadcrumb-block .breadcrumb ol li a {
  font-size: 12px;
  line-height: 1em;
}
.block-system-breadcrumb-block .breadcrumb ol li:first-child a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  padding: 0 10px;
  height: 18px;
  background-image: url(../images/header/icon_home.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.block-system-breadcrumb-block .breadcrumb ol li:after {
  display: inline-block;
  content: "";
  width: 25px;
  height: 7px;
  background-image: url(../images/arrow.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
.block-system-breadcrumb-block .breadcrumb ol li .breadcrumb-divider {
  padding: 0 10px;
}
.block-system-breadcrumb-block .breadcrumb ol li:last-child:after {
  content: " ";
  background-image: none;
}
.block-system-breadcrumb-block .breadcrumb a {
  color: #316ba3;
}
@media (max-width: 766px) {
  .block-system-breadcrumb-block .breadcrumb ul {
    display: inherit;
  }
}

details {
  margin-top: 20px;
}
details summary {
  color: white;
  font-weight: 600;
  text-align: center;
  max-width: 250px;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
details summary:hover {
  background-color: #3573af;
}
details summary::-webkit-details-marker {
  display: none !important;
}
details .read-more__hidden {
  margin-top: 20px;
}

.node--type-article .field--type-image img,
.node--type-article .field--name-field-main-image img,
.node--type-asset .field--type-image img,
.node--type-asset .field--name-field-main-image img,
.node--type-video .field--type-image img,
.node--type-video .field--name-field-main-image img {
  max-width: 100%;
  height: auto;
}

.features {
  background: #fff;
}

ul > li > ul > li {
  list-style-type: circle;
}

.contact-message-contact-us-form #edit-preview {
  display: none;
}

.header {
  background: #fff;
  padding: 0;
}
.header ul {
  padding: 10px 0;
}
.header .navbar-header {
  margin-top: -80px;
  padding-bottom: 5px;
}
.header .menu-item a {
  padding: 24px 5px 24px 15px;
}
.header .menu-item a.icon-events {
  padding-left: 23px;
}
.header .menu-item a:hover {
  padding: 24px 5px 24px 15px;
}
.header .menu-item a:hover.icon-events {
  padding-left: 23px;
}
.header .container {
  padding: 0;
  max-width: 1140px;
}
.header .container .row {
  margin: 0 !important;
}
.header .container .row .col-md-9 {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header #block-myra-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .region-primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767px) {
  .header .region-primary-menu .menu-base-theme > li {
    float: left;
  }
}
.header .region-primary-menu nav:first-child > ul {
  width: 100%;
  background: #316ba3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 2;
}
.header .region-primary-menu nav:first-child > ul .menu-item--expanded {
  position: relative;
  cursor: pointer;
}
.header .region-primary-menu nav:first-child > ul .menu-item--expanded .menu {
  border-radius: 0;
  background: #316ba3;
  border-top: 1px solid white;
}
@media (max-width: 766px) {
  .header .region-primary-menu nav:first-child > ul .menu-item--expanded .menu {
    position: relative;
    top: auto;
    right: auto;
  }
}
.header .region-primary-menu nav:first-child > ul .menu-item--expanded .menu li {
  border: none;
  padding: 5px 0;
}
.header .region-primary-menu nav:first-child > ul .menu-item--expanded .menu li a {
  padding: 0;
}
.header .region-primary-menu nav:first-child > ul li {
  border-left: 1px solid #fff;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 766px) {
  .header .region-primary-menu nav:first-child > ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.header .region-primary-menu nav:first-child > ul li:first-child {
  border: none;
}
.header .region-primary-menu nav:first-child > ul li:nth-child(2) {
  margin-left: auto;
  border: none;
}
.header .region-primary-menu nav:first-child > ul li a,
.header .region-primary-menu nav:first-child > ul li span {
  font-weight: 400;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
}
.header .region-primary-menu nav:first-child > ul li a:before,
.header .region-primary-menu nav:first-child > ul li span:before {
  width: 20px;
  height: 15px;
}
.header .region-primary-menu #block-myra-secondarymenu {
  width: 100%;
}
.header .region-primary-menu #block-myra-secondarymenu li a {
  color: #1a9f7f;
  font-weight: 500;
}
.header .region-primary-menu #block-myra-secondarymenu ul {
  background: none;
}
.header .icon-textsize {
  content: url("../images/header/icon_textsizer.png");
  height: 15px;
  width: 55px;
}
.header #main-menu .use-ajax {
  font-weight: 400;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header #main-menu .use-ajax:before {
  background-image: url(../images/header/icon_register.png);
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
.header .icon-home:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_home.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-home:before {
    display: none;
  }
}
.header .icon-resources:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_resources.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-resources:before {
    display: none;
  }
}
.header .icon-webcasts:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_webcasts.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-webcasts:before {
    display: none;
  }
}
.header .icon-events:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_events.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-events:before {
    display: none;
  }
}
.header .icon-news:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_news.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-news:before {
    display: none;
  }
}
.header .icon-search:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_search.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-search:before {
    display: none;
  }
}
.header .icon-login:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_login.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-login:before {
    display: none;
  }
}
.header .icon-user:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_user.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-user:before {
    display: none;
  }
}
.header .icon-surveys:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_surveys.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-surveys:before {
    display: none;
  }
}
.header .icon-favourites:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_favourites.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 766px) {
  .header .icon-favourites:before {
    display: none;
  }
}
@media (max-width: 766px) {
  .header .navbar-header {
    margin-top: unset;
  }
  .header nav {
    background: #316ba3;
    font-size: 16px;
  }
  .header nav a,
  .header nav span {
    color: #fff !important;
    font-size: 16px !important;
  }
  .header .header {
    margin: auto;
    max-width: 90% !important;
  }
  .header .icon-textsize {
    display: none;
  }
  .header .region-primary-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    margin-bottom: 0;
    padding: 15px;
    background-color: #316ba3;
    border-radius: 0;
    border-bottom: 2px solid #fff;
  }
  .header .region-primary-menu nav:first-child > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header .region-primary-menu nav:first-child > ul .menu-item--expanded .menu {
    top: 0px;
    left: 0px;
  }
  .header .region-primary-menu nav:first-child > ul li {
    padding: 0 !important;
    margin-left: 0 !important;
    text-align: center;
  }
  .header a,
  .header span {
    padding: 15px 30px 15px 10px !important;
  }
}
@media (max-width: 766px) and (max-width: 576px) {
  .header a,
  .header span {
    padding: 15px 0px 15px 0px !important;
  }
}
@media (max-width: 766px) {
  .header .navbar-toggle {
    padding: 25px 10px;
  }
  .header .navbar-toggle .fas {
    color: #316ba3;
  }
  .header li,
  .header a {
    border: none !important;
  }
  .header #block-myra-secondarymenu ul {
    text-align: center;
    padding-top: 0;
  }
}
@media (max-width: 992px) {
  .header .site-branding__logo {
    max-width: 300px;
  }
}

.header #block-myra-secondarymenu > .menu {
  padding-top: 2rem !important;
}
.header .region-header {
  text-align: right;
  padding-bottom: 0;
}
.header #block-doubletoplogo {
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .header #block-doubletoplogo {
    max-width: 300px;
  }
}
@media (max-width: 576px) {
  .header #block-doubletoplogo {
    max-width: 65%;
  }
}
.header #block-doubletoplogo p {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.header #block-doubletoplogo p a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 766px) {
  .header #block-doubletoplogo p a {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 766px) {
  .header #block-doubletoplogo p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
  }
}
.header #block-doubletoplogo p img {
  display: inline-block;
  height: auto;
}

.header .region-primary-menu nav:first-child > ul li:first-child, .menu-base-theme > li:last-child {
  border: none;
}
.header .region-primary-menu nav:first-child > ul li:first-child a.icon-phone, .menu-base-theme > li:last-child a.icon-phone {
  opacity: 0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .region-primary-menu nav:first-child > ul li:first-child a.icon-phone:after, .menu-base-theme > li:last-child a.icon-phone:after {
  content: url("../images/header/arthritis-phone.svg");
  height: 16px;
  margin-left: 2px;
}

.menu-base-theme > li:last-child {
  display: none;
}

.header .region-primary-menu nav:first-child > ul li:first-child {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

@media (max-width: 766px) {
  .menu-base-theme > li:last-child {
    display: block;
  }
  .menu-base-theme > li:last-child a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ie {
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: auto;
  display: block;
}
.ie .bottom-widget {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}
.ie .banner-score {
  padding: 20px !important;
}
.ie .region-header .brand {
  width: 349px;
}
.ie .tiles__two-columns .views-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
}
.ie .row-tiles .views-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28%;
          flex: 0 0 28%;
}
.ie .step-label {
  padding: 0px !important;
  text-align: center;
  color: #ffffff;
  font-weight: 900;
  background: rgba(49, 106, 163, 0.2);
  border-radius: 100%;
  height: 26px;
  width: 28px;
  margin-left: 10px;
  font-size: 1.4rem;
  position: relative;
}
.ie .step-label.active {
  /* create circle border around the text */
  color: #ffffff !important;
  font-weight: 900;
  background: #316ba3;
  border-radius: 100%;
}
.ie .step-label:after {
  content: " ";
  display: block;
  position: absolute;
  height: 1px;
  background: #d0dbe7;
  width: 10px;
  left: 100%;
  top: calc(54% - 2px);
}
.ie .multi-steps-label div:nth-of-type(1) {
  background: none;
  color: #000000 !important;
  margin-left: 0;
}
.ie .multi-steps-label div:nth-of-type(2) {
  margin-left: 20px;
}
.ie .multi-steps-label div:nth-of-type(1):after {
  content: " ";
  display: none;
}
.ie .multi-steps-label div:nth-of-type(8):after {
  content: " ";
  display: none;
}
.ie .block {
  margin-bottom: 0;
}

.ie11 .compat-object-fit {
  background-size: cover;
  background-position: center center;
}
.ie11 .compat-object-fit img {
  opacity: 0;
}
.ie11 .row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(3) img,
.ie11 .row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(3) .field__item {
  height: 200px;
  width: 100%;
}
.ie11 .two-col-boxed .two-col-box, .ie11 .row-tiles .group-wrapper .views-row {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.ie11 .two-col-boxed .two-col-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
}
.ie11 .row-tiles .group-wrapper .views-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.5%;
          flex: 0 0 29.5%;
}
.ie11 .user .sub-mid-level .container .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ie11 .header #block-doubletoplogo p {
  max-width: 350px;
}
.ie11 .header #block-doubletoplogo p a:last-of-type {
  width: 58%;
}
.ie11 .header #block-doubletoplogo p a:first-of-type {
  width: 42%;
}
.ie11 .header #block-doubletoplogo p a img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .ie11 .header #block-doubletoplogo p {
    max-width: 300px;
  }
}
@media (max-width: 576px) {
  .ie11 .header #block-doubletoplogo p {
    max-width: 300px;
  }
}
.ie11 .field--name-dynamic-block-fieldnode-homepage-banner {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  width: 100% !important;
  margin-top: 20px;
  background-color: #e3eaca;
}
.ie11 .bs-region--top .views-row-first .views-field-field-image .field-content, .ie11 .bs-region--top .views-row-first {
  height: 420px;
}
.ie11 .bs-region--top .views-row-first .views-field-field-image .field-content img {
  height: auto !important;
}
.ie11 .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-image, .ie11 .bs-region--top .views-row-first {
  width: 100% !important;
}
.ie11 .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-r {
  top: 10%;
}
.ie11 .bs-region--top .views-row-first .views-field-field-banner-text {
  top: 55%;
}
.ie11 .bs-region--top .views-field-field-r .banner-score__range .label-bottom {
  top: 40px;
}

.path-frontpage .main-content {
  padding: 0 !important;
}
.path-frontpage .flexslider {
  display: none;
}
.path-frontpage .register-homepage {
  display: none;
  padding: 20px;
  background-color: #316ba3;
  color: white;
  border-radius: 5px;
  margin-bottom: 20px;
}
.path-frontpage .register-homepage a {
  color: #fff;
}

.only-loggedin {
  display: none;
}

.user-logged-in .only-anonymous {
  display: none;
}
.user-logged-in .only-loggedin {
  display: block;
}

.page-node-type-homepage .bs-region--top-right,
.page-node-type-homepage .bs-region--top-left {
  padding: 60px 15px;
  margin-bottom: 50px;
}
.page-node-type-homepage .bs-region--top-right .views-field-description__value .field-content,
.page-node-type-homepage .bs-region--top-left .views-field-description__value .field-content {
  font-size: 14px;
}
.page-node-type-homepage .bs-region--top-right .views-field-name a,
.page-node-type-homepage .bs-region--top-left .views-field-name a {
  font-weight: 700;
}
.page-node-type-homepage .bs-region--top-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 8%;
}
@media (max-width: 766px) {
  .page-node-type-homepage .bs-region--top-left {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    max-width: unset;
    padding-right: 15px;
  }
}
.page-node-type-homepage .bs-region--top-left .field--name-field-welcome-text h2 {
  margin-bottom: 30px;
}
.page-node-type-homepage .bs-region--top-left .field--name-field-welcome-text p {
  margin-bottom: 1em;
  line-height: 1.8em;
}
.page-node-type-homepage .bs-region--top-left .field--name-field-welcome-text img {
  max-width: 100%;
  width: 460px;
  display: block;
  margin: 0 auto;
  margin-top: 2.4em;
}
.page-node-type-homepage .bs-region--top-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 766px) {
  .page-node-type-homepage .bs-region--top-right {
    padding-top: 0;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    max-width: unset;
  }
}

.bs-region--top {
  padding: 0;
}
.bs-region--top .views-row-first {
  width: 100vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  height: 470px;
}
.bs-region--top .views-row-first .views-field-field-image {
  display: block;
}
.bs-region--top .views-row-first .views-field-field-image .field-content {
  overflow: hidden;
  position: relative;
  display: block;
  height: 470px;
}
.bs-region--top .views-row-first .views-field-field-image .field-content img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 20% 50%;
     object-position: 20% 50%;
  height: 100%;
  display: block;
}
.bs-region--top .views-row-first .views-field-field-banner-text {
  position: absolute;
  top: 50%;
  left: 15%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.8);
  background: #1a9f7f;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  font-size: 25px;
  padding-left: 2em;
  padding-right: 2em;
  text-transform: uppercase;
}
.bs-region--top .views-row-first .views-field-field-banner-text:hover {
  background-color: #1cac8a;
}
.bs-region--top .views-row-first .views-field-field-banner-text a {
  color: white;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*&:before {
    background: url(../images/icon_play_white.png);
    background-size: 35px 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 20px;
    vertical-align: middle;
    content: '';
  }*/
}
.bs-region--top .views-field-field-r {
  position: absolute;
  right: 5%;
  max-width: 430px;
  max-height: 95%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
  width: 95%;
}
@media (max-width: 576px) {
  .bs-region--top .views-field-field-r {
    margin-left: auto;
    margin-right: auto;
  }
}
.bs-region--top .views-field-field-r .banner-score {
  background: #fff;
  border-radius: 5px;
  padding: 30px;
}
@media (max-width: 576px) {
  .bs-region--top .views-field-field-r .banner-score {
    padding: 30px 15px;
  }
}
.bs-region--top .views-field-field-r .banner-score__title {
  color: #484a4c;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 500;
  margin-bottom: 10px;
}
.bs-region--top .views-field-field-r .banner-score__sub-title {
  color: #1a9f7f;
  font-size: 22px;
  margin-bottom: 0;
  font-weight: 600;
}
.bs-region--top .views-field-field-r .banner-score__range {
  position: relative;
  margin-top: 40px;
  margin-bottom: 50px;
}
.bs-region--top .views-field-field-r .banner-score__range .label-left {
  position: absolute;
  left: 3%;
}
.bs-region--top .views-field-field-r .banner-score__range .label-right {
  position: absolute;
  right: 3%;
}
.bs-region--top .views-field-field-r .banner-score__range .label-top {
  top: -27px;
  color: #909397;
  font-weight: 700;
}
.bs-region--top .views-field-field-r .banner-score__range .label-bottom {
  top: 25px;
  font-style: italic;
  font-size: 1.25rem;
  color: #909397;
  line-height: 15px;
}
.bs-region--top .views-field-field-r .banner-score__range #current-value {
  display: none;
}
.bs-region--top .views-field-field-r .banner-score #save-score {
  background: none;
  border: 2px solid #1a9f7f;
  background: #f7f7f7;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  color: #1a9f7f;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  margin: 0 auto;
  display: block;
}
.bs-region--top .views-field-field-r .banner-score #save-score:hover {
  background-color: white;
}

@supports (-ms-ime-align: auto) {
  .label-bottom {
    top: 40px !important;
  }
  .label-top {
    top: -5px !important;
  }
  #current-value {
    top: -20px !important;
  }
  .banner-score__sub-title {
    margin-bottom: 30px !important;
  }
  .banner-score__title {
    line-height: 16px !important;
    margin-bottom: 0 !important;
  }
}
.more-link {
  margin: 15px 0 15px auto;
  text-align: center;
  border: 1px solid rgba(49, 106, 163, 0.2);
  background: transparent;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  display: inline-block;
}
.more-link:hover {
  background-color: rgba(8, 8, 8, 0);
}
.more-link:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  color: #316ba3;
  padding-left: 10px;
  position: relative;
  right: 0px;
  opacity: 0.5;
}
.more-link:hover:after {
  right: -4px;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.more-link a {
  color: #316ba3;
  font-weight: 100;
}

@media (max-width: 766px) {
  .tiles__two-columns .views-row, .row-tiles .group-wrapper .views-row {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 100% !important;
            flex: 1 100% !important;
  }
  .bs-region--top-left {
    margin-bottom: 0 !important;
  }
  .views-field-field-r {
    right: unset !important;
    top: 5%;
  }
  .views-field-field-banner-text {
    bottom: 5% !important;
    left: unset !important;
    top: unset !important;
  }
}
@media (max-width: 992px) {
  .bs-region--top .views-row-first .views-field-field-image .field-content {
    max-width: 100vw;
    height: 470px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bs-region--top .views-row-first .views-field-field-image .field-content img {
    max-width: unset;
    max-height: 100%;
    height: 100%;
  }
  .views-field-field-r {
    right: unset !important;
    top: 5%;
  }
  .views-field-field-banner-text {
    bottom: 5% !important;
    left: unset !important;
    top: unset !important;
  }
}
@media (max-width: 576px) {
  .bs-region--top .views-row-first {
    height: 500px;
  }
  .bs-region--top .views-row-first .views-field-field-image .field-content {
    height: 500px;
  }
}
.fa-twitter,
.myra-twitter {
  background: url(../images/Icon_Twitter.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-twitter:before,
.myra-twitter:before {
  content: "" !important;
}
.fa-twitter span,
.myra-twitter span {
  display: none !important;
}

.fa-facebook,
.myra-fb {
  background: url(../images/Icon_Facebook.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-facebook:before,
.myra-fb:before {
  content: "" !important;
}
.fa-facebook span,
.myra-fb span {
  display: none !important;
}

.fa-linkedin {
  background: url(../images/Icon_Linkedin.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-linkedin:before {
  content: "" !important;
}
.fa-linkedin span {
  display: none !important;
}

.fa-x-twitter {
  background: url(../images/Icon_Twitter.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-x-twitter:before {
  content: "" !important;
}
.fa-x-twitter span {
  display: none !important;
}

.fa-instagram {
  background: url(../images/Icon_Instagram.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-instagram:before {
  content: "" !important;
}
.fa-instagram span {
  display: none !important;
}

.fa-home {
  background: url(../images/Icon_Threads.png);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px 10px 0;
}
.fa-home:before {
  content: "" !important;
}
.fa-home span {
  display: none !important;
}

.page-node-type-video i:not(.fa-bars) {
  font-style: italic;
}
.page-node-type-video .field--name-field-categories {
  padding: 20px 0;
}
.page-node-type-video .bs-region--top-left {
  margin-bottom: 30px;
}
.page-node-type-video .bs-region--top-right {
  padding-left: 0;
  max-height: 100%;
}
.page-node-type-video .bs-region--top-right .views-element-container .views-row {
  margin-bottom: 7px;
}
.page-node-type-video .bs-region--top-right .views-element-container .views-row img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.page-node-type-video .bs-region--top-right .views-element-container .views-row:first-child {
  border-bottom: 1px solid #316ba3;
}
.page-node-type-video .bs-region--top-right .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-node-type-video .bs-region--top-right .views-row .views-field-title {
  padding-left: 10px;
}
.page-node-type-video .bs-region--top-right .views-row div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.page-node-type-video .bs-region--top-right .views-row div .image-style-teaser {
  width: 100%;
  height: 100%;
}
.page-node-type-video .bs-region--top-right .views-row div a {
  color: #316ba3;
}
.page-node-type-video .bs-region--top-right .side-column {
  margin-left: 10px;
}
.page-node-type-video .bs-region--top-right .side-column .side-video-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.page-node-type-video .bs-region--top-right .side-column .side-video-log-line {
  line-height: 1.4em;
  font-size: 12px;
  color: #484a4c;
}
.page-node-type-video .bs-region--middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-node-type-video .bs-region--middle .flag-favourite {
  margin: 7px 20px;
}
.page-node-type-video .bs-region--middle .field--name-field-stage {
  margin-left: auto;
}
.page-node-type-video .bs-region--middle .field--type-entity-reference {
  padding: 0 20px;
}
.page-node-type-video .bs-region--middle .field--name-field-transcript {
  margin-top: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.page-node-type-video .bs-region--middle .read-more {
  padding-bottom: 50px;
}
@media (max-width: 766px) {
  .page-node-type-video .js-flag-message {
    left: -20px !important;
  }
  .page-node-type-video .flag-favourite {
    margin-right: 100% !important;
  }
  .page-node-type-video .field--name-field-stage {
    margin: 0 !important;
  }
  .page-node-type-video summary {
    margin: auto;
  }
  .page-node-type-video .bs-region--top-right .views-row div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41%;
            flex: 0 0 41%;
  }
}
.page-node-type-video .field--name-dynamic-block-fieldnode-related-videos {
  padding-top: 59px;
}
@media (max-width: 992px) {
  .page-node-type-video .field--name-dynamic-block-fieldnode-related-videos {
    padding-top: 0;
  }
}
.page-node-type-video .field--name-field-reference {
  padding-top: 25px;
}
@media (max-width: 992px) {
  .page-node-type-video .bs-region--top-right,
  .page-node-type-video .bs-region--top-left {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 15px;
  }
  .page-node-type-video .bs-region--top-right .field__label {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .page-node-type-video .bs-region--top-right .views-row div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41%;
            flex: 0 0 41%;
  }
  .page-node-type-video .bs-region--top-right .views-row div.side-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

.show-video-modal .bs-region--top .views-row-first .views-field-field-banner-text a:before {
  display: none;
}
.show-video-modal .video-modal .overlay {
  background: rgba(0, 0, 0, 0.82);
}

@media (max-width: 766px) {
  .page-node-type-article .bs-region--top-right {
    padding-top: 30px;
  }
}
.page-node-type-article .field--name-field-content-summary {
  padding-top: 10px;
}
.page-node-type-article .flag-favourite {
  margin: 25px 0;
}
.page-node-type-article .field--name-field-categories {
  padding-bottom: 20px;
}
.page-node-type-article .paywall-text {
  border: solid 1px;
  border-color: #316ba3;
  padding: 10px;
  text-align: center;
  color: #316ba3;
  margin-bottom: 40px;
}
.page-node-type-article .field--type-link {
  margin-top: 15px;
}
.page-node-type-article .field_item .field--name-field-main-image {
  margin-top: 15px;
}

#cat-overlay {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 96px;
  left: 0;
  background-color: rgba(52, 43, 43, 0.6);
  z-index: 222;
  overflow: hidden;
}
@media (max-width: 1139px) {
  #cat-overlay {
    top: 36px !important;
  }
}

.main-content {
  position: relative;
}

#block-categories .content {
  position: relative;
  z-index: 223;
  background: #fff;
}
@media (max-width: 1139px) {
  #block-categories .content {
    background: transparent;
    width: 100%;
    margin-left: -15px;
    position: absolute;
  }
}

.path-library h2 {
  color: #316ba3;
}
.path-library .js-facet-deactivate {
  display: none;
}
.path-library .facet-item {
  list-style: none;
}
.path-library .facet-item__value {
  font-size: 14px;
  line-height: 1em;
  font-weight: 400;
  color: #316ba3;
}
@media (min-width: 1140px) {
  .path-library .facet-item--active-trail > a:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #316ba3;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
  }
}
.path-library .facet-item--active-trail .facet-item__value {
  font-weight: 600;
}
.path-library .item-list__links {
  padding: 0;
  margin: 0;
}
@media (min-width: 1140px) {
  .path-library .item-list__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (max-width: 1139px) {
  .path-library .item-list__links {
    max-width: 50%;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
    box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
    padding-bottom: 46px;
  }
}
.path-library .item-list__links > li.facet-item {
  padding: 0;
  margin: 0;
  z-index: 200;
  display: block;
  overflow: visible;
}
@media (min-width: 1140px) {
  .path-library .item-list__links > li.facet-item {
    position: relative;
  }
}
@media (max-width: 1141px) {
  .path-library .item-list__links > li.facet-item--expanded > a:after {
    content: "";
    background: transparent url("../images/arrow-small-next.svg") center center no-repeat;
    background-size: contain;
    position: absolute;
    color: #316ba3;
    display: inline;
    right: 15px;
    top: 8px;
    width: 15px;
    height: 15px;
  }
  .path-library .item-list__links > li.facet-item--expanded > a.is-active {
    background: #316ba3;
  }
  .path-library .item-list__links > li.facet-item--expanded > a.is-active .facet-item__value, .path-library .item-list__links > li.facet-item--expanded > a.is-active:after {
    color: #fff;
  }
  .path-library .item-list__links > li.facet-item--expanded > a.is-active:after {
    background: transparent url("../images/arrow-small-next_white.svg") center no-repeat;
  }
}
.path-library .item-list__links > li.facet-item > a {
  position: relative;
  display: block;
}
@media (max-width: 1139px) {
  .path-library .item-list__links > li.facet-item > a {
    padding: 10px 15px;
    margin-right: 0;
  }
}
@media (min-width: 1140px) {
  .path-library .item-list__links > li.facet-item > a {
    white-space: nowrap;
    padding: 1em 0;
    margin-right: 30px;
  }
  .path-library .item-list__links > li.facet-item > a :after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #316ba3;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
  }
}
.path-library .item-list__links > li.facet-item > a:hover, .path-library .item-list__links > li.facet-item > a.is-active {
  cursor: pointer;
}
.path-library .item-list__links > li.facet-item > a:hover :after, .path-library .item-list__links > li.facet-item > a.is-active :after {
  width: 100%;
}
.path-library .item-list__links > li.facet-item > a:hover ul, .path-library .item-list__links > li.facet-item > a.is-active ul {
  display: block;
}
.path-library .item-list__links > li.facet-item > a.is-active .facet-item__value {
  font-weight: 600;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul {
  display: none;
  position: absolute;
  height: auto;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
  box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
  background: #fff;
}
@media (min-width: 1140px) {
  .path-library .item-list__links > li.facet-item .facets-widget- > ul {
    top: 100%;
    left: 0;
    width: 250px;
  }
}
@media (max-width: 1139px) {
  .path-library .item-list__links > li.facet-item .facets-widget- > ul {
    top: 0;
    right: 0;
    width: 50%;
    -webkit-box-shadow: inset 2px 2px 5px rgba(69, 65, 63, 0.3);
    box-shadow: inset 2px 2px 5px rgba(69, 65, 63, 0.3);
  }
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li {
  margin: 0;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded {
  position: relative;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a {
  position: relative;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a:after {
  content: "";
  background: transparent url("../images/arrow-small-next.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  color: #316ba3;
  display: inline;
  right: 15px;
  top: 8px;
  width: 15px;
  height: 15px;
}
@media (max-width: 1139px) {
  .path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a.is-active {
  background: #316ba3;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a.is-active .facet-item__value, .path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a.is-active:after {
  color: #fff;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded > a.is-active:after {
  background: transparent url("../images/arrow-small-next_white.svg") center no-repeat;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded .facets-widget- > ul {
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
  box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
}
@media (min-width: 1140px) {
  .path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded .facets-widget- > ul {
    right: -250px;
    top: 0;
    left: unset;
  }
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded:hover > a {
  background: #316ba3;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded:hover > a .facet-item__value, .path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded:hover > a:after {
  color: #fff;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded:hover > a:after {
  background: transparent url("../images/arrow-small-next_white.svg") center no-repeat;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li.facet-item--expanded:hover .facets-widget- > ul {
  display: block;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li a {
  display: block;
  padding: 10px 15px;
}
@media (max-width: 1139px) {
  .path-library .item-list__links > li.facet-item .facets-widget- > ul li a {
    padding: 10px 15px 10px 20px;
  }
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li a:hover {
  background: #316ba3;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul li a:hover .facet-item__value, .path-library .item-list__links > li.facet-item .facets-widget- > ul li a:hover:after {
  color: #fff;
}
.path-library .item-list__links > li.facet-item .facets-widget- > ul.show {
  display: block;
}
@media (min-width: 1140px) {
  .path-library .item-list__links > li.facet-item:last-child .facets-widget- > ul {
    left: unset;
    right: 30px;
  }
}

.my-journey {
  padding-top: 10px;
}
.my-journey > h3 {
  width: 100%;
  padding-left: 10px;
  padding-top: 20px;
}
.my-journey > h3 a {
  font-size: 2.2rem;
  color: #316ba3;
}
.my-journey .my-journey-title-link {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 15px;
}
.my-journey .my-journey-title-link a {
  color: #316ba3;
  font-weight: bold;
  font-size: 1.7rem;
}
.my-journey .my-journey-more-link {
  padding: 0 15px 20px;
}
.my-journey .my-journey-log-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.6rem;
  padding: 0 15px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-bottom: 15px;
}
.my-journey .my-journey-main-image img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.my-journey .views-row {
  padding: 0 !important;
}

#block-welcometomyjourney {
  background-color: #3269a1;
}
#block-welcometomyjourney .field--name-body {
  padding: 20px 20px 20px 40px;
}
@media (max-width: 766px) {
  #block-welcometomyjourney .field--name-body {
    padding: 20px 15px;
  }
}
#block-welcometomyjourney .field--name-body p {
  color: #316ba3;
}

.library-view .views-form, .library-view .views-form form .group-wrapper {
  width: 100%;
}
.library-view .views-exposed-form,
.library-view .form-submit {
  display: none;
}

.row-tiles:after {
  content: "";
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30%;
}
.row-tiles .views-form form .group-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.row-tiles .views-form form .group-wrapper:after {
  content: "";
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30%;
}
.row-tiles .views-form form .group-wrapper .field--name-field-main-image a {
  display: block;
}
.row-tiles header > div {
  padding: 20px 0;
  background-color: rgba(49, 106, 163, 0.2);
  background-color: rgba(183, 208, 233, 0.5);
  position: relative;
  z-index: 224;
}
.row-tiles header a {
  text-decoration: none;
}
.row-tiles header nav {
  font-family: monospace;
}
@media (min-width: 1140px) {
  .row-tiles header ul {
    margin: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 1139px) {
  .row-tiles header ul {
    max-width: 75%;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
    box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
    padding-bottom: 15px;
  }
}
.row-tiles header li {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 200;
  display: block;
  overflow: visible;
  list-style: none;
  color: #316ba3;
}
.row-tiles header li a {
  background-color: transparent;
  white-space: nowrap;
  padding: 1em 0;
  font-size: 14px;
  line-height: 1em;
  font-weight: 400;
  color: #316ba3;
}
@media (max-width: 1141px) {
  .row-tiles header li a:after {
    content: "";
    background: transparent url("../images/arrow-small-next.svg") center center no-repeat;
    background-size: contain;
    position: absolute;
    color: #316ba3;
    display: inline;
    right: 15px;
    top: 8px;
    width: 15px;
    height: 15px;
  }
}
.row-tiles header ul li ul {
  -webkit-box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
  box-shadow: 2px 2px 5px rgba(69, 65, 63, 0.2);
  background: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 1rem 0 0;
  left: 0;
  display: none;
}
@media (max-width: 1139px) {
  .row-tiles header ul li ul {
    position: inherit;
    width: auto;
    min-width: 220px;
    padding-left: 0px;
    padding-bottom: 5px;
  }
}
.row-tiles header ul li ul li {
  clear: both;
  width: 100%;
  z-index: 101;
}
.row-tiles header ul li ul li a {
  color: #316ba3;
  display: block;
  padding: 10px 15px;
  margin: 0px;
}
@media (max-width: 1139px) {
  .row-tiles header ul li ul li a {
    padding: 5px;
  }
}
.row-tiles header ul li ul li a:hover {
  color: #fff;
  background: #316ba3;
}
@media (max-width: 1141px) {
  .row-tiles header ul li ul li a:after {
    background: none;
  }
}
.row-tiles header ul li ul li > ul {
  display: none;
}
.row-tiles header ul li ul li > ul li {
  display: block;
  white-space: nowrap;
}
@media (max-width: 1141px) {
  .row-tiles header ul li ul li:active > ul {
    left: 10%;
    position: relative;
    padding-bottom: 5px;
  }
}
.row-tiles header ul li ul li:hover > ul {
  display: block;
  position: absolute;
  left: 100%;
  top: -10px;
  width: auto;
}
@media (max-width: 1141px) {
  .row-tiles header ul li ul li:hover > ul {
    left: 10%;
    position: relative;
    padding-bottom: 5px;
  }
}
.row-tiles header ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.row-tiles header ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.path-user label {
  color: #316ba3;
  font-size: 16px;
}

.field__label {
  color: #aeafb0;
  font-weight: 600;
  font-size: 20px;
}

.general-search .views-row {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}
.general-search .keep-reading-search {
  padding-top: 20px;
}
.general-search .keep-reading-search a {
  border: 1px solid #1a9f7f;
  padding: 7px 24px;
  display: inline-block;
}
.general-search .keep-reading-search a:hover {
  color: #1a9f7f;
}
.general-search .views-field-search-api-excerpt strong {
  font-weight: bold;
  color: #1a9f7f;
}

.ui-autocomplete-field-created {
  display: none;
}

.path-user #block-myra-local-tasks {
  padding-top: 20px;
}
.path-user .profile {
  padding-top: 20px;
}
.path-user .profile .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
}
.path-user .profile .field .field__label {
  font-weight: bold;
  color: #316ba3;
  padding-right: 12px;
  font-size: 18px;
}
.path-user .highlighted {
  padding-bottom: 20px;
}
.path-user select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 1px solid #e8e8e8;
  overflow-y: visible;
  color: #000;
  background-color: transparent;
}
.path-user select:focus, .path-user select:-webkit-focus-ring-color {
  outline: 0 !important;
  border: 0 !important;
  border: 1px solid #e8e8e8 !important;
}
.path-user .form-item-pass-pass1 {
  margin: 0;
}
.path-user .more-details-about-you {
  padding-top: 50px;
}
.path-user #block-createanaccount {
  max-width: 500px;
  margin: auto;
  text-align: left;
}
.path-user #block-createanaccount .create-account-title {
  font-size: 26px;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #316ba3;
}

#block-myra-local-tasks li {
  color: #000;
}
#block-myra-local-tasks li.is-active {
  display: none;
}
#block-myra-local-tasks a {
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #1a9f7f;
  color: #fff;
}

#footer {
  padding: 30px 0;
  background: #f7f7f7;
}
#footer p {
  margin: 0;
  font-size: 13px;
}
#footer .block {
  margin-bottom: 0;
}
#footer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#footer .row .col-lg-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
#footer .row .col-lg-4 #block-footerlogo p {
  max-width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
}
@media (max-width: 766px) {
  #footer .row .col-lg-4 #block-footerlogo p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
  }
}
#footer .row .col-lg-4 #block-footerlogo p img {
  display: inline-block;
  height: 85px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 500px) {
  #footer .row .col-lg-4 #block-footerlogo p img {
    height: 60px;
  }
}
#footer .row .col-lg-4 #block-socialmedialinks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#footer .row .col-lg-4 #block-socialmedialinks ul li {
  text-align: right;
}
#footer .row .col-lg-4 #block-socialmedialinks ul li span {
  margin: 0 0 0 15px;
  width: 50px;
  height: 50px;
}
#footer .row .col-lg-4 #block-socialmedialinks ul li a {
  display: block;
}
#footer .row .col-lg-4 #footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
#footer .row .col-lg-4 #footer-menu li {
  display: block;
  text-align: right;
  padding: 0.2em 0.35em;
}
#footer .row .col-lg-4 #footer-menu li a {
  color: #316ba3;
  font-weight: 600;
}
#footer .row .col-lg-4 #footer-menu li a:hover {
  color: #4185c6;
}
#footer .row .col-lg-4:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 766px) {
  #footer .row .col-lg-4 {
    margin: 15px auto 0;
    width: 100%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: block;
    max-width: 100%;
    text-align: center;
  }
  #footer .row .col-lg-4 #block-socialmedialinks ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  #footer .row .col-lg-4 #footer-menu {
    margin-bottom: 30px;
  }
  #footer .row .col-lg-4 #footer-menu li {
    text-align: center;
  }
}
#footer .field--name-body p {
  font-style: 15px;
}

#block-myra-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#block-myra-footer ul li {
  list-style: none;
  border-left: 1px solid #316ba3;
  padding: 0 15px;
}
#block-myra-footer ul li:first-child {
  border: none;
}
#block-myra-footer ul li a {
  color: #316ba3;
}

.blue-button, input.button {
  color: white;
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  max-width: 250px;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
.blue-button:hover, input.button:hover {
  background-color: #3573af;
}

input.button {
  padding: 12px 33px;
}
input.button:hover {
  background: #316ba3;
}

.download-button a {
  padding: 5px 10px;
  font-size: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.download-button a:after {
  font-size: 16px;
  color: #fff;
  content: "Download document";
}

.library-filter {
  border: 1px solid rgba(49, 106, 163, 0.2);
  padding: 10px 20px;
  border-radius: 5px;
  color: #316ba3;
  font-weight: bold;
}
.library-filter:before {
  content: "";
  background: url(../images/Icon_filter_blue.png);
  height: 16px;
  width: 18px;
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}
.library-filter:active, .library-filter:visited {
  color: #316ba3;
}
.library-filter.active {
  background: #316ba3;
  color: #fff;
}
.library-filter.active:before {
  background: url(../images/Icon_filter_white.png);
  height: 16px;
  width: 18px;
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}

#edit-submit,
#edit-actions-submit {
  color: white;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
#edit-submit:hover,
#edit-actions-submit:hover {
  background-color: #3573af;
}

#edit-actions {
  margin: 7.5px 0 30px;
}

.account-modal {
  z-index: 101;
  margin: auto;
  width: auto !important;
  left: none;
  font-family: "Montserrat", sans-serif !important;
}
.account-modal .ajax-progress-throbber {
  display: none !important;
}
.account-modal #drupal-modal {
  padding: 0px;
  overflow-x: hidden;
}
.account-modal select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 1px solid #e8e8e8;
  overflow-y: visible;
  color: #000;
  width: 50%;
  font-family: "Montserrat", sans-serif !important;
  background-image: url(../images/arrow_select.png);
  background-position: right;
  background-repeat: no-repeat;
}
.account-modal select:focus, .account-modal select:-webkit-focus-ring-color {
  outline: 0 !important;
  border: 0 !important;
  border: 1px solid #e8e8e8 !important;
}
.account-modal select option {
  color: #000;
}
.account-modal select option:hover {
  background: #f7f7f7;
}
.account-modal select option:nth-of-type(1) {
  display: none;
}
.account-modal .js-form-item, .account-modal .form-item, .account-modal .ui-widget-content a {
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 20px;
  margin: 0px;
}
.account-modal .ui-widget-content a {
  padding-left: 17%;
  font-size: 0.8em;
  color: #316ba3;
}
.account-modal .form-type-password-confirm {
  padding-left: 0;
}
.account-modal .form-item-pass-pass1, .account-modal .form-item-field-postcode-0-value {
  padding-top: 0;
}
.account-modal .form-item-field-current-status,
.account-modal .form-item-field-confident-medical-forms,
.account-modal .form-item-field-current-active,
.account-modal .form-item-field-confident-manage,
.account-modal .form-item-field-confident-doctor-advice,
.account-modal .form-item-field-pain-status,
.account-modal .form-type-checkbox {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.account-modal .thank_you_text {
  margin-top: 35px;
  padding-left: 20px;
  padding-right: 20px;
}
.account-modal #user-register-messages {
  width: 500px;
  padding-left: 25px;
  padding-right: 25px;
}
.account-modal #user-register-messages .messages {
  padding: 10px 20px 10px 40px;
}
.account-modal fieldset legend {
  border-bottom: 2px solid rgba(49, 106, 163, 0.2);
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
}
.account-modal .fieldset-legend {
  font-weight: 900;
}
.account-modal .fieldset-wrapper .js-form-item {
  margin-bottom: 15px;
}
.account-modal .form-type-password {
  margin-top: 0;
}
.account-modal .form-item-pass-pass2 {
  margin-bottom: 0;
}
.account-modal .form-type-password-confirm .description {
  display: none;
}
.account-modal .form-type-password-confirm div.password-confirm {
  color: #484a4c;
  font-size: 1.2rem;
}
.account-modal .form-type-password-confirm div.password-confirm .error {
  font-size: 1.2rem;
  color: red;
}
.account-modal .form-type-password-confirm div.password-confirm .ok {
  font-size: 1.2rem;
  color: green;
}
.account-modal .description {
  color: #484a4c !important;
  padding-top: 30px;
}
.account-modal .ui-dialog-title {
  color: #fff;
  font-size: 25px;
  text-align: left;
  font-weight: 700;
  margin: 0.9em 0;
}

.step-label {
  padding: 0px !important;
  text-align: center;
  color: #ffffff;
  font-weight: 900;
  background: rgba(49, 106, 163, 0.2);
  border-radius: 100%;
  height: 26px;
  width: 28px;
  margin-left: 10px;
  font-size: 1.4rem;
  position: relative;
}
.step-label.active {
  /* create circle border around the text */
  color: #ffffff;
  font-weight: 900;
  background: #316ba3;
  border-radius: 100%;
}

.step-label:after {
  content: " ";
  display: block;
  position: absolute;
  height: 1px;
  background: #d0dbe7;
  width: 10px;
  left: 100%;
  top: calc(54% - 2px);
}

.multi-steps-label div:nth-of-type(1) {
  background: none;
  color: #000000;
  margin-left: 0;
}
.multi-steps-label div:nth-of-type(2) {
  margin-left: 20px;
}
.multi-steps-label div:nth-of-type(1):after {
  content: " ";
  display: none;
}
.multi-steps-label div:nth-of-type(8):after {
  content: " ";
  display: none;
}

.account-modal fieldset {
  padding-right: 30px;
}

.user-form:not(#user-register-form) {
  border: none;
  background: none;
  padding: 0px;
  margin: 0px auto;
}
.user-form:not(#user-register-form) .js-form-wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-form:not(#user-register-form) .js-form-wrapper > div input {
  width: 50%;
}
.user-form:not(#user-register-form) .js-form-wrapper > div input[type=radio] {
  width: inherit;
}
.user-form:not(#user-register-form) label {
  color: #000;
  padding-bottom: 5px;
  font-weight: 900;
}

.form-required {
  font-size: 0.9em;
}
.form-required:before {
  margin-right: 20px !important;
}
.form-required a {
  margin-left: 5px;
  margin-right: 5px;
}

.field-group-form-step .form-item-field-gender,
.field-group-form-step .form-item-field-first-name-0-value,
.field-group-form-step .form-item-mail,
.field-group-form-step .confirm-parent,
.field-group-form-step .form-item-field-phone-number-0-value {
  background: #f7f7f7;
}
.field-group-form-step .form-item-field-gender input,
.field-group-form-step .form-item-field-first-name-0-value input,
.field-group-form-step .form-item-mail input,
.field-group-form-step .confirm-parent input,
.field-group-form-step .form-item-field-phone-number-0-value input {
  background-color: #ffffff;
}

.form-item-steps-label {
  background: #f7f7f7;
}

.form-submit {
  color: white;
  text-align: center;
  max-width: 250px;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
.form-submit:hover {
  background-color: #3573af;
}

.ui-widget-header {
  background: #316ba3;
  border: none;
  border-bottom: 1px solid #f7f7f7;
  text-align: center;
  color: #ffffff;
  padding: 20px 0;
  font-size: 30px;
  font-weight: 700;
}
.ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  border: none;
  top: 15px;
  right: 10px;
  height: 28px;
  width: 28px;
}
.ui-widget-header .ui-dialog-titlebar-close:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f057";
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  font-size: 25px;
  margin-top: -3px;
}

.fieldset-legend {
  color: #316ba3;
}

.description {
  color: #484a4c !important;
  font-style: inherit !important;
}

/*Toggle Video Modal
----------------------------------------*/
.video-modal,
.video-modal .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
}

.video-modal {
  overflow: hidden;
  position: fixed;
  opacity: 0;
  -webkit-transform: translate(500%, 0%);
  -ms-transform: translate(500%, 0%);
      transform: translate(500%, 0%);
  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: -webkit-transform 0s linear 0s;
  -o-transition: transform 0s linear 0s;
  transition: transform 0s linear 0s;
  transition: transform 0s linear 0s, -webkit-transform 0s linear 0s;
  /* using flexbox for vertical centering */
  /* Flexbox display */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Vertical alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.video-modal .overlay {
  z-index: 0;
  background: rgba(13, 1, 61, 0.82); /* overlay color */
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0.05s;
  -o-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}

.video-modal-content {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  margin: 0 auto;
  overflow-y: visible;
  background: #000;
  width: calc(100% - 12em);
  height: 0;
  padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
@media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}
/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
  .video-modal-content {
    width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
  }
}
/* modal close button */
.close-video-modal {
  display: block;
  position: absolute;
  left: 0;
  top: -40px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #000;
  -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}

/* show the modal:
   add class to the body to reveal */
.show-video-modal .video-modal {
  opacity: 1;
  -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
}

.show-video-modal .video-modal .overlay {
  opacity: 1;
}

.show-video-modal .video-modal-content {
  -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
}

.ui-dialog {
  width: 100% !important;
  max-width: 600px;
  left: 20%;
  margin-left: auto;
  margin-right: auto;
  z-index: 999 !important;
  border: 0 !important;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  padding: 15px;
}
@media (max-width: 766px) {
  .ui-dialog {
    width: 98% !important;
    left: 1% !important;
    max-width: unset;
  }
}
.ui-dialog .ui-widget-content {
  border: 0;
}
.ui-dialog .external-link-popup-body p {
  padding-top: 30px;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  clear: both;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  color: #fff;
  font-family: Montserrat, sans-serif;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
  background-color: #3573af;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
  background: rgba(49, 106, 163, 0.2);
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  color: #316ba3;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover {
  background-color: rgba(53, 114, 175, 0.2);
}

.modal-content {
  padding: 15px;
  border-radius: 15px;
}
.modal-content .modal-header {
  padding-top: 0;
}
.modal-content .modal-header .close {
  margin: -1rem -15px -1rem auto;
}
.modal-content .modal-header .close span {
  font-size: 30px;
}
.modal-content .modal-footer {
  border-top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form-checkbox {
  position: absolute;
  opacity: 0;
}
.form-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-block;
}
.form-checkbox + label:before {
  content: "";
  margin: 5px 30px 30px 0;
  display: inline-block;
  vertical-align: bottom;
  width: 25px;
  height: 25px;
  background: white;
  border: 1px solid #484a4c;
  border-radius: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  float: left;
}
.form-checkbox:hover + label:before {
  background: #316ba3;
}
.form-checkbox:checked + label:before {
  background: #316ba3;
}
.form-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.form-checkbox:disabled + label:before {
  background: #ddd;
}
.form-checkbox:checked + label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f00c";
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
}

.form-radio {
  position: absolute;
  opacity: 0;
}
.form-radio + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-radio + label:before {
  content: "";
  margin-right: 30px;
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #484a4c;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0;
}
.form-radio:hover + label:before {
  background: #316ba3;
}
.form-radio:checked + label:before {
  background: #316ba3;
}
.form-radio:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.form-radio:disabled + label:before {
  background: #ddd;
}
.form-radio:checked + label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f111";
  position: absolute;
  left: 6.5px;
  top: 1px;
  font-size: 7px;
  color: #fff;
}

input[type=radio] {
  cursor: pointer;
}

.form-radios .section-step-10-title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin: 10px 0px;
}
.form-radios .js-form-item-field-medications-taking label {
  margin-left: 20px;
}

#score-range {
  width: 100%;
  -webkit-appearance: none;
  background: transparent;
  border: none;
}
#score-range::-webkit-slider-thumb {
  -webkit-appearance: none;
}
#score-range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#score-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 6px solid #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #1a9f7f;
  margin-top: -12px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
}
#score-range::-moz-range-thumb {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
  border: 6px solid #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #1a9f7f;
  cursor: pointer;
}
#score-range::-ms-thumb {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
  border: 6px solid #fff;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: -2px;
  background: #1a9f7f;
  cursor: pointer;
}
#score-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
}
#score-range::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
}
#score-range::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
#score-range::-ms-fill-lower {
  background: transparent;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
}
#score-range:focus::-ms-fill-lower {
  background: transparent;
}
#score-range::-ms-fill-upper {
  background: transparent;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
}
#score-range:focus::-ms-fill-upper {
  background: transparent;
}

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 1px solid #e8e8e8;
  overflow-y: visible;
  color: #000;
  width: 50%;
  font-family: "Montserrat", sans-serif !important;
  height: 38px;
  background-image: url(../images/arrow_select.png);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #fff;
}
select:hover {
  cursor: pointer;
}
select:focus, select:-webkit-focus-ring-color {
  outline: 0 !important;
  border: 0 !important;
  border: 1px solid #e8e8e8 !important;
}
select option {
  color: #000;
}
select option:hover {
  background: #f7f7f7;
}
select option:nth-of-type(1) {
  display: none;
}

select.form-select#edit-state {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* remove default arrow */
  background: #fff url("../images/header/icon_arrowdown.png") no-repeat 96% 50%; /* add custom arrow */
  background-size: 16px;
  border-radius: 5px;
  border: 0;
  height: 40px;
  padding: 5px 30px 5px 15px;
  width: 290px;
  margin: 0;
  max-width: 100%;
}
select.form-select#edit-state:hover {
  cursor: pointer;
}
select.form-select#edit-state option:nth-of-type(1) {
  display: inline;
}

.form-text, .form-textarea, .form-email, .form-number {
  border-radius: 5px;
  padding: 8px 10px;
}

.form-item-name#edit-name, .form-item-mail#edit-mail {
  font-weight: 600;
}
.form-item-name#edit-name label, .form-item-mail#edit-mail label {
  font-weight: normal;
}
.form-item-name#edit-name label:after, .form-item-mail#edit-mail label:after {
  content: ":";
}

.password-confirm .error {
  color: #FF0000;
}
.password-confirm .ok {
  color: #00ce61;
}

.form-wrapper {
  overflow: hidden;
}

label {
  margin-right: 10px;
  font-size: 0.9em;
}

.form-select {
  font-size: 0.9em;
  margin-top: 0.25rem;
}

.form-checkbox + label.option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 2px;
}
.form-checkbox + label.option:before {
  margin: 0px 30px 0px 0;
}
.form-checkbox + label.option:after {
  top: 2px;
}

.container {
  max-width: 1140px;
}

.tiles__two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tiles__two-columns header {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}
.tiles__two-columns .views-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin: 15px 0;
  border-radius: 5px;
  padding: 0 12px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
  background: #fff;
}
.tiles__two-columns .views-row a {
  color: #1a9f7f;
}
.tiles__two-columns .views-row a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  color: #1a9f7f;
  padding-left: 10px;
  position: relative;
  opacity: 0;
  right: 0px;
}
.tiles__two-columns .views-row a:hover {
  color: #1fbe98;
}
.tiles__two-columns .views-row a:hover:after {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: -4px;
  opacity: 1;
}
.tiles__two-columns .views-row p {
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 1.4;
}

.row-tiles .group-wrapper {
  display: grid;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.row-tiles .group-wrapper header {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}
.row-tiles .group-wrapper .views-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31.5%;
          flex: 0 0 31.5%;
  margin: 20px 0 60px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid rgba(49, 106, 163, 0.2);
}
@media (max-width: 1200px) {
  .row-tiles .group-wrapper .views-row {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}
@media (max-width: 992px) {
  .row-tiles .group-wrapper .views-row {
    margin: 20px 0 40px;
  }
}
@media (max-width: 766px) {
  .row-tiles .group-wrapper .views-row {
    margin: 20px 0 20px;
  }
}
.row-tiles .group-wrapper .views-row .node {
  height: 100%;
}
.row-tiles .group-wrapper .views-row .bs-region--main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 50px;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 15px;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(1) h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(1) a {
  color: #316ba3;
  font-weight: bold;
  font-size: 1.7rem;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field--name-field-log-line p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.6rem;
}
.row-tiles .group-wrapper .views-row .bs-region--main .flag {
  position: absolute;
  top: -10px;
  right: -10px;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(3) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(3) a {
  display: block;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(3) img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(4) {
  padding: 0 15px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-bottom: 15px;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(5) {
  padding: 0 15px 20px;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  position: absolute;
  bottom: 0;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(5) a {
  font-weight: bold;
  border: 1px solid #316ba3;
  background: #fff;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  font-size: 10px;
  color: #316ba3;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(5) a:hover {
  background-color: white;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(5) a:hover {
  border: 2px solid #316ba3;
  background: #fff;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
.row-tiles .group-wrapper .views-row .bs-region--main .field:nth-child(5) a:hover:hover {
  background-color: white;
}
.row-tiles .group-wrapper .views-row p {
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 1.4;
}

.flag {
  height: 30px;
  width: 30px;
  background-image: url(../images/header/icon_favourites.png);
  background-color: #1a9f7f;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 100;
}
.flag a {
  color: transparent;
}
.flag.action-flag {
  -webkit-filter: grayscale(100%);
  filter: gray;
}
.flag .ajax-progress {
  position: absolute;
  top: 3px;
  left: 2px;
}
.flag .js-flag-message {
  position: absolute;
  top: 40px;
  left: -20px;
  padding: 5px;
  background: #f7f7f7;
  border-radius: 5px;
}

.ui-dialog-titlebar span.ui-dialog-title {
  color: white !important;
}

@media (max-width: 766px) {
  .js-flag-message {
    left: -60px !important;
  }
}
#toolbar-bar {
  z-index: 99999999;
}

#block-mainnavigationyesloggedin {
  z-index: 999999;
}
#block-mainnavigationyesloggedin .menu-item.nav-item:hover {
  background: rgba(0, 0, 0, 0.2);
}

#block-myra-local-tasks a.is-active {
  background-color: #316ba3;
}

#block-myra-footer ul {
  padding-left: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
#block-myra-footer ul li:first-of-type {
  padding-left: 0;
}

.menu-base-theme .icon-my-journey:before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  background-image: url(../images/header/icon_journey.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
}
@media (max-width: 768px) {
  .menu-base-theme .icon-my-journey:before {
    display: none;
  }
}

.multi-steps-label .step-label {
  line-height: 1.2em;
  margin-top: 0.2em;
}
.multi-steps-label .step-label a.grey-link {
  color: #b5b5b5;
  line-height: 1.2em;
  margin-top: 0.2em;
  display: inline-block;
}

.multi-steps-label .step-label.active a.grey-link {
  color: #1a9f7f;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .dropdown-menu li {
    position: relative;
  }
  .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    background: #316ba3;
    margin-left: 1px;
  }
  .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }
  .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  }
  .dropdown-menu > li:hover > .submenu {
    display: block;
  }
}
/* ============ desktop view .end// ============ */
/* ============ small devices ============ */
@media (max-width: 991px) {
  ul.submenu.dropdown-menu {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }
}
/* ============ small devices .end// ============ */
.bottom-widget {
  padding-top: 90px;
  padding-bottom: 66px;
  border-bottom: 1px solid #fff;
}

.more-image-text {
  text-align: center;
  padding: 0 10% 0px 10%;
}

ul.more-images {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
ul.more-images .more-image {
  list-style: none;
  display: inline-block;
  padding: 25px 2%;
}
ul.more-images .more-image a {
  display: block;
}
ul.more-images .more-image img {
  height: 150px;
  width: auto;
  min-width: 40px;
}
ul.more-images .more-image.novartis img {
  height: 40px;
  min-width: 244.39px;
  width: auto;
  top: -2px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 992px) {
  ul.more-images .more-image {
    padding: 25px 4%;
  }
  ul.more-images .more-image img {
    height: 50px;
    width: auto;
    min-width: 50px;
  }
  ul.more-images .more-image.novartis img {
    height: 35px;
  }
}

@media (max-width: 576px) {
  ul.more-images .more-image {
    padding: 18px 4%;
  }
  ul.more-images .more-image img {
    height: 35px;
    width: auto;
    min-width: 40px;
  }
  ul.more-images .more-image.novartis img {
    height: 30px;
    min-width: 183.28px;
    width: auto;
  }
  .more-image-text {
    padding: 0;
  }
}
#views-exposed-form-search-page-1 {
  position: relative;
  width: 100%;
  max-width: 1000px;
  display: block;
  margin: 40px 0;
}
#views-exposed-form-search-page-1 label {
  position: absolute;
  opacity: 0;
}
#views-exposed-form-search-page-1 .form-wrapper {
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
#views-exposed-form-search-page-1 .form-wrapper input.button {
  display: block;
  padding: 15px;
  width: 65px;
  height: 100%;
  text-indent: -9999px;
  background: transparent;
}

input#edit-search-api-fulltext {
  width: 100%;
  max-width: 1000px;
  padding: 1.5em 1em;
  border-radius: 5px;
}

/*
 * SEARCH AUTOCOMPLETE
 *
 * Basic myra theme style path:
 * /modules/contrib/search_autocomplete/css/themes/myra.css
 */
@-webkit-keyframes loading {
  0% {
    background-image: url(../images/search.svg);
  }
  100% {
    background-image: url(../images/loader.svg);
  }
}
@keyframes loading {
  0% {
    background-image: url(../images/search.svg);
  }
  100% {
    background-image: url(../images/loader.svg);
  }
}
/* Input box */
.js input.form-autocomplete {
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 1em) center;
  background-size: auto 40%;
}
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url(../images/search.svg);
  background-position: calc(100% - 1em) center;
  -webkit-animation-name: loading;
  -webkit-animation-delay: 1.2s;
  -webkit-animation-duration: 0.1s;
  animation-name: loading;
  animation-delay: 1.2s;
  animation-duration: 0.1s;
}

.ui-autocomplete a, .ui-autocomplete a.ui-menu-item-wrapper, .ui-autocomplete a.ui-menu-item-wrapper:hover {
  background-color: transparent !important;
  border: none !important;
}

/*
 * SEARCH AUTOCOMPLETE
 * Basic myra theme.
 */
/**
 * THEME MYRA
 */
/* Input box */
.js input.form-autocomplete {
  width: 100%;
  max-width: 1000px;
  padding: 1.5em 1em;
  border: 2px solid rgba(49, 106, 163, 0.2);
  border-radius: 5px;
}

.js input.form-autocomplete:focus {
  border-color: #316ba3;
}

.js input.form-autocomplete:hover a, .js input.form-autocomplete:hover a.ui-menu-item-wrapper, .js input.form-autocomplete:hover a.ui-menu-item-wrapper:hover {
  background-color: transparent !important;
  border: none !important;
}

/* Suggestion menu style */
ul[data-sa-theme=basic-blue] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
          box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
  background: white;
  border-bottom: 1px solid rgba(49, 106, 163, 0.2);
  text-align: left;
  font-family: "Poppins", sans-serif;
  width: 80%;
  max-width: 1000px;
}

/* Suggestion menu elements */
ul[data-sa-theme=basic-blue] > *,
ul[data-sa-theme=basic-blue] > *.ui-state-focus,
ul[data-sa-theme=basic-blue] > *:hover {
  border-color: rgba(49, 106, 163, 0.2);
  border-width: 1px 0px 0 0px;
  border-style: solid;
  margin: 0px;
  padding: 5px 7px;
}

/* Suggestion group header */
ul[data-sa-theme=basic-blue] > div.ui-autocomplete-field-group {
  opacity: 1;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  background-color: #CCCCCC;
  padding: 1px 5px;
  margin: 0px;
}

/* Suggestion menu items */
ul[data-sa-theme=basic-blue] > li.ui-menu-item {
  background: white;
  padding: 0 1em;
}

/* Suggestion menu items hovering */
ul[data-sa-theme=basic-blue] > li.ui-menu-item.ui-state-focus,
ul[data-sa-theme=basic-blue] > li.ui-menu-item:hover {
  background: #f7f7f7;
  border-top-color: rgba(49, 106, 163, 0.2);
}

/* Searched term whithin a suggestion item */
ul[data-sa-theme=basic-blue] .ui-autocomplete-field-term {
  font-weight: bold;
  color: #1a9f7f;
  font-size: inherit;
}

/* Suggestion item fields */
ul[data-sa-theme=basic-blue] .ui-autocomplete-fields > * {
  font-size: 0.85em;
  line-height: 1.3em;
  color: #484a4c;
}

ul[data-sa-theme=basic-blue] .ui-autocomplete-fields > *:first-child {
  font-weight: 600;
  color: #316ba3;
  font-size: 2.4rem;
}

/* Suggestion focused fields */
ul[data-sa-theme=basic-blue] > li.ui-menu-item.ui-state-focus .ui-autocomplete-fields > *,
ul[data-sa-theme=basic-blue] > li.ui-menu-item:hover .ui-autocomplete-fields > * {
  color: #484a4c;
}

ul[data-sa-theme=basic-blue] > li.ui-menu-item.ui-state-focus .ui-autocomplete-fields > *:first-child,
ul[data-sa-theme=basic-blue] > li.ui-menu-item:hover .ui-autocomplete-fields > *:first-child {
  color: #316ba3;
}

/* Suggestion "no result" and "more resul" customizations */
ul[data-sa-theme=basic-blue] > div.ui-autocomplete-field-group.no_results + li.ui-menu-item,
ul[data-sa-theme=basic-blue] > div.ui-autocomplete-field-group.more_results + li.ui-menu-item {
  padding: 0px;
}

ul[data-sa-theme=basic-blue] > div.ui-autocomplete-field-group.no_results + li.ui-menu-item .ui-autocomplete-fields > *:first-child,
ul[data-sa-theme=basic-blue] > div.ui-autocomplete-field-group.more_results + li.ui-menu-item .ui-autocomplete-fields > *:first-child {
  font-weight: normal;
  text-align: center;
  font-style: italic;
  color: #484a4c;
  font-size: 0.85em;
  text-align: left;
  padding-left: 2em;
}

nav.pager ul.js-pager__items {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  padding-top: 45px;
  width: 100%;
}
nav.pager ul.js-pager__items li.pager__item {
  list-style: none;
  display: inline-block;
  padding: 0 15px;
}
nav.pager ul.js-pager__items li.pager__item.is-active a, nav.pager ul.js-pager__items li.pager__item.is-active a:active, nav.pager ul.js-pager__items li.pager__item.is-active a:focus {
  color: #316ba3;
  cursor: default;
}
nav.pager ul.js-pager__items li.pager__item a {
  display: block;
  color: #b7d0e9;
}
nav.pager ul.js-pager__items li.pager__item a:hover {
  cursor: pointer;
  color: #316ba3;
}
nav.pager ul.js-pager__items li.pager__item--last, nav.pager ul.js-pager__items li.pager__item--first {
  display: none;
}
nav.pager ul.js-pager__items li.pager__item--previous, nav.pager ul.js-pager__items li.pager__item--next {
  position: relative;
  top: 2px;
}
nav.pager ul.js-pager__items li.pager__item--previous a, nav.pager ul.js-pager__items li.pager__item--next a {
  display: block;
  width: 16px;
  height: 16px;
}
nav.pager ul.js-pager__items li.pager__item--previous a span, nav.pager ul.js-pager__items li.pager__item--next a span {
  display: none;
}
nav.pager ul.js-pager__items li.pager__item--previous {
  text-align: left;
  margin-right: 10px;
}
nav.pager ul.js-pager__items li.pager__item--previous a {
  left: 0;
}
nav.pager ul.js-pager__items li.pager__item--previous a:before {
  content: "";
  background: transparent url("../images/arrow-small-back.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}
nav.pager ul.js-pager__items li.pager__item--next {
  text-align: right;
  margin-left: 10px;
}
nav.pager ul.js-pager__items li.pager__item--next a {
  right: 0;
}
nav.pager ul.js-pager__items li.pager__item--next a:before {
  content: "";
  background: transparent url("../images/arrow-small-next.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
}

.ajax-throbber.sk-three-bounce .sk-child, .ajax-throbber.sk-wave .sk-rect, .ajax-throbber.sk-circle .sk-child:before {
  background-color: #316ba3 !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 600;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

#block-myramainpopupusermissingfieldsblock {
  display: none !important;
}

#block-myramainpopupusermissingfieldsblock2 {
  display: none !important;
}

#spb-block-myramainpopupusermissingfieldsblock2.simple-popup-blocks-global #block-myramainpopupusermissingfieldsblock2 {
  display: block !important;
}

#block-myramainpopupusermissingfieldsblock3 {
  display: none !important;
}

#spb-block-myramainpopupusermissingfieldsblock3.simple-popup-blocks-global #block-myramainpopupusermissingfieldsblock3 {
  display: block !important;
}

#block-myramainpopupuserrapid3fieldsblock {
  display: none !important;
}

#spb-block-myramainpopupuserrapid3fieldsblock.simple-popup-blocks-global #block-myramainpopupuserrapid3fieldsblock {
  display: block !important;
}

#block-myramainpopupuserrapid3fieldsblock2 {
  display: none !important;
}

#spb-block-myramainpopupuserrapid3fieldsblock2.simple-popup-blocks-global #block-myramainpopupuserrapid3fieldsblock2 {
  display: block !important;
}

#block-myramainpopupuserrapid3fieldsblock3 {
  display: none !important;
}

#spb-block-myramainpopupuserrapid3fieldsblock3.simple-popup-blocks-global #block-myramainpopupuserrapid3fieldsblock3 {
  display: block !important;
}

.spb-popup-main-wrapper {
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.23);
  width: 400px !important;
  margin-left: -200px;
  border-radius: 15px;
  padding: 45px 25px 30px;
  text-align: center;
  max-width: 100%;
}
@media (max-width: 400px) {
  .spb-popup-main-wrapper {
    margin-left: -50%;
  }
}
.spb-popup-main-wrapper p {
  text-align: left;
}
.spb-popup-main-wrapper a {
  margin-top: 20px;
  display: inline-block;
  float: right;
  background: #316ba3;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  color: #fff;
}
.spb-popup-main-wrapper a:hover {
  background-color: #3573af;
}
.spb-popup-main-wrapper .spb-controls {
  top: 5px;
}
.spb-popup-main-wrapper .spb_close {
  position: absolute;
  right: 0;
  border: 0;
  background: transparent;
  color: #484a4c;
  width: 35px;
  font-size: 40px;
  text-align: center;
}

.user-logged-in .user-form {
  max-width: 80%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.user-logged-in .user-form .form-item-steps-label {
  background-color: white;
  max-width: 25%;
  float: left;
  margin-right: 100px;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label {
  width: 245px;
  height: 100%;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div:nth-of-type(2) {
  margin-left: 0px;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div:before[value="Hide About Your Arthristis 3"] {
  background: #ffff00;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div:nth-of-type(27) {
  border-left: none !important;
  left: 2px;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active {
  color: #1a9f7f;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active:before {
  background-image: url("../images/profile/Icon_active_tick.png");
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active:last-of-type {
  border-left-color: transparent;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active ~ * {
  color: #b5b5b5;
  border-left: 3px solid #d7d7d7;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active ~ *:before {
  background-image: url("../images/profile/Icon_grey_circle.png");
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active ~ *:nth-of-type(11) {
  border-left-color: transparent;
}
.user-logged-in .user-form .form-item-steps-label .multi-steps-label div.active ~ *:last-of-type {
  border-left-color: transparent;
}
.user-logged-in .user-form .form-item-steps-label .step-label {
  display: block;
  color: #1a9f7f;
  background: none;
  width: 100%;
  height: 50px;
  padding: 0 0 0 45px !important;
  text-align: left;
  margin-left: 0;
  border-left: 3px solid #1a9f7f;
  border-radius: 0;
  font-weight: 400;
}
.user-logged-in .user-form .form-item-steps-label .step-label:nth-of-type(11) {
  border-left-color: transparent;
}
.user-logged-in .user-form .form-item-steps-label .step-label:before {
  content: "";
  background-image: url("../images/profile/Icon_tick.png");
  background-size: 100% 100%;
  display: inline-block;
  /*size of your image*/
  height: 50%;
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  /*if you want to change the position you can use margins or:*/
  position: absolute;
  left: -14px;
}
.user-logged-in .user-form .form-item-steps-label .step-label:after {
  content: none;
}
.user-logged-in .user-form .field-group-form-step {
  max-width: 90%;
  height: 100%;
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 992px) {
  .user-logged-in .user-form .form-item-steps-label {
    max-width: none;
    width: 100%;
    margin-left: 15vw;
    margin-right: 15vw;
  }
  .user-logged-in .user-form .field-group-form-step {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .user-logged-in .user-form #edit-back-button, .user-logged-in .user-form #edit-next {
    padding: 15px 30px !important;
  }
}
.user-logged-in .user-form #medicine-list:empty {
  display: none;
}
.user-logged-in .user-form ::-webkit-scrollbar {
  width: 10px;
}
.user-logged-in .user-form ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #d3d3d3;
          box-shadow: inset 0 0 5px #d3d3d3;
  border-radius: 10px;
  background-color: #d8e1ec;
}
.user-logged-in .user-form ::-webkit-scrollbar-thumb {
  background: #316ba3;
  border-radius: 10px;
}
.user-logged-in .user-form #edit-back-button {
  float: left;
  background-color: #d3d3d3;
  padding: 15px 45px;
  margin-left: 2%;
}
.user-logged-in .user-form #edit-back-button:hover {
  background-color: #316ba3;
}
.user-logged-in .user-form #edit-next {
  float: right;
  padding: 15px 45px;
}
.user-logged-in .user-form .form-wrapper #edit-actions {
  padding-top: 30px;
}
.user-logged-in .user-form .splash-link-to-user {
  float: right;
  margin-right: 36%;
  color: gray;
}
.user-logged-in .user-form .splash-page-button {
  float: right;
  margin-right: 30%;
}
.user-logged-in .user-form input[value="Hide Next"] {
  display: none;
}
.user-logged-in .user-form input[value=Finish] {
  float: none;
  margin: auto;
  left: 0;
  right: 0;
  display: grid;
}
.user-logged-in .user-form #time_to_add_medicine_title, .user-logged-in .user-form #thank_you_title, .user-logged-in .user-form #welcome_to_myra_title {
  color: #316ba3;
}
.user-logged-in .user-form .step-thank-you {
  background-color: #f7f7f7;
}
.user-logged-in .user-form .step-thank-you + div {
  display: none;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar ul.menu {
  padding: 0;
  min-width: 100%;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li {
  padding: 0;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li:hover > .dropdown-menu {
  display: block;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li ul.submenu {
  top: 0;
  padding: 0;
  border-radius: 0;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li .nav-link {
  white-space: nowrap;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li .nav-link:not(.icon-textsize) {
  padding: 10px 20px;
}
.user-logged-in #block-mainnavigationyesloggedin .navbar li .nav-link.icon-textsize {
  margin: 10px 20px;
}
.user-logged-in #block-myra-secondarymenu .menu {
  padding-top: 2rem;
}
@media only screen and (min-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-1 .icon-user:after {
    background-image: url("../images/profile/1.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 20%;
  }
}
@media only screen and (max-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-1:after {
    background-image: url("../images/profile/1.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    -webkit-transform: translate(-75px, 10px);
        -ms-transform: translate(-75px, 10px);
            transform: translate(-75px, 10px);
  }
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-1 .icon-user {
    margin-right: -15px;
  }
}
@media only screen and (min-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-2 .icon-user:after {
    background-image: url("../images/profile/2.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 20%;
  }
}
@media only screen and (max-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-2:after {
    background-image: url("../images/profile/2.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    -webkit-transform: translate(-75px, 10px);
        -ms-transform: translate(-75px, 10px);
            transform: translate(-75px, 10px);
  }
}
@media only screen and (min-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-3 .icon-user:after {
    background-image: url("../images/profile/3.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 20%;
  }
}
@media only screen and (max-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-3:after {
    background-image: url("../images/profile/3.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    -webkit-transform: translate(-75px, 10px);
        -ms-transform: translate(-75px, 10px);
            transform: translate(-75px, 10px);
  }
}
@media only screen and (min-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-4 .icon-user:after {
    background-image: url("../images/profile/4.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 20%;
  }
}
@media only screen and (max-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-4:after {
    background-image: url("../images/profile/4.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    -webkit-transform: translate(-75px, 10px);
        -ms-transform: translate(-75px, 10px);
            transform: translate(-75px, 10px);
  }
}
@media only screen and (min-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-5 .icon-user:after {
    background-image: url("../images/profile/5.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 20%;
  }
}
@media only screen and (max-width: 760px) {
  .user-logged-in .header .container .row .main-menu .region .notifications.notifications-5:after {
    background-image: url("../images/profile/5.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    -webkit-transform: translate(-75px, 10px);
        -ms-transform: translate(-75px, 10px);
            transform: translate(-75px, 10px);
  }
}

.myra-user-non-diagnosed .user-form .form-item-steps-label .multi-steps-label div:nth-of-type(4),
.myra-user-non-diagnosed .user-form .form-item-steps-label .multi-steps-label div:nth-of-type(5) {
  display: none;
}
.myra-user-non-diagnosed .top-level-progress-bar {
  display: none;
}
.myra-user-non-diagnosed #block-updatemypsaid {
  display: none;
}
.myra-user-non-diagnosed ul.tabs li a.mypsa-history-rapid3 {
  display: none;
}

fieldset#edit-field-subscribe-email-0 {
  padding: 0;
  margin-bottom: 0;
}

fieldset#edit-field-subscribe-email-0 legend {
  display: none;
}

.safari .progress-circle .transparent-overlay {
  display: none;
}

.user-logged-in .block-system-main-block {
  /* Text inside the control */
  /* when p>50, don't clip left half*/
  /* Progress bar filling the whole right half for values above 50% */
  /* Progress bar rotation position */
}
.user-logged-in .block-system-main-block .update-profile-message {
  color: white;
  border: 1px solid white;
  text-align: center;
  margin-top: 3rem;
  font-weight: 700;
  font-style: italic;
  width: 70%;
  padding: 10px 20px;
  display: inline-block;
  margin: 4px 2px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.user-logged-in .block-system-main-block .progress-circle {
  margin: 20px;
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in .block-system-main-block .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}
.user-logged-in .block-system-main-block .progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2;
}
.user-logged-in .block-system-main-block .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
.user-logged-in .block-system-main-block .progress-circle .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.user-logged-in .block-system-main-block .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in .block-system-main-block .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.user-logged-in .block-system-main-block .progress-circle.p0 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p1 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p2 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p3 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p4 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p5 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p6 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p7 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p8 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p9 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p10 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p11 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p12 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p13 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p14 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p15 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p16 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p17 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p18 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p19 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p20 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p21 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p22 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p23 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p24 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p25 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p26 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p27 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p28 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p29 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p30 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p31 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p32 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p33 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p34 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p35 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p36 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p37 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p38 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p39 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p40 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p41 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p42 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p43 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p44 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p45 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p46 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p47 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p48 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p49 .first50-bar,
.user-logged-in .block-system-main-block .progress-circle.p50 .first50-bar {
  display: none;
}
.user-logged-in .block-system-main-block .progress-circle.p0 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p1 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p2 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p3 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p4 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p5 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p6 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p7 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p8 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p9 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p10 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p11 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p12 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p13 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p14 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p15 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p16 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p17 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p18 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p19 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p20 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p21 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p22 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p23 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p24 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p25 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p26 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p27 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p28 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p29 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p30 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p31 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p32 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p33 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p34 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p35 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p36 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p37 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p38 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p39 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p40 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p41 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p42 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p43 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p44 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p45 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p46 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p47 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p48 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p49 .left-half-clipper,
.user-logged-in .block-system-main-block .progress-circle.p50 .left-half-clipper {
  clip: rect(0, 5em, 5em, 2em);
}
.user-logged-in .block-system-main-block .progress-circle.p0 .value-bar {
  display: none;
}
.user-logged-in .block-system-main-block .progress-circle.p1 .value-bar {
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
          transform: rotate(4deg);
}
.user-logged-in .block-system-main-block .progress-circle.p2 .value-bar {
  -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
          transform: rotate(7deg);
}
.user-logged-in .block-system-main-block .progress-circle.p3 .value-bar {
  -webkit-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
          transform: rotate(11deg);
}
.user-logged-in .block-system-main-block .progress-circle.p4 .value-bar {
  -webkit-transform: rotate(14deg);
      -ms-transform: rotate(14deg);
          transform: rotate(14deg);
}
.user-logged-in .block-system-main-block .progress-circle.p5 .value-bar {
  -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
          transform: rotate(18deg);
}
.user-logged-in .block-system-main-block .progress-circle.p6 .value-bar {
  -webkit-transform: rotate(22deg);
      -ms-transform: rotate(22deg);
          transform: rotate(22deg);
}
.user-logged-in .block-system-main-block .progress-circle.p7 .value-bar {
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
}
.user-logged-in .block-system-main-block .progress-circle.p8 .value-bar {
  -webkit-transform: rotate(29deg);
      -ms-transform: rotate(29deg);
          transform: rotate(29deg);
}
.user-logged-in .block-system-main-block .progress-circle.p9 .value-bar {
  -webkit-transform: rotate(32deg);
      -ms-transform: rotate(32deg);
          transform: rotate(32deg);
}
.user-logged-in .block-system-main-block .progress-circle.p10 .value-bar {
  -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
          transform: rotate(36deg);
}
.user-logged-in .block-system-main-block .progress-circle.p11 .value-bar {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.user-logged-in .block-system-main-block .progress-circle.p12 .value-bar {
  -webkit-transform: rotate(43deg);
      -ms-transform: rotate(43deg);
          transform: rotate(43deg);
}
.user-logged-in .block-system-main-block .progress-circle.p13 .value-bar {
  -webkit-transform: rotate(47deg);
      -ms-transform: rotate(47deg);
          transform: rotate(47deg);
}
.user-logged-in .block-system-main-block .progress-circle.p14 .value-bar {
  -webkit-transform: rotate(50deg);
      -ms-transform: rotate(50deg);
          transform: rotate(50deg);
}
.user-logged-in .block-system-main-block .progress-circle.p15 .value-bar {
  -webkit-transform: rotate(54deg);
      -ms-transform: rotate(54deg);
          transform: rotate(54deg);
}
.user-logged-in .block-system-main-block .progress-circle.p16 .value-bar {
  -webkit-transform: rotate(58deg);
      -ms-transform: rotate(58deg);
          transform: rotate(58deg);
}
.user-logged-in .block-system-main-block .progress-circle.p17 .value-bar {
  -webkit-transform: rotate(61deg);
      -ms-transform: rotate(61deg);
          transform: rotate(61deg);
}
.user-logged-in .block-system-main-block .progress-circle.p18 .value-bar {
  -webkit-transform: rotate(65deg);
      -ms-transform: rotate(65deg);
          transform: rotate(65deg);
}
.user-logged-in .block-system-main-block .progress-circle.p19 .value-bar {
  -webkit-transform: rotate(68deg);
      -ms-transform: rotate(68deg);
          transform: rotate(68deg);
}
.user-logged-in .block-system-main-block .progress-circle.p20 .value-bar {
  -webkit-transform: rotate(72deg);
      -ms-transform: rotate(72deg);
          transform: rotate(72deg);
}
.user-logged-in .block-system-main-block .progress-circle.p21 .value-bar {
  -webkit-transform: rotate(76deg);
      -ms-transform: rotate(76deg);
          transform: rotate(76deg);
}
.user-logged-in .block-system-main-block .progress-circle.p22 .value-bar {
  -webkit-transform: rotate(79deg);
      -ms-transform: rotate(79deg);
          transform: rotate(79deg);
}
.user-logged-in .block-system-main-block .progress-circle.p23 .value-bar {
  -webkit-transform: rotate(83deg);
      -ms-transform: rotate(83deg);
          transform: rotate(83deg);
}
.user-logged-in .block-system-main-block .progress-circle.p24 .value-bar {
  -webkit-transform: rotate(86deg);
      -ms-transform: rotate(86deg);
          transform: rotate(86deg);
}
.user-logged-in .block-system-main-block .progress-circle.p25 .value-bar {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.user-logged-in .block-system-main-block .progress-circle.p26 .value-bar {
  -webkit-transform: rotate(94deg);
      -ms-transform: rotate(94deg);
          transform: rotate(94deg);
}
.user-logged-in .block-system-main-block .progress-circle.p27 .value-bar {
  -webkit-transform: rotate(97deg);
      -ms-transform: rotate(97deg);
          transform: rotate(97deg);
}
.user-logged-in .block-system-main-block .progress-circle.p28 .value-bar {
  -webkit-transform: rotate(101deg);
      -ms-transform: rotate(101deg);
          transform: rotate(101deg);
}
.user-logged-in .block-system-main-block .progress-circle.p29 .value-bar {
  -webkit-transform: rotate(104deg);
      -ms-transform: rotate(104deg);
          transform: rotate(104deg);
}
.user-logged-in .block-system-main-block .progress-circle.p30 .value-bar {
  -webkit-transform: rotate(108deg);
      -ms-transform: rotate(108deg);
          transform: rotate(108deg);
}
.user-logged-in .block-system-main-block .progress-circle.p31 .value-bar {
  -webkit-transform: rotate(112deg);
      -ms-transform: rotate(112deg);
          transform: rotate(112deg);
}
.user-logged-in .block-system-main-block .progress-circle.p32 .value-bar {
  -webkit-transform: rotate(115deg);
      -ms-transform: rotate(115deg);
          transform: rotate(115deg);
}
.user-logged-in .block-system-main-block .progress-circle.p33 .value-bar {
  -webkit-transform: rotate(119deg);
      -ms-transform: rotate(119deg);
          transform: rotate(119deg);
}
.user-logged-in .block-system-main-block .progress-circle.p34 .value-bar {
  -webkit-transform: rotate(122deg);
      -ms-transform: rotate(122deg);
          transform: rotate(122deg);
}
.user-logged-in .block-system-main-block .progress-circle.p35 .value-bar {
  -webkit-transform: rotate(126deg);
      -ms-transform: rotate(126deg);
          transform: rotate(126deg);
}
.user-logged-in .block-system-main-block .progress-circle.p36 .value-bar {
  -webkit-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
          transform: rotate(130deg);
}
.user-logged-in .block-system-main-block .progress-circle.p37 .value-bar {
  -webkit-transform: rotate(133deg);
      -ms-transform: rotate(133deg);
          transform: rotate(133deg);
}
.user-logged-in .block-system-main-block .progress-circle.p38 .value-bar {
  -webkit-transform: rotate(137deg);
      -ms-transform: rotate(137deg);
          transform: rotate(137deg);
}
.user-logged-in .block-system-main-block .progress-circle.p39 .value-bar {
  -webkit-transform: rotate(140deg);
      -ms-transform: rotate(140deg);
          transform: rotate(140deg);
}
.user-logged-in .block-system-main-block .progress-circle.p40 .value-bar {
  -webkit-transform: rotate(144deg);
      -ms-transform: rotate(144deg);
          transform: rotate(144deg);
}
.user-logged-in .block-system-main-block .progress-circle.p41 .value-bar {
  -webkit-transform: rotate(148deg);
      -ms-transform: rotate(148deg);
          transform: rotate(148deg);
}
.user-logged-in .block-system-main-block .progress-circle.p42 .value-bar {
  -webkit-transform: rotate(151deg);
      -ms-transform: rotate(151deg);
          transform: rotate(151deg);
}
.user-logged-in .block-system-main-block .progress-circle.p43 .value-bar {
  -webkit-transform: rotate(155deg);
      -ms-transform: rotate(155deg);
          transform: rotate(155deg);
}
.user-logged-in .block-system-main-block .progress-circle.p44 .value-bar {
  -webkit-transform: rotate(158deg);
      -ms-transform: rotate(158deg);
          transform: rotate(158deg);
}
.user-logged-in .block-system-main-block .progress-circle.p45 .value-bar {
  -webkit-transform: rotate(162deg);
      -ms-transform: rotate(162deg);
          transform: rotate(162deg);
}
.user-logged-in .block-system-main-block .progress-circle.p46 .value-bar {
  -webkit-transform: rotate(166deg);
      -ms-transform: rotate(166deg);
          transform: rotate(166deg);
}
.user-logged-in .block-system-main-block .progress-circle.p47 .value-bar {
  -webkit-transform: rotate(169deg);
      -ms-transform: rotate(169deg);
          transform: rotate(169deg);
}
.user-logged-in .block-system-main-block .progress-circle.p48 .value-bar {
  -webkit-transform: rotate(173deg);
      -ms-transform: rotate(173deg);
          transform: rotate(173deg);
}
.user-logged-in .block-system-main-block .progress-circle.p49 .value-bar {
  -webkit-transform: rotate(176deg);
      -ms-transform: rotate(176deg);
          transform: rotate(176deg);
}
.user-logged-in .block-system-main-block .progress-circle.p50 .value-bar {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.user-logged-in .block-system-main-block .progress-circle.p51 .value-bar {
  -webkit-transform: rotate(184deg);
      -ms-transform: rotate(184deg);
          transform: rotate(184deg);
}
.user-logged-in .block-system-main-block .progress-circle.p52 .value-bar {
  -webkit-transform: rotate(187deg);
      -ms-transform: rotate(187deg);
          transform: rotate(187deg);
}
.user-logged-in .block-system-main-block .progress-circle.p53 .value-bar {
  -webkit-transform: rotate(191deg);
      -ms-transform: rotate(191deg);
          transform: rotate(191deg);
}
.user-logged-in .block-system-main-block .progress-circle.p54 .value-bar {
  -webkit-transform: rotate(194deg);
      -ms-transform: rotate(194deg);
          transform: rotate(194deg);
}
.user-logged-in .block-system-main-block .progress-circle.p55 .value-bar {
  -webkit-transform: rotate(198deg);
      -ms-transform: rotate(198deg);
          transform: rotate(198deg);
}
.user-logged-in .block-system-main-block .progress-circle.p56 .value-bar {
  -webkit-transform: rotate(202deg);
      -ms-transform: rotate(202deg);
          transform: rotate(202deg);
}
.user-logged-in .block-system-main-block .progress-circle.p57 .value-bar {
  -webkit-transform: rotate(205deg);
      -ms-transform: rotate(205deg);
          transform: rotate(205deg);
}
.user-logged-in .block-system-main-block .progress-circle.p58 .value-bar {
  -webkit-transform: rotate(209deg);
      -ms-transform: rotate(209deg);
          transform: rotate(209deg);
}
.user-logged-in .block-system-main-block .progress-circle.p59 .value-bar {
  -webkit-transform: rotate(212deg);
      -ms-transform: rotate(212deg);
          transform: rotate(212deg);
}
.user-logged-in .block-system-main-block .progress-circle.p60 .value-bar {
  -webkit-transform: rotate(216deg);
      -ms-transform: rotate(216deg);
          transform: rotate(216deg);
}
.user-logged-in .block-system-main-block .progress-circle.p61 .value-bar {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}
.user-logged-in .block-system-main-block .progress-circle.p62 .value-bar {
  -webkit-transform: rotate(223deg);
      -ms-transform: rotate(223deg);
          transform: rotate(223deg);
}
.user-logged-in .block-system-main-block .progress-circle.p63 .value-bar {
  -webkit-transform: rotate(227deg);
      -ms-transform: rotate(227deg);
          transform: rotate(227deg);
}
.user-logged-in .block-system-main-block .progress-circle.p64 .value-bar {
  -webkit-transform: rotate(230deg);
      -ms-transform: rotate(230deg);
          transform: rotate(230deg);
}
.user-logged-in .block-system-main-block .progress-circle.p65 .value-bar {
  -webkit-transform: rotate(234deg);
      -ms-transform: rotate(234deg);
          transform: rotate(234deg);
}
.user-logged-in .block-system-main-block .progress-circle.p66 .value-bar {
  -webkit-transform: rotate(238deg);
      -ms-transform: rotate(238deg);
          transform: rotate(238deg);
}
.user-logged-in .block-system-main-block .progress-circle.p67 .value-bar {
  -webkit-transform: rotate(241deg);
      -ms-transform: rotate(241deg);
          transform: rotate(241deg);
}
.user-logged-in .block-system-main-block .progress-circle.p68 .value-bar {
  -webkit-transform: rotate(245deg);
      -ms-transform: rotate(245deg);
          transform: rotate(245deg);
}
.user-logged-in .block-system-main-block .progress-circle.p69 .value-bar {
  -webkit-transform: rotate(248deg);
      -ms-transform: rotate(248deg);
          transform: rotate(248deg);
}
.user-logged-in .block-system-main-block .progress-circle.p70 .value-bar {
  -webkit-transform: rotate(252deg);
      -ms-transform: rotate(252deg);
          transform: rotate(252deg);
}
.user-logged-in .block-system-main-block .progress-circle.p71 .value-bar {
  -webkit-transform: rotate(256deg);
      -ms-transform: rotate(256deg);
          transform: rotate(256deg);
}
.user-logged-in .block-system-main-block .progress-circle.p72 .value-bar {
  -webkit-transform: rotate(259deg);
      -ms-transform: rotate(259deg);
          transform: rotate(259deg);
}
.user-logged-in .block-system-main-block .progress-circle.p73 .value-bar {
  -webkit-transform: rotate(263deg);
      -ms-transform: rotate(263deg);
          transform: rotate(263deg);
}
.user-logged-in .block-system-main-block .progress-circle.p74 .value-bar {
  -webkit-transform: rotate(266deg);
      -ms-transform: rotate(266deg);
          transform: rotate(266deg);
}
.user-logged-in .block-system-main-block .progress-circle.p75 .value-bar {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.user-logged-in .block-system-main-block .progress-circle.p76 .value-bar {
  -webkit-transform: rotate(274deg);
      -ms-transform: rotate(274deg);
          transform: rotate(274deg);
}
.user-logged-in .block-system-main-block .progress-circle.p77 .value-bar {
  -webkit-transform: rotate(277deg);
      -ms-transform: rotate(277deg);
          transform: rotate(277deg);
}
.user-logged-in .block-system-main-block .progress-circle.p78 .value-bar {
  -webkit-transform: rotate(281deg);
      -ms-transform: rotate(281deg);
          transform: rotate(281deg);
}
.user-logged-in .block-system-main-block .progress-circle.p79 .value-bar {
  -webkit-transform: rotate(284deg);
      -ms-transform: rotate(284deg);
          transform: rotate(284deg);
}
.user-logged-in .block-system-main-block .progress-circle.p80 .value-bar {
  -webkit-transform: rotate(288deg);
      -ms-transform: rotate(288deg);
          transform: rotate(288deg);
}
.user-logged-in .block-system-main-block .progress-circle.p81 .value-bar {
  -webkit-transform: rotate(292deg);
      -ms-transform: rotate(292deg);
          transform: rotate(292deg);
}
.user-logged-in .block-system-main-block .progress-circle.p82 .value-bar {
  -webkit-transform: rotate(295deg);
      -ms-transform: rotate(295deg);
          transform: rotate(295deg);
}
.user-logged-in .block-system-main-block .progress-circle.p83 .value-bar {
  -webkit-transform: rotate(299deg);
      -ms-transform: rotate(299deg);
          transform: rotate(299deg);
}
.user-logged-in .block-system-main-block .progress-circle.p84 .value-bar {
  -webkit-transform: rotate(302deg);
      -ms-transform: rotate(302deg);
          transform: rotate(302deg);
}
.user-logged-in .block-system-main-block .progress-circle.p85 .value-bar {
  -webkit-transform: rotate(306deg);
      -ms-transform: rotate(306deg);
          transform: rotate(306deg);
}
.user-logged-in .block-system-main-block .progress-circle.p86 .value-bar {
  -webkit-transform: rotate(310deg);
      -ms-transform: rotate(310deg);
          transform: rotate(310deg);
}
.user-logged-in .block-system-main-block .progress-circle.p87 .value-bar {
  -webkit-transform: rotate(313deg);
      -ms-transform: rotate(313deg);
          transform: rotate(313deg);
}
.user-logged-in .block-system-main-block .progress-circle.p88 .value-bar {
  -webkit-transform: rotate(317deg);
      -ms-transform: rotate(317deg);
          transform: rotate(317deg);
}
.user-logged-in .block-system-main-block .progress-circle.p89 .value-bar {
  -webkit-transform: rotate(320deg);
      -ms-transform: rotate(320deg);
          transform: rotate(320deg);
}
.user-logged-in .block-system-main-block .progress-circle.p90 .value-bar {
  -webkit-transform: rotate(324deg);
      -ms-transform: rotate(324deg);
          transform: rotate(324deg);
}
.user-logged-in .block-system-main-block .progress-circle.p91 .value-bar {
  -webkit-transform: rotate(328deg);
      -ms-transform: rotate(328deg);
          transform: rotate(328deg);
}
.user-logged-in .block-system-main-block .progress-circle.p92 .value-bar {
  -webkit-transform: rotate(331deg);
      -ms-transform: rotate(331deg);
          transform: rotate(331deg);
}
.user-logged-in .block-system-main-block .progress-circle.p93 .value-bar {
  -webkit-transform: rotate(335deg);
      -ms-transform: rotate(335deg);
          transform: rotate(335deg);
}
.user-logged-in .block-system-main-block .progress-circle.p94 .value-bar {
  -webkit-transform: rotate(338deg);
      -ms-transform: rotate(338deg);
          transform: rotate(338deg);
}
.user-logged-in .block-system-main-block .progress-circle.p95 .value-bar {
  -webkit-transform: rotate(342deg);
      -ms-transform: rotate(342deg);
          transform: rotate(342deg);
}
.user-logged-in .block-system-main-block .progress-circle.p96 .value-bar {
  -webkit-transform: rotate(346deg);
      -ms-transform: rotate(346deg);
          transform: rotate(346deg);
}
.user-logged-in .block-system-main-block .progress-circle.p97 .value-bar {
  -webkit-transform: rotate(349deg);
      -ms-transform: rotate(349deg);
          transform: rotate(349deg);
}
.user-logged-in .block-system-main-block .progress-circle.p98 .value-bar {
  -webkit-transform: rotate(353deg);
      -ms-transform: rotate(353deg);
          transform: rotate(353deg);
}
.user-logged-in .block-system-main-block .progress-circle.p99 .value-bar {
  -webkit-transform: rotate(356deg);
      -ms-transform: rotate(356deg);
          transform: rotate(356deg);
}
.user-logged-in .block-system-main-block .progress-circle.p100 .value-bar {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.user-logged-in .block-system-main-block .progress-circle.p100 span {
  display: none;
}
.user-logged-in .block-system-main-block .top-level {
  padding-top: 20px;
  background-color: #3269a1;
  /* Progress bar filling the whole right half for values above 50% */
}
.user-logged-in .block-system-main-block .top-level .progress-circle {
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 7em;
  height: 7em;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in .block-system-main-block .top-level .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 3.5em, 7em, 0);
  width: 7em;
  height: 7em;
  border-radius: 50%;
  border: 1.3em solid #4b72a6; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in .block-system-main-block .top-level .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 7em, 7em, 3.5em);
  background-color: #4b72a6;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.user-logged-in .block-system-main-block .top-level .progress-circle:after {
  content: "";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  background: url(../images/profile/Icon_user.png) 0.7em 0.7em;
  background-repeat: no-repeat;
  background-size: 3.5em 3.6em;
  background-color: #e7eef6;
  top: 1em;
  left: 1em;
  width: 4.9em;
  height: 5em;
}
.user-logged-in .block-system-main-block .top-level .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 7em;
  height: 7em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 7em, 7em, -0.5em) !important; /* clips the whole left half*/
}
.user-logged-in .block-system-main-block .top-level .progress-circle.p0 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p1 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p2 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p3 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p4 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p5 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p6 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p7 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p8 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p9 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p10 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p11 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p12 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p13 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p14 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p15 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p16 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p17 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p18 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p19 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p20 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p21 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p22 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p23 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p24 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p25 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p26 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p27 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p28 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p29 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p30 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p31 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p32 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p33 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p34 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p35 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p36 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p37 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p38 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p39 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p40 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p41 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p42 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p43 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p44 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p45 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p46 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p47 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p48 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p49 .left-half-clipper,
.user-logged-in .block-system-main-block .top-level .progress-circle.p50 .left-half-clipper {
  clip: rect(0, 7em, 7em, 3.5em) !important; /* clips the whole left half*/
}
.user-logged-in .block-system-main-block .top-level-percentage {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 900;
  padding-top: 1em;
}
.user-logged-in .block-system-main-block .top-level-progress-bar {
  height: auto;
  margin: 0 auto;
  width: 100%;
  padding-top: 1em;
}
.user-logged-in .block-system-main-block .top-level-progress-bar .progress-circle {
  margin: 0 auto;
}
.user-logged-in .block-system-main-block .mid-level-content {
  border-top: 1px solid #dddddd;
  color: #fff;
}
.user-logged-in .block-system-main-block .mid-level-content div p {
  color: #fff;
}
.user-logged-in .block-system-main-block .mid-level-content div p span {
  color: #fff;
}
.user-logged-in .block-system-main-block .profile-subsection {
  padding-top: 20px;
}
.user-logged-in .block-system-main-block .profile-subsection p {
  font-weight: 500;
}
.user-logged-in .block-system-main-block .profile-subdescription p {
  font-weight: 500;
}
.user-logged-in .block-system-main-block .doctor-checkup {
  float: left;
  padding-right: 20px;
}
.user-logged-in .block-system-main-block .doctor-checkup p {
  padding-top: 8px;
}
.user-logged-in .block-system-main-block .update-health-check {
  color: #316ba3;
  font-size: 1em;
  font-weight: 600;
}
.user-logged-in .block-system-main-block .health-check-img-1,
.user-logged-in .block-system-main-block .health-check-img-2 {
  display: none;
}
.user-logged-in .block-system-main-block .health-check-img-3 {
  display: block;
}
.user-logged-in .block-system-main-block .top-level-content ul li {
  color: #fff;
}
@media only screen and (min-width: 765px) {
  .user-logged-in .block-system-main-block .health-check-img-3 {
    display: none;
  }
  .user-logged-in .block-system-main-block .health-check-img-1,
  .user-logged-in .block-system-main-block .health-check-img-2 {
    display: block;
  }
}
.user-logged-in .block-system-main-block .top-level-content p {
  color: #fff;
  padding-right: 1.5em;
  padding-top: 0.5em;
}
.user-logged-in .block-system-main-block .top-level-content-title {
  color: #fff;
  font-weight: 900;
  font-size: 30px;
}
.user-logged-in .block-system-main-block .health-check-img-1 {
  float: right;
}
.user-logged-in .block-system-main-block .transparent-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 3.5em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7eef6), to(transparent));
  background-image: -o-linear-gradient(#e7eef6, transparent);
  background-image: linear-gradient(#e7eef6, transparent);
  width: 7em;
  height: 4em;
}
.user-logged-in .block-system-main-block .profile-body {
  /* for testing */
  /* Text inside the control */
  /* Progress bar filling the whole right half for values above 50% */
}
.user-logged-in .block-system-main-block .profile-body:nth-of-type(1), .user-logged-in .block-system-main-block .profile-body:nth-of-type(2), .user-logged-in .block-system-main-block .profile-body:nth-of-type(3), .user-logged-in .block-system-main-block .profile-body:nth-of-type(4), .user-logged-in .block-system-main-block .profile-body:nth-of-type(5), .user-logged-in .block-system-main-block .profile-body:nth-of-type(6) .user-logged-in .block-system-main-block .profile-body:nth-of-type(7) .user-logged-in .block-system-main-block .profile-body:nth-of-type(8) {
  display: block;
  /* for testing */
}
.user-logged-in .block-system-main-block .profile-body .profile-body-edit-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-logged-in .block-system-main-block .profile-body .profile-body-progress-bar .progress-circle {
  margin: 0 auto;
}
.user-logged-in .block-system-main-block .profile-body .profile-body-title {
  color: #1a9f7f;
  font-size: 1.8rem;
  padding-top: 12px;
  font-weight: bold;
}
.user-logged-in .block-system-main-block .profile-body .profile-body-content {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .user-logged-in .block-system-main-block .profile-body .profile-body-title {
    text-align: center;
  }
  .user-logged-in .block-system-main-block .profile-body .profile-body-content {
    text-align: center;
  }
}
.user-logged-in .block-system-main-block .profile-body .profile-body-edit {
  margin: 0 auto;
  background-image: url(../images/profile/Icon_edit.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  margin-bottom: 1em;
}
.user-logged-in .block-system-main-block .profile-body:nth-of-type(1) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(2) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(3) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(4) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(5) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(6) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(7) .profile-body-edit, .user-logged-in .block-system-main-block .profile-body:nth-of-type(8) .profile-body-edit {
  background-image: url(../images/profile/Icon_toComplete.png);
}
.user-logged-in .block-system-main-block .profile-body .icon-percentage-100 {
  background-image: url(../images/profile/Icon_100percent.png) !important;
}
.user-logged-in .block-system-main-block .profile-body .profile-body-edit a {
  color: transparent;
}
.user-logged-in .block-system-main-block .profile-body .progress-circle {
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 4em;
  height: 4em;
  background-color: rgba(26, 159, 127, 0.5);
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in .block-system-main-block .profile-body .progress-circle span {
  color: #b0b0b0;
  width: 4em;
  line-height: 4em;
}
.user-logged-in .block-system-main-block .profile-body .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 2em, 5em, 0);
  width: 4em;
  height: 4em;
  border-radius: 50%;
  border: 0.45em solid #1a9f7f; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in .block-system-main-block .profile-body .progress-circle.p100:after {
  background: url(../images/profile/Icon_tick.png) -0.1em;
  background-repeat: no-repeat;
  background-size: 3.5em 3.6em;
}
.user-logged-in .block-system-main-block .profile-body .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2em);
  background-color: #1a9f7f;
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.user-logged-in .block-system-main-block .profile-body .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 3.3em;
  height: 3.3em;
  content: " ";
}
.user-logged-in .block-system-main-block .profile-body .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 5em, 5em, -0.5em); /* clips the whole left half*/
}

.user-logged-in .field-group-form-step .form-item-field-gender,
.user-logged-in .field-group-form-step .form-item-field-first-name-0-value,
.user-logged-in .field-group-form-step .form-item-mail,
.user-logged-in .field-group-form-step .confirm-parent,
.user-logged-in .field-group-form-step .form-item-field-phone-number-0-value {
  background-color: transparent;
}
.user-logged-in .field-group-form-step .field--type-text-with-summary p {
  text-align: center;
}
.user-logged-in .field-group-form-step .field--type-text-with-summary p input#edit-next.splash-page-button, .user-logged-in .field-group-form-step .field--type-text-with-summary p a.splash-link-to-user {
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-bottom: 0;
}

.tabs > li {
  margin: 0.3em 0.3em 0.3em 0;
}

.user-logged-in .slidecontainer {
  width: 100%; /* Width of the outside container */
  padding-top: 20px;
  padding-bottom: 20px;
}
.user-logged-in .slider {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100% !important;
  height: 10px;
  border-radius: 10px;
  background: #ffffff;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: 0px 0px 3px #c3c3c3;
          box-shadow: 0px 0px 3px #c3c3c3;
  padding: 0;
}
.user-logged-in .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1a9f7f;
  cursor: pointer;
  border: 6px solid #ffffff;
  -webkit-box-shadow: 0px 0.5px 3px #888888;
          box-shadow: 0px 0.5px 3px #888888;
}
.user-logged-in .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4049c0;
  cursor: pointer;
}

#edit-current-pass--description a {
  font-size: 1.05em;
}

.user .sub-mid-level .container .row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.user .sub-mid-level .container .row .w-100 h3 a {
  font-size: 17px;
  color: #316ba3;
  font-weight: 600;
}
.user .sub-mid-level .container .row .offset-sm-2 {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1200px) {
  .user .sub-mid-level > .container > .row > .col-sm {
    display: none;
  }
  .user .sub-mid-level > .container > .row > .col-md-9 {
    width: 100%;
    max-width: unset;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .user .sub-mid-level > .container > .row > .col-md-9 .health-check {
    text-align: center;
    margin-top: 40px;
  }
  .user .sub-mid-level > .container > .row > .col-md-9 .health-check-body {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .user .sub-mid-level .container .row .offset-sm-2 {
    margin: 7.5px auto;
    width: 100%;
    max-width: 800px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.offset-sm-2 > .row {
  text-align: center;
}
.offset-sm-2 > .row p {
  text-align: center;
  margin: auto;
}

.user .sub-mid-level {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 60px;
}

.field--name-dynamic-block-fielduser-user-profile-block {
  margin-bottom: 3em;
}

#myra-history-chart {
  margin-bottom: 15px;
  margin-top: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
}
@media (max-width: 766px) {
  #myra-history-chart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}
#myra-history-chart .score-severity {
  width: 20%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 25px;
}
#myra-history-chart .score-severity > div {
  height: 25%;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 766px) {
  #myra-history-chart .score-severity {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 0;
    height: auto;
  }
  #myra-history-chart .score-severity > div {
    padding: 10px;
  }
}
#myra-history-chart #myChart {
  min-width: 85% !important;
  height: auto !important;
  width: auto;
}
@media (max-width: 766px) {
  #myra-history-chart #myChart {
    min-width: 100% !important;
  }
}

.myra-history-chart-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.myra-history-chart-points .myra-history-chart-point {
  color: #484a4c;
  display: block;
  text-align: center;
  padding: 12px 20px;
  margin-right: 15px;
  margin-bottom: 15px;
  min-width: 25%;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f6f6f6;
  border-radius: 3px;
}

.below-history-chart, #myra-history-chart-actions {
  text-align: center;
  margin-top: 2em;
}
.below-history-chart .chart-btn, #myra-history-chart-actions .chart-btn {
  margin: 5px 10px;
}
.below-history-chart h3 a, #myra-history-chart-actions h3 a {
  font-size: 1em;
  font-weight: 600;
}

.chart-btn {
  max-width: 230px;
}

.user-logged-in.page-node-259 .block-system-main-block .content .bs-2col-bricked .bs-region .field--label-hidden h2 {
  display: none;
}
.user-logged-in #block-welcometomyjourney {
  margin-top: 20px;
  /* Text inside the control */
  /* when p>50, don't clip left half*/
  /* Progress bar filling the whole right half for values above 50% */
  /* Progress bar rotation position */
}
.user-logged-in #block-welcometomyjourney .progress-circle {
  margin: 20px;
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #F2E9E1;
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in #block-welcometomyjourney .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}
.user-logged-in #block-welcometomyjourney .progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777A;
  z-index: 2;
}
.user-logged-in #block-welcometomyjourney .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
.user-logged-in #block-welcometomyjourney .progress-circle .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.user-logged-in #block-welcometomyjourney .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in #block-welcometomyjourney .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #1a9f7f;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.user-logged-in #block-welcometomyjourney .progress-circle.p0 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p1 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p2 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p3 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p4 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p5 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p6 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p7 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p8 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p9 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p10 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p11 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p12 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p13 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p14 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p15 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p16 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p17 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p18 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p19 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p20 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p21 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p22 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p23 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p24 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p25 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p26 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p27 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p28 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p29 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p30 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p31 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p32 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p33 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p34 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p35 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p36 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p37 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p38 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p39 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p40 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p41 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p42 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p43 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p44 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p45 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p46 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p47 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p48 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p49 .first50-bar,
.user-logged-in #block-welcometomyjourney .progress-circle.p50 .first50-bar {
  display: none;
}
.user-logged-in #block-welcometomyjourney .progress-circle.p0 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p1 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p2 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p3 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p4 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p5 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p6 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p7 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p8 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p9 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p10 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p11 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p12 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p13 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p14 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p15 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p16 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p17 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p18 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p19 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p20 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p21 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p22 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p23 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p24 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p25 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p26 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p27 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p28 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p29 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p30 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p31 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p32 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p33 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p34 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p35 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p36 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p37 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p38 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p39 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p40 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p41 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p42 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p43 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p44 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p45 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p46 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p47 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p48 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p49 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .progress-circle.p50 .left-half-clipper {
  clip: rect(0, 5em, 5em, 2em);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p0 .value-bar {
  display: none;
}
.user-logged-in #block-welcometomyjourney .progress-circle.p1 .value-bar {
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
          transform: rotate(4deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p2 .value-bar {
  -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
          transform: rotate(7deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p3 .value-bar {
  -webkit-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
          transform: rotate(11deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p4 .value-bar {
  -webkit-transform: rotate(14deg);
      -ms-transform: rotate(14deg);
          transform: rotate(14deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p5 .value-bar {
  -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
          transform: rotate(18deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p6 .value-bar {
  -webkit-transform: rotate(22deg);
      -ms-transform: rotate(22deg);
          transform: rotate(22deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p7 .value-bar {
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p8 .value-bar {
  -webkit-transform: rotate(29deg);
      -ms-transform: rotate(29deg);
          transform: rotate(29deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p9 .value-bar {
  -webkit-transform: rotate(32deg);
      -ms-transform: rotate(32deg);
          transform: rotate(32deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p10 .value-bar {
  -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
          transform: rotate(36deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p11 .value-bar {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p12 .value-bar {
  -webkit-transform: rotate(43deg);
      -ms-transform: rotate(43deg);
          transform: rotate(43deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p13 .value-bar {
  -webkit-transform: rotate(47deg);
      -ms-transform: rotate(47deg);
          transform: rotate(47deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p14 .value-bar {
  -webkit-transform: rotate(50deg);
      -ms-transform: rotate(50deg);
          transform: rotate(50deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p15 .value-bar {
  -webkit-transform: rotate(54deg);
      -ms-transform: rotate(54deg);
          transform: rotate(54deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p16 .value-bar {
  -webkit-transform: rotate(58deg);
      -ms-transform: rotate(58deg);
          transform: rotate(58deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p17 .value-bar {
  -webkit-transform: rotate(61deg);
      -ms-transform: rotate(61deg);
          transform: rotate(61deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p18 .value-bar {
  -webkit-transform: rotate(65deg);
      -ms-transform: rotate(65deg);
          transform: rotate(65deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p19 .value-bar {
  -webkit-transform: rotate(68deg);
      -ms-transform: rotate(68deg);
          transform: rotate(68deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p20 .value-bar {
  -webkit-transform: rotate(72deg);
      -ms-transform: rotate(72deg);
          transform: rotate(72deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p21 .value-bar {
  -webkit-transform: rotate(76deg);
      -ms-transform: rotate(76deg);
          transform: rotate(76deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p22 .value-bar {
  -webkit-transform: rotate(79deg);
      -ms-transform: rotate(79deg);
          transform: rotate(79deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p23 .value-bar {
  -webkit-transform: rotate(83deg);
      -ms-transform: rotate(83deg);
          transform: rotate(83deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p24 .value-bar {
  -webkit-transform: rotate(86deg);
      -ms-transform: rotate(86deg);
          transform: rotate(86deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p25 .value-bar {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p26 .value-bar {
  -webkit-transform: rotate(94deg);
      -ms-transform: rotate(94deg);
          transform: rotate(94deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p27 .value-bar {
  -webkit-transform: rotate(97deg);
      -ms-transform: rotate(97deg);
          transform: rotate(97deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p28 .value-bar {
  -webkit-transform: rotate(101deg);
      -ms-transform: rotate(101deg);
          transform: rotate(101deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p29 .value-bar {
  -webkit-transform: rotate(104deg);
      -ms-transform: rotate(104deg);
          transform: rotate(104deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p30 .value-bar {
  -webkit-transform: rotate(108deg);
      -ms-transform: rotate(108deg);
          transform: rotate(108deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p31 .value-bar {
  -webkit-transform: rotate(112deg);
      -ms-transform: rotate(112deg);
          transform: rotate(112deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p32 .value-bar {
  -webkit-transform: rotate(115deg);
      -ms-transform: rotate(115deg);
          transform: rotate(115deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p33 .value-bar {
  -webkit-transform: rotate(119deg);
      -ms-transform: rotate(119deg);
          transform: rotate(119deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p34 .value-bar {
  -webkit-transform: rotate(122deg);
      -ms-transform: rotate(122deg);
          transform: rotate(122deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p35 .value-bar {
  -webkit-transform: rotate(126deg);
      -ms-transform: rotate(126deg);
          transform: rotate(126deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p36 .value-bar {
  -webkit-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
          transform: rotate(130deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p37 .value-bar {
  -webkit-transform: rotate(133deg);
      -ms-transform: rotate(133deg);
          transform: rotate(133deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p38 .value-bar {
  -webkit-transform: rotate(137deg);
      -ms-transform: rotate(137deg);
          transform: rotate(137deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p39 .value-bar {
  -webkit-transform: rotate(140deg);
      -ms-transform: rotate(140deg);
          transform: rotate(140deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p40 .value-bar {
  -webkit-transform: rotate(144deg);
      -ms-transform: rotate(144deg);
          transform: rotate(144deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p41 .value-bar {
  -webkit-transform: rotate(148deg);
      -ms-transform: rotate(148deg);
          transform: rotate(148deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p42 .value-bar {
  -webkit-transform: rotate(151deg);
      -ms-transform: rotate(151deg);
          transform: rotate(151deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p43 .value-bar {
  -webkit-transform: rotate(155deg);
      -ms-transform: rotate(155deg);
          transform: rotate(155deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p44 .value-bar {
  -webkit-transform: rotate(158deg);
      -ms-transform: rotate(158deg);
          transform: rotate(158deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p45 .value-bar {
  -webkit-transform: rotate(162deg);
      -ms-transform: rotate(162deg);
          transform: rotate(162deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p46 .value-bar {
  -webkit-transform: rotate(166deg);
      -ms-transform: rotate(166deg);
          transform: rotate(166deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p47 .value-bar {
  -webkit-transform: rotate(169deg);
      -ms-transform: rotate(169deg);
          transform: rotate(169deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p48 .value-bar {
  -webkit-transform: rotate(173deg);
      -ms-transform: rotate(173deg);
          transform: rotate(173deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p49 .value-bar {
  -webkit-transform: rotate(176deg);
      -ms-transform: rotate(176deg);
          transform: rotate(176deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p50 .value-bar {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p51 .value-bar {
  -webkit-transform: rotate(184deg);
      -ms-transform: rotate(184deg);
          transform: rotate(184deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p52 .value-bar {
  -webkit-transform: rotate(187deg);
      -ms-transform: rotate(187deg);
          transform: rotate(187deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p53 .value-bar {
  -webkit-transform: rotate(191deg);
      -ms-transform: rotate(191deg);
          transform: rotate(191deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p54 .value-bar {
  -webkit-transform: rotate(194deg);
      -ms-transform: rotate(194deg);
          transform: rotate(194deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p55 .value-bar {
  -webkit-transform: rotate(198deg);
      -ms-transform: rotate(198deg);
          transform: rotate(198deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p56 .value-bar {
  -webkit-transform: rotate(202deg);
      -ms-transform: rotate(202deg);
          transform: rotate(202deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p57 .value-bar {
  -webkit-transform: rotate(205deg);
      -ms-transform: rotate(205deg);
          transform: rotate(205deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p58 .value-bar {
  -webkit-transform: rotate(209deg);
      -ms-transform: rotate(209deg);
          transform: rotate(209deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p59 .value-bar {
  -webkit-transform: rotate(212deg);
      -ms-transform: rotate(212deg);
          transform: rotate(212deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p60 .value-bar {
  -webkit-transform: rotate(216deg);
      -ms-transform: rotate(216deg);
          transform: rotate(216deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p61 .value-bar {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p62 .value-bar {
  -webkit-transform: rotate(223deg);
      -ms-transform: rotate(223deg);
          transform: rotate(223deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p63 .value-bar {
  -webkit-transform: rotate(227deg);
      -ms-transform: rotate(227deg);
          transform: rotate(227deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p64 .value-bar {
  -webkit-transform: rotate(230deg);
      -ms-transform: rotate(230deg);
          transform: rotate(230deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p65 .value-bar {
  -webkit-transform: rotate(234deg);
      -ms-transform: rotate(234deg);
          transform: rotate(234deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p66 .value-bar {
  -webkit-transform: rotate(238deg);
      -ms-transform: rotate(238deg);
          transform: rotate(238deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p67 .value-bar {
  -webkit-transform: rotate(241deg);
      -ms-transform: rotate(241deg);
          transform: rotate(241deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p68 .value-bar {
  -webkit-transform: rotate(245deg);
      -ms-transform: rotate(245deg);
          transform: rotate(245deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p69 .value-bar {
  -webkit-transform: rotate(248deg);
      -ms-transform: rotate(248deg);
          transform: rotate(248deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p70 .value-bar {
  -webkit-transform: rotate(252deg);
      -ms-transform: rotate(252deg);
          transform: rotate(252deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p71 .value-bar {
  -webkit-transform: rotate(256deg);
      -ms-transform: rotate(256deg);
          transform: rotate(256deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p72 .value-bar {
  -webkit-transform: rotate(259deg);
      -ms-transform: rotate(259deg);
          transform: rotate(259deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p73 .value-bar {
  -webkit-transform: rotate(263deg);
      -ms-transform: rotate(263deg);
          transform: rotate(263deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p74 .value-bar {
  -webkit-transform: rotate(266deg);
      -ms-transform: rotate(266deg);
          transform: rotate(266deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p75 .value-bar {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p76 .value-bar {
  -webkit-transform: rotate(274deg);
      -ms-transform: rotate(274deg);
          transform: rotate(274deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p77 .value-bar {
  -webkit-transform: rotate(277deg);
      -ms-transform: rotate(277deg);
          transform: rotate(277deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p78 .value-bar {
  -webkit-transform: rotate(281deg);
      -ms-transform: rotate(281deg);
          transform: rotate(281deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p79 .value-bar {
  -webkit-transform: rotate(284deg);
      -ms-transform: rotate(284deg);
          transform: rotate(284deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p80 .value-bar {
  -webkit-transform: rotate(288deg);
      -ms-transform: rotate(288deg);
          transform: rotate(288deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p81 .value-bar {
  -webkit-transform: rotate(292deg);
      -ms-transform: rotate(292deg);
          transform: rotate(292deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p82 .value-bar {
  -webkit-transform: rotate(295deg);
      -ms-transform: rotate(295deg);
          transform: rotate(295deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p83 .value-bar {
  -webkit-transform: rotate(299deg);
      -ms-transform: rotate(299deg);
          transform: rotate(299deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p84 .value-bar {
  -webkit-transform: rotate(302deg);
      -ms-transform: rotate(302deg);
          transform: rotate(302deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p85 .value-bar {
  -webkit-transform: rotate(306deg);
      -ms-transform: rotate(306deg);
          transform: rotate(306deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p86 .value-bar {
  -webkit-transform: rotate(310deg);
      -ms-transform: rotate(310deg);
          transform: rotate(310deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p87 .value-bar {
  -webkit-transform: rotate(313deg);
      -ms-transform: rotate(313deg);
          transform: rotate(313deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p88 .value-bar {
  -webkit-transform: rotate(317deg);
      -ms-transform: rotate(317deg);
          transform: rotate(317deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p89 .value-bar {
  -webkit-transform: rotate(320deg);
      -ms-transform: rotate(320deg);
          transform: rotate(320deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p90 .value-bar {
  -webkit-transform: rotate(324deg);
      -ms-transform: rotate(324deg);
          transform: rotate(324deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p91 .value-bar {
  -webkit-transform: rotate(328deg);
      -ms-transform: rotate(328deg);
          transform: rotate(328deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p92 .value-bar {
  -webkit-transform: rotate(331deg);
      -ms-transform: rotate(331deg);
          transform: rotate(331deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p93 .value-bar {
  -webkit-transform: rotate(335deg);
      -ms-transform: rotate(335deg);
          transform: rotate(335deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p94 .value-bar {
  -webkit-transform: rotate(338deg);
      -ms-transform: rotate(338deg);
          transform: rotate(338deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p95 .value-bar {
  -webkit-transform: rotate(342deg);
      -ms-transform: rotate(342deg);
          transform: rotate(342deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p96 .value-bar {
  -webkit-transform: rotate(346deg);
      -ms-transform: rotate(346deg);
          transform: rotate(346deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p97 .value-bar {
  -webkit-transform: rotate(349deg);
      -ms-transform: rotate(349deg);
          transform: rotate(349deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p98 .value-bar {
  -webkit-transform: rotate(353deg);
      -ms-transform: rotate(353deg);
          transform: rotate(353deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p99 .value-bar {
  -webkit-transform: rotate(356deg);
      -ms-transform: rotate(356deg);
          transform: rotate(356deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p100 .value-bar {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.user-logged-in #block-welcometomyjourney .progress-circle.p100 span {
  display: none;
}
.user-logged-in #block-welcometomyjourney .top-level {
  padding-top: 20px;
  /* Progress bar filling the whole right half for values above 50% */
}
.user-logged-in #block-welcometomyjourney .top-level .progress-circle {
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 7em;
  height: 7em;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in #block-welcometomyjourney .top-level .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 3.5em, 7em, 0);
  width: 7em;
  height: 7em;
  border-radius: 50%;
  border: 1.3em solid #4b72a6; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in #block-welcometomyjourney .top-level .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 7em, 7em, 3.5em);
  background-color: #4b72a6;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.user-logged-in #block-welcometomyjourney .top-level .progress-circle:after {
  content: "";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  background: url(../images/profile/Icon_user.png) 0.7em 0.7em;
  background-repeat: no-repeat;
  background-size: 3.5em 3.6em;
  background-color: #e7eef6;
  top: 1em;
  left: 1em;
  width: 4.9em;
  height: 5em;
}
.user-logged-in #block-welcometomyjourney .top-level .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 7em;
  height: 7em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 7em, 7em, -0.5em) !important; /* clips the whole left half*/
}
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p0 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p1 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p2 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p3 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p4 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p5 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p6 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p7 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p8 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p9 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p10 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p11 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p12 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p13 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p14 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p15 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p16 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p17 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p18 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p19 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p20 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p21 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p22 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p23 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p24 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p25 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p26 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p27 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p28 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p29 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p30 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p31 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p32 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p33 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p34 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p35 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p36 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p37 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p38 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p39 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p40 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p41 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p42 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p43 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p44 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p45 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p46 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p47 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p48 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p49 .left-half-clipper,
.user-logged-in #block-welcometomyjourney .top-level .progress-circle.p50 .left-half-clipper {
  clip: rect(0, 7em, 7em, 3.5em) !important; /* clips the whole left half*/
}
.user-logged-in #block-welcometomyjourney .top-level-percentage {
  width: 100%;
  text-align: center;
  color: #507aab;
  font-weight: 900;
  padding-top: 1em;
}
.user-logged-in #block-welcometomyjourney .top-level-progress-bar {
  height: auto;
  margin: 0 auto;
  width: 100%;
  padding-top: 1em;
}
.user-logged-in #block-welcometomyjourney .top-level-progress-bar .progress-circle {
  margin: 0 auto;
}
.user-logged-in #block-welcometomyjourney .top-level-content {
  margin-left: 2em;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 766px) {
  .user-logged-in #block-welcometomyjourney .top-level-content {
    margin-left: 0;
  }
}
.user-logged-in #block-welcometomyjourney .top-level-content p {
  color: #fff;
  padding-right: 1.5em;
  padding-top: 0.5em;
}
.user-logged-in #block-welcometomyjourney .top-level-content-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 1em;
}
.user-logged-in #block-welcometomyjourney .transparent-overlay {
  position: absolute;
  top: 0;
  left: 3.5em;
  width: 7em;
  height: 4em;
}
.user-logged-in #block-welcometomyjourney .profile-body {
  display: none;
  /* for testing */
  /* Text inside the control */
  /* Progress bar filling the whole right half for values above 50% */
}
.user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(1), .user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(2), .user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(3), .user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(4), .user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(5), .user-logged-in #block-welcometomyjourney .profile-body:nth-of-type(6) {
  display: block;
  /* for testing */
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-edit-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-progress-bar .progress-circle {
  margin: 0 auto;
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-title {
  color: #eaa53e;
  font-size: 1.8rem;
  padding-top: 12px;
  font-weight: bold;
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-content {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .user-logged-in #block-welcometomyjourney .profile-body .profile-body-title {
    text-align: center;
  }
  .user-logged-in #block-welcometomyjourney .profile-body .profile-body-content {
    text-align: center;
  }
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-edit {
  margin: 0 auto;
  width: 100%;
  background: url(../images/profile/Icon_edit.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: 48%;
  margin-bottom: 1em;
}
.user-logged-in #block-welcometomyjourney .profile-body .profile-body-edit a {
  color: transparent;
}
.user-logged-in #block-welcometomyjourney .profile-body .progress-circle {
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 4em;
  height: 4em;
  background-color: rgba(26, 159, 127, 0.5);
  border-radius: 50%;
  line-height: 5em;
}
.user-logged-in #block-welcometomyjourney .profile-body .progress-circle span {
  color: #b0b0b0;
  width: 4em;
  line-height: 4em;
}
.user-logged-in #block-welcometomyjourney .profile-body .value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 2em, 5em, 0);
  width: 4em;
  height: 4em;
  border-radius: 50%;
  border: 0.45em solid #1a9f7f; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-logged-in #block-welcometomyjourney .profile-body .progress-circle.p100:after {
  background: url(../images/profile/Icon_tick.png) -0.1em;
  background-repeat: no-repeat;
  background-size: 3.5em 3.6em;
}
.user-logged-in #block-welcometomyjourney .profile-body .progress-circle .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2em);
  background-color: #1a9f7f;
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.user-logged-in #block-welcometomyjourney .profile-body .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 3.3em;
  height: 3.3em;
  content: " ";
}
.user-logged-in #block-welcometomyjourney .profile-body .left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 5em, 5em, -0.5em); /* clips the whole left half*/
}
.user-logged-in .my-views-journey header > h3, .user-logged-in .my-views-journey .swiper-container > h3 {
  width: 100%;
  font-size: 22px;
  color: #316ba3;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.user-logged-in .my-views-journey header > h3 a, .user-logged-in .my-views-journey .swiper-container > h3 a {
  color: #316ba3;
  font-size: 22px;
}
.user-logged-in .my-views-journey header > h3 {
  padding-left: 35px;
  padding-right: 35px;
}
.user-logged-in .my-views-journey .swiper-container {
  padding-bottom: 50px;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-right: 35px;
}
@media (max-width: 576px) {
  .user-logged-in .my-views-journey .swiper-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
  }
}
.user-logged-in .my-views-journey .swiper-container .swiper-pagination-bullet {
  background: #909397;
}
.user-logged-in .my-views-journey .swiper-container .swiper-pagination-bullet-active {
  background: #316ba3;
  opacity: 0.8;
}
.user-logged-in .my-views-journey .swiper-container .swiper-button-prev, .user-logged-in .my-views-journey .swiper-container .swiper-button-next {
  left: auto;
  right: auto;
  height: 100%;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
  outline: 0;
}
.user-logged-in .my-views-journey .swiper-container .swiper-button-prev:after, .user-logged-in .my-views-journey .swiper-container .swiper-button-next:after {
  color: #316ba3;
}
@media (max-width: 992px) {
  .user-logged-in .my-views-journey .swiper-container .swiper-button-prev:after, .user-logged-in .my-views-journey .swiper-container .swiper-button-next:after {
    font-size: 35px;
  }
}
.user-logged-in .my-views-journey .swiper-container .swiper-button-prev {
  left: -2px;
}
@media (max-width: 576px) {
  .user-logged-in .my-views-journey .swiper-container .swiper-button-prev {
    left: -15px;
  }
}
.user-logged-in .my-views-journey .swiper-container .swiper-button-next {
  right: -2px;
}
@media (max-width: 576px) {
  .user-logged-in .my-views-journey .swiper-container .swiper-button-next {
    right: -15px;
  }
}
.user-logged-in .my-views-journey .myra-group-wrapper .swiper-slide {
  height: auto;
}
.user-logged-in .my-views-journey .group-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: initial;
          flex-flow: initial;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.user-logged-in .my-views-journey .group-wrapper:after {
  content: "";
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30%;
}
.user-logged-in .my-views-journey .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 22px;
  padding: 0 0 50px 0;
  position: relative;
  background: #fff;
  border: 1px solid rgba(49, 106, 163, 0.2);
}
.user-logged-in .my-views-journey .views-row .views-field-field-log-line {
  padding-top: 0;
}
.user-logged-in .my-views-journey .views-row .views-field-field-log-line .field-content {
  line-height: 1.4;
  margin-top: 0;
  padding-top: 0;
}
.user-logged-in .my-views-journey .views-field-field-main-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.user-logged-in .my-views-journey .views-field-field-main-image a {
  display: block;
}
.user-logged-in .my-views-journey .views-field-field-main-image a img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-logged-in .my-views-journey .views-field-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 15px;
}
.user-logged-in .my-views-journey .views-field-title h3 {
  font-size: 17px;
  margin: 10px 0;
}
.user-logged-in .my-views-journey .views-field-title h3 a {
  color: #316ba3;
  font-weight: 600;
}
.user-logged-in .my-views-journey .views-field-field-log-line {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 10px 15px;
}
.user-logged-in .my-views-journey .views-field-view-node,
.user-logged-in .my-views-journey .views-field-read-more {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  padding: 0 15px 20px;
  position: absolute;
  bottom: 0;
}
.user-logged-in .my-views-journey .views-field-view-node span a,
.user-logged-in .my-views-journey .views-field-read-more span a {
  font-weight: bold;
  border: 1px solid #316ba3;
  background: #fff;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  font-size: 10px;
  color: #316ba3;
}
.user-logged-in .my-views-journey .views-field-view-node span a:hover,
.user-logged-in .my-views-journey .views-field-read-more span a:hover {
  background-color: white;
}
.user-logged-in .my-views-journey .views-field-view-node span a:hover,
.user-logged-in .my-views-journey .views-field-read-more span a:hover {
  border: 2px solid #316ba3;
  background: #fff;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
  cursor: pointer;
}
.user-logged-in .my-views-journey .views-field-view-node span a:hover:hover,
.user-logged-in .my-views-journey .views-field-read-more span a:hover:hover {
  background-color: white;
}

.profile-quote-block p {
  color: #fff !important;
}

.profile-quote-block {
  padding-left: 2rem;
}
.profile-quote-block p {
  color: #fff !important;
}
.profile-quote-block p span {
  color: #fff !important;
}

@media (max-width: 768px) {
  #block-welcometomyjourney .field--name-body {
    padding: 0 15px;
  }
  #block-welcometomyjourney .top-level-content .top-level-content-title, #block-welcometomyjourney .top-level-content p {
    padding-right: 0 !important;
  }
  #block-welcometomyjourney .top-level-content .top-level-content-title {
    text-align: center;
  }
  #block-welcometomyjourney .profile-quote-block {
    padding: 20px 15px !important;
  }
  #block-welcometomyjourney .profile-quote-block p {
    padding: 20px 15px !important;
    color: #fff !important;
  }
  #block-welcometomyjourney .profile-quote-block .field--name-body p {
    padding: 0 !important;
  }
}
.events-view {
  padding-top: 20px;
}
.events-view .views-exposed-form {
  background-color: #316ba3;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 18px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.events-view .form-item-state {
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px 20px 10px 0;
  max-width: 100%;
}
.events-view #edit-actions {
  margin: 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.events-view #edit-actions input {
  background-color: #fff;
  color: #316ba3;
  margin: 0 auto;
}
.events-view .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 60px;
}
@media (max-width: 992px) {
  .events-view .views-row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.events-view .views-field-field-state {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  padding-bottom: 20px;
}
.events-view .views-field-field-state .field-content {
  font-size: 20px;
  color: #316ba3;
}
.events-view .views-field-field-state,
.events-view .views-field-title {
  padding-left: 15px;
  padding-right: 15px;
}
.events-view .views-field-field-start-date-and-time,
.events-view .views-field-field-event-ad,
.events-view .views-field-field-event-price,
.events-view .views-field-field-event-summary,
.events-view .views-field-field-link-to-event {
  padding-left: 30px;
  padding-right: 30px;
}
.events-view .views-field-field-start-date-and-time, .events-view .views-field-field-end-date-and-time, .events-view .views-field-field-end-date-and-time-1, .events-view .views-field-field-event-ad, .events-view .views-field-field-event-price {
  padding-top: 20px;
  padding-bottom: 0;
  background-color: #eff4f8;
  width: 100%;
}
.events-view .views-field-field-start-date-and-time .field-content, .events-view .views-field-field-end-date-and-time .field-content, .events-view .views-field-field-end-date-and-time-1 .field-content, .events-view .views-field-field-event-ad .field-content, .events-view .views-field-field-event-price .field-content {
  color: #316ba3;
}
.events-view .views-field-field-start-date-and-time:not(.views-field-field-end-date-and-time):not(.views-field-field-end-date-and-time-1) .field-content:before, .events-view .views-field-field-end-date-and-time:not(.views-field-field-end-date-and-time):not(.views-field-field-end-date-and-time-1) .field-content:before, .events-view .views-field-field-end-date-and-time-1:not(.views-field-field-end-date-and-time):not(.views-field-field-end-date-and-time-1) .field-content:before, .events-view .views-field-field-event-ad:not(.views-field-field-end-date-and-time):not(.views-field-field-end-date-and-time-1) .field-content:before, .events-view .views-field-field-event-price:not(.views-field-field-end-date-and-time):not(.views-field-field-end-date-and-time-1) .field-content:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 25px;
  margin-right: 20px;
  float: left;
}
.events-view .views-field-field-start-date-and-time, .events-view .views-field-field-end-date-and-time, .events-view .views-field-field-end-date-and-time-1 {
  padding-top: 30px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
}
.events-view .views-field-field-start-date-and-time .field-content:after, .events-view .views-field-field-end-date-and-time .field-content:after, .events-view .views-field-field-end-date-and-time-1 .field-content:after {
  content: "";
  display: inline-block;
  background: none;
  width: auto;
  height: auto;
}
.events-view .views-field-field-start-date-and-time {
  width: auto;
  padding-right: 0;
}
.events-view .views-field-field-start-date-and-time .no-end-date, .events-view .views-field-field-start-date-and-time .yes-end-date {
  display: inline;
}
.events-view .views-field-field-start-date-and-time .field-content:before {
  background-image: url("../images/icon/Icon_date.png");
}
.events-view .views-field-field-end-date-and-time, .events-view .views-field-field-end-date-and-time-1 {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.events-view .views-field-field-event-ad {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
}
.events-view .views-field-field-event-ad .field-content:before {
  background-image: url("../images/icon/Icon_location.png");
}
.events-view .views-field-field-event-price {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 4;
  order: 4;
}
.events-view .views-field-field-event-price .field-content:before {
  background-image: url("../images/icon/Icon_program_price.png");
}
.events-view .views-field-field-event-summary {
  padding-top: 30px;
  background-color: #eff4f8;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 5;
  order: 5;
  width: 100%;
}
.events-view .views-field-field-link-to-event {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 6;
  order: 6;
  width: 100%;
  padding-bottom: 60px;
  padding-top: 30px;
  background-color: #eff4f8;
}
.events-view .views-field-field-link-to-event .field-content a {
  color: #fff;
  background: #1a9f7f;
  border-radius: 30px;
  padding: 0.65em 25px;
  letter-spacing: 0.03em;
}
.events-view .views-field-field-link-to-event .field-content a:hover {
  background-color: #1cac8a;
}
.events-view .views-field-field-link-to-event .field-content a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  color: #fff;
  padding-left: 10px;
  position: relative;
  right: 0px;
  opacity: 0.5;
}
.events-view .views-field-field-link-to-event .field-content a:hover:after {
  right: -4px;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.field--name-field-how- h2 {
  margin-bottom: 35px;
}

.two-col-boxed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.two-col-boxed .two-col-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin: 0 0 15px;
  border-radius: 5px;
  padding: 0 12px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.23);
  background: #fff;
}
@media (max-width: 766px) {
  .two-col-boxed .two-col-box {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
  }
}
.two-col-boxed .two-col-box h3 a, .two-col-boxed .two-col-box a h3 {
  color: #1a9f7f;
  font-weight: 600;
}
.two-col-boxed .two-col-box h3 a:after, .two-col-boxed .two-col-box a h3:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  color: #1a9f7f;
  padding-left: 10px;
  position: relative;
  opacity: 0;
  right: 0px;
}
.two-col-boxed .two-col-box h3 a:hover, .two-col-boxed .two-col-box a h3:hover {
  color: #1fbe98;
}
.two-col-boxed .two-col-box h3 a:hover:after, .two-col-boxed .two-col-box a h3:hover:after {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: -4px;
  opacity: 1;
}
.two-col-boxed .two-col-box p a, .two-col-boxed .two-col-box a p, .two-col-boxed .two-col-box p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #484a4c;
}
.two-col-boxed .two-col-box a {
  display: block;
}
.two-col-boxed .two-col-box a:hover h3 {
  color: #1fbe98;
}
.two-col-boxed .two-col-box a:hover h3:after {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: -4px;
  opacity: 1;
}
.two-col-boxed .two-col-box.box-link {
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.two-col-boxed .two-col-box.box-link a.more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 8px 0;
  border: 0;
  color: #316ba3;
}
@media (max-width: 766px) {
  .two-col-boxed .two-col-box.box-link a.more-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 12px;
  }
}
.two-col-boxed .two-col-box.box-link a.more-link:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  color: #316ba3;
  padding-left: 10px;
}

.page-node-type-video #block-myra-content, .page-node-type-article #block-myra-content {
  padding-top: 60px;
}

.field--name-dynamic-block-fieldnode-learn-more-articles,
.field--name-dynamic-block-fieldnode-learn-more-videos,
.field--name-dynamic-block-fieldnode-learn-more {
  background: rgba(202, 221, 239, 0.2);
  padding-top: 30px;
}

@media (min-width: 1140px) {
  .header .col-md-12,
  .node--type-homepage .bs-region--middle,
  .node--type-article .bs-region--bottom,
  .node--type-video .bs-region--bottom {
    padding-left: 0;
    padding-right: 0;
  }
  .node--type-homepage .bs-region--middle .field--name-dynamic-block-fieldnode-learn-more,
  .node--type-article .bs-region--bottom .field--name-dynamic-block-fieldnode-learn-more,
  .node--type-video .bs-region--bottom .field--name-dynamic-block-fieldnode-learn-more {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row-tiles header > div {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@supports (width: 100vw) and (transform: translateX(-100vh)) {
  .field--name-dynamic-block-fieldnode-learn-more-articles,
  .field--name-dynamic-block-fieldnode-learn-more-videos,
  .field--name-dynamic-block-fieldnode-learn-more, .row-tiles header > div {
    -webkit-transform: translateX(calc(-50vw + (100vw - 15px * 2) / 2));
        -ms-transform: translateX(calc(-50vw + (100vw - 15px * 2) / 2));
            transform: translateX(calc(-50vw + (100vw - 15px * 2) / 2));
    padding-left: 15px;
    padding-right: 15px;
    width: 100vw;
  }
  @media (min-width: 767px) and (max-width: 1139px) {
    .header .region-primary-menu nav:first-child > ul {
      padding-left: 15px;
      padding-right: 15px;
      width: 100vw;
    }
    .header .region-primary-menu nav:first-child > ul li:first-child {
      padding-left: 0;
    }
    .header .region-primary-menu nav:first-child > ul li:first-child a {
      padding-left: 0;
    }
  }
  @media (min-width: 1140px) {
    .field--name-dynamic-block-fieldnode-homepage-banner {
      padding: 0;
      -webkit-transform: translateX(calc(-50vw + 1140px / 2));
          -ms-transform: translateX(calc(-50vw + 1140px / 2));
              transform: translateX(calc(-50vw + 1140px / 2));
      width: 100vw;
    }
    .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-image {
      left: 0;
      right: 0;
      width: 100vw;
      padding: 0;
    }
    .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-image img {
      width: 100%;
    }
    .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-r {
      right: calc(50vw - 1140px / 2 + 1140px * 0.05) !important;
    }
    .field--name-dynamic-block-fieldnode-homepage-banner .views-field-field-banner-text {
      left: calc(50vw - 1140px / 2 + 1140px * 0.15) !important;
    }
    .header .col-md-12,
    .node--type-homepage .bs-region--middle,
    .node--type-article .bs-region--bottom,
    .node--type-video .bs-region--bottom {
      padding-left: 15px;
      padding-right: 15px;
    }
    .block-system-breadcrumb-block, .row-tiles header > div,
    .header .region-primary-menu nav:first-child > ul {
      padding-left: calc(50vw - 1140px / 2);
      padding-right: calc(50vw - 1140px / 2);
      width: 100vw;
    }
    body .header .region-primary-menu nav:first-child > ul {
      -webkit-transform: translateX(calc((100vw - 1140px) / 2));
          -ms-transform: translateX(calc((100vw - 1140px) / 2));
              transform: translateX(calc((100vw - 1140px) / 2));
    }
    .block-system-breadcrumb-block, .row-tiles header > div {
      -webkit-transform: translateX(calc(((1140px) - 100vw) / 2));
          -ms-transform: translateX(calc(((1140px) - 100vw) / 2));
              transform: translateX(calc(((1140px) - 100vw) / 2));
    }
    .events-view .views-exposed-form {
      margin-left: -15px;
      margin-right: -15px;
    }
    .field--name-dynamic-block-fieldnode-learn-more-articles,
    .field--name-dynamic-block-fieldnode-learn-more-videos,
    .field--name-dynamic-block-fieldnode-learn-more {
      -webkit-transform: translateX(calc(-50vw + (1140px - 15px * 2) / 2));
          -ms-transform: translateX(calc(-50vw + (1140px - 15px * 2) / 2));
              transform: translateX(calc(-50vw + (1140px - 15px * 2) / 2));
      width: 100vw;
    }
    .field--name-dynamic-block-fieldnode-learn-more-articles .views-element-container,
    .field--name-dynamic-block-fieldnode-learn-more-videos .views-element-container,
    .field--name-dynamic-block-fieldnode-learn-more .views-element-container {
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.field--name-dynamic-block-fieldnode-related-videos {
  padding-left: 30px;
}
@media (max-width: 992px) {
  .field--name-dynamic-block-fieldnode-related-videos {
    padding-left: 0;
  }
}
.field--name-dynamic-block-fieldnode-related-videos .views-row {
  border-bottom: 1px solid #f7f7f7;
}
.field--name-dynamic-block-fieldnode-related-videos .views-row a {
  display: block;
}

.field--name-dynamic-block-fieldnode-twitter {
  margin-top: 15px;
  margin-left: 15px;
}

.field--name-dynamic-block-fieldnode-twitter {
  padding-left: calc(15px * 2 - 10px);
}
@media (max-width: 992px) {
  .field--name-dynamic-block-fieldnode-twitter {
    padding-left: 0;
  }
}

.page-node-type-article .field--name-field-content-summary {
  max-width: 90%;
}
@media (max-width: 766px) {
  .page-node-type-article .field--name-field-content-summary {
    max-width: unset;
  }
}

#block-contactusbyphone {
  margin-top: 40px;
}

.contact-custom-form, #block-contactus {
  margin-top: 60px;
}
.contact-custom-form label, #block-contactus label {
  display: block;
}
.contact-custom-form input, .contact-custom-form textarea, #block-contactus input, #block-contactus textarea {
  max-width: 100%;
}