body {
  height: 100vh;
}

@media screen and (min-width: 894px) {
  body .modal {
    max-height: calc(100vh - 2rem);
  }
}

body .modal {
  -webkit-font-smoothing: subpixel-antialiased;
  max-height: calc(90vh - 2rem);
  max-width: 550px;
  width: 90%;
  padding: 2rem 1rem 1rem;
  border-radius: 0.5rem;
  background: #fff;
}

body .modal .modal-content,
body .modal .modal-footer {
  padding: 0;
  margin: 0;
}

body .modal .modal-footer {
  background-color: unset;
}

#desktop-grid {
  padding: 0 1rem;
}

.meta {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.filename + .upload-remove-button {
  margin-left: 1rem;
}

.upload-remove-button {
  height: 40px;
  font-size: 40px;
  font-weight: 100;
}

.bullet-point {
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--primary);
  border-radius: 50%;
}

.card-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.card-slider .figure {
  background-color: #F0F5F9;
  position: relative;
  height: 11.5rem;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9rem;
}

.card-slider .figure img {
  width: inherit;
  height: 11.5rem;
}

.card-slider .figure .slider-value {
  position: absolute;
  bottom: 0;
  white-space: initial;
}

.card-slider .figure .slider-value.centered {
  bottom: initial;
}

.onboarding-spacer {
  height: 3.5rem;
}

.dashboard-investor-spacer {
  height: 6rem;
}

.dashboard-promoter-spacer {
  height: 3.5rem;
}

.dashboard-flow-spacer {
  height: 3.5rem;
}

.project-sub-spacer {
  height: 4rem;
}

@media screen and (min-width: 993px) {
  .dashboard-promoter-spacer {
    height: 6rem;
  }
  .dashboard-flow-spacer {
    height: 6rem;
  }
  .onboarding-spacer {
    height: 6rem;
  }
}

.content-border {
  border: 1px solid #9e9e9e;
  border-radius: 0.5rem;
}

body > div #help {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 2rem;
  min-height: 2rem;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
}

body > div .modal-content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-font-smoothing: antialiased;
}

body > div .full-width-img {
  width: 100%;
}

body > div .max-vh-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 50vh;
  -o-object-position: top;
     object-position: top;
}

body > div #tips .card {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body > div #tips .card svg {
  margin-right: 0.5rem;
}

body > div #tips .card p.typography-body--2 {
  font-weight: 500;
}

body > div #tips .card p.typography-subtitle--2 {
  margin-top: 0.5rem;
}

body > div #tips .card span.divider {
  margin: 1rem 0;
}

body > div .avatar {
  width: 4rem;
  height: 4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 50%;
}

body > div .avatar-default {
  cursor: pointer;
}

body > div .avatar-default:hover {
  opacity: 0.5;
}

body > div .round-square {
  margin: 0px auto;
  width: 104px;
  height: 104px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 10%;
}

body > div .small-flex-img {
  width: 4rem;
  opacity: 0.5;
  height: 100%;
}

body > div .small-flex-img:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  body > div .small-flex-img {
    width: 7rem;
  }
  body > div #special-behaviour-arrow-left {
    position: absolute;
    top: 1rem;
    z-index: 10;
    left: 0.9rem;
  }
  body > div .bank-account-card {
    width: 48%;
  }
}

body > div .navbar.navbar-bottom {
  z-index: 5;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
}

body > div .navbar.navbar-bottom > .row > a {
  -webkit-transition: 0.25s ease background-color;
  transition: 0.25s ease background-color;
}

@supports (padding: max(0px)) {
  body > div .navbar.navbar-bottom > .row > a {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

body > div .navbar.navbar-bottom > .row > a:hover {
  background-color: #ccc;
}

body > div .navbar.navbar-bottom > .row > a.active p, body > div .navbar.navbar-bottom > .row > a.active svg {
  color: #000;
}

body > div .navbar.navbar-bottom > .row > a p, body > div .navbar.navbar-bottom > .row > a svg {
  color: #87827D;
}

body > div .navbar.navbar-bottom > .row > a div {
  height: 3.5rem;
  text-align: center;
}

body > div .navbar.navbar-bottom > .row > a div p {
  margin-top: 0.25rem;
}

body > div header.app-header {
  min-height: unset;
}

body > div header.app-header #background {
  position: relative;
}

body > div header.app-header #background img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div header.app-header #background #background-description {
  position: absolute;
  width: calc(100% - 2rem);
  left: 50%;
  bottom: 1.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

body > div header.app-header #title {
  padding-top: 2rem;
}

body > div .social-sharing {
  padding: 0.25rem !important;
}

body > div .social-sharing a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6rem;
  width: 100%;
  border: 1px solid #C9D6DF;
  border-radius: 0.5rem;
}

body > div .social-sharing svg {
  margin-bottom: 1rem;
}

body > div .section {
  padding: 2rem 0 0 0;
}

body > div .section:first-of-type #title {
  color: #30271D;
}

body > div .section.single-question #question {
  margin-bottom: 1.5rem;
}

body > div .section.single-question #question > button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 2rem;
  min-height: 2rem;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}

body > div .section.single-question #question > button:hover {
  background: #ccc;
}

@media screen and (min-width: 993px) and (max-width: 1347px) {
  body > div .section.single-question #question {
    height: initial;
  }
}

body > div .section.single-question form .input-field {
  min-height: 4.125rem;
  margin-bottom: 2.125rem;
}

body > div .section.multiple-question form .input-field {
  margin-bottom: 1.5rem;
}

body > div .section.multiple-question form .input-field .select-wrapper input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
}

body > div .section.multiple-question form .input-field.custom-caret .select-wrapper input.select-dropdown {
  background-image: url(/themes/goparity/assets/media/icons/caret.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
}

body > div .section.multiple-question form .input-field.custom-caret .select-wrapper svg.caret {
  display: none;
}

body > div .header-container ~ .section #title {
  margin-top: 0;
}

body > div .modal.datepicker-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-date-display {
  background: #fff;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-date-display .year-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */
  letter-spacing: 0.15px;
  color: #000;
  margin: 0 0 0.25rem 0;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-date-display .date-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 34px;
  line-height: 41px;
  /* identical to box height */
  letter-spacing: 0.25px;
  color: #000;
  margin-bottom: 0.875rem;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-calendar-container .select-month input,
body > div .modal.datepicker-modal .datepicker-container .datepicker-calendar-container .select-year input {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  text-align: center;
  letter-spacing: 0.25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  width: 100%;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table thead tr abbr {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.32px;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
          font-feature-settings: 'pnum' on, 'lnum' on;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table tbody {
  color: #000;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table tbody td.is-today {
  color: var(--primary);
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table tbody td.is-selected {
  background-color: var(--primary) !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  color: #000;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table tbody td.is-selected.is-today {
  color: #fff;
}

body > div .modal.datepicker-modal .datepicker-container .datepicker-table tbody td button {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

body > div .modal.datepicker-modal .datepicker-container .confirmation-btns button {
  color: #000;
}

body > div .card-btn {
  padding: 1.75rem 1.5rem 1.5rem 1.5rem;
  border: 1px solid #C9D6DF;
  border-radius: 0.5rem;
  -webkit-transition: 0.3s ease box-shadow;
  transition: 0.3s ease box-shadow;
  cursor: pointer;
  max-width: 650px;
}

body > div .card-btn:hover {
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
}

body > div .card-btn img {
  margin-bottom: 1.25rem;
}

body > div .multiple-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-gap: 1rem;
}

body > div form .input-field {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body > div form .input-field.input--no-margin input {
  margin: 0 !important;
}

body > div form .input-field.custom-caret .select-wrapper input.select-dropdown {
  background-image: url(/themes/goparity/assets/media/icons/caret.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
}

body > div form .input-field.custom-caret .select-wrapper svg.caret {
  display: none;
}

body > div form .input-field input:not([type]),
body > div form .input-field input[type=text]:not(.browser-default),
body > div form .input-field input[type=password]:not(.browser-default),
body > div form .input-field input[type=email]:not(.browser-default),
body > div form .input-field input[type=url]:not(.browser-default),
body > div form .input-field input[type=time]:not(.browser-default),
body > div form .input-field input[type=datetime]:not(.browser-default),
body > div form .input-field input[type=datetime-local]:not(.browser-default),
body > div form .input-field input[type=tel]:not(.browser-default),
body > div form .input-field input[type=number]:not(.browser-default),
body > div form .input-field input[type=search]:not(.browser-default),
body > div form .input-field textarea.materialize-textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
  border: 1px solid #9e9e9e;
  border-radius: 0.5rem;
}

body > div form .input-field input.datepicker {
  background-image: url(/themes/goparity/assets/media/icons/calendar.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) 50%;
}

body > div form .input-field label {
  color: #30271D;
  left: 1rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  letter-spacing: 0.25px;
}

body > div form .field-icon {
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  z-index: 2;
}

body > div form button[type="submit"].border-primary {
  background: transparent;
  color: #000;
  border-width: 0.125rem;
}

body > div .error-message {
  background-color: var(--invalid);
}

body > div .btn.btn--primary-border {
  background-color: transparent;
  color: #000;
  border: 2px solid var(--primary);
}

body > div svg.upload-button {
  cursor: copy;
}

body > div svg.upload-button:hover {
  opacity: 50%;
}

body > div img#back,
body > div img#arrow-left,
body > div img.arrow-left {
  cursor: pointer;
}

body > div .error-message {
  background-color: var(--invalid);
  margin-bottom: 1rem;
}

body > div .error-message svg {
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body > div .link {
  display: initial;
  color: var(--highlight);
  font-weight: 600;
}

body > div .actions-bottom {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  padding: 0 1rem;
}

body > div .actions-bottom > a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div input:not([type]):focus:not([readonly]),
body > div input[type=text]:not(.browser-default):focus:not([readonly]),
body > div input[type=password]:not(.browser-default):focus:not([readonly]),
body > div input[type=email]:not(.browser-default):focus:not([readonly]),
body > div input[type=url]:not(.browser-default):focus:not([readonly]),
body > div input[type=time]:not(.browser-default):focus:not([readonly]),
body > div input[type=date]:not(.browser-default):focus:not([readonly]),
body > div input[type=datetime]:not(.browser-default):focus:not([readonly]),
body > div input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
body > div input[type=tel]:not(.browser-default):focus:not([readonly]),
body > div input[type=number]:not(.browser-default):focus:not([readonly]),
body > div input[type=search]:not(.browser-default):focus:not([readonly]),
body > div textarea.materialize-textarea:focus:not([readonly]), body > div .select-wrapper
input.select-dropdown:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body > div input.datepicker {
  background-image: url(/themes/goparity/assets/media/icons/calendar.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) 50%;
}

body > div .commands {
  margin-left: auto;
}

body > div .commands.left {
  margin-right: auto;
}

body > div .commands .command:not(:last-of-type) {
  margin-right: 1.5rem;
}

body > div button.command {
  -webkit-appearance: none;
  background-color: #fff;
  color: #909090;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-radius: 0.2rem;
  border: none;
  -webkit-transition: 0.3s ease background-color;
  transition: 0.3s ease background-color;
  margin-left: auto;
}

body > div button.command:focus, body > div button.command:active, body > div button.command:hover {
  background-color: #ccc;
}

body > div button.command.left {
  margin-right: auto;
  margin-left: unset;
}

body > div button.command.dark {
  color: #30271D;
}

body > div span.divider {
  opacity: 0.24;
  width: 100%;
  background-color: #30271D;
}

body > div ul:not(.tabs):not(.indicators).list-items--border > li,
body > div ul:not(.tabs):not(.indicators).list-items--border > div,
body > div div.list.list-items--border > li,
body > div div.list.list-items--border > div {
  border-bottom: 1px solid rgba(49, 39, 29, 0.24);
}

body > div ul:not(.tabs):not(.indicators) > li,
body > div ul:not(.tabs):not(.indicators) > div,
body > div div.list > li,
body > div div.list > div {
  padding: 0.5rem 0;
}

body > div ul:not(.tabs):not(.indicators) > li:not(:last-of-type),
body > div ul:not(.tabs):not(.indicators) > div:not(:last-of-type),
body > div div.list > li:not(:last-of-type),
body > div div.list > div:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

body > div .attached-documents {
  background-color: #F5F5F5;
}

body > div .attached-documents #documents {
  margin-top: 1rem;
}

body > div .document {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--text-primary);
}

body > div .document:not(:first-of-type) {
  margin-bottom: 1rem;
}

body > div .document .symbol {
  width: 2rem;
  height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  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;
  border-radius: 50%;
}

body > div .document .symbol.pdf {
  background-color: #FF5722;
}

body > div .document .symbol.csv {
  background-color: #008000;
}

body > div .document .symbol.xls {
  background-color: #008000;
}

body > div .document .symbol.new-file {
  background-color: #87827D;
}

body > div .document .symbol.zip {
  background-color: rgba(255, 194, 120, 0.88);
}

body > div .document .symbol.img {
  background-color: #339999;
}

body > div .document .symbol.doc {
  background-color: #336699;
}

body > div .document .symbol.ubo span {
  color: #30271D;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

body > div .document .symbol span {
  color: #fff;
}

body > div .document #description {
  padding-left: 11px;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}

body > div .document #download {
  -ms-flex-preferred-size: calc(20% - 2rem);
      flex-basis: calc(20% - 2rem);
  background: transparent;
  color: var(--text-primary);
  padding-left: 0.5rem;
}

body > div .document #download > * {
  margin-left: auto;
  cursor: pointer;
}

body > div .calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div .col {
  padding: 0;
}

body > div .col .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body > div .row .col {
  padding: 0;
}

body > div .sidenav#kyc-drawer {
  height: 100%;
  padding: 0;
}

body > div .sidenav#kyc-drawer nav {
  height: 3.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body > div .sidenav#kyc-drawer nav .brand-logo {
  width: 5.5rem;
}

