<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.tour-step-nav .step &gt; .btn {
  white-space: normal;
  min-height: 3em;
}
@media (min-width: 768px) {
  .tour-step-nav .step &gt; .btn {
    height: 4em;
  }
}
.tour-step-nav .step &gt; .btn &gt; * {
  font-size: 20px;
  line-height: 1;
}
.tour-step-nav .step &gt; .btn &gt; i {
  float: left !important;
  font-size: 2em;
}

.tour-offer-nav {
  margin-left: -10px;
  margin-right: -10px;
}
.tour-offer-nav:before, .tour-offer-nav:after {
  content: " ";
  display: table;
}
.tour-offer-nav:after {
  clear: both;
}
.tour-offer-nav &gt; div {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .tour-offer-nav &gt; div {
    float: left;
    width: 50%;
  }
}
.tour-offer-nav &gt; div .btn {
  text-align: left !important;
}
.tour-offer-nav &gt; div .btn &gt; .subtitle {
  float: right !important;
  font-size: 80%;
}
@media (max-width: 767px) {
  .tour-offer-nav &gt; div .btn &gt; .subtitle {
    display: none !important;
  }
}

.tour-intro {
  margin: 0;
  padding: 20px 20px;
  border-bottom: 1px solid #a6a6a6;
}

.tour-body {
  padding: 20px 20px;
}