body > div .sidenav#kyc-drawer .drawer-spacer {
  height: 3.5rem;
}

body > div .sidenav#kyc-drawer p, body > div#profile-settings p {
  text-indent: 0;
}

body > div .sidenav#kyc-drawer .settings-rate, body > div#profile-settings .settings-rate {
  margin-top: 2rem;
  border-top: 1px solid #30271d3d;
  padding-top: 1rem;
}

body > div .sidenav#kyc-drawer li, body > div#profile-settings li {
  padding: 0 1rem;
}

body > div .sidenav#kyc-drawer li#profile, body > div#profile-settings li#profile {
  margin-bottom: 0;
}

body > div .sidenav#kyc-drawer li#profile #complete-kyc .command, body > div#profile-settings li#profile #complete-kyc .command {
  -ms-flex-preferred-size: 7.5%;
      flex-basis: 7.5%;
  cursor: pointer;
}

body > div .sidenav#kyc-drawer li#close a, body > div#profile-settings li#close a {
  position: absolute;
  top: 2.375rem;
  right: 3.5rem;
  height: 1.5rem;
  padding: 0;
  cursor: pointer;
}

body > div .sidenav#kyc-drawer li#close a svg, body > div#profile-settings li#close a svg {
  display: block;
}

body > div .sidenav#kyc-drawer li div.account-wallet, body > div#profile-settings li div.account-wallet {
  padding: 1rem;
  border-radius: 1rem;
}

body > div .sidenav#kyc-drawer li div.account-wallet .no-border, body > div#profile-settings li div.account-wallet .no-border {
  border: none;
}

body > div .sidenav#kyc-drawer li#actions, body > div#profile-settings li#actions {
  padding: 0;
  margin-top: 1.5rem;
}

body > div .sidenav#kyc-drawer li#actions .list > .flex, body > div#profile-settings li#actions .list > .flex {
  padding: 1.125rem 0 0 1rem;
}

body > div .sidenav#kyc-drawer li#actions .list > .flex:hover, body > div .sidenav#kyc-drawer li#actions .list > .flex:focus, body > div#profile-settings li#actions .list > .flex:hover, body > div#profile-settings li#actions .list > .flex:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

body > div .sidenav#kyc-drawer li#actions .list > .flex:not(:last-of-type) p, body > div#profile-settings li#actions .list > .flex:not(:last-of-type) p {
  border-bottom: 1px solid #30271d3d;
  margin-right: 1rem;
}

body > div .sidenav#kyc-drawer li#actions .list > .flex svg, body > div#profile-settings li#actions .list > .flex svg {
  margin-right: 1rem;
}

body > div .sidenav#kyc-drawer li#actions .list > .flex p, body > div#profile-settings li#actions .list > .flex p {
  width: 100%;
  padding-bottom: 1rem;
}

body > div .sidenav#kyc-drawer li#calltoaction a.btn, body > div#profile-settings li#calltoaction a.btn {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0;
}

body > div .sidenav#kyc-drawer li#calltoaction a.btn:hover, body > div .sidenav#kyc-drawer li#calltoaction a.btn:focus, body > div#profile-settings li#calltoaction a.btn:hover, body > div#profile-settings li#calltoaction a.btn:focus {
  background-color: var(--primary);
}

body > div .sidenav#kyc-drawer .notifications, body > div#profile-settings .notifications {
  border-bottom: 1px solid #30271d3d;
}

body > div .sidenav#kyc-drawer .attached-documents, body > div#profile-settings .attached-documents {
  background-color: transparent;
}

body > div ul.list.list-items--border > li,
body > div ul.list.list-items--border > div,
body > div div.list.list-items--border > li,
body > div div.list.list-items--border > div {
  border-bottom: 1px solid rgba(49, 39, 29, 0.24);
}

body > div ul.list > li,
body > div ul.list > div,
body > div div.list > li,
body > div div.list > div {
  padding: 0.5rem 0;
}

body > div ul.list > li:not(:last-of-type),
body > div ul.list > div:not(:last-of-type),
body > div div.list > li:not(:last-of-type),
body > div div.list > div:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

body > div .account-wallet {
  position: relative;
  background-color: #F0F5F9;
  padding: 1.5rem 1rem 2.5rem 1rem;
}

body > div .account-wallet .list:first-of-type {
  margin-top: 1.5rem;
}

body > div .account-wallet .list#show-more {
  display: none;
  opacity: 0;
  -webkit-transition: 0.3s ease opacity, 0.5s ease height;
  transition: 0.3s ease opacity, 0.5s ease height;
}

body > div .account-wallet .list#show-more.active {
  display: block;
}

body > div .account-wallet .list .row > p:first-of-type {
  text-transform: uppercase;
  padding: 0;
}

body > div .account-wallet .list .row > p:last-of-type {
  font-weight: 600;
}

body > div .account-wallet button.command#more {
  position: absolute;
  z-index: 1;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.25rem;
  border-radius: 50%;
  cursor: pointer;
}

body > div .account-wallet button.command#more svg:last-of-type {
  display: none;
}

body > div .account-wallet button.command#more.active svg:first-of-type {
  display: none;
}

body > div .account-wallet button.command#more.active svg:last-of-type {
  display: block;
}

body > div .details {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem;
}

body > div .details div.list {
  margin-top: 1.5rem;
}

body > div .details div.list .row:first-of-type {
  padding-top: 0;
}

body > div .details div.list div > *:last-of-type {
  font-weight: 600;
}

body > div #password-requirements {
  padding: 0 0.75rem;
  margin-bottom: 2.5rem;
}

body > div #password-requirements > div:not(:last-of-type) {
  margin-bottom: 0.25rem;
}

body > div #password-requirements svg {
  margin-right: 0.75rem;
}

body > div#signup #title {
  margin-bottom: 1.5rem;
}

body > div#signup form #tos {
  margin-top: 1.5rem;
}

body > div#signup form #tos a {
  display: initial;
  font-weight: 600;
  color: var(--highlight);
}

body > div#signup .details .list {
  margin-top: 0rem;
}

body > div#signup #social {
  background: #F0F5F9;
  margin-top: 2rem;
}

body > div#signup #social p {
  margin-bottom: 1.5rem;
}

body > div#signup #social .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body > div#signup #social .flex > button {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}

body > div#login-signup {
  color: #30271D;
}

body > div#login-signup #login-form #title {
  margin-bottom: 1.5rem;
}

body > div#login-signup #social {
  background: #F0F5F9;
}

body > div#login-signup #social p {
  margin-bottom: 1.5rem;
}

body > div#login-signup #social .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body > div#login-signup #social .flex > button {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}

body > div#confirmation-email-sent button {
  margin-top: 1.25rem;
}

body > div.onboarding.project-submission nav.app.onboarding.scrolled-down[data-mobile] {
  top: 0rem !important;
}

body > div.onboarding main.app {
  padding-bottom: 5rem;
}

body > div.onboarding main.app #title > h6 {
  padding-right: 2rem;
}

body > div.onboarding main.app #title > button {
  min-height: 2rem;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
}

body > div.onboarding main.app #title > button:hover {
  background: #ccc;
}

body > div.onboarding main.app #title #account-types > a:not(:last-of-type) {
  margin-bottom: 1rem;
}

body > div.onboarding main.app #vertical-tabs {
  height: auto;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--error-background);
  border-radius: 0.5rem;
}

body > div.onboarding main.app #vertical-tabs .indicator {
  display: none;
}

body > div.onboarding main.app #vertical-tabs .tab {
  width: 100%;
  border-bottom: none;
  padding: 0rem;
  margin: 0rem;
}

body > div.onboarding main.app #vertical-tabs .tab .item {
  color: #30271D;
  font-size: 10px;
  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;
  text-transform: uppercase;
  background-color: var(--error-background);
  border-radius: 0.5rem;
}

body > div.onboarding main.app #vertical-tabs .tab .item.active {
  background-color: #FFB65E;
}

body > div.onboarding main.app #proposal-details #project-description .single-question .input-field {
  margin-bottom: 0rem;
}

body > div.onboarding main.app #proposal-details #project-description .single-question .input-field #project-description-field {
  padding-top: 1rem;
  height: 15rem !important;
}

body > div.onboarding main.app #proposal-details #project-description .single-question #project-description-button {
  margin: 0;
}

body > div.onboarding main.app #proposal-details #promoter-phone-number .flex-column {
  height: 9rem;
}

body > div.onboarding main.app#project-proposal #simulation .asRange-selected {
  background-color: rgba(0, 0, 0, 0) !important;
}

@media screen and (min-width: 993px) {
  body > div.onboarding main.app#project-proposal #proposal-details {
    padding-top: 5rem;
  }
  body > div.onboarding main.app#project-proposal #proposal-details #promoter-sdg .input-field {
    margin-top: 3rem;
  }
}

body > div.onboarding#onboarding-start .modal .modal-content, body > div.onboarding#onboarding-personal-investortype .modal .modal-content, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content, body > div.onboarding#onboarding-personal-investortype .modal .modal-content {
  color: #635C55;
}

body > div.onboarding#onboarding-start .modal .modal-content .modal-title, body > div.onboarding#onboarding-personal-investortype .modal .modal-content .modal-title, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content .modal-title, body > div.onboarding#onboarding-personal-investortype .modal .modal-content .modal-title {
  color: #30271D;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal .section-title,
body > div.onboarding#onboarding-start .modal .modal-content #organisational .section-title, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal .section-title,
body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #organisational .section-title, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title {
  margin-bottom: 0.5rem;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal .section-title svg,
body > div.onboarding#onboarding-start .modal .modal-content #organisational .section-title svg, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title svg,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title svg, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal .section-title svg,
body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #organisational .section-title svg, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title svg,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title svg {
  color: #000;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal .section-title p,
body > div.onboarding#onboarding-start .modal .modal-content #organisational .section-title p, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title p,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title p, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal .section-title p,
body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #organisational .section-title p, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal .section-title p,
body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational .section-title p {
  font-weight: 500;
  color: #000;
  margin-left: 0.75rem;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal {
  margin-bottom: 1.125rem;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal #investment-limits, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal #investment-limits, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal #investment-limits, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal #investment-limits {
  margin: 0.5rem 0;
}

body > div.onboarding#onboarding-start .modal .modal-content #personal #investment-limits img.bullet, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal #investment-limits img.bullet, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #personal #investment-limits img.bullet, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #personal #investment-limits img.bullet {
  margin-right: 0.75rem;
}

body > div.onboarding#onboarding-start .modal .modal-content #organisational #documents-needed, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational #documents-needed, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #organisational #documents-needed, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational #documents-needed {
  margin: 0.5rem 0;
}

body > div.onboarding#onboarding-start .modal .modal-content #organisational #documents-needed img, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational #documents-needed img, body > div.onboarding#onboarding-personal-uploadid .modal .modal-content #organisational #documents-needed img, body > div.onboarding#onboarding-personal-investortype .modal .modal-content #organisational #documents-needed img {
  margin-right: 0.75rem;
}

body > div.onboarding#onboarding-personal-accountconfirmation main.app[data-mobile] .calltoactions, body > div.onboarding#onboarding-organisational-accountconfirmation main.app[data-mobile] .calltoactions {
  margin-top: 3.5rem;
}

body > div.onboarding#onboarding-personal-accountconfirmation main.app #question img#back, body > div.onboarding#onboarding-organisational-accountconfirmation main.app #question img#back {
  margin-right: 1.5rem;
  cursor: pointer;
}

body > div.onboarding#onboarding-personal-accountconfirmation main.app #question img#hero, body > div.onboarding#onboarding-organisational-accountconfirmation main.app #question img#hero {
  width: 100%;
  height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}

body > div.onboarding#onboarding-personal-accountconfirmation main.app #content a, body > div.onboarding#onboarding-organisational-accountconfirmation main.app #content a {
  margin-bottom: 1.5rem;
}

body > div.onboarding#onboarding-organisational-article-uploadok main.app[data-desktop] .calltoactions a {
  margin-top: 1rem;
}

body > div.onboarding#onboarding-organisational-ubo #question .flex {
  margin-bottom: 0.5rem;
}

body > div.onboarding#onboarding-organisational-ubo .shareholder {
  -ms-grid-columns: auto 4rem;
      grid-template-columns: auto 4rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

body > div.onboarding#onboarding-organisational-ubo .shareholder h6 {
  color: #30271D;
}

body > div.onboarding#onboarding-organisational-ubo .shareholder p {
  margin-top: 0.5rem;
}

body > div.onboarding#onboarding-organisational-ubo .shareholder #commands svg {
  cursor: pointer;
  -webkit-transition: 0.3s ease color;
  transition: 0.3s ease color;
}

body > div.onboarding#onboarding-organisational-ubo .shareholder #commands svg:hover {
  color: var(--primary);
}

body > div.onboarding#onboarding-organisational-ubo .calltoactions {
  margin-top: 2rem;
}

body > div.onboarding#onboarding-organisational-ubo .calltoactions a {
  margin-bottom: 1.5rem;
}

body > div.onboarding#onboarding-personal-npttaxid form .input-field {
  margin-bottom: 3rem;
}

body > div.onboarding#onboarding-personal-investortype .modal img {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

body > div.onboarding#onboarding-personal-investortype .modal .flex #investortypes .grid {
  -ms-grid-columns: 1.25rem auto;
      grid-template-columns: 1.25rem auto;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  grid-gap: 1rem 0;
  padding-right: 0.375rem;
}

body > div.onboarding#onboarding-personal-investortype .modal .flex #investortypes .grid img {
  margin-top: 0.5rem;
}

body > div.onboarding#onboarding-personal-investortype .modal #qualified {
  padding: 0 0.25rem 0 1.25rem;
  margin: 1rem 0 1.25rem 0;
}

body > div.onboarding#onboarding-personal-investortype .modal #why-do-i-need-to-know p {
  margin-left: 0.625rem;
}

body > div.onboarding#onboarding-personal-investortype .modal #we-are-regulated {
  margin-top: 0.75rem;
}

body > div.onboarding#onboarding-personal-investortype .multiple-options p {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

body > div.onboarding#onboarding-personal-uploadok #title h6, body > div.onboarding#onboarding-personal-uploadok #title h6, body > div.onboarding#onboarding-personal-successfuluploadid #title h6 {
  margin-top: 1.5rem;
}

body > div.onboarding#onboarding-personal-uploadok #title a, body > div.onboarding#onboarding-personal-uploadok #title a, body > div.onboarding#onboarding-personal-successfuluploadid #title a {
  margin-top: 4rem;
}

body > div.onboarding#onboarding-organisational-needid #info-needed img {
  margin-right: 0.75rem;
}

body > div.onboarding#onboarding-organisational-needid #documents .flex.flex-column p {
  font-weight: 500;
}

body > div.onboarding#onboarding-organisational-needid #documents .flex.flex-column p img {
  padding-right: 0.75rem;
}

body > div.onboarding#onboarding-organisational-needid #documents .flex.flex-column p ~ .description {
  margin-top: 1.125rem;
}

body > div.onboarding#onboarding-organisational-needid #documents .flex.flex-column span.divider {
  margin: 1.125rem 0;
}

body > div.onboarding#onboarding-organisational-needid #documents .flex.flex-column div:last-of-type {
  margin-top: 1.125rem;
  margin-bottom: 2.25rem;
}

body > div.onboarding#onboarding-organisational-needid #calltoactions {
  margin-top: 3rem;
}

body > div.onboarding#onboarding-organisational-needid #calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.onboarding#onboarding-organisational-needid a {
  margin-bottom: 1.5rem;
}

body > div.onboarding#foreign-detour-notaxid .single-question #desktop-question {
  height: 14rem;
}

body > div.onboarding#onboarding-organisational-notbizrep-infoneeded .flex img {
  margin-right: 0.75rem;
}

body > div.onboarding#onboarding-organisational-notbizrep-infoneeded .calltoactions {
  margin-top: 3rem;
}

body > div.onboarding#onboarding-organisational-uploadid #title {
  margin-bottom: 3rem;
}

body > div.onboarding#onboarding-organisational-uploadid .card {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body > div.onboarding#onboarding-organisational-uploadid .card svg {
  margin-right: 0.5rem;
}

body > div.onboarding#onboarding-organisational-uploadid .card p.typography-body--2 {
  font-weight: 500;
}

body > div.onboarding#onboarding-organisational-uploadid .card p.typography-subtitle--2 {
  margin-top: 0.5rem;
}

body > div.onboarding#onboarding-organisational-uploadid .card span.divider {
  background-color: #30271D;
  opacity: 0.24;
  margin: 1rem 0;
}

body > div.onboarding#onboarding-organisational-uploadid a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.onboarding#onboarding-organisational-uploadlegaldocs #documents .document .flex img {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-top: 0.5rem;
  padding: 0 1.5rem 0 0.5rem;
}

body > div.onboarding#onboarding-organisational-uploadlegaldocs #documents .document a {
  margin-top: 1.5rem;
}

body > div.onboarding#onboarding-organisational-uploadlegaldocs #documents span.divider {
  margin: 1.5rem 0;
}

body > div.onboarding#onboarding-organisational-uploadarticles div.typography-body--2 {
  font-weight: 500;
}

body > div.onboarding#onboarding-organisational-id-uploadok #title h6, body > div.onboarding#onboarding-organisational-legaldocs-uploadok #title h6, body > div.onboarding#onboarding-organisational-article-uploadok #title h6 {
  margin-top: 1.5rem;
}

body > div.onboarding#onboarding-organisational-id-uploadok #title a, body > div.onboarding#onboarding-organisational-legaldocs-uploadok #title a, body > div.onboarding#onboarding-organisational-article-uploadok #title a {
  margin-top: 4rem;
}

body > div.onboarding#onboarding-organisational-article-uploadok #title a {
  margin-top: 3.25rem;
}

body > div.onboarding#onboarding-organisational-accountconfirmation .calltoactions {
  margin-top: 3rem;
}

body > div.onboarding#onboarding-getstarted nav {
  -webkit-box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
          box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
}

body > div.onboarding#onboarding-getstarted .row {
  padding: 0;
}

body > div.onboarding#onboarding-getstarted .row #title button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 2rem;
  min-height: 2rem;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
}

body > div.onboarding#onboarding-getstarted .row #title button:hover {
  background: #ccc;
}

body > div.onboarding#onboarding-getstarted .row #steps {
  background-color: none;
}

body > div.onboarding#onboarding-getstarted .row #steps .step {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body > div.onboarding#onboarding-getstarted .row #steps .step img {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-right: 1rem;
}

body > div.onboarding#onboarding-getstarted .row #steps .step button {
  margin-top: 1.5rem;
}

body > div.onboarding#onboarding-getstarted .row #steps span.divider {
  margin: 1.5rem 0;
}

body > div.dashboard#dashboard-project-view nav ul span {
  color: var(--text-secondary);
}

body > div.dashboard#dashboard-project-view #project {
  position: relative;
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .carousel {
  height: 15rem !important;
}

body > div.dashboard#dashboard-project-view #project .carousel .carousel-item {
  height: 15rem !important;
}