.profileHead {
  border: 1px solid #a6a6a6;
  border-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 10px 10px;
  margin: 0 0 10px;
}
.profileHead .thumb {
  border: none;
  padding-left: 0;
  padding-top: 0;
}
.profileHead .profile-owner-info .pipe {
  margin-bottom: 0;
}
.profileHead .profile-owner-info .external-connections {
  clear: left;
  margin-bottom: 10px;
}
.profileHead .profile-actions a {
  display: block;
}
.profileHead .profile-actions a, .profileHead .profile-actions .clickable {
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
.profileHead .profile-actions a:hover, .profileHead .profile-actions a:focus, .profileHead .profile-actions .clickable:hover, .profileHead .profile-actions .clickable:focus {
  color: #0088cc;
  text-decoration: none;
}
.profileHead .profile-actions a:focus, .profileHead .profile-actions .clickable:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.profileHead .profile-actions .mi {
  color: #4e4e4e;
}

.m2d-profile-head {
  margin-left: -10px;
  margin-right: -10px;
}
.m2d-profile-head:before, .m2d-profile-head:after {
  content: " ";
  display: table;
}
.m2d-profile-head:after {
  clear: both;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content, .m2d-profile-head .m2d-offers-box &gt; .box-content, .m2d-profile-head .m2d-wants-box &gt; .box-content {
  position: relative;
  margin: 0 0 10px 0;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  padding: 10px 10px;
  min-height: 6em;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .img-responsive, .m2d-profile-head .m2d-offers-box &gt; .box-content .img-responsive, .m2d-profile-head .m2d-wants-box &gt; .box-content .img-responsive {
  border: none;
  border-radius: 4px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content .box-main-icon {
  position: absolute;
  right: 4px;
  top: 2px;
  z-index: 10;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active, .m2d-profile-head .m2d-offers-box &gt; .box-content.active, .m2d-profile-head .m2d-wants-box &gt; .box-content.active {
  border-width: 2px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.a2d, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.a2d, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.a2d {
  border-color: #cf7b14;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.a2d .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.a2d .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.a2d .box-main-icon {
  color: #cf7b14;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.b2d, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.b2d, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.b2d {
  border-color: #118eba;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.b2d .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.b2d .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.b2d .box-main-icon {
  color: #118eba;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.l2d, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.l2d, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.l2d {
  border-color: #9d1111;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.l2d .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.l2d .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.l2d .box-main-icon {
  color: #9d1111;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.s2d, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.s2d, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.s2d {
  border-color: #669310;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.s2d .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.s2d .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.s2d .box-main-icon {
  color: #669310;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.v2d, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.v2d, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.v2d {
  border-color: #9a116e;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content.active.v2d .box-main-icon, .m2d-profile-head .m2d-offers-box &gt; .box-content.active.v2d .box-main-icon, .m2d-profile-head .m2d-wants-box &gt; .box-content.active.v2d .box-main-icon {
  color: #9a116e;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .box-title, .m2d-profile-head .m2d-offers-box &gt; .box-content .box-title, .m2d-profile-head .m2d-wants-box &gt; .box-content .box-title {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: #000000;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .box-title small, .m2d-profile-head .m2d-profile-box &gt; .box-content .box-title .small, .m2d-profile-head .m2d-offers-box &gt; .box-content .box-title small, .m2d-profile-head .m2d-offers-box &gt; .box-content .box-title .small, .m2d-profile-head .m2d-wants-box &gt; .box-content .box-title small, .m2d-profile-head .m2d-wants-box &gt; .box-content .box-title .small {
  font-size: 75%;
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; * {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 15px 2px 5px;
  margin: 2px 0 0 0;
  position: relative;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *:not(.disabled), .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *:not(.disabled), .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *:not(.disabled) {
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus {
  color: #0088cc;
  text-decoration: none;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *:not(.disabled):focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; * .mi, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; * .mi, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; * .mi {
  color: inherit;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; * &gt; .action-data, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; * &gt; .action-data, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; * &gt; .action-data {
  position: absolute;
  right: 4px;
  top: 4px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items {
  color: #a94442;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.disabled, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.disabled *, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.disabled, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.disabled *, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.disabled, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.disabled * {
  font-weight: normal;
  color: #737373;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.a2d, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.a2d, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.a2d {
  border-radius: 4px;
  border: #eedbb3;
  height: 2em;
  background-color: #eedbb3;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.a2d.active, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.a2d.active, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.a2d.active {
  color: white;
  background-color: #cf7b14;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.b2d, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.b2d, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.b2d {
  border-radius: 4px;
  border: #badee4;
  height: 2em;
  background-color: #badee4;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.b2d.active, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.b2d.active, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.b2d.active {
  color: white;
  background-color: #118eba;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.l2d, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.l2d, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.l2d {
  border-radius: 4px;
  border: #e8a8a4;
  height: 2em;
  background-color: #e8a8a4;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.l2d.active, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.l2d.active, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.l2d.active {
  color: white;
  background-color: #9d1111;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.s2d, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.s2d, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.s2d {
  border-radius: 4px;
  border: #c7da9b;
  height: 2em;
  background-color: #c7da9b;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.s2d.active, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.s2d.active, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.s2d.active {
  color: white;
  background-color: #669310;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.v2d, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.v2d, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.v2d {
  border-radius: 4px;
  border: #e6c0e5;
  height: 2em;
  background-color: #e6c0e5;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action &gt; *.v2d.active, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action &gt; *.v2d.active, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action &gt; *.v2d.active {
  color: white;
  background-color: #9a116e;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .m2d-profile-head .m2d-profile-box &gt; .box-content .m2d-action, .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .m2d-profile-head .m2d-profile-box &gt; .box-content, .m2d-profile-head .m2d-offers-box &gt; .box-content, .m2d-profile-head .m2d-wants-box &gt; .box-content {
    height: 19em;
  }
}
@media (min-width: 1200px) {
  .m2d-profile-head .m2d-profile-box &gt; .box-content, .m2d-profile-head .m2d-offers-box &gt; .box-content, .m2d-profile-head .m2d-wants-box &gt; .box-content {
    height: 14em;
  }
  .m2d-profile-head .m2d-profile-box &gt; .box-content .img-responsive, .m2d-profile-head .m2d-offers-box &gt; .box-content .img-responsive, .m2d-profile-head .m2d-wants-box &gt; .box-content .img-responsive {
    max-height: 13em !important;
  }
}
.m2d-profile-head .m2d-profile-box {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .m2d-profile-head .m2d-profile-box {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .m2d-profile-head .m2d-profile-box {
    float: left;
    width: 53.3333333333%;
  }
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .box-main-icon {
  text-align: center;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .box-main-icon .mi {
  display: block;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info {
  max-width: 80%;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info:before, .m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info:after {
  content: " ";
  display: table;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info:after {
  clear: both;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info .pipe {
  margin-bottom: 0;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-owner-info .external-connections {
  clear: left;
  margin-bottom: 10px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-actions {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-actions:before, .m2d-profile-head .m2d-profile-box &gt; .box-content .profile-actions:after {
  content: " ";
  display: table;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-actions:after {
  clear: both;
}
.m2d-profile-head .m2d-profile-box &gt; .box-content .profile-actions .m2d-action &gt; * {
  padding-top: 0;
  padding-bottom: 0;
}
.m2d-profile-head .m2d-offers-box, .m2d-profile-head .m2d-wants-box {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .m2d-profile-head .m2d-offers-box, .m2d-profile-head .m2d-wants-box {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .m2d-profile-head .m2d-offers-box, .m2d-profile-head .m2d-wants-box {
    float: left;
    width: 23.3333333333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .m2d-profile-head .m2d-offers-box &gt; .box-content .m2d-action, .m2d-profile-head .m2d-wants-box &gt; .box-content .m2d-action {
    float: left;
    width: 100%;
  }
}

.m2d-dashboard {
  margin-left: -10px;
  margin-right: -10px;
}
.m2d-dashboard:before, .m2d-dashboard:after {
  content: " ";
  display: table;
}
.m2d-dashboard:after {
  clear: both;
}
.m2d-dashboard .dashboard-profile, .m2d-dashboard .dashboard-offers, .m2d-dashboard .dashboard-wants, .m2d-dashboard .dashboard-network {
  background-color: white;
  background-clip: content-box;
  border-radius: 12px;
  padding-right: 4px !important;
  padding-left: 4px !important;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .m2d-dashboard .dashboard-profile, .m2d-dashboard .dashboard-offers, .m2d-dashboard .dashboard-wants, .m2d-dashboard .dashboard-network {
    float: left;
    width: 50%;
  }
}
.m2d-dashboard .dashboard-profile &gt; .box-content, .m2d-dashboard .dashboard-offers &gt; .box-content, .m2d-dashboard .dashboard-wants &gt; .box-content, .m2d-dashboard .dashboard-network &gt; .box-content {
  margin: 0 0 0 0px !important;
  position: relative;
  margin: 0 0 10px 0;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  padding: 10px 10px;
  min-height: 10em;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .img-responsive, .m2d-dashboard .dashboard-offers &gt; .box-content .img-responsive, .m2d-dashboard .dashboard-wants &gt; .box-content .img-responsive, .m2d-dashboard .dashboard-network &gt; .box-content .img-responsive {
  border: none;
  border-radius: 4px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content .box-main-icon {
  position: absolute;
  right: 4px;
  top: 2px;
  z-index: 10;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active, .m2d-dashboard .dashboard-offers &gt; .box-content.active, .m2d-dashboard .dashboard-wants &gt; .box-content.active, .m2d-dashboard .dashboard-network &gt; .box-content.active {
  border-width: 2px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.a2d, .m2d-dashboard .dashboard-offers &gt; .box-content.active.a2d, .m2d-dashboard .dashboard-wants &gt; .box-content.active.a2d, .m2d-dashboard .dashboard-network &gt; .box-content.active.a2d {
  border-color: #cf7b14;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.a2d .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content.active.a2d .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content.active.a2d .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content.active.a2d .box-main-icon {
  color: #cf7b14;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.b2d, .m2d-dashboard .dashboard-offers &gt; .box-content.active.b2d, .m2d-dashboard .dashboard-wants &gt; .box-content.active.b2d, .m2d-dashboard .dashboard-network &gt; .box-content.active.b2d {
  border-color: #118eba;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.b2d .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content.active.b2d .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content.active.b2d .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content.active.b2d .box-main-icon {
  color: #118eba;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.l2d, .m2d-dashboard .dashboard-offers &gt; .box-content.active.l2d, .m2d-dashboard .dashboard-wants &gt; .box-content.active.l2d, .m2d-dashboard .dashboard-network &gt; .box-content.active.l2d {
  border-color: #9d1111;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.l2d .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content.active.l2d .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content.active.l2d .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content.active.l2d .box-main-icon {
  color: #9d1111;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.s2d, .m2d-dashboard .dashboard-offers &gt; .box-content.active.s2d, .m2d-dashboard .dashboard-wants &gt; .box-content.active.s2d, .m2d-dashboard .dashboard-network &gt; .box-content.active.s2d {
  border-color: #669310;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.s2d .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content.active.s2d .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content.active.s2d .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content.active.s2d .box-main-icon {
  color: #669310;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.v2d, .m2d-dashboard .dashboard-offers &gt; .box-content.active.v2d, .m2d-dashboard .dashboard-wants &gt; .box-content.active.v2d, .m2d-dashboard .dashboard-network &gt; .box-content.active.v2d {
  border-color: #9a116e;
}
.m2d-dashboard .dashboard-profile &gt; .box-content.active.v2d .box-main-icon, .m2d-dashboard .dashboard-offers &gt; .box-content.active.v2d .box-main-icon, .m2d-dashboard .dashboard-wants &gt; .box-content.active.v2d .box-main-icon, .m2d-dashboard .dashboard-network &gt; .box-content.active.v2d .box-main-icon {
  color: #9a116e;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .box-title, .m2d-dashboard .dashboard-offers &gt; .box-content .box-title, .m2d-dashboard .dashboard-wants &gt; .box-content .box-title, .m2d-dashboard .dashboard-network &gt; .box-content .box-title {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: #000000;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .box-title small, .m2d-dashboard .dashboard-profile &gt; .box-content .box-title .small, .m2d-dashboard .dashboard-offers &gt; .box-content .box-title small, .m2d-dashboard .dashboard-offers &gt; .box-content .box-title .small, .m2d-dashboard .dashboard-wants &gt; .box-content .box-title small, .m2d-dashboard .dashboard-wants &gt; .box-content .box-title .small, .m2d-dashboard .dashboard-network &gt; .box-content .box-title small, .m2d-dashboard .dashboard-network &gt; .box-content .box-title .small {
  font-size: 75%;
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; * {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 15px 2px 5px;
  margin: 2px 0 0 0;
  position: relative;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *:not(.disabled), .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *:not(.disabled), .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *:not(.disabled), .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *:not(.disabled) {
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *:not(.disabled):hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *:not(.disabled):focus {
  color: #0088cc;
  text-decoration: none;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *:not(.disabled):focus, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *:not(.disabled):focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; * .mi, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; * .mi, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; * .mi, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; * .mi {
  color: inherit;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; * &gt; .action-data, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; * &gt; .action-data, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; * &gt; .action-data, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; * &gt; .action-data {
  position: absolute;
  right: 4px;
  top: 4px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; * &gt; .action-data .badge.inactive-items {
  color: #a94442;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.disabled, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.disabled *, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.disabled, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.disabled *, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.disabled, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.disabled *, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.disabled, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.disabled * {
  font-weight: normal;
  color: #737373;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.a2d, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.a2d, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.a2d, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.a2d {
  border-radius: 4px;
  border: #eedbb3;
  height: 2em;
  background-color: #eedbb3;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.a2d.active, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.a2d.active, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.a2d.active, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.a2d:hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.a2d.active {
  color: white;
  background-color: #cf7b14;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.b2d, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.b2d, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.b2d, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.b2d {
  border-radius: 4px;
  border: #badee4;
  height: 2em;
  background-color: #badee4;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.b2d.active, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.b2d.active, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.b2d.active, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.b2d:hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.b2d.active {
  color: white;
  background-color: #118eba;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.l2d, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.l2d, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.l2d, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.l2d {
  border-radius: 4px;
  border: #e8a8a4;
  height: 2em;
  background-color: #e8a8a4;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.l2d.active, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.l2d.active, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.l2d.active, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.l2d:hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.l2d.active {
  color: white;
  background-color: #9d1111;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.s2d, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.s2d, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.s2d, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.s2d {
  border-radius: 4px;
  border: #c7da9b;
  height: 2em;
  background-color: #c7da9b;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.s2d.active, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.s2d.active, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.s2d.active, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.s2d:hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.s2d.active {
  color: white;
  background-color: #669310;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.v2d, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.v2d, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.v2d, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.v2d {
  border-radius: 4px;
  border: #e6c0e5;
  height: 2em;
  background-color: #e6c0e5;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-dashboard .dashboard-profile &gt; .box-content .m2d-action &gt; *.v2d.active, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action &gt; *.v2d.active, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action &gt; *.v2d.active, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.v2d:hover, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action &gt; *.v2d.active {
  color: white;
  background-color: #9a116e;
}
@media (min-width: 992px) {
  .m2d-dashboard .dashboard-profile &gt; .box-content, .m2d-dashboard .dashboard-offers &gt; .box-content, .m2d-dashboard .dashboard-wants &gt; .box-content, .m2d-dashboard .dashboard-network &gt; .box-content {
    height: 17em;
  }
}
@media (min-width: 1200px) {
  .m2d-dashboard .dashboard-profile &gt; .box-content, .m2d-dashboard .dashboard-offers &gt; .box-content, .m2d-dashboard .dashboard-wants &gt; .box-content, .m2d-dashboard .dashboard-network &gt; .box-content {
    height: 21em;
  }
}
.m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container {
  margin-left: -10px;
  margin-right: -10px;
  margin: 10px 0;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container:before, .m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container:before, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container:before, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container:before, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container:after {
  content: " ";
  display: table;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container:after, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container:after {
  clear: both;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container &gt; div, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container &gt; div, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container &gt; div, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container &gt; div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border: 2px solid #cc1e11;
  color: #000000;
  text-align: left;
  font-size: 12px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .proposal-container &gt; div &gt; span, .m2d-dashboard .dashboard-offers &gt; .box-content .proposal-container &gt; div &gt; span, .m2d-dashboard .dashboard-wants &gt; .box-content .proposal-container &gt; div &gt; span, .m2d-dashboard .dashboard-network &gt; .box-content .proposal-container &gt; div &gt; span {
  display: block;
}
.m2d-dashboard .dashboard-profile {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1200px) {
  .m2d-dashboard .dashboard-profile {
    float: left;
    width: 25%;
  }
}
.m2d-dashboard .dashboard-profile &gt; .box-content .box-main-icon {
  text-align: center;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .box-main-icon .mi {
  display: block;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .profile-owner-info {
  max-width: 80%;
  margin-bottom: 10px;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .profile-owner-info:before, .m2d-dashboard .dashboard-profile &gt; .box-content .profile-owner-info:after {
  content: " ";
  display: table;
}
.m2d-dashboard .dashboard-profile &gt; .box-content .profile-owner-info:after {
  clear: both;
}
.m2d-dashboard .dashboard-offers, .m2d-dashboard .dashboard-wants, .m2d-dashboard .dashboard-network {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1200px) {
  .m2d-dashboard .dashboard-offers, .m2d-dashboard .dashboard-wants, .m2d-dashboard .dashboard-network {
    float: left;
    width: 25%;
  }
}
.m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .m2d-dashboard .dashboard-offers &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-wants &gt; .box-content .m2d-action, .m2d-dashboard .dashboard-network &gt; .box-content .m2d-action {
    float: left;
    width: 100%;
  }
}
.m2d-dashboard .dashboard-offers .zero-items-text, .m2d-dashboard .dashboard-wants .zero-items-text {
  text-align: center;
  color: #000000;
  margin: 10px 10px;
}
.m2d-dashboard .dashboard-offers .item-hints-container, .m2d-dashboard .dashboard-wants .item-hints-container {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px;
}
.m2d-dashboard .dashboard-offers .item-hints-container:before, .m2d-dashboard .dashboard-offers .item-hints-container:after, .m2d-dashboard .dashboard-wants .item-hints-container:before, .m2d-dashboard .dashboard-wants .item-hints-container:after {
  content: " ";
  display: table;
}
.m2d-dashboard .dashboard-offers .item-hints-container:after, .m2d-dashboard .dashboard-wants .item-hints-container:after {
  clear: both;
}
@media (min-width: 992px) {
  .m2d-dashboard .dashboard-offers .item-hints-container, .m2d-dashboard .dashboard-wants .item-hints-container {
    margin-top: 20px;
  }
}
.m2d-dashboard .dashboard-offers .item-hints-container &gt; div, .m2d-dashboard .dashboard-wants .item-hints-container &gt; div {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
.m2d-dashboard .dashboard-offers .item-hints-container &gt; div &gt; span, .m2d-dashboard .dashboard-wants .item-hints-container &gt; div &gt; span {
  display: block;
}
.m2d-dashboard .dashboard-offers .item-hints-container &gt; div .activation-hint, .m2d-dashboard .dashboard-wants .item-hints-container &gt; div .activation-hint {
  color: #a94442;
}
.m2d-dashboard .dashboard-offers .item-hints-container &gt; div .posting-hint, .m2d-dashboard .dashboard-wants .item-hints-container &gt; div .posting-hint {
  color: #87a542;
}

.sidebar #featuredCarousel {
  height: 170px;
}
.sidebar #featuredCarousel .carousel-indicators {
  bottom: 0;
}
.sidebar .m2d-card-list {
  height: 143px;
  overflow: hidden;
}
.sidebar .topic {
  margin-left: -10px;
  margin-right: -10px;
}
.sidebar .topic:before, .sidebar .topic:after {
  content: " ";
  display: table;
}
.sidebar .topic:after {
  clear: both;
}
.sidebar .topic &gt; .topic-content {
  min-height: 15em;
  margin: 10px 10px;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
}
.sidebar .topic &gt; .topic-content &gt; .topic-group {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .sidebar .topic &gt; .topic-content &gt; .topic-group {
    float: left;
    width: 50%;
  }
}
.sidebar .topic &gt; .topic-content &gt; .topic-author {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .sidebar .topic &gt; .topic-content &gt; .topic-author {
    float: left;
    width: 50%;
  }
}
.sidebar .topic &gt; .topic-content &gt; .topic-author &gt; .topic-message {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .sidebar .topic &gt; .topic-content &gt; .topic-author &gt; .topic-message {
    float: left;
    width: 100%;
  }
}
.sidebar .topic &gt; .topic-content a {
  cursor: pointer;
  text-decoration: none;
  color: #0088cc;
}
.sidebar .topic &gt; .topic-content a:hover, .sidebar .topic &gt; .topic-content a:focus {
  color: #005580;
  text-decoration: none;
}
.sidebar .topic &gt; .topic-content a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sidebar .topic &gt; .topic-content a .title {
  font-weight: 600;
  color: #000000;
}
.sidebar .further-info-right {
  display: block;
  text-align: right;
  margin: 10px 0;
}

.dashboard-bg-grey {
  background-color: #d1d1d1 !important;
}

.content-box .furtherInfo {
  display: inline-block;
  margin: 10px 0;
}
.content-box .profileFrame {
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  padding: 10px 10px;
}
.content-box .profileFrame.a2d {
  border: 2px #cf7b14;
}
.content-box .profileFrame.b2d {
  border: 2px #118eba;
}
.content-box .profileFrame.l2d {
  border: 2px #9d1111;
}
.content-box .profileFrame.s2d {
  border: 2px #669310;
}
.content-box .profileFrame.v2d {
  border: 2px #9a116e;
}
.content-box .profileFrame .item-accordion .panel + .panel {
  margin-top: 2px;
}
.content-box .profileFrame .item-accordion &gt; .panel {
  margin: 0;
}
.content-box .profileFrame .item-accordion &gt; .panel .panel-heading {
  border: none;
}
.content-box .profileFrame .item-accordion &gt; .panel .panel-heading form {
  padding: 0;
  margin: 0;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head {
  padding: 0;
  margin: 0;
  height: 70px;
  border: none;
  width: 100%;
  overflow: hidden;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head:before, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head:after {
  content: " ";
  display: table;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head:after {
  clear: both;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-shadow {
  float: left;
  width: 10px;
  height: 70px;
  background-color: #808080;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content {
  position: relative;
  color: #737373;
  background-color: #eeeeee;
  margin: 0 0 0 10px;
  height: 70px;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content {
    margin-left: 0;
  }
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content &gt; div {
  float: left;
  margin: 0;
  padding: 0;
  height: 70px;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .thumb {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .clickable {
  cursor: pointer;
  text-decoration: none;
  color: #737373;
  display: block;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .clickable:hover, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .clickable:focus {
  color: #0088cc;
  text-decoration: none;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .clickable:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-wrap {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-1 {
  width: 80px;
  margin-left: -100%;
  padding: 0;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-1 img {
  width: 80px;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 {
  margin-left: 80px;
  margin-right: 300px;
  padding: 2px 5px;
}
@media (max-width: 767px) {
  .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 {
    margin-right: 30px;
  }
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 .title {
  font-weight: 600;
  color: #000000;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 .title.offline {
  text-decoration: line-through;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 &gt; ul {
  width: 100%;
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 &gt; ul &gt; li {
  display: inline;
  margin: 0;
  padding: 0 5px;
  border-left: 1px solid #a6a6a6;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 &gt; ul &gt; li:first-child {
  padding-left: 0;
  border-left: none;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 &gt; ul &gt; li &gt; span.head-label {
  padding: 0 0.2em 0 0;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-2 &gt; ul &gt; li &gt; span.head-label:after {
  content: ":";
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 {
  width: 300px;
  margin-left: -300px;
  padding: 2px 5px;
  position: relative;
}
@media (max-width: 767px) {
  .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 {
    width: 30px;
    margin-left: -30px;
  }
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 &gt; .item-actions {
  height: 70px;
  width: 270px;
}
@media (max-width: 767px) {
  .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 &gt; .item-actions {
    display: none !important;
  }
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 &gt; .item-actions .activate {
  color: #a94442 !important;
  font-weight: 600;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 &gt; .item-icons {
  position: absolute;
  right: 5px;
  top: 2px;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head &gt; .item-head-content .item-head-col-3 &gt; .item-icons &gt; * {
  display: block;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.a2d:hover &gt; .item-head-shadow, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.a2d.active &gt; .item-head-shadow {
  background-color: #cf7b14;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.a2d:hover &gt; .item-head-content, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.a2d.active &gt; .item-head-content {
  background-color: #eedbb3;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.b2d:hover &gt; .item-head-shadow, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.b2d.active &gt; .item-head-shadow {
  background-color: #118eba;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.b2d:hover &gt; .item-head-content, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.b2d.active &gt; .item-head-content {
  background-color: #badee4;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.l2d:hover &gt; .item-head-shadow, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.l2d.active &gt; .item-head-shadow {
  background-color: #9d1111;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.l2d:hover &gt; .item-head-content, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.l2d.active &gt; .item-head-content {
  background-color: #e8a8a4;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.s2d:hover &gt; .item-head-shadow, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.s2d.active &gt; .item-head-shadow {
  background-color: #669310;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.s2d:hover &gt; .item-head-content, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.s2d.active &gt; .item-head-content {
  background-color: #c7da9b;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.v2d:hover &gt; .item-head-shadow, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.v2d.active &gt; .item-head-shadow {
  background-color: #9a116e;
}
.content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.v2d:hover &gt; .item-head-content, .content-box .profileFrame .item-accordion &gt; .panel &gt; .item-head.v2d.active &gt; .item-head-content {
  background-color: #e6c0e5;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data {
  border-left: 10px solid;
  color: #737373;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions {
  margin-bottom: 10px;
  padding: 2px 5px;
  height: 70px;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions a, .content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions .clickable {
  cursor: pointer;
  text-decoration: none;
  color: #737373;
  display: block;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions a:hover, .content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions a:focus, .content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions .clickable:hover, .content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions .clickable:focus {
  color: #0088cc;
  text-decoration: none;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions a:focus, .content-box .profileFrame .item-accordion &gt; .panel .item-data .item-actions .clickable:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.a2d {
  border-color: #cf7b14;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.a2d .item-actions {
  background-color: #eedbb3;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.b2d {
  border-color: #118eba;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.b2d .item-actions {
  background-color: #badee4;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.l2d {
  border-color: #9d1111;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.l2d .item-actions {
  background-color: #e8a8a4;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.s2d {
  border-color: #669310;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.s2d .item-actions {
  background-color: #c7da9b;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.v2d {
  border-color: #9a116e;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data.v2d .item-actions {
  background-color: #e6c0e5;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data a, .content-box .profileFrame .item-accordion &gt; .panel .item-data .clickable {
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data a:hover, .content-box .profileFrame .item-accordion &gt; .panel .item-data a:focus, .content-box .profileFrame .item-accordion &gt; .panel .item-data .clickable:hover, .content-box .profileFrame .item-accordion &gt; .panel .item-data .clickable:focus {
  color: #0088cc;
  text-decoration: none;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data a:focus, .content-box .profileFrame .item-accordion &gt; .panel .item-data .clickable:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments {
  border-top: 1px solid #a6a6a6;
  margin: 10px 0;
  padding-top: 20px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion {
  width: 320px;
  float: left;
  margin: 0 60px 30px 0;
  overflow: hidden;
  color: #737373;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .thumb {
  float: left;
  border: none;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content {
  margin-left: 70px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .date {
  margin-left: 1em;
  font-size: 12px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .rating {
  display: block;
  margin-top: 3px;
  height: 20px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .rating form {
  padding: 0;
  margin: 0;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .rating form .ratingStars {
  display: inline;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .comment {
  margin-top: 3px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .comments .userOpinion .content .comment .text {
  font-style: italic;
  word-wrap: break-word;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .wantedInfo {
  padding: 10px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .pictures &gt; div {
  margin-bottom: 10px;
}
.content-box .profileFrame .item-accordion &gt; .panel .item-data .pictures .thumb {
  padding: 0;
}

.userActivity {
  min-height: 55px;
  margin-bottom: 10px;
}
.userActivity .image {
  float: left;
}
.userActivity .text {
  margin-left: 75px;
  display: flex;
}
.userActivity .text .date {
  font-size: 12px;
  width: 85%;
}
.userActivity .text .event-background {
  background-color: lightblue;
  border-radius: 5px;
  width: 35%;
}
.userActivity .text .event-background .event {
  font-size: 12px;
  float: right;
  margin-right: 3%;
  width: 90%;
}
.userActivity .text .promoted-activity {
  background-color: grey;
  color: white;
  border-radius: 3px;
  width: 40%;
  text-align: center;
  height: 100%;
  font-size: 12px;
}
.userActivity .text .msg {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  word-wrap: break-word;
}
.userActivity .text .js-promote {
  width: 30%;
  text-align: right;
  margin-right: 5px;
}
.userActivity .desc {
  margin: 20px 10px 10px 10px;
  white-space: pre-line;
}
.userActivity .activityDetails {
  margin-bottom: 10px;
  margin-left: 5px;
  clear: left;
  display: flex;
}
.userActivity .activity-outer-div {
  border: lightray;
  border-style: solid;
  border-width: thin;
  border-radius: 7px;
  overflow: auto;
}
.userActivity .activity-outer-div .activity-text .activity-date {
  font-size: 12px;
  margin: 5px;
}
.userActivity .activity-outer-div .activity-text .activity-msg {
  display: block;
  overflow: hidden;
  word-wrap: break-word;
  margin: 5px;
}

.promote-checkbox {
  font-size: 1.2em;
}

.activity-new-post {
  display: flex;
}
.activity-new-post .thumb {
  float: left;
}

.profileDetails li {
  margin-left: 10px;
  margin-bottom: 10px;
}
.profileDetails li ul, .profileDetails li li {
  margin: 0;
}

.profilePicUpload {
  display: block;
  min-height: 120px;
}
.profilePicUpload:before, .profilePicUpload:after {
  content: " ";
  display: table;
}
.profilePicUpload:after {
  clear: both;
}
.profilePicUpload .file-upload-ui {
  height: 100%;
}
.profilePicUpload .file-upload-ui &gt; form {
  float: left;
}
.profilePicUpload .uniqueImage {
  float: left;
  margin-right: 51px;
}

.heading-separator {
  border: none;
  height: 2px;
  color: #333;
  background-color: #333;
}

.activity-actionbar {
  float: left;
  width: 100%;
  margin-top: 4px;
}
.activity-actionbar.s2d {
  background-color: #c7da9b;
}
.activity-actionbar.v2d {
  background-color: #e6c0e5;
}
.activity-actionbar.b2d {
  background-color: #badee4;
}
.activity-actionbar.l2d {
  background-color: #e8a8a4;
}
.activity-actionbar.a2d {
  background-color: #eedbb3;
}
.activity-actionbar.p2d {
  background-color: #E7E7E7;
}

.activity-actionbar-buttons {
  display: flex;
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  min-height: 20px;
}
.activity-actionbar-buttons &gt; * {
  margin-right: 10px;
}
.activity-actionbar-buttons .clickable {
  cursor: pointer;
  text-decoration: none;
  color: #737373;
}
.activity-actionbar-buttons .clickable:hover, .activity-actionbar-buttons .clickable:focus {
  color: #0088cc;
  text-decoration: none;
}
.activity-actionbar-buttons .clickable:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.activity-actionbar-buttons .fixed-right {
  width: 12vw;
}

.activity-actionbar-buttons-right {
  position: relative;
}
.activity-actionbar-buttons-right &gt; * {
  position: absolute;
  bottom: 0;
  right: 0;
}

.activity-actionbar-rating {
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.activity-actionbar-buttons-left {
  position: relative;
  width: 400px;
}

.activity-actionbar-button-like {
  position: absolute;
  bottom: 0;
  right: 0;
}

.activity-heading-text {
  font-size: large;
  font-weight: bolder;
}

.activity-heading {
  margin-left: 8px;
}

.activity-description {
  margin: 10px;
  white-space: pre-line;
}

.activity-ratings-section {
  margin: 5px;
}

.activity-item-post {
  width: 50%;
  display: flex;
}
.activity-item-post .activity-item-newpost {
  margin: 5px;
}

.js-post-activity {
  width: 100%;
  height: fit-content;
  margin: 2%;
}

.horizontal-demarcation {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid lightgrey;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.horizontal-demarcation.strong {
  border-bottom: 1.5px solid darkgray !important;
}
.horizontal-demarcation.strong span {
  font-size: large;
}
.horizontal-demarcation span {
  background: #fff;
  padding: 0 10px;
}

/*# sourceMappingURL=profile.css.map */
</pre></body></html>