body > div.dashboard#dashboard-project-view #project .carousel img {
  width: 100%;
  height: 20rem !important;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #project-information {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description a,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #project-information a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #short-company-description,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #project-information {
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs a,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #short-company-description a,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description a,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #project-information a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #investment-details .col {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs .col {
  margin-bottom: 1.5rem;
  width: 45%;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs .col:nth-of-type(2n+1) {
  margin-right: 10%;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs .col img {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #sdgs .col p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #short-company-description {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description > div {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description > div #title {
  color: #000;
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description > div #title svg {
  width: 1.5rem;
  height: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description > div #title p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description > div > p {
  line-height: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description #long-company-description a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description .attached-documents {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description .calltoactions {
  margin: 2rem 0;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#description .calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #activity-info {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #activity-info .row:not(:first-of-type) {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #activity-info .row > .col.s6:nth-child(1) {
  font-weight: 500;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #activity-info .row > .col.s6:nth-child(2) {
  font-weight: 400;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #promoter-rating,
body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #risk {
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #track-record p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #promoter-rating {
  border: 1px solid var(--primary);
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#promoter #risk {
  background-color: #F0F5F9;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates > p {
  font-weight: 400;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates #timeline {
  padding: 0 0.75rem;
  margin-top: 1.375rem;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type {
  position: relative;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type .line {
  height: 103%;
  border-left: 1px solid #CDCBC9;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type .time-point {
  position: absolute;
  top: 0;
  left: -0.26rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--primary);
  border-radius: 50%;
  margin-top: 2%;
}

body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div#updates #timeline .description .title {
  margin-bottom: 0.5rem;
}

body > div.dashboard .navbar-tabs {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 6px 8px -2px rgba(74, 44, 7, 0.16);
          box-shadow: 0px 6px 8px -2px rgba(74, 44, 7, 0.16);
  margin-bottom: 0;
}

body > div.dashboard .notification {
  position: relative;
  z-index: 0;
  background-color: var(--error-background);
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  -webkit-transition: .33s ease all;
  transition: .33s ease all;
  margin: 0 auto;
}

body > div.dashboard .notification h6 {
  color: #30271D;
  padding-right: 2.5rem;
}

body > div.dashboard .notification h6 button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-appearance: none;
  background-color: transparent;
  color: var(--text-secondary);
  padding: 0;
  border: none;
  border-radius: 0.25rem;
  outline: none;
  -webkit-transition: 0.3s ease background-color;
  transition: 0.3s ease background-color;
}

body > div.dashboard .notification h6 button:hover, body > div.dashboard .notification h6 button:focus, body > div.dashboard .notification h6 button:active {
  background-color: #ccc;
  cursor: pointer;
}

body > div.dashboard .notification p {
  margin: 1rem 0 1.5rem 0;
}

body > div.dashboard main.app > .row,
body > div.dashboard div#payments > .row {
  padding: 0 0 5rem 0;
}

body > div.dashboard main.app > .row.single-question #desktop-margin,
body > div.dashboard div#payments > .row.single-question #desktop-margin {
  margin-top: 1.5rem;
}

body > div.dashboard main.app > .row.single-question .subpage-title p,
body > div.dashboard div#payments > .row.single-question .subpage-title p {
  font-weight: 500;
  margin-bottom: 0;
}

body > div.dashboard main.app > .row .subsection:not(.empty) #desktop-grid > div .row.empty,
body > div.dashboard div#payments > .row .subsection:not(.empty) #desktop-grid > div .row.empty {
  display: none;
}

body > div.dashboard main.app > .row .subsection.empty #desktop-grid > div .row:not(.empty),
body > div.dashboard div#payments > .row .subsection.empty #desktop-grid > div .row:not(.empty) {
  display: none;
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title {
  color: #30271D;
  margin-bottom: 1.5rem;
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
      grid-template-areas: "titletext titletext calltoaction";
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: titletext;
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type .commands,
body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type .command,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type .commands,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:first-of-type .command {
  margin-top: 3.25rem;
  margin-left: 0;
  margin-right: auto;
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:last-of-type,
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:last-of-type {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: calltoaction;
}

body > div.dashboard main.app > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:last-of-type button:not(:last-of-type),
body > div.dashboard div#payments > .row > .col > .subsection #desktop-grid > div .title.has-calltoaction div:last-of-type button:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard .modal#order-by,
body > div.dashboard .modal#filter-by,
body > div.dashboard .modal#make-transfer-later,
body > div.dashboard .modal#how-marketplace-works,
body > div.dashboard .modal#about-savings,
body > div.dashboard .modal#stop-savings {
  padding: 2rem 1rem 1rem 1rem;
}

body > div.dashboard .modal#order-by .modal-content,
body > div.dashboard .modal#filter-by .modal-content,
body > div.dashboard .modal#make-transfer-later .modal-content,
body > div.dashboard .modal#how-marketplace-works .modal-content,
body > div.dashboard .modal#about-savings .modal-content,
body > div.dashboard .modal#stop-savings .modal-content {
  padding: 0;
}

body > div.dashboard .modal#order-by .modal-content .title,
body > div.dashboard .modal#filter-by .modal-content .title,
body > div.dashboard .modal#make-transfer-later .modal-content .title,
body > div.dashboard .modal#how-marketplace-works .modal-content .title,
body > div.dashboard .modal#about-savings .modal-content .title,
body > div.dashboard .modal#stop-savings .modal-content .title {
  color: var(--text-primary);
  margin-bottom: 2rem;
}

body > div.dashboard .modal#order-by .modal-content form p:not(:last-of-type),
body > div.dashboard .modal#filter-by .modal-content form p:not(:last-of-type),
body > div.dashboard .modal#make-transfer-later .modal-content form p:not(:last-of-type),
body > div.dashboard .modal#how-marketplace-works .modal-content form p:not(:last-of-type),
body > div.dashboard .modal#about-savings .modal-content form p:not(:last-of-type),
body > div.dashboard .modal#stop-savings .modal-content form p:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard .modal#order-by .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#order-by .modal-content form p input[type="radio"] + span:after,
body > div.dashboard .modal#filter-by .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#filter-by .modal-content form p input[type="radio"] + span:after,
body > div.dashboard .modal#make-transfer-later .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#make-transfer-later .modal-content form p input[type="radio"] + span:after,
body > div.dashboard .modal#how-marketplace-works .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#how-marketplace-works .modal-content form p input[type="radio"] + span:after,
body > div.dashboard .modal#about-savings .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#about-savings .modal-content form p input[type="radio"] + span:after,
body > div.dashboard .modal#stop-savings .modal-content form p input[type="radio"] + span:before,
body > div.dashboard .modal#stop-savings .modal-content form p input[type="radio"] + span:after {
  margin: 0;
  width: 1.375rem;
  height: 1.375rem;
}

body > div.dashboard .modal#order-by .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#order-by .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after,
body > div.dashboard .modal#filter-by .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#filter-by .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after,
body > div.dashboard .modal#make-transfer-later .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#make-transfer-later .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after,
body > div.dashboard .modal#how-marketplace-works .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#how-marketplace-works .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after,
body > div.dashboard .modal#about-savings .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#about-savings .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after,
body > div.dashboard .modal#stop-savings .modal-content form p input[type="checkbox"] + span:not(.lever):before,
body > div.dashboard .modal#stop-savings .modal-content form p input[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  border-radius: 0.25rem;
  margin: 0;
}

body > div.dashboard .modal#order-by .modal-content form p span,
body > div.dashboard .modal#filter-by .modal-content form p span,
body > div.dashboard .modal#make-transfer-later .modal-content form p span,
body > div.dashboard .modal#how-marketplace-works .modal-content form p span,
body > div.dashboard .modal#about-savings .modal-content form p span,
body > div.dashboard .modal#stop-savings .modal-content form p span {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
}

body > div.dashboard .modal#order-by .modal-footer,
body > div.dashboard .modal#filter-by .modal-footer,
body > div.dashboard .modal#make-transfer-later .modal-footer,
body > div.dashboard .modal#how-marketplace-works .modal-footer,
body > div.dashboard .modal#about-savings .modal-footer,
body > div.dashboard .modal#stop-savings .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: unset;
  padding: 0;
  margin: 3.5rem 0 0 0;
}

body > div.dashboard .modal#order-by .modal-footer > div,
body > div.dashboard .modal#filter-by .modal-footer > div,
body > div.dashboard .modal#make-transfer-later .modal-footer > div,
body > div.dashboard .modal#how-marketplace-works .modal-footer > div,
body > div.dashboard .modal#about-savings .modal-footer > div,
body > div.dashboard .modal#stop-savings .modal-footer > div {
  margin-left: auto;
}

body > div.dashboard .modal#order-by .modal-footer > div > a, body > div.dashboard .modal#order-by .modal-footer > div button,
body > div.dashboard .modal#filter-by .modal-footer > div > a,
body > div.dashboard .modal#filter-by .modal-footer > div button,
body > div.dashboard .modal#make-transfer-later .modal-footer > div > a,
body > div.dashboard .modal#make-transfer-later .modal-footer > div button,
body > div.dashboard .modal#how-marketplace-works .modal-footer > div > a,
body > div.dashboard .modal#how-marketplace-works .modal-footer > div button,
body > div.dashboard .modal#about-savings .modal-footer > div > a,
body > div.dashboard .modal#about-savings .modal-footer > div button,
body > div.dashboard .modal#stop-savings .modal-footer > div > a,
body > div.dashboard .modal#stop-savings .modal-footer > div button {
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  color: var(--text-primary);
  width: auto;
}

body > div.dashboard .modal#filter-by .modal-footer {
  margin-top: 2rem;
}

body > div.dashboard .modal#make-transfer-later .modal-content .title {
  margin-bottom: 1rem;
}

body > div.dashboard .modal#make-transfer-later .modal-footer {
  margin-top: 1.5rem;
}

body > div.dashboard .modal#how-marketplace-works #cornerstones {
  margin-bottom: 0;
}

body > div.dashboard .modal#how-marketplace-works #cornerstones p.title {
  color: var(--text-secondary);
  font-weight: 600;
  margin-bottom: .75rem;
}

body > div.dashboard .modal#how-marketplace-works .modal-footer {
  margin-top: 1rem;
}

body > div.dashboard .fixed-action-btn {
  position: fixed;
  right: 1.5rem;
  bottom: 5rem;
}

body > div.dashboard .fab-overlay {
  z-index: -10;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  -webkit-transform: scale(0.4) translateY(50%) translateX(0px);
          transform: scale(0.4) translateY(50%) translateX(0px);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}

body > div.dashboard .fab-overlay.active {
  z-index: 10;
  opacity: 1;
  -webkit-transform: scale(1) translateY(0px) translateX(0px);
          transform: scale(1) translateY(0px) translateX(0px);
}

body > div.dashboard .fab-overlay.close {
  -webkit-animation: fadeOut forwards 0.3s ease;
          animation: fadeOut forwards 0.3s ease;
  -webkit-transform: scale(0.4) translateY(50%) translateX(0px);
          transform: scale(0.4) translateY(50%) translateX(0px);
}

body > div.dashboard canvas {
  width: 100%;
}

body > div.dashboard .calltoactions.bottom {
  width: 100%;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div #title button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 2rem;
  min-height: 2rem;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div #title button:hover {
  background: #ccc;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div #steps .step img {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-right: 1rem;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div #steps .step button {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-login #actions-suggestions #desktop-grid > div #steps span.divider {
  margin: 1.5rem 0;
}

body > div.dashboard#dashboard-overview #summary.empty > #desktop-grid > span.divider,
body > div.dashboard#dashboard-overview #my-projects.empty > #desktop-grid > span.divider, body > div.dashboard#dashboard-promoter-overview #summary.empty > #desktop-grid > span.divider,
body > div.dashboard#dashboard-promoter-overview #my-projects.empty > #desktop-grid > span.divider {
  display: none;
}

body > div.dashboard#dashboard-overview #summary > div:not(:first-of-type),
body > div.dashboard#dashboard-overview #my-projects > div:not(:first-of-type), body > div.dashboard#dashboard-promoter-overview #summary > div:not(:first-of-type),
body > div.dashboard#dashboard-promoter-overview #my-projects > div:not(:first-of-type) {
  margin-top: 1rem;
}

body > div.dashboard#dashboard-overview #summary > #desktop-grid > span.divider,
body > div.dashboard#dashboard-overview #my-projects > #desktop-grid > span.divider, body > div.dashboard#dashboard-promoter-overview #summary > #desktop-grid > span.divider,
body > div.dashboard#dashboard-promoter-overview #my-projects > #desktop-grid > span.divider {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
}

body > div.dashboard#dashboard-overview #summary #my-impact .title,
body > div.dashboard#dashboard-overview #summary #investment-summary .title,
body > div.dashboard#dashboard-overview #my-projects #my-impact .title,
body > div.dashboard#dashboard-overview #my-projects #investment-summary .title, body > div.dashboard#dashboard-promoter-overview #summary #my-impact .title,
body > div.dashboard#dashboard-promoter-overview #summary #investment-summary .title,
body > div.dashboard#dashboard-promoter-overview #my-projects #my-impact .title,
body > div.dashboard#dashboard-promoter-overview #my-projects #investment-summary .title {
  margin-bottom: 1rem;
}

body > div.dashboard#dashboard-overview #summary #my-impact .row.empty p,
body > div.dashboard#dashboard-overview #summary #investment-summary .row.empty p,
body > div.dashboard#dashboard-overview #my-projects #my-impact .row.empty p,
body > div.dashboard#dashboard-overview #my-projects #investment-summary .row.empty p, body > div.dashboard#dashboard-promoter-overview #summary #my-impact .row.empty p,
body > div.dashboard#dashboard-promoter-overview #summary #investment-summary .row.empty p,
body > div.dashboard#dashboard-promoter-overview #my-projects #my-impact .row.empty p,
body > div.dashboard#dashboard-promoter-overview #my-projects #investment-summary .row.empty p {
  margin: 1rem 0;
  text-align: center;
}

body > div.dashboard#dashboard-overview #summary #topup-incentive .card,
body > div.dashboard#dashboard-overview #my-projects #topup-incentive .card, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card,
body > div.dashboard#dashboard-promoter-overview #my-projects #topup-incentive .card {
  height: 25rem;
  background-size: cover;
  background-position: 50% 40%;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-overview #summary #topup-incentive .card #description,
body > div.dashboard#dashboard-overview #my-projects #topup-incentive .card #description, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card #description,
body > div.dashboard#dashboard-promoter-overview #my-projects #topup-incentive .card #description {
  position: absolute;
  bottom: 4rem;
  text-align: center;
  width: 100%;
}

body > div.dashboard#dashboard-overview #summary #topup-incentive .card #description h6, body > div.dashboard#dashboard-overview #summary #topup-incentive .card #description h4,
body > div.dashboard#dashboard-overview #my-projects #topup-incentive .card #description h6,
body > div.dashboard#dashboard-overview #my-projects #topup-incentive .card #description h4, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card #description h6, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card #description h4,
body > div.dashboard#dashboard-promoter-overview #my-projects #topup-incentive .card #description h6,
body > div.dashboard#dashboard-promoter-overview #my-projects #topup-incentive .card #description h4 {
  margin-bottom: 4rem;
  width: 100%;
}

body > div.dashboard#dashboard-overview #summary.empty #desktop-grid > #portfolio-analysis,
body > div.dashboard#dashboard-overview #summary.empty #desktop-grid > span.divider,
body > div.dashboard#dashboard-overview #summary.empty #desktop-grid > .calltoaction, body > div.dashboard#dashboard-promoter-overview #summary.empty #desktop-grid > #portfolio-analysis,
body > div.dashboard#dashboard-promoter-overview #summary.empty #desktop-grid > span.divider,
body > div.dashboard#dashboard-promoter-overview #summary.empty #desktop-grid > .calltoaction {
  display: none;
}

body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.row:not(.empty), body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.row:not(.empty) {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure {
  position: relative;
  width: 9rem;
  height: 11.5rem;
  margin-right: 0.5rem;
}

body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure img, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure img {
  width: 9rem;
  height: 11.5rem;
}

body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure .impact-value, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure .impact-value {
  position: absolute;
  bottom: 0;
  white-space: initial;
}

body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure .impact-value .bold, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.row:not(.empty) .figure .impact-value .bold {
  font-weight: 600;
}

body > div.dashboard#dashboard-overview #summary #my-finances .details, body > div.dashboard#dashboard-promoter-overview #summary #my-finances .details {
  border-radius: 14px;
}

body > div.dashboard#dashboard-overview #summary #my-finances .title, body > div.dashboard#dashboard-promoter-overview #summary #my-finances .title {
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-overview #summary #my-finances .balance, body > div.dashboard#dashboard-promoter-overview #summary #my-finances .balance {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  color: var(--text-primary);
  text-align: right;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row {
  padding: 1rem 0 0.5rem 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(48, 39, 29, 0.24);
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 {
  position: relative;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #yaxis-meaning,
body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #xaxis-meaning, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #yaxis-meaning,
body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #xaxis-meaning {
  position: absolute;
  font-weight: 600;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #xaxis-meaning, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #xaxis-meaning {
  font-weight: 800;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends {
  margin-top: .8rem;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends label, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends label {
  line-height: 24px;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends label#now, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#money-over-time .col.s12 #legends label#now {
  font-weight: 800;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#portfolioanalysis-desktop .chart-container, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#portfolioanalysis-desktop .chart-container {
  width: 200px;
  height: 200px;
}

body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .row#portfolioanalysis-desktop .chart-container canvas, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .row#portfolioanalysis-desktop .chart-container canvas {
  width: 200px;
  height: 200px;
}

body > div.dashboard#dashboard-overview #summary #portfolio-analysis > .row, body > div.dashboard#dashboard-promoter-overview #summary #portfolio-analysis > .row {
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-overview #summary #portfolio-analysis > .row:first-of-type p, body > div.dashboard#dashboard-promoter-overview #summary #portfolio-analysis > .row:first-of-type p {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-overview #summary #portfolio-analysis > .row .chart-container, body > div.dashboard#dashboard-promoter-overview #summary #portfolio-analysis > .row .chart-container {
  width: 104px;
  height: 104px;
  margin-left: auto;
}

body > div.dashboard#dashboard-overview #summary #portfolio-analysis > .row .chart-container canvas, body > div.dashboard#dashboard-promoter-overview #summary #portfolio-analysis > .row .chart-container canvas {
  width: 100%;
  height: 100%;
}

body > div.dashboard#dashboard-overview #summary .calltoaction, body > div.dashboard#dashboard-promoter-overview #summary .calltoaction {
  margin-top: 0;
}

body > div.dashboard#dashboard-overview #summary .calltoaction button, body > div.dashboard#dashboard-promoter-overview #summary .calltoaction button {
  margin: 2rem 0 1.5rem 0;
}

body > div.dashboard#dashboard-overview #my-projects #project-list .title, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list .title {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list .calltoactions, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list .calltoactions {
  margin-top: 3rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list .calltoactions button, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list .calltoactions button {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-gap: 1.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card {
  padding: 1rem 0 0 0;
  border-radius: 0.5rem;
  margin: 0;
  -webkit-box-shadow: 0px 4px 4px rgba(74, 44, 7, 0.24);
          box-shadow: 0px 4px 4px rgba(74, 44, 7, 0.24);
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card .card-title, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card .card-title {
  direction: ltr;
  text-align: left;
  height: 3.6rem;
  color: var(--text-primary);
  padding: 0 1rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card .card-title .flagstate, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card .card-title .flagstate {
  width: 104px;
  text-align: center;
  padding: 0.25rem 0.5rem;
  margin: 0 auto;
  border: 2px solid var(--primary);
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info {
  padding: 0 1rem 1rem 1rem;
  height: 8.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-image img, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-image img {
  width: 6.5rem;
  height: 6.5rem;
  margin: 0 0 0 auto;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content {
  padding: 0;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content p, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content p {
  color: #30271D;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content p span, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content p span {
  font-weight: bold;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content #invested .flex, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content #invested .flex {
  margin-bottom: .875rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content #invested .flex p, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content #invested .flex p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info > div:not(:last-of-type), body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info > div:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info > div p, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info > div p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info .alert-on-card, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content .card #info .card-content #investment-info .alert-on-card {
  font-size: 11px;
  line-height: 10px;
  margin-left: 0.5rem;
  font-style: italic;
}

body > div.dashboard#dashboard-promoter-wallet #my-balance #mybalance-content .col.s12:not(:first-child) div {
  font-weight: 400;
}

body > div.dashboard#dashboard-wallet span.divider, body > div.dashboard#dashboard-overview span.divider, body > div.dashboard#dashboard-promoter-overview span.divider, body > div.dashboard#dashboard-project-view span.divider {
  margin: 1rem 0 2rem 0;
}

body > div.dashboard#dashboard-wallet .row.empty p, body > div.dashboard#dashboard-overview .row.empty p, body > div.dashboard#dashboard-promoter-overview .row.empty p, body > div.dashboard#dashboard-project-view .row.empty p {
  margin-top: 2.5rem;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn.active > .btn-floating .add, body > div.dashboard#dashboard-overview .fixed-action-btn.active > .btn-floating .add, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn.active > .btn-floating .add, body > div.dashboard#dashboard-project-view .fixed-action-btn.active > .btn-floating .add {
  display: none;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn.active > .btn-floating .close, body > div.dashboard#dashboard-overview .fixed-action-btn.active > .btn-floating .close, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn.active > .btn-floating .close, body > div.dashboard#dashboard-project-view .fixed-action-btn.active > .btn-floating .close {
  display: block;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn .btn-floating, body > div.dashboard#dashboard-overview .fixed-action-btn .btn-floating, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn .btn-floating, body > div.dashboard#dashboard-project-view .fixed-action-btn .btn-floating {
  background-color: var(--primary);
}

body > div.dashboard#dashboard-wallet .fixed-action-btn .btn-floating i, body > div.dashboard#dashboard-overview .fixed-action-btn .btn-floating i, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn .btn-floating i, body > div.dashboard#dashboard-project-view .fixed-action-btn .btn-floating i {
  color: #30271D;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li, body > div.dashboard#dashboard-overview .fixed-action-btn ul li, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li, body > div.dashboard#dashboard-project-view .fixed-action-btn ul li {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 0;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li a.btn-floating, body > div.dashboard#dashboard-overview .fixed-action-btn ul li a.btn-floating, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li a.btn-floating, body > div.dashboard#dashboard-project-view .fixed-action-btn ul li a.btn-floating {
  width: 3rem;
  height: 3rem;
  background-color: #FFE0BA;
  color: var(--text-primary);
  -webkit-box-shadow: 0px 3px 5px rgba(164, 66, 0, 0.2), 0px 1px 18px rgba(164, 66, 0, 0.12), 0px 6px 10px rgba(164, 66, 0, 0.14);
          box-shadow: 0px 3px 5px rgba(164, 66, 0, 0.2), 0px 1px 18px rgba(164, 66, 0, 0.12), 0px 6px 10px rgba(164, 66, 0, 0.14);
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li a.btn-floating svg, body > div.dashboard#dashboard-overview .fixed-action-btn ul li a.btn-floating svg, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li a.btn-floating svg, body > div.dashboard#dashboard-project-view .fixed-action-btn ul li a.btn-floating svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li .btn-description, body > div.dashboard#dashboard-overview .fixed-action-btn ul li .btn-description, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li .btn-description, body > div.dashboard#dashboard-project-view .fixed-action-btn ul li .btn-description {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: calc(100% + 2rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15rem;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li .btn-description p, body > div.dashboard#dashboard-overview .fixed-action-btn ul li .btn-description p, body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li .btn-description p, body > div.dashboard#dashboard-project-view .fixed-action-btn ul li .btn-description p {
  font-weight: bold;
}

body > div.dashboard#dashboard-wallet .fixed-action-btn ul li .btn-description p:not(:last-of-type), body > div.dashboard#dashboard-overview .fixed-action-btn ul li .btn-description p:not(:last-of-type), body > div.dashboard#dashboard-promoter-overview .fixed-action-btn ul li .btn-description p:not(:last-of-type), body > div.dashboard#dashboard-project-view .fixed-action-btn ul li .btn-description p:not(:last-of-type) {
  margin-bottom: 0.25rem;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #saving-incentive .card, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #saving-incentive .card, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #saving-incentive .card, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #saving-incentive .card {
  height: 16.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #saving-incentive .card #description, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #saving-incentive .card #description, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #saving-incentive .card #description, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #saving-incentive .card #description {
  position: absolute;
  bottom: 1rem;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .plan, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .plan, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .plan, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .plan {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(49, 39, 29, 0.24);
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress p.money-saved, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress p.money-saved, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress p.money-saved, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress p.money-saved {
  font-weight: 600;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar {
  width: 10rem;
  height: 1rem;
  margin-left: auto;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar .done, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar .done, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar .done, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .plan .plan-progress .progress-bar .done {
  height: 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end {
  text-align: center;
}

body > div.dashboard#dashboard-wallet #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end p, body > div.dashboard#dashboard-overview #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end p, body > div.dashboard#dashboard-promoter-overview #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end p, body > div.dashboard#dashboard-project-view #savings #savings-plan #savings-plan-content #plans-list .savings-plan-end p {
  max-width: 50%;
  margin: 0 auto;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card.has-offer,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card.has-offer {
  position: relative;
  padding-bottom: 4rem;
  margin-bottom: 10.75rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card.has-offer .card-content,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card.has-offer .card-content {
  padding-bottom: 0;
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card .card-image img,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card .card-image img {
  width: 100%;
  height: 24vh;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card .card-image .card-title,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card .card-image .card-title {
  top: 0;
  bottom: unset;
  padding: 1.5rem 1rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card .card-image .card-subtitle,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card .card-image .card-subtitle {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 1rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card .card-content p,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card .card-content p {
  height: 2.8rem;
  overflow: hidden;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card .card-content .card-info,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card .card-content .card-info {
  min-height: 8rem;
  max-height: 10rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #investment-info,
body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #environment-info,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #investment-info,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #environment-info {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #investment-info span.dark,
body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #environment-info span.dark,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #investment-info span.dark,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #environment-info span.dark {
  color: #30271D;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #environment-info,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #environment-info {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #categories,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #categories {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #offer,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #offer {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  width: 90%;
  padding: 1rem 1rem 0.25rem 1rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #offer h6,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #offer h6 {
  color: #30271D;
}

body > div.dashboard#dashboard-invest #open-projects #project-list #list .card #offer p,
body > div.dashboard#dashboard-invest #marketplace #project-list #list .card #offer p {
  color: #001B36;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row {
  margin-bottom: 0;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row #list {
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5rem;
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects .figure {
  position: relative;
  background-image: url("/themes/goparity/assets/media/dashboard/forest_1.png");
  background-size: cover;
  min-height: 19.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.25rem;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects .figure h6 {
  padding: 1rem 1rem 0 1rem;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects .actions {
  margin-top: 0;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects a {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-invest #open-projects #desktop-grid .row.no-open-projects > a:last-of-type {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-invest #auto-investment .calltoaction {
  margin: 3rem 0 3.25rem 0;
}

body > div.dashboard#dashboard-invest .calltoactions {
  margin-top: 2.5rem;
}

body > div.dashboard#dashboard-invest .calltoactions button {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-portfolio h6.title {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content ul li {
  color: #30271D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content ul li svg {
  margin-right: 1rem;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content ul li h6 p {
  color: #635C55;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content #chart {
  padding-left: 2rem;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content #chart .chart-container {
  width: 150px;
  height: 150px;
  margin-left: auto;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content span.divider {
  width: calc(100% - 1.5rem);
  margin: 2rem 0 2rem 1.5rem;
}

body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content #average h6,
body > div.dashboard#dashboard-portfolio #your-portfolio #investmentinfo-content #estimated-returns h6 {
  color: var(--text-primary);
}

body > div.dashboard#dashboard-portfolio .modal .modal-title {
  color: var(--text-primary);
}

body > div.dashboard#dashboard-portfolio .modal svg {
  margin-right: 0.75rem;
}

body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row.interest-rate, body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row.timeframe, body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row.balance-percentage {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row.summary h6 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row .negative-margin-top {
  margin-top: -0.6rem;
}

body > div.dashboard#dashboard-setup-autoinvestment #setup-autoinvestment .row #calltoactions .row:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-setup-savings .progress-bar {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

body > div.dashboard#dashboard-setup-savings .datepicker-container .datepicker-date-display,
body > div.dashboard#dashboard-setup-savings .datepicker-container .datepicker-controls,
body > div.dashboard#dashboard-setup-savings .datepicker-container thead {
  display: none;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project {
  position: relative;
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel {
  height: 15rem !important;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel .carousel-item {
  height: 15rem !important;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel img {
  width: 100%;
  height: 20rem !important;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .progress-bar {
  background-color: #F2D4B0;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .progress-bar .done {
  z-index: 2;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .progress-bar .done.secondary-bar {
  background-color: #FFC885;
  z-index: 1;
  position: absolute;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .progress-bar .progress-goal {
  z-index: 3;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > .hide-on-large-only .teammate {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  margin-bottom: 1rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > .hide-on-large-only .teammate #main a {
  width: 7rem;
  height: 7rem;
  margin-bottom: 0.5rem;
  -webkit-box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
          box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > .hide-on-large-only .teammate #main a #profile-pic {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > .hide-on-large-only .teammate #bio {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #project-information {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description a,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #project-information a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #short-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #project-information {
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs a,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #short-company-description a,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description a,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #project-information a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #investment-details .col {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs .col {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs .col img {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #sdgs .col p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #short-company-description {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description > div {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description > div #title {
  color: #000;
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description > div #title svg {
  width: 1.5rem;
  height: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description > div #title p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description > div > p {
  line-height: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description #long-company-description a {
  display: inline;
  text-decoration: underline;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description .attached-documents {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description .calltoactions {
  margin: 2rem 0;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#description .calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #activity-info {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #activity-info .row:not(:first-of-type) {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #activity-info .row > .col.s6:nth-child(1) {
  font-weight: 500;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #activity-info .row > .col.s6:nth-child(2) {
  font-weight: 400;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #promoter-rating,
body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #risk {
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #track-record p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #promoter-rating {
  border: 1px solid var(--primary);
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#promoter #risk {
  background-color: #F0F5F9;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates > p {
  font-weight: 400;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates #timeline {
  padding: 0 0.75rem;
  margin-top: 1.375rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type {
  position: relative;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type .line {
  height: 8.75rem;
  border-left: 1px solid #CDCBC9;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates #timeline .row > div:first-of-type .time-point {
  position: absolute;
  top: 0;
  left: -0.28125rem;
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--primary);
  border-radius: 50%;
}

body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div#updates #timeline .description .title {
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-investment-simulation main.app .row {
  margin-bottom: 0;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #amount {
  margin: 2.625rem 0 0 0;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #amount form .input-field {
  margin: 0;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate {
  display: none;
  opacity: 0;
  margin-bottom: 0;
  -webkit-transition: .25s ease opacity;
  transition: .25s ease opacity;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate.active {
  display: block;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate.active ~ .calltoactions {
  margin-top: 1.25rem;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate span.divider {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate #estimate-details {
  margin-bottom: 0;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation #estimate #estimate-details .col {
  margin-bottom: .75rem;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation .calltoactions {
  margin: 3rem 0 0 0;
  padding-bottom: 1.5rem;
}

body > div.dashboard#dashboard-investment-simulation main.app .subsection#simulation .calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-project-investment .row {
  margin-bottom: 0;
}

body > div.dashboard#dashboard-project-investment h6 {
  margin-bottom: 1rem;
}

body > div.dashboard#dashboard-project-investment form .input-field {
  margin: 0;
}

body > div.dashboard#dashboard-investment-summary #agreements {
  margin-top: 1.125rem;
}

body > div.dashboard#dashboard-investment-summary #agreements a.link {
  font-weight: 600;
}

body > div.dashboard#dashboard-investment-congratulations .image, body > div.dashboard#dashboard-investment-sharevoucher .image {
  position: relative;
}

body > div.dashboard#dashboard-investment-congratulations .image h6, body > div.dashboard#dashboard-investment-sharevoucher .image h6 {
  position: absolute;
  top: 2rem;
  left: 1rem;
}

body > div.dashboard#dashboard-topup-nextstep #available-funds .list .row p:last-of-type, body > div.dashboard#dashboard-topup-amount #available-funds .list .row p:last-of-type, body > div.dashboard#dashboard-funds-withdrawal #available-funds .list .row p:last-of-type, body > div.dashboard#dashboard-topup-transfer #available-funds .list .row p:last-of-type, body > div.dashboard#dashboard-topup-transfer-card #available-funds .list .row p:last-of-type,
body >
div.dashboard#dashboard-marketplace-offerinvestment body > div.dashboard#dashboard-marksetplace-sellinvestment #available-funds .list .row p:last-of-type, body > div.dashboard#dashboard-marketplace-sellinvestment #available-funds .list .row p:last-of-type {
  font-weight: 600;
}

body > div.dashboard#dashboard-topup-nextstep h6, body > div.dashboard#dashboard-topup-amount h6, body > div.dashboard#dashboard-funds-withdrawal h6, body > div.dashboard#dashboard-topup-transfer h6, body > div.dashboard#dashboard-topup-transfer-card h6,
body >
div.dashboard#dashboard-marketplace-offerinvestment body > div.dashboard#dashboard-marksetplace-sellinvestment h6, body > div.dashboard#dashboard-marketplace-sellinvestment h6 {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-topup-nextstep h6 + h4, body > div.dashboard#dashboard-topup-amount h6 + h4, body > div.dashboard#dashboard-funds-withdrawal h6 + h4, body > div.dashboard#dashboard-topup-transfer h6 + h4, body > div.dashboard#dashboard-topup-transfer-card h6 + h4,
body >
div.dashboard#dashboard-marketplace-offerinvestment body > div.dashboard#dashboard-marksetplace-sellinvestment h6 + h4, body > div.dashboard#dashboard-marketplace-sellinvestment h6 + h4 {
  margin-bottom: 4rem;
}

body > div.dashboard#dashboard-topup-nextstep #phone-number-large-title, body > div.dashboard#dashboard-topup-amount #phone-number-large-title, body > div.dashboard#dashboard-funds-withdrawal #phone-number-large-title, body > div.dashboard#dashboard-topup-transfer #phone-number-large-title, body > div.dashboard#dashboard-topup-transfer-card #phone-number-large-title,
body >
div.dashboard#dashboard-marketplace-offerinvestment body > div.dashboard#dashboard-marksetplace-sellinvestment #phone-number-large-title, body > div.dashboard#dashboard-marketplace-sellinvestment #phone-number-large-title {
  margin-bottom: 1rem;
}

body > div.dashboard#dashboard-topup-nextstep .iti--allow-dropdown, body > div.dashboard#dashboard-topup-amount .iti--allow-dropdown, body > div.dashboard#dashboard-funds-withdrawal .iti--allow-dropdown, body > div.dashboard#dashboard-topup-transfer .iti--allow-dropdown, body > div.dashboard#dashboard-topup-transfer-card .iti--allow-dropdown,
body >
div.dashboard#dashboard-marketplace-offerinvestment body > div.dashboard#dashboard-marksetplace-sellinvestment .iti--allow-dropdown, body > div.dashboard#dashboard-marketplace-sellinvestment .iti--allow-dropdown {
  width: 100%;
}

body > div.dashboard #transactions .flex h6.title,
body > div.dashboard #transactions .flex h4.title {
  margin-bottom: 0 !important;
}

body > div.dashboard #transactions #transactions-content.empty p {
  text-align: center;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month:not(:first-of-type) {
  margin-top: 2rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .month {
  margin-bottom: 1rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction:not(.warning):not(.pending) {
  cursor: pointer;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction.pending {
  color: var(--text-secondary);
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction.active button {
  display: block;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction.warning > div > div p:first-of-type,
body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction.warning > div > .icon svg {
  color: var(--invalid);
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div > div p:first-of-type {
  margin-bottom: 0.25rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .description,
body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .info {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(49, 39, 29, 0.24);
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .icon {
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
  width: unset;
  height: unset;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .icon svg {
  margin-top: 0.75rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .icon img {
  margin-top: 0.75rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .description {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  padding-right: 1rem;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .info {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction > div .info .balance {
  font-weight: 600;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-month .transactions .transaction button {
  opacity: 0;
  display: none;
  width: 87.5%;
  margin: 0 0 3rem auto;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-history-end {
  text-align: center;
}

body > div.dashboard #transactions #transactions-content #transaction-history .transaction-history-end p {
  max-width: 50%;
  margin: 0 auto;
}

body > div.dashboard .bank-account-card {
  width: 11rem;
  height: 6rem;
  border: 1px solid #C9D6DF;
  border-radius: 0.5rem;
  -webkit-box-shadow: 1px 2px 3px #C1C1C1;
          box-shadow: 1px 2px 3px #C1C1C1;
  margin-bottom: 0.7rem;
  text-align: center;
}

body > div.dashboard .bank-account-card li {
  border: none;
}

body > div.dashboard .bank-account-card li p {
  padding-bottom: 0.6rem;
  margin: 0;
  text-indent: 0;
}

body > div.dashboard #steps > div {
  border-radius: 0.5rem;
}

body > div.dashboard #steps > div ul.bullet-list {
  margin-top: .875rem;
}

body > div.dashboard #dashboard-topup-congratulations .image {
  position: relative;
}

body > div.dashboard #dashboard-topup-congratulations .image-text {
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  bottom: 0;
}

body > div.dashboard #dashboard-topup-congratulations .calltoactions.bottom {
  bottom: 5.5rem;
}

body > div.dashboard#dashboard-marketplace-createoffer .divider {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-createoffer #estimate #estimate-details .col {
  margin-bottom: 0.75rem;
}

body > div.dashboard#dashboard-marketplace-createoffer .calltoactions {
  margin-top: 3.125rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project {
  position: relative;
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-image img {
  width: 100%;
  height: 15rem;
  -o-object-fit: cover;
     object-fit: cover;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #project-information {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #sdgs,
body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #short-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description,
body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #project-information {
  margin-bottom: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #investment-details .col {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #sdgs {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #sdgs .col {
  padding-right: 1rem;
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #sdgs .col img {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #sdgs .col p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #short-company-description {
  margin-top: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description > div {
  background-color: #F0F5F9;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description > div #title {
  color: #000;
  margin-bottom: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description > div #title svg {
  width: 1.5rem;
  height: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description > div #title p {
  margin-left: 0.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description #long-company-description > div > p {
  line-height: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description .attached-documents {
  margin-top: 2rem;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description .calltoactions {
  margin: 2rem 0;
}

body > div.dashboard#dashboard-marketplace-exploreoffer .subsection#project .project-tabs #tabs > div#description .calltoactions a:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-offerinvestment #available-funds, body > div.dashboard#dashboard-marketplace-sellinvestment #available-funds {
  margin-bottom: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-offerinvestment #details-container {
  margin-top: 1.5rem;
}

body > div.dashboard#dashboard-marketplace-offerinvestment #simulation-result #investment-details div {
  text-align: left;
}

body > div.dashboard #total-amount {
  background-color: #FFF3E2;
  padding: 2rem 1rem 1.5rem 1rem;
}

body > div.dashboard #total-amount .list > .row p:last-of-type {
  font-weight: 600;
}

body > div.dashboard.promoter-dashboard #investors .main-profile-info {
  padding-bottom: 0.3rem;
}

.payment .col.s12 {
  padding: 0.5rem 0;
}

.payment .no-border {
  border: none;
}

.payment .additional-info .padding-top {
  padding: 0.25rem 0 0 0;
}

.payment .balance {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
  text-align: right;
}

#my-balance .title,
#transactions .title {
  margin: 0;
}

#my-balance #mybalance-content .row,
#transactions #mybalance-content .row {
  padding: 1rem 0 0.5rem 0;
  margin: 0;
}

#my-balance #mybalance-content .row:first-of-type,
#transactions #mybalance-content .row:first-of-type {
  padding: 0;
}

#my-balance #mybalance-content .row .col.s12,
#transactions #mybalance-content .row .col.s12 {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(48, 39, 29, 0.24);
}

#my-balance #mybalance-content .row .col.s12.no-border,
#transactions #mybalance-content .row .col.s12.no-border {
  border: none;
}

#my-balance #mybalance-content .row .col.s12.no-padding,
#transactions #mybalance-content .row .col.s12.no-padding {
  padding: 0;
}

#my-balance #mybalance-content .row .col.s12.padding-top,
#transactions #mybalance-content .row .col.s12.padding-top {
  padding: 0.25rem 0 0 0;
}

#my-balance #mybalance-content .row .col.s12 .balance,
#transactions #mybalance-content .row .col.s12 .balance {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  color: var(--text-primary);
  text-align: right;
}

@media screen and (min-width: 993px) {
  body > div #desktop-grid {
    padding: 0;
  }
  body > div .modal {
    top: 50% !important;
    max-width: 50vw;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  body > div .modal .modal-content .modal-title {
    max-width: 62.5%;
    margin: 0 auto 1.5rem auto;
    text-align: center;
  }
  body > div .modal .modal-content #personal,
  body > div .modal .modal-content #organisational,
  body > div .modal .modal-content #investortypes {
    width: 40%;
    margin: 0 auto;
  }
  body > div main.app .header-container {
    width: calc(100% - 7rem);
    margin: 0 auto;
  }
  body > div main.app .header-container header.app-header #background[data-desktop] #background-description {
    width: unset;
  }
  body > div main.app > .row .actions {
    margin-top: 1.5rem;
  }
  body > div main.app > .row .actions a:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  body > div main.app > .row #question > img {
    margin-top: 0.5rem;
    margin-right: 1.25rem;
  }
  body > div main.app > .row #question > img#back {
    -ms-flex-item-align: start;
        align-self: flex-start;
    cursor: pointer;
  }
  body > div main.app > .row #question > img#tick {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.75rem;
  }
  body > div main.app > .row #question h6 {
    color: #30271D;
  }
  body > div main.app > .row #content {
    width: 60%;
    padding-left: 2.75rem;
    margin-top: 2.56rem;
  }
  body > div main.app > .row #sidebar {
    background-color: var(--error-background);
    color: #30271D;
    padding: 2rem 0.5rem;
    border-radius: 0.5rem;
  }
  body > div main.app > .row #sidebar .item {
    padding: 1rem;
    margin: 0 1rem;
    border-bottom: 1px solid #FFB65E;
    cursor: pointer;
  }
  body > div main.app > .row #sidebar .item.active {
    background-color: #FFB65E;
    border-bottom: none;
    border-radius: 0.5rem;
    margin: 0;
  }
  body > div#signup #signup-form {
    width: 30%;
    margin: 0 auto;
  }
  body > div#signup .section#social-container {
    bottom: 0;
    width: 100%;
    background: #F0F5F9;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    margin-top: 2.25rem;
  }
  body > div#signup .section#social-container #social {
    max-width: 35%;
    margin: 0 auto;
  }
  body > div#login-signup header #title {
    width: 38%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
  }
  body > div#login-signup header .divider {
    width: calc(38% - 4rem);
    margin-left: auto;
    margin-right: auto;
  }
  body > div#login-signup #login-form {
    width: 30%;
    margin: 0 auto;
  }
  body > div#login-signup #login-form > div {
    padding-left: 0;
    padding-right: 0;
  }
  body > div#login-signup .section:last-of-type {
    width: 100%;
    background: #F0F5F9;
    padding-right: 0;
    padding-left: 0;
  }
  body > div#login-signup .section:last-of-type #social {
    max-width: 30%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  body > div#onboarding-personal-birthdate-desktop input.datepicker {
    background-image: url(/themes/goparity/assets/media/icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 0.75rem) 50%;
  }
  body > div.dashboard .modal#order-by,
  body > div.dashboard .modal#filter-by {
    width: 20rem;
  }
  body > div.dashboard .modal#order-by .modal-title .title,
  body > div.dashboard .modal#filter-by .modal-title .title {
    color: var(--text-primary);
    padding: 0 1rem;
  }
  body > div.dashboard .modal#order-by .modal-content,
  body > div.dashboard .modal#filter-by .modal-content {
    padding: 0 1rem;
  }
  body > div.dashboard .modal#how-marketplace-works {
    width: 30vw;
  }
  body > div.dashboard .modal#how-autoinvestment-works li {
    padding: 0rem 1.1rem;
    margin: 0;
  }
  body > div.dashboard .notification {
    padding-top: 1.5rem;
    padding-bottom: 2.125rem;
  }
  body > div.dashboard .notification > .row {
    margin-bottom: 0;
  }
  body > div.dashboard .notification > .row > .col > div:first-of-type h6 button {
    position: absolute;
    top: .75rem;
    right: 4.5rem;
  }
  body > div.dashboard .notification > .row > .col > div:first-of-type p {
    margin-bottom: 0;
  }
  body > div.dashboard .notification > .row > .col > div:last-of-type > .flex {
    padding: 0 3.25rem 0 2rem;
    height: 3.75rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  body > div.dashboard main.app > .row,
  body > div.dashboard div#payments > .row {
    margin: 0 auto;
  }
  body > div.dashboard main.app > .row > .col > .subsection > div,
  body > div.dashboard div#payments > .row > .col > .subsection > div {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body > div.dashboard main.app > .row > .col > .subsection > div#desktop-grid,
  body > div.dashboard div#payments > .row > .col > .subsection > div#desktop-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    grid-gap: 3rem 1.5rem;
  }
  body > div.dashboard main.app > .row > .col > .subsection > div#desktop-grid > div,
  body > div.dashboard div#payments > .row > .col > .subsection > div#desktop-grid > div {
    padding-right: 0;
    padding-left: 0;
  }
  body > div.dashboard main.app > .row > .col > .subsection > div#desktop-grid #my-balance,
  body > div.dashboard div#payments > .row > .col > .subsection > div#desktop-grid #my-balance {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body > div.dashboard main.app > .row > .col > .subsection > div .title[data-desktop],
  body > div.dashboard div#payments > .row > .col > .subsection > div .title[data-desktop] {
    margin-bottom: 1.5rem;
  }
  body > div.dashboard .calltoactions.bottom {
    position: relative;
    bottom: 0;
    text-align: center;
    margin-top: 2rem;
  }
  body > div.dashboard .sidenav#kyc-drawer {
    width: 31.125rem;
  }
  body > div.dashboard .sidenav#kyc-drawer .drawer-spacer {
    height: 4rem;
  }
  body > div.dashboard .sidenav#kyc-drawer li {
    padding: 0 4rem;
  }
  body > div.dashboard .sidenav#kyc-drawer li#profile, body > div.dashboard .sidenav#kyc-drawer li#account-info,
  body > div.dashboard .sidenav#kyc-drawer li#actions .list > .flex {
    padding-right: 4.875rem;
    padding-left: 4rem;
  }
  body > div.dashboard#dashboard-login #title button {
    margin-left: auto;
  }
  body > div.dashboard#dashboard-overview #summary.empty #desktop-grid, body > div.dashboard#dashboard-promoter-overview #summary.empty #desktop-grid {
    grid-gap: 0 1.5rem;
  }
  body > div.dashboard#dashboard-overview #summary > div:not(:first-of-type), body > div.dashboard#dashboard-promoter-overview #summary > div:not(:first-of-type) {
    margin-top: 2rem;
  }
  body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content.empty p,
  body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content.empty p,
  body > div.dashboard#dashboard-overview #summary #investment-summary #investmentsummary-content.empty p, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content.empty p,
  body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content.empty p,
  body > div.dashboard#dashboard-promoter-overview #summary #investment-summary #investmentsummary-content.empty p {
    margin: 0;
    text-align: left;
  }
  body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content {
    white-space: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body > div.dashboard#dashboard-overview #summary #my-impact #myimpact-content .figure, body > div.dashboard#dashboard-promoter-overview #summary #my-impact #myimpact-content .figure {
    margin-bottom: 0.5rem;
  }
  body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content > :last-of-type, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content > :last-of-type {
    border-bottom: none !important;
  }
  body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content .chart-container, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content .chart-container {
    width: 128px;
    height: 128px;
    margin-left: auto;
  }
  body > div.dashboard#dashboard-overview #summary #my-finances #myfinances-content button, body > div.dashboard#dashboard-promoter-overview #summary #my-finances #myfinances-content button {
    margin-bottom: 0;
  }
  body > div.dashboard#dashboard-overview #summary #topup-incentive, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  body > div.dashboard#dashboard-overview #summary #topup-incentive .card, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card {
    height: 25rem;
    background-size: cover;
    background-position: 50% 40%;
    border-radius: 0.5rem;
  }
  body > div.dashboard#dashboard-overview #summary #topup-incentive .card #description, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card #description {
    bottom: 4rem;
    width: 100%;
    text-align: center;
  }
  body > div.dashboard#dashboard-overview #summary #topup-incentive .card #description h4, body > div.dashboard#dashboard-promoter-overview #summary #topup-incentive .card #description h4 {
    width: 100%;
    margin-bottom: 4rem;
  }
  body > div.dashboard#dashboard-overview #summary .calltoaction, body > div.dashboard#dashboard-promoter-overview #summary .calltoaction {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
  }
  body > div.dashboard#dashboard-overview #summary .calltoaction button, body > div.dashboard#dashboard-promoter-overview #summary .calltoaction button {
    margin: 0;
  }
  body > div.dashboard#dashboard-overview #my-projects #project-list, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection#balance #desktop-grid {
        grid-template-areas: "balance calltoactions"
 "transactions calltoactions";
    grid-gap: 2rem 1.5rem;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection#balance #desktop-grid #my-balance {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: balance;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection#balance #desktop-grid #transactions {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: transactions;
    margin-top: 0;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection#balance #desktop-grid #transactions #transactions-content.empty p {
    text-align: left;
    margin-top: 0.75rem;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection #calltoactions {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: calltoactions;
    margin-top: 4.5rem;
  }
  body > div.dashboard#dashboard-wallet .row > .col .subsection #calltoactions > *:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  body > div.dashboard#dashboard-wallet .row > .col .fixed-action-btn {
    display: none;
  }
  body > div.dashboard#dashboard-invest #open-projects #project-list,
  body > div.dashboard#dashboard-invest #marketplace #project-list {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  body > div.dashboard#dashboard-invest #open-projects #project-list #list,
  body > div.dashboard#dashboard-invest #marketplace #project-list #list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
  body > div.dashboard#dashboard-invest #open-projects.empty .title.has-calltoaction button {
    display: none;
  }
  body > div.dashboard#dashboard-invest #open-projects .row.empty .figure {
    background-size: cover;
    background-position: center center;
  }
  body > div.dashboard#dashboard-invest #open-projects .row.empty .figure h4 {
    position: absolute;
    bottom: 4rem;
    width: 100%;
    text-align: center;
  }
  body > div.dashboard#dashboard-invest #auto-investment #desktop-grid {
    grid-gap: 0 1.5rem;
  }
  body > div.dashboard#dashboard-invest #auto-investment #desktop-grid > * {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  body > div.dashboard#dashboard-invest #auto-investment #desktop-grid > div {
    margin-top: 0;
  }
  body > div.dashboard#dashboard-invest #auto-investment #desktop-grid > div:first-of-type, body > div.dashboard#dashboard-invest #auto-investment #desktop-grid > div.calltoaction {
    margin-top: 2rem;
  }
  body > div.dashboard#dashboard-portfolio #investment-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  body > div.dashboard#dashboard-portfolio #investment-info #investmentinfo-content > div:first-of-type .col.s5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body > div.dashboard#dashboard-portfolio #investment-info #investmentinfo-content > div:first-of-type .col.s5 ul li {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  body > div.dashboard#dashboard-portfolio #investment-info #investmentinfo-content > div:first-of-type #chart .chart-container {
    width: 20rem;
    height: 20rem;
    margin: 0 auto;
  }
  body > div.dashboard#dashboard-portfolio #investment-info #investmentinfo-content > div:last-of-type {
    text-align: center;
  }
  body > div.dashboard#dashboard-portfolio #investment-info #investmentinfo-content span.divider {
    width: 100%;
    margin: 2rem 0;
  }
  body > div.dashboard#dashboard-portfolio .modal#healthy-portfolio {
    width: 30%;
  }
  body > div.dashboard#dashboard-project-view #project, body > div.dashboard#dashboard-marketplace-exploreoffer #project {
    position: relative;
    margin-bottom: 0.5rem;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background {
    position: relative;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background img, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background img {
    width: 100%;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l8.xl8.title, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l8.xl8.title {
    position: absolute;
    bottom: 6rem;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l8.xl8.title p, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l8.xl8.title p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l8.xl8.title p svg.arrow-left, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l8.xl8.title p svg.arrow-left {
    cursor: pointer;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l8.xl8.title a.btn, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l8.xl8.title a.btn {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l12.xl12, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l12.xl12 {
    -webkit-box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
            box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
  }
  body > div.dashboard#dashboard-project-view #project #desktop-background .col.l12.xl12 .row.tabs, body > div.dashboard#dashboard-marketplace-exploreoffer #project #desktop-background .col.l12.xl12 .row.tabs {
    margin-bottom: 0;
  }
  body > div.dashboard#dashboard-project-view #project .carousel, body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel {
    height: 25rem !important;
  }
  body > div.dashboard#dashboard-project-view #project .carousel .carousel-item, body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel .carousel-item {
    height: 25rem !important;
  }
  body > div.dashboard#dashboard-project-view #project .carousel .carousel-item img, body > div.dashboard#dashboard-marketplace-exploreoffer #project .carousel .carousel-item img {
    width: 100%;
    height: 25rem !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side,
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side,
  body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
        flex-basis: calc(50% - 1.5rem);
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate,
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate,
  body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #main a,
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #main a, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #main a,
  body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #main a {
    width: 7rem;
    height: 7rem;
    margin-bottom: 0.5rem;
    -webkit-box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
            box-shadow: 0px 6px 8px rgba(74, 44, 7, 0.16);
    border-radius: 0.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #main a #profile-pic,
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #main a #profile-pic, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #main a #profile-pic,
  body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #main a #profile-pic {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #bio,
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #bio, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side .teammate #bio,
  body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side .teammate #bio {
    margin-bottom: 1.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .left-side {
    margin-right: 1.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down .right-side {
    margin-left: 1.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div#short-company-description, body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div.calltoactions, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div#short-company-description, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div.calltoactions {
    padding: 0;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div#long-company-description, body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div#project-information, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div#long-company-description, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div#project-information {
    padding: 0;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar {
    background-color: #f1f1f1;
    border-radius: 0.5rem;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .done, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .done {
    border-radius: 0.5rem;
    z-index: 2;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .done.secondary-bar, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .done.secondary-bar {
    background-color: #FFC885;
    z-index: 1;
    position: absolute;
  }
  body > div.dashboard#dashboard-project-view #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .progress-goal, body > div.dashboard#dashboard-marketplace-exploreoffer #project .project-tabs #tabs > div > div.hide-on-med-and-down div.progress-bar .progress-goal {
    z-index: 3;
  }
  body > div.dashboard#dashboard-topup-congratulations .calltoactions.bottom {
    bottom: 0;
  }
  body > div.dashboard#dashboard-marketplace-offerinvestment #details-container {
    padding: 0 1rem;
  }
  body > div.dashboard#dashboard-marketplace-sellinvestment #total-amount-container {
    margin: 0 1rem;
  }
  body > div.dashboard#dashboard-topup-transfer .account-wallet {
    border-radius: 0.5rem;
  }
  body > div.dashboard#dashboard-topup-transfer .account-wallet .list {
    width: 22.5625rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1200px) {
  body > div main.app .modal:not(.datepicker-modal) {
    -webkit-transform: scaleX(1) scaleY(1) translate(0, calc(-50% + 0.5px)) !important;
            transform: scaleX(1) scaleY(1) translate(0, calc(-50% + 0.5px)) !important;
  }
}

@media screen and (min-width: 1350px) {
  body > div.dashboard#dashboard-overview .section #my-projects #project-list #myprojects-content {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1500px) {
  body > div#onboarding-personal-start main.app {
    margin: 0 auto;
  }
  body > div#onboarding-personal-start main.app .modal.open {
    max-width: 35% !important;
    -webkit-transform: scaleX(1) scaleY(1) translateY(-50%) !important;
            transform: scaleX(1) scaleY(1) translateY(-50%) !important;
  }
  body > div#onboarding-personal-start main.app .modal.open:not(.datepicker-modal) {
    -webkit-transform: scaleX(1) scaleY(1) translate(0, -50%) !important;
            transform: scaleX(1) scaleY(1) translate(0, -50%) !important;
  }
  body > div#dashboard-investment-sharevoucher #social-sharing > .flex a {
    -ms-flex-preferred-size: calc(25% - 0.5rem) !important;
        flex-basis: calc(25% - 0.5rem) !important;
  }
}

@media screen and (min-width: 1600px) {
  body > div.dashboard#dashboard-overview #my-projects #project-list #myprojects-content, body > div.dashboard#dashboard-promoter-overview #my-projects #project-list #myprojects-content {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 894px) {
  body > div {
    position: relative;
  }
  body > div#signup main .section#signup-form {
    width: 35%;
  }
  body > div#signup #social-container #social {
    max-width: 35%;
  }
}
/*# sourceMappingURL=app.css.map */