body::before {
  display: none;
  content: "xs";
}

@media (min-width: 576px) and (max-width: 767.98px) {
  body::before {
    content: "sm";
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body::before {
    content: "md";
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body::before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  body::before {
    content: "xl";
  }
}
* {
  font-family: "ArialNovaLight", Helvetica, Arial, sans-serif;
  color: #666666;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #F8F3EE;
}

h1, h2 {
  font-family: "GeorgiaRegular", serif;
}

h2 {
  font-size: 24px;
}

p {
  font-size: 13px;
}

a {
  color: #019DB8;
}

select.form-control {
  font-size: 13px;
  color: #019DB8;
  font-weight: bold;
}
select.form-control option {
  background-color: #F5FCFC;
  color: #019DB8;
  font-size: 13px;
}
select.form-control option:first-of-type {
  qfont-style: italic;
  qopacity: 0.7;
}

.form-control {
  background-color: #F5FCFC;
  border: 1px solid #C2DBDB;
  border-radius: 4px;
  font-size: 13px;
}
.form-control::placeholder {
  font-size: 13px;
  color: #019DB8;
}

.custom-checkbox label {
  line-height: 22px;
}

select.form-control.custom-select {
  height: 35px;
  background: #F5FCFC url("/assets/img/dropdown_pijl.svg") no-repeat right 100%;
}

.btn-pymwymic {
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  font-weight: 600;
  font-size: 13px;
  padding: 8px 20px;
  border-radius: 4px;
  display: inline-block;
  border: 0;
  text-decoration: none !important;
  white-space: nowrap;
  color: #fff !important;
}
.btn-pymwymic:disabled, .btn-pymwymic.disabled {
  cursor: default;
  background: silver;
}
.btn-pymwymic:disabled:hover, .btn-pymwymic.disabled:hover {
  background: silver;
}
.btn-pymwymic:hover {
  background: linear-gradient(180deg, #02B1BB 0%, #007B8C 100%);
  color: #fff;
}
.btn-pymwymic * {
  color: #fff;
}

.btn-pymwymic-block {
  display: block;
  text-align: center;
  padding: 8px 0;
}

.btn-second {
  background: linear-gradient(180deg, #02C3CE 0%, #008D9F 100%);
}
.btn-second:hover {
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
}

.btn-rounded {
  border-radius: 19px;
}

.btn-circle-arrow {
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 999px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
.btn-circle-arrow.btn-circle-arrow-left:after {
  transform: rotate(180deg);
}
.btn-circle-arrow:after {
  content: "";
  position: absolute;
  margin-left: 13px;
  margin-top: 11px;
  background-image: url("/assets/img/arrow_right_white.svg");
  background-size: 100%;
  width: 6px;
  height: 10px;
  background-repeat: no-repeat;
}

.btn-pymwymic-inverse {
  background: #fff;
  color: #019DB8 !important;
  transition: 150ms linear;
  text-decoration: none !important;
}
.btn-pymwymic-inverse:hover {
  background: #fff;
  color: #007589 !important;
  transform: scale(1.05);
}

.btn-round-close {
  width: 37px;
  height: 37px;
  background-color: #F2E9DF;
  border-radius: 999px;
  background-image: url("/assets/img/cross.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.btn-small {
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px;
}

.container-main {
  padding: 30px 0;
  min-height: calc(100vh - 246px - 64px - 100px - 20px);
}

.container-white {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.container-white p:last-of-type {
  margin: 0;
}

.container-with-extra-footer {
  background-color: #FEFBF8;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  font-size: 12px;
}
.container-with-extra-footer .extra-footer {
  text-align: right;
  padding: 18px 13px;
}

.gradient-blue {
  background: linear-gradient(270deg, #02C3CE 0%, #008D9F 100%);
}

.gradient-orange {
  background: linear-gradient(90deg, #FF6914 0%, #FF9023 100%);
}

.gradient-green {
  background: linear-gradient(270deg, #B0E300 0%, #7DBD00 100%);
}

.text-fff {
  color: #FFF !important;
}

.bg-fff {
  background-color: #FFF !important;
}

.spacer-1 {
  height: 30px;
}

.line {
  background-color: #E8E5E3;
  height: 1px;
  width: 100%;
}

.infobox {
  position: relative;
  border: 2px solid #019DB8;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  padding: 12px;
}
.infobox p {
  font-style: italic;
  color: #019DB8;
  margin: 0;
}
.infobox p > * {
  color: #019DB8;
}
.infobox:not(.infobox-arrow-top):before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: #F8F3EE;
  border-radius: 999px;
  left: -80px;
  z-index: 10;
  background-image: url("/assets/img/icon_i.svg");
  background-position: center;
  background-size: 8px;
  background-repeat: no-repeat;
}
.infobox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -17px;
  top: 13px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #019DB8;
}
.infobox.infobox-arrow-top:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #019DB8;
  left: 11px;
  top: -32px;
}

a.head {
  text-decoration: none;
}

.head {
  background-color: #FEFBF8;
  height: 62px;
  border-radius: 8px 8px 0 0;
  border-bottom: solid 1px #E8E5E3;
  display: flex;
  align-items: center;
}
.head h2 {
  font-size: 24px;
  line-height: 28px;
  line-height: 22px;
  margin: 0;
  padding: 0 16px;
}

.sdg-icons img {
  margin-bottom: 5px;
  max-width: 66px;
}

ul.page-tabs {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.page-tabs li {
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  margin: 0;
  margin-right: 8px;
  display: inline-block;
  background-color: #EFF9F9;
  border-bottom: solid 1px #DEF0F0;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
ul.page-tabs li a {
  font-size: 14px;
  padding: 16px 20px;
  text-decoration: none;
  display: inline-block;
  color: #019DB8;
}
@media (max-width: 575.98px) {
  ul.page-tabs li a {
    font-size: 11px;
    padding: 8px 10px;
  }
}
ul.page-tabs li.active, ul.page-tabs li:hover {
  color: #019DB8;
  background: #F8F3EE;
  border-bottom: solid 1px #F8F3EE;
}

.to-be-developed {
  border: dashed 2px red;
  background: lime;
  padding: 5px;
}

.select-with-placeholder-container {
  position: relative;
}
.select-with-placeholder-container:not(.hide-placeholder):after {
  content: attr(data-label);
  pointer-events: none;
  background-color: rgba(10, 10, 10, 0.9);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 32px;
  font-size: 13px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #C2DBDB;
  background: #F5FCFC;
  font-style: italic;
  color: #AAA;
  bacskground: #F5FCFC url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background: #F5FCFC url("/assets/img/dropdown_pijl.svg") no-repeat right 100%;
}

.date-circle-big {
  background-color: #EFF9F9;
  width: 80px;
  height: 80px;
  border-radius: 999px;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.date-circle-big * {
  position: absolute;
  left: 0;
  right: 0;
  color: #666666;
}
.date-circle-big .day {
  top: 14px;
  font-size: 22px;
}
.date-circle-big .month {
  top: 43px;
  font-size: 12px;
}

.date-circle {
  background: #fff;
  border-radius: 999px;
  text-transform: uppercase;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
.date-circle * {
  position: absolute;
  left: 0;
  right: 0;
  color: #019DB8;
}
.date-circle .day {
  top: 2px;
  font-size: 22px;
}
.date-circle .month {
  top: 26px;
  font-size: 12px;
}

.date-circle-accent {
  background: linear-gradient(180deg, #02C3CE 0%, #008D9F 100%);
}
.date-circle-accent * {
  color: #fff;
}

.unreadmessages-indicator[data-unread-counter] {
  margin-left: 12px;
  background: red;
  color: #fff;
  border-radius: 999px;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
}
.unreadmessages-indicator.unreadmessages-indicator-count-0 {
  display: none;
}
.unreadmessages-indicator.unreadmessages-indicator-count-0 a {
  display: none;
}

.header {
  height: 64px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  background: #fff;
  /*
  display: flex;
  vertical-align: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  */
  position: fixed;
  left: 0;
  right: 0;
  z-index: 977;
}
.header .logout-link {
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  .header .logout-link {
    padding: 7px;
    font-size: 11px;
  }
}
@media (max-width: 991.98px) {
  .header .logout-link {
    padding: 8px;
  }
}
.header .logout-link a {
  color: #666;
}
.header .menu-profile-pic {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.header .menu {
  display: inline;
  sbackground: silver;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header .menu li {
  display: inline-block;
  padding: 10px;
  font-size: 13px;
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  .header .menu li {
    padding: 7px;
    font-size: 11px;
  }
}
@media (max-width: 991.98px) {
  .header .menu li {
    padding: 8px;
  }
}
.header .menu li a {
  color: #666666;
}
.header .menu li.active a {
  color: #A3D006;
}

.header-fixer {
  height: 30px;
  display: block;
  margin-bottom: 0px;
  margin-top: -30px;
  background: #fff;
}

.top-spacer {
  height: 60px;
}

.page-jumbotron {
  background: linear-gradient(90deg, #39ABE2 0%, #A0C520 100%);
}
@media (min-width: 992px) {
  .page-jumbotron {
    height: 246px;
  }
  .page-jumbotron .container {
    height: 100%;
  }
  .page-jumbotron .container .row {
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .page-jumbotron {
    padding: 30px 0;
  }
}
.page-jumbotron .jumbotron-inner {
  display: flex;
  transition: opacity 1s ease;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
}
.page-jumbotron .jumbotron-inner.loading {
  opacity: 0;
}
@media (max-width: 991.98px) {
  .page-jumbotron .jumbotron-inner {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
  }
}
.page-jumbotron .jumbotron-inner * {
  color: #fff;
}
.page-jumbotron .jumbotron-inner a {
  text-decoration: underline;
}
.page-jumbotron .jumbotron-inner a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .page-jumbotron .jumbotron-inner div.title {
    padding: 5px;
    padding-right: 40px;
    border-right: solid 1px #fff;
  }
}
.page-jumbotron .jumbotron-inner div.title h1 {
  font-size: 50px;
  font-weight: normal;
  margin: 0;
}
@media (max-width: 991.98px) {
  .page-jumbotron .jumbotron-inner div.title h1 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .page-jumbotron .jumbotron-inner div.body {
    padding-left: 40px;
  }
}
.page-jumbotron .jumbotron-inner div.body p {
  font-size: 16px;
  line-height: 27px;
  margin: 0;
}
@media (max-width: 991.98px) {
  .page-jumbotron .jumbotron-inner div.body p {
    font-size: 14px;
  }
}

div.footer {
  background: #fff;
}
div.footer .container {
  height: 100%;
}
div.footer .container .row {
  height: 100%;
}
div.footer * {
  font-size: 13px;
}
div.footer .rainbow-bar {
  height: 20px;
  background: linear-gradient(89.84deg, #02AFE3 0%, #11B99D 13.66%, #7AC360 30.59%, #96C83D 43.69%, #96C83C 56.73%, #8DB73A 67.08%, #69752D 79.76%, #2F2305 100%);
}

.container-footer {
  max-width: 1140px;
  margin: 0 auto;
}

.footer-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "logo adres" "logo phone_email" "logo house_rules" "certification certification";
  background: #fff;
}
@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: auto auto auto auto auto;
    grid-template-rows: auto;
    grid-template-areas: "logo adres phone_email house_rules certification";
  }
}
.footer-grid * {
  font-size: 13px;
}
.footer-grid > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-grid .logo {
  grid-area: logo;
  padding: 10px;
  display: flex;
  align-items: center;
}
.footer-grid .logo img {
  width: 45px;
}
@media (max-width: 767.98px) {
  .footer-grid .logo {
    padding-right: 20px;
  }
  .footer-grid .logo img {
    width: 100%;
  }
}
.footer-grid .adres {
  grid-area: adres;
}
@media (max-width: 767.98px) {
  .footer-grid .adres {
    padding-top: 20px;
  }
}
.footer-grid .phone_email {
  grid-area: phone_email;
}
@media (max-width: 767.98px) {
  .footer-grid .phone_email {
    padding-bottom: 20px;
  }
}
.footer-grid .house_rules {
  grid-area: house_rules;
}
@media (max-width: 767.98px) {
  .footer-grid .house_rules {
    padding-bottom: 20px;
  }
}
.footer-grid .certification {
  display: flex;
  justify-content: center;
  grid-area: certification;
}
@media (max-width: 767.98px) {
  .footer-grid .certification {
    border-top: solid 1px #E8E5E3;
    padding: 20px;
  }
}

.slide-out-bck-center {
  -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-bck-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 20:20:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
    transform: translateZ(-1100px);
    opacity: 0;
  }
}
@keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
    transform: translateZ(-1100px);
    opacity: 0;
  }
}
.puff-out-center {
  -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 20:22:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation puff-out-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
}
@keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
}
.slide-out-fwd-center {
  -webkit-animation: slide-out-fwd-center 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-fwd-center 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 20:24:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
}
@keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
}
.calendar {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.calendar h3.title {
  font-family: "GeorgiaRegular", serif;
  background: linear-gradient(270deg, #02C3CE 0%, #008D9F 100%);
  height: 62px;
  border-radius: 8px 8px 0 0;
  color: #fff;
  text-align: center;
  font-size: 24px;
  margin: 0;
  padding: 15px;
}
.calendar .paging {
  border-top: solid 2px #005563;
  display: flex;
  justify-content: space-between;
  background-color: #006B7D;
}
.calendar .paging div {
  padding: 13px;
  color: #fff;
  font-size: 13px;
}
.calendar .paging div.prev, .calendar .paging div.next {
  cursor: pointer;
  opacity: 0.9;
}
.calendar .paging div.prev:hover, .calendar .paging div.next:hover {
  opacity: 1;
}
.calendar table {
  width: 100%;
  padsding-left: 10px;
  padsding-right: 10px;
}
.calendar table thead tr th {
  font-weight: normal;
  color: #fff;
  padding: 6px 0;
  width: 14.2857142857%;
}
.calendar table td, .calendar table th {
  border: 0;
  font-size: 12px;
  text-align: center;
}
.calendar table tbody tr td {
  text-align: center;
  padding: 2px 0;
}
.calendar table tbody tr td * {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}
.calendar table tbody tr td.past * {
  color: silver;
}
.calendar table tbody tr td.today * {
  background-color: #F8F3EE;
  border-radius: 999px;
}
.calendar table tbody tr td.marked * {
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 999px;
  color: #fff;
}

.col-centered {
  display: flex;
  justify-content: center !important;
}
.col-centered > div {
  align-self: center !important;
}

.col-centered-vertical {
  display: flex;
}
.col-centered-vertical div {
  align-self: center !important;
}

.col-centered-left {
  display: flex;
  justify-content: left !important;
}

.col-centered-left > * {
  align-self: center !important;
}

.col-centered-right {
  display: flex;
  justify-content: flex-end !important;
}
.col-centered-right > * {
  align-self: center !important;
}

.popup-alert {
  background: #EFF9F9;
  position: fixed;
  bottom: 0;
  right: 20px;
  padding: 20px;
  z-index: 976;
  width: 300px;
  font-size: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
  border-radius: 8px 8px 0 0;
}
.popup-alert h2 {
  font-size: 20px;
  color: #019DB8;
}

.whatsnew-container {
  background: #FFF;
  border-radius: 8px;
}
.whatsnew-container .group {
  padding: 12px 20px;
}
.whatsnew-container .group h2 {
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.whatsnew-container .group ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.whatsnew-container .group ul li {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.whatsnew-container .group ul li .label {
  background: #F8F3EE;
  font-size: 11px;
  padding: 1px 6px;
  display: inline;
}

.feed-item {
  margin-bottom: 30px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  font-size: 13px;
}
.feed-item.pymwymic-author .content .details-bar img {
  border-radius: 0;
  background: #FFF;
  height: inherit;
}
.feed-item .feed-item-header {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feed-item .feed-item-header img {
  margin-right: 15px;
}
.feed-item .feed-item-header h2 {
  flex-grow: 1;
  margin: 0;
}
.feed-item .cover {
  background: silver;
  height: 250px;
  width: 100%;
  background: #EEE;
}
.feed-item .cover .label {
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  color: #252525;
  background: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 8px;
}
.feed-item .cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.feed-item .content {
  padding: 16px;
}
.feed-item .content .details-bar {
  font-size: 12px;
  margin-bottom: 12px;
}
.feed-item .content .details-bar img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  margin-right: 8px;
}
.feed-item .content .details-bar a {
  font-weight: bold;
}
.feed-item .content .details-bar .label {
  font-style: italic;
}
.feed-item .content .body {
  foo-white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}
.feed-item .content .body img {
  max-width: 100%;
}
.feed-item .content .body h3 {
  font-size: 20px;
  font-family: "GeorgiaRegular", serif;
}
.feed-item .content .body ul {
  padding-left: 20px;
}
.feed-item .new-reaction {
  padding: 22px 19px;
  border-top: solid 1px #C6E0E0;
  background-color: #EFF9F9;
  border-radius: 0 0 8px 8px;
}
.feed-item .new-reaction .input-row {
  margin-bottom: 4px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.feed-item .new-reaction .input-row input {
  background: #FFF;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #C6E0E0;
  border-radius: 8px;
}
.feed-item .new-reaction .input-row input::placeholder {
  font-style: italic;
  font-weight: bold;
  color: #019DB8;
  font-size: 13px;
}
.feed-item .new-reaction .input-row img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  margin-right: 8px;
}
.feed-item .new-reaction .input-row div {
  flex-grow: 1;
}
.feed-item .new-reaction span {
  font-size: 11px;
}
.feed-item .reactions .reaction-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 19px;
  font-size: 13px;
}
.feed-item .reactions .reaction-row .icon {
  margin-right: 8px;
}
.feed-item .reactions .reaction-row .icon img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.feed-item .reactions .reaction-row:hover .reaction-edit {
  visibility: visible;
}
.feed-item .reactions .reaction-row .reaction-edit {
  font-size: 11px;
  visibility: hidden;
}

.menu-mobile-top-bar-container {
  z-index: 977;
  height: 64px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.menu-mobile-top-bar-container .logo-pym {
  height: 25px;
  margin-top: 3px;
  margin-right: 10px;
}
.menu-mobile-top-bar-container .menu-mobile-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.menu-mobile-top-bar-container .menu-mobile-top-bar .mobile-bar-unread-container {
  justify-content: flex-end;
  display: flex;
  padding-right: 20px;
}
.menu-mobile-top-bar-container .menu-mobile-top-bar .mobile-bar-unread-container img {
  height: 18px;
}
.menu-mobile-top-bar-container .menu-mobile-top-bar .mobile-bar-unread-container span.unreadmessages-indicator {
  position: absolute;
  right: 8px;
  margin-top: -8px;
}

.menu-mobile {
  position: fixed;
  display: none;
  z-index: 978;
  overflow: scroll;
  top: 64px;
  height: calc(100vh - 64px);
  width: 100vw;
  background: #FFF;
}
.menu-mobile.open {
  display: block;
}

.menu-mobile-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-mobile-menu > li {
  font-family: Roboto Slab;
  font-size: 18px;
  background: #fff;
  color: #7B6B77;
}
.menu-mobile-menu > li > a {
  padding: 3px;
  padding-left: 21px;
  color: #7B6B77;
  line-height: 45px;
  display: block;
  text-decoration: none;
}
.menu-mobile-menu > li:before {
  position: absolute;
  content: "";
  right: 20px;
  margin-top: 9px;
  background-image: url(/assets/img/btn_pijl.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%;
  height: 25px;
  width: 25px;
}
.menu-mobile-menu > li.has-submenu:before {
  position: absolute;
  right: 20px;
  border-radius: 50%;
  content: "";
  margin-top: 18px;
  height: 25px;
  width: 25px;
  background-color: #FBF6F0;
  transition: transform 600ms;
}
.menu-mobile-menu > li.has-submenu.active:before {
  transform: rotate(90deg);
  background-color: #fff;
}
.menu-mobile-menu > li.active {
  background: #E8E5E3;
  border-top: solid 1px #E8E5E3;
}
.menu-mobile-menu > li:not(:first-child) {
  border-top: solid 1px #F2E9DF;
}
.menu-mobile-menu .submenu {
  background: #FBF6F0;
  padding: 23px 0;
  display: none;
}
.menu-mobile-menu .submenu li a {
  padding: 10px;
  padding-left: 21px;
  color: #384D57;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}

.nav-icon {
  margin: 1em;
  width: 30px;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #666;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  margin: 5px 0;
  transition: all 0.2s ease-in-out;
}

.nav-icon.open:before {
  transform: translateY(9px) rotate(135deg);
}

.nav-icon.open:after {
  transform: translateY(-5px) rotate(-135deg);
}

.nav-icon.open div {
  background-color: #fff;
  transform: scale(0);
}

.members-online {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.members-online .main {
  padding: 14px;
}
.members-online .main .member-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
.members-online .main .member-row .profile-pic {
  margin-right: 14px;
}
.members-online .main .member-row .profile-pic img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: block;
}
.members-online .main .member-row .name {
  flex-grow: 1;
  font-size: 12px;
}
.members-online .main .member-row .dot {
  background: #A3D006;
  border-radius: 999px;
  height: 10px;
  width: 10px;
}

.logoutwarning-container {
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logoutwarning-container .logoutwarning-popup {
  background: #EFF9F9;
  position: fixed;
  padding: 20px;
  font-size: 13px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
  border-radius: 8px;
}
.logoutwarning-container .logoutwarning-popup h2 {
  font-size: 20px;
  color: #019DB8;
}

.download-tiles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .download-tiles {
    flex-direction: column;
  }
}
.download-tiles .download-tiles-title-container {
  padding: 31px;
}
@media (max-width: 1199.98px) {
  .download-tiles .download-tiles-title-container {
    padding: 10px;
  }
}
.download-tiles .tile-download-container {
  padding: 31px;
  padding-bottom: 11px;
  padding: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  .download-tiles .tile-download-container {
    padding: 10px;
    justify-content: center;
  }
}
.download-tiles .tile-download-container .tile-download {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 264px;
  border: 1px solid #E5DACE;
  border-radius: 15px;
  background-color: #FEFBF8;
}
@media (max-width: 767.98px) {
  .download-tiles .tile-download-container .tile-download {
    width: 100%;
  }
}
.download-tiles .tile-download-container .tile-download div {
  padding: 10px;
  align-self: center;
  display: flex;
}
.download-tiles .tile-download-container .tile-download div span {
  color: #019DB8;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
.download-tiles .tile-download-container .tile-download div a {
  display: inline-block;
  border-radius: 999px;
  height: 36px;
  width: 36px;
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
.download-tiles .tile-download-container .tile-download div.tile-download-icon {
  padding-right: 5px;
}
.download-tiles .tile-download-container .tile-download div.tile-download-title {
  flex-grow: 1;
}
.download-tiles .tile-download-container .tile-download div.tile-download-button {
  padding-left: 5px;
}

@media (min-width: 768px) {
  .container-sdg {
    height: 100%;
  }
}

.container-specs .specs .spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  padding: 3px;
}
.container-specs .specs .spec-row:not(:last-of-type) {
  border-bottom: solid 1px #E8E5E3;
}
.container-specs .specs .spec-row .spec-name {
  font-weight: bold;
  flex-basis: 50%;
}
.container-specs .specs .spec-row .spec-value {
  flex-basis: 50%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-specs .table-specs {
  width: 100%;
}
.container-specs .table-specs tr:last-of-type td {
  border-bottom: 0;
}
.container-specs .table-specs td {
  padding: 3px;
  border-bottom: solid 1px #E8E5E3;
}
.container-specs .table-specs td:first-of-type {
  font-size: 13px;
  font-weight: bold;
}
.container-specs .table-specs td:not(:first-of-type) {
  font-size: 13px;
  text-align: right;
}

.downloads-tile {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.downloads-tile p {
  font-size: 14px;
}
.downloads-tile .tile-top-bottom-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.downloads-tile .tile-top-bottom-container .tile-top {
  border-radius: 8px 8px 0 0;
  background: #fff;
  flex-grow: 1;
}
.downloads-tile .tile-top-bottom-container .tile-top .no_description {
  display: flex;
  height: 100%;
  sjustify-content: center;
  align-items: center;
}
.downloads-tile .tile-top-bottom-container .tile-top .no_description h1.title_stretched {
  color: #019DB8;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.downloads-tile .tile-top-bottom-container .tile-top h1.title {
  color: #019DB8;
  font-size: 24px;
  padding: 0;
}
.downloads-tile .tile-top-bottom-container .tile-top .preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: solid 1px #E8E5E3;
}
.downloads-tile .tile-top-bottom-container .tile-bottom {
  border-radius: 0 0 8px 8px;
  border-top: solid 1px #E8E5E3;
  background-color: #FEFBF8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: center;
  width: 100%;
}

.company-discussion {
  position: sticky;
  top: 94px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.company-discussion .main {
  background: #FFF;
}
.company-discussion .main .messages {
  max-height: calc(100vh - (64px + 30px + 330px));
  overflow-y: auto;
}
.company-discussion .main .messages .message-row {
  padding: 16px;
  border-bottom: solid 1px #E8E5E3;
  font-size: 12px;
}
.company-discussion .main .messages .message-row:last-of-type {
  border-bottom: 0;
}
.company-discussion .main .messages .message-row .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.company-discussion .main .messages .message-row .top .member-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  margin-right: 8px;
}
.company-discussion .main .messages .message-row .top .name {
  flex-grow: 1;
  font-weight: bold;
}
.company-discussion .main .messages .message-row .top .date {
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
}
.company-discussion .main .messages .message-row p {
  font-size: 12px;
  text-align: left;
  margin: 0;
}
.company-discussion .main:after {
  content: "";
  psosition: relative;
  background: #EFF9F9;
  display: block;
  height: 4px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.company-discussion .footer-box {
  background: #EFF9F9;
  border-radius: 0 0 8px 8px;
}
.company-discussion .footer-box h2.title {
  color: #019DB8;
  font-family: "ArialNovaLight", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
}

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-20 14:42:55
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.slide-out-top {
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-20 14:46:7
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-in-fwd {
  -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-22 15:27:26
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-8-22 15:26:3
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.loading-balls {
  width: 4em;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.loading-balls div {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #FF6914;
}
.loading-balls div:nth-of-type(1) {
  transform: translateX(-100%);
  animation: left-swing 0.5s ease-in alternate infinite;
}
.loading-balls div:nth-of-type(3) {
  transform: translateX(-95%);
  animation: right-swing 0.5s ease-out alternate infinite;
}
@keyframes left-swing {
  50%, 100% {
    transform: translateX(95%);
  }
}
@keyframes right-swing {
  50% {
    transform: translateX(-95%);
  }
  100% {
    transform: translateX(100%);
  }
}

.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 979;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-container .popup {
  position: relative;
  background: #FFF;
  width: 540px;
  max-width: 90%;
  box-shadow: 4px 5px 13px 7px rgba(0, 0, 0, 0.17);
  border-radius: 18px;
}
.popup-container .popup > div {
  padding: 27px;
}
@media (max-width: 991.98px) {
  .popup-container .popup > div {
    padding: 15px;
  }
}
.popup-container .popup > div:first-of-type {
  border-radius: 18px 18px 0 0;
}
.popup-container .popup > div:last-of-type {
  border-radius: 0 0 18px 18px;
}
.popup-container .popup .popup-close-link {
  position: absolute;
  right: 16px;
  top: 16px;
}
@media (max-width: 991.98px) {
  .popup-container .popup .popup-close-link {
    right: 10px;
    top: 10px;
  }
}
.popup-container .popup .popup-header {
  padding-top: 38px;
  padding-bottom: 38px;
  background-color: #FBF6F0;
}
@media (max-width: 991.98px) {
  .popup-container .popup .popup-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.popup-container .popup .popup-header h1 {
  font-size: 28px;
  margin: 0;
  padding-right: 20px;
}
@media (max-width: 991.98px) {
  .popup-container .popup .popup-header h1 {
    font-size: 20px;
  }
}
.popup-container .popup .popup-body {
  border-bottom: solid 1px #E8E5E3;
}
.popup-container .popup .popup-body p, .popup-container .popup .popup-body li {
  font-size: 13px;
}
.popup-container .popup .popup-body ul {
  padding-left: 18px;
}
.popup-container .popup .popup-body .pic-and-name {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.popup-container .popup .popup-body .pic-and-name img {
  border-radius: 999px;
  width: 65px;
  height: 65px;
  margin-right: 16px;
}
.popup-container .popup .popup-footer {
  atext-align: right;
}
.popup-container .popup .popup-footer a {
  text-decoration: underline;
  color: #666;
  font-size: 13px;
}
.popup-container .popup .popup-footer a:hover {
  text-decoration: none;
}
.popup-container .popup .popup-footer > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991.98px) {
  .popup-container .popup .popup-footer > div {
    justify-content: center;
  }
}
.popup-container .popup .popup-footer.confirm {
  stext-align: left;
}
.popup-container .popup .popup-footer.confirm > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991.98px) {
  .popup-container .popup .popup-footer.confirm > div {
    flex-direction: column;
    align-items: flex-start;
  }
}
.popup-container .popup-thanks .popup-thanks-container {
  padding: 0;
  display: flex;
  border-radius: 18px;
}
.popup-container .popup-thanks .popup-thanks-container .popup-rainbow {
  border-radius: 18px 0 0 18px;
  background: linear-gradient(180deg, #39ABE2 0%, #A0C520 100%);
  min-width: 100px;
}
.popup-container .popup-thanks .popup-thanks-container .popup-body {
  padding: 38px 27px;
  border-radius: 0 18px 18px 0;
}
@media (max-width: 991.98px) {
  .popup-container .popup-thanks .popup-thanks-container .popup-body {
    padding: 24px 15px;
  }
}
.popup-container .popup-thanks .popup-thanks-container .popup-body h2 {
  font-size: 28px;
  line-height: 32px;
  margin: 0;
  padding-right: 80px;
}
.popup-container .popup-newchat .popup-footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
}
.popup-container .popup-newchat .popup-footer #newchat-membercounter {
  color: #FF9023;
}
.popup-container .popup-newchat #newchat-namelist {
  min-height: 136px;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  margin: 10px 0;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow:hover {
  background-color: #F8F3EE;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow > div {
  padding: 0 8px;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow > div:first-child {
  padding-left: 0;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow > div:last-child {
  padding-right: 0;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow .new-chat-profile-pic-container img {
  width: 39px;
  height: 39px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow .name {
  flex-grow: 1;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow .name label {
  display: block;
  margin: 0;
  cursor: pointer;
  color: #019DB8;
  font-size: 13px;
}
.popup-container .popup-newchat #newchat-namelist .newchat-namerow .check {
  cursor: pointer;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container {
  display: inline-block;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container .picked-user {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container .picked-user .profile-pic-container img.profile-pic {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container .picked-user .profile-pic-container a {
  background-color: #019DB8;
  border-radius: 999px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  position: absolute;
  margin-top: -8px;
  margin-left: 25px;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container .picked-user .profile-pic-container a img {
  width: 8px;
  height: 8px;
}
.popup-container .popup-newchat #newchat-pickedlist .picked-user-container .picked-user .name {
  color: #848185;
  font-size: 12px;
}
.popup-container .popup-feednewmessage span, .popup-container .popup-event-create span, .popup-container .popup-chatnewmessage span, .popup-container .popup-newchat span {
  font-size: 13px;
}
.popup-container .popup-feednewmessage .popup-header, .popup-container .popup-event-create .popup-header, .popup-container .popup-chatnewmessage .popup-header, .popup-container .popup-newchat .popup-header {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media (max-width: 991.98px) {
  .popup-container .popup-feednewmessage .popup-header, .popup-container .popup-event-create .popup-header, .popup-container .popup-chatnewmessage .popup-header, .popup-container .popup-newchat .popup-header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.popup-container .popup-feednewmessage .member_icon, .popup-container .popup-event-create .member_icon, .popup-container .popup-chatnewmessage .member_icon, .popup-container .popup-newchat .member_icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.popup-container .popup-feednewmessage textarea, .popup-container .popup-event-create textarea, .popup-container .popup-chatnewmessage textarea, .popup-container .popup-newchat textarea {
  font-size: 13px;
  width: 100%;
  height: 50px;
}
@media (max-width: 767.98px) {
  .popup-container .popup-feednewmessage textarea, .popup-container .popup-event-create textarea, .popup-container .popup-chatnewmessage textarea, .popup-container .popup-newchat textarea {
    height: 40px;
  }
}
@media (min-width: 768px) {
  .popup-container .popup-feednewmessage textarea#event_description, .popup-container .popup-event-create textarea#event_description, .popup-container .popup-chatnewmessage textarea#event_description, .popup-container .popup-newchat textarea#event_description {
    height: 100px;
  }
}

.feedback-box {
  position: inherit;
  stop: 94px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.feedback-box .main {
  background: #fff;
}
.feedback-box .main .messages {
  msax-height: calc(100vh - (64px + 30px + 330px + 400px));
  ovserflow-y: auto;
  ovesrflow-y: scroll;
  overflow-y: auto;
}
.feedback-box .main .messages .message-row {
  padding: 20px;
  padding: 10px 20px;
  border-bottom: solid 1px #E8E5E3;
  font-size: 13px;
}
.feedback-box .main .messages .message-row:last-of-type {
  border-bottom: 0;
}
.feedback-box .main .messages .message-row .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.feedback-box .main .messages .message-row .top .member-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #eee;
  margin-right: 8px;
}
.feedback-box .main .messages .message-row .top .name {
  flex-grow: 1;
  font-weight: bold;
}
.feedback-box .main .messages .message-row .top .date {
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
}
.feedback-box .main .messages .message-row p {
  text-align: left;
  margin: 0;
}
.feedback-box .main:after {
  content: "";
  psosition: relative;
  background: #EFF9F9;
  display: block;
  height: 4px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.feedback-box .footer-box {
  background: #EFF9F9;
  border-radius: 0 0 8px 8px;
}
.feedback-box .footer-box h2.title {
  color: #019DB8;
  font-family: "ArialNovaLight", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

.page-home .profile {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.page-home .profile:hover .profile-pic {
  transform: scale(1.1);
}
.page-home .profile .profile-head {
  display: flex;
  justify-content: space-between;
  padding: 14px;
  width: 100%;
}
.page-home .profile .profile-head h3, .page-home .profile .profile-head h5 {
  color: #fff;
  font-size: 14px;
  margin: 0;
}
.page-home .profile .profile-head h3 {
  height: 21px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 90%;
}
.page-home .profile .profile-head h5 {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-home .profile .profile-head .profile-pic {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  transition: 150ms linear;
}
.page-home .profile .main {
  padding: 14px;
  font-size: 13px;
  background: #fff;
  line-height: 22px;
  border-radius: 0 0 8px 8px;
}
.page-home .profile .main .row-profile {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-home .big-updates-box {
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.page-home .big-updates-box .row-update {
  background-color: #fff;
  border-bottom: solid 1px #E8E5E3;
  display: flex;
  justify-content: space-between;
  padding: 11px 16px;
}
.page-home .big-updates-box .row-update > div:last-child {
  margin-left: 5px;
  basckground: green;
  min-width: 32px;
}
.page-home .big-updates-box .row-update .btn-circle-arrow {
  transition: 150ms linear;
}
.page-home .big-updates-box .row-update:last-of-type {
  border-radius: 0 0 8px 8px;
}
.page-home .big-updates-box .row-update:hover {
  text-decoration: none;
}
.page-home .big-updates-box .row-update:hover .title {
  color: #007589 !important;
}
.page-home .big-updates-box .row-update:hover .btn-circle-arrow {
  transform: scale(1.1);
}
.page-home .big-updates-box .row-update .label {
  background: #F8F3EE;
  padding: 3px 6px;
  font-size: 12px;
  display: inline;
}
.page-home .big-updates-box .row-update .title {
  margin-top: 9px;
  color: #019DB8;
  font-size: 14px;
  line-height: 18px;
}
.page-home .big-updates-box .row-update-small {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 11px 16px;
}
.page-home .big-updates-box .row-update-small .label {
  background: #F8F3EE;
  padding: 3px 6px;
  font-size: 12px;
  display: inline;
}
.page-home .big-updates-box .row-update-small .title {
  margin-top: 9px;
  color: #019DB8;
  font-size: 14px;
  line-height: 18px;
}
.page-home .new-post-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  color: #FFF;
  height: 62px;
  border-radius: 8px;
  padding: 19px;
}
.page-home .new-post-bar span {
  display: block;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 2px;
}
@media (max-width: 991.98px) {
  .page-home .new-post-bar {
    height: inherit;
    padding: 10px;
  }
  .page-home .new-post-bar span {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .page-home .home-col-left {
    top: 94px;
  }
}
.page-home .home-col-right {
  position: sticky;
  tsop: 94px;
}

.pipeline-container {
  background-color: #F8F3EE;
  padding: 30px;
  display: flex;
  /* [1] */
  flex-wrap: nowrap;
  /* [1] */
  overflow-x: scroll;
  height: calc(100vh - (243px));
}
@media (max-width: 767.98px) {
  .pipeline-container {
    padding: 30px 0;
    overflow: auto;
    flex-direction: column;
    height: auto;
  }
}
.pipeline-container .pipeline-col-container {
  padding: 0 15px;
}
.pipeline-container .pipeline-col-container .btn-collapse-expand {
  display: none;
}
@media (max-width: 767.98px) {
  .pipeline-container .pipeline-col-container {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 20px;
  }
  .pipeline-container .pipeline-col-container .btn-collapse-expand {
    display: block;
    position: absolute;
    right: 30px;
    top: 13px;
    color: #fff;
    border-radius: 999px;
    height: 32px;
    width: 32px;
    background: linear-gradient(0deg, #B0E300 0%, #7DBD00 100%);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  }
  .pipeline-container .pipeline-col-container .btn-collapse-expand:after {
    content: "";
    background-image: url("/assets/img/plus_icoon.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: 9px;
    position: absolute;
    background-size: 100%;
  }
  .pipeline-container .pipeline-col-container:not(.open) .head {
    border-radius: 8px;
  }
  .pipeline-container .pipeline-col-container.open .btn-collapse-expand:after {
    background-image: url("/assets/img/min_icoon.svg");
    margin-top: 15px;
  }
}
.pipeline-container .pipeline-col-container .head {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.pipeline-container .pipeline-col-container .head h2 {
  font-size: 22px;
}
.pipeline-container .pipeline-col-container .pipeline-col {
  border-radius: 0 0 8px 8px;
  background: #fff;
  min-width: 255px;
  height: calc(100% - 100px);
  overflow-y: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.pipeline-container .pipeline-col-container .pipeline-col ul {
  padding: 15px;
  margin: 0;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li {
  list-style-type: none;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #e5dace;
  width: 100%;
  margin-bottom: 10px;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li:hover {
  border: solid 1px #A3D006;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li .pipeline-item {
  border-radius: 5px;
  min-height: 60px;
  transition: background-color 100ms ease-in-out;
  display: block;
  border: solid 1px transparent;
  padding: 10px;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li .pipeline-item:hover {
  border: solid 1px #A3D006;
  backgrsound: #F8F3EE;
  cursor: pointer;
  text-decoration: none;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li .pipeline-item:hover h4 {
  color: #A3D006;
}
.pipeline-container .pipeline-col-container .pipeline-col ul li .pipeline-item h4 {
  font-size: 14px;
  color: #019DB8;
  font-weight: bold;
}

.pipeline-arrow {
  position: fixed;
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.3;
  top: 50%;
  margin-top: -25px;
  transition: opacity 300ms ease-in-out;
}
.pipeline-arrow:hover {
  opacity: 0.9;
}
.pipeline-arrow.disabled {
  opacity: 0;
}
.pipeline-arrow.left {
  left: 10px;
}
.pipeline-arrow.right {
  right: 10px;
}

.pipeline-detail p {
  stext-align: justify;
}
.pipeline-detail .row-funds h3 {
  font-weight: bold;
  font-size: 16px;
}
.pipeline-detail .row-funds h5 {
  font-size: 11px;
}
.pipeline-detail ul.phase_list {
  list-style-type: none;
}
.pipeline-detail ul.phase_list:after {
  position: absolute;
  background-color: #ECECEB;
  width: 5px;
  height: 100%;
  content: "";
  top: 0;
  margin-left: -20px;
}
.pipeline-detail ul.phase_list li {
  display: block;
  height: 19px;
  margin-bottom: 15px;
}
.pipeline-detail ul.phase_list li div {
  font-size: 13px;
  line-height: 19px;
  padding-right: 44px;
}
.pipeline-detail ul.phase_list li:after {
  position: absolute;
  content: "";
  background-color: #fff;
  border: solid 6px #848185;
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 999px;
  margin-top: -19px;
  right: 8px;
  z-index: 11;
}
.pipeline-detail ul.phase_list li.selected:after {
  border-color: #FF9023;
}
.pipeline-detail ul.phase_list li.disabled:after {
  border-color: #DBDBDB;
}
.pipeline-detail .field {
  display: flex;
  bacskground: green;
  font-size: 13px;
  align-items: flex-start;
}
.pipeline-detail .field .name {
  width: 130px;
}
.container-portfolio h2 {
  font-sisze: 28px;
  font-wseight: bold;
}
.container-portfolio h2.title {
  font-size: 26px;
  fonst-weight: bold;
  aheight: 62px;
  margin: 0;
  vertical-align: middle;
  line-height: 60px;
}
@media (max-width: 575.98px) {
  .container-portfolio h2.title {
    font-size: 21px;
  }
}

.tile-portfolio {
  background-color: #FEFBF8;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
}
.tile-portfolio .tile-content-box {
  padding: 9px 13px;
  background: #fff;
}
.tile-portfolio .tile-content-box .progress {
  margin: 5px 0;
}
.tile-portfolio .tile-content-box-last {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  min-height: 81px;
  border-radius: 0 0 8px 8px;
  padding-bottom: 14px;
}
.tile-portfolio .line {
  margin: 1px 0;
}
.tile-portfolio img {
  height: 120px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
.tile-portfolio h2 {
  font-size: 22px;
  color: #019DB8;
  margin: 0;
}
.tile-portfolio h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 3px;
}
.tile-portfolio h5 {
  font-size: 11px;
  margin: 0;
}
.tile-portfolio div.not-fundraising {
  display: flex;
  justify-content: center;
  align-items: center;
  heaight: 100%;
}
.tile-portfolio div.not-fundraising div {
  color: #C1C1C1;
  font-style: italic;
  font-size: 16px;
}
.tile-portfolio div.tile-footer {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  padding: 18px 13px;
  text-align: right;
}

.portfolio-detail p {
  atext-align: justify;
}
.portfolio-detail .row-funds h3 {
  font-weight: bold;
  font-size: 16px;
}
.portfolio-detail .row-funds h5 {
  font-size: 11px;
}
.portfolio-detail h1 {
  margin-top: 20px;
  font-size: 24px;
}
.portfolio-detail .logo-container img {
  max-height: 200px;
  max-width: 100%;
}
.portfolio-detail .image-container {
  width: 100%;
}
@media (min-width: 768px) {
  .portfolio-detail .image-container {
    position: absolute;
    right: -10px;
  }
}
@media (min-width: 768px) {
  .portfolio-detail .image-container {
    margin-top: 61px;
  }
}
.portfolio-detail .image-container img {
  width: 100%;
}

.update-row {
  display: flex;
  align-items: center;
}
.update-row .update-date {
  padding: 20px;
  padding-right: 0;
}
.update-row .update-content {
  padding: 20px;
  font-size: 13px;
  line-height: 20px;
}
.update-row h2 {
  font-size: 20px;
}

.support-by {
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: linear-gradient(270deg, #B0E300 0%, #7DBD00 100%);
  background: #EFF9F9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .support-by h2 {
    width: 200px;
  }
}
.support-by * {
  color: #666;
}

@media (max-width: 767.98px) {
  .support-by-2 .head h2 {
    font-size: 22px;
  }
}
.support-by-2 .support-by-main {
  padding: 20px;
}
.support-by-2 .support-by-main * {
  font-size: 16px;
}

.pipeline-stats .table-stats {
  width: 100%;
}
.pipeline-stats .table-stats th, .pipeline-stats .table-stats td {
  font-size: 13px;
  color: #666;
}
.pipeline-stats .table-stats th:first-of-type, .pipeline-stats .table-stats td:first-of-type {
  padding-left: 20px;
}
.pipeline-stats .table-stats th:last-of-type, .pipeline-stats .table-stats td:last-of-type {
  padding-right: 20px;
}
.pipeline-stats .table-stats th {
  font-weight: bold;
}
.pipeline-stats .table-stats tr:not(:first-of-type) th {
  border-top: solid 1px #E8E5E3;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pipeline-stats .table-stats tr:not(.footer) th {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #A3D006;
  border-bottom: solid 1px #E8E5E3;
}
.pipeline-stats .table-stats tr:nth-of-type(2) td {
  padding-top: 5px;
}
.pipeline-stats .table-stats tr:nth-last-of-type(2) td {
  padding-bottom: 5px;
}
.pipeline-stats .table-stats .circle {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  display: inline-block;
  line-height: 19px;
  vertical-align: middle;
  margin-right: 8px;
}

.members-stats {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.members-stats .main {
  padding: 20px;
}
.members-stats .main:last-of-type {
  border-radius: 0 0 8px 8px;
}
.members-stats .stats-row {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.members-stats .stats-row .value span {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 999px;
  background: #EEE;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
}
.members-stats .col-flag {
  display: flex;
  sflex-direction: column;
  align-items: center;
}
.members-stats .col-flag span {
  font-size: 12px;
  font-weight: bold;
}
.members-stats .col-country-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flag {
  margin-bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

body.platform-members-index .container-white {
  padding: 8px;
}

.members-container {
  min-height: 252px;
}

.in-filter > .tile-member {
  border: solid 1px red;
}

.tile-member {
  display: block;
  height: 220px;
  border: 1px solid #C2DBDB;
  border-radius: 8px;
  margin: 8px;
  transition: 150ms linear;
}
.tile-member .tile-member-top {
  background-color: #F5FCFC;
  height: 77px;
  border-radius: 8px 8px 0 0;
}
.tile-member .tile-member-top span {
  color: #A3D006;
  text-transform: uppercase;
  text-align: center;
  font-size: 8px;
  letter-spacing: 2.06px;
  display: block;
  padding: 10px;
}
.tile-member .tile-member-bottom {
  border: solid 1px transparent;
}
.tile-member:hover {
  text-decoration: none;
  border: 1px solid #A3D006;
}
.tile-member:hover .tile-member-top {
  background: linear-gradient(180deg, #B0E300 0%, #7DBD00 100%);
}
.tile-member:hover .tile-member-top span {
  color: #FFF;
}
.tile-member:hover .tile-member-bottom {
  border: 1px solid #A3D006;
  border-top: solid 1px transparent;
}
.tile-member:hover div.name {
  color: #A3D006;
  text-decosration: underline;
}
.tile-member .member-icon {
  text-align: center;
  margin-top: -40px;
  margin-bottom: 10px;
}
.tile-member .member-icon img {
  width: 80px;
  height: 80px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
.tile-member div.name {
  color: #019DB8;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.tile-member div.intro {
  padding: 0 10px 0 10px;
  color: #7B6B77;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

body.platform-members-show .profile-pic {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
body.platform-members-show .member-type {
  position: absolute;
  top: 0;
  border-radius: 8px 0 8px 0;
  padding: 8px;
  font-size: 10px;
  left: 0;
  color: #FFF;
  background-color: #FF9023;
  text-transform: uppercase;
  background-color: #AAA;
  color: #FFF;
  padding: 8px 12px;
  letter-spacing: 2px;
}
body.platform-members-show .member-icon-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  body.platform-members-show .member-icon-title {
    justify-content: flex-start;
  }
  body.platform-members-show .member-icon-title .icon-container {
    margin-right: 20px;
  }
}
body.platform-members-show .member-links {
  display: flex;
}
body.platform-members-show .member-links div {
  align-self: center !important;
}
@media (min-width: 768px) {
  body.platform-members-show .member-links {
    margin-top: 30px;
    justify-content: flex-end;
    text-align: right;
    height: calc(88px);
  }
}
body.platform-members-show .member-activities {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  font-size: 13px;
}
body.platform-members-show .member-activities div:last-child {
  border-radius: 0 0 8px 8px;
}
body.platform-members-show .member-activities .activity-row {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  color: #666;
}
body.platform-members-show .member-activities .activity-row .icon-date-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
body.platform-members-show .member-activities .activity-row .icon-date-row img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
  margin-right: 10px;
}
body.platform-members-show .member-activities .activity-row .icon-date-row .date {
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
}

h2.title {
  font-size: 26px;
  fonst-weight: bold;
  heighdt: 62px;
  margin: 0;
  vertical-align: middle;
  line-height: 60px;
}

.tile-event {
  background-color: #EFF9F9;
  border-radius: 8px;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tile-event .title {
  padding: 10px;
  aheight: 80px;
}
.tile-event h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  max-height: 47px;
  overflow: hidden;
}
.tile-event .description {
  aheight: 180px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  padding: 13px;
  flex-grow: 1;
  background: #FFF;
}
.tile-event .description p {
  font-size: 12px;
  margin: 0;
}
.tile-event .tile-footer {
  background-color: #FEFBF8;
  padding: 20px 13px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: space-between;
}
.tile-event .tile-footer div {
  width: 100%;
}
.tile-event .tile-footer div.has-2 a {
  width: 95%;
}
.tile-event .tile-footer div a {
  padding: 8px 0;
  text-align: center;
}

.events-archive a.stats-row {
  text-decoration: none !important;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.events-archive a.stats-row .title {
  text-decoration: underline;
}
.events-archive a.stats-row:hover .value span {
  background: #A3D006;
  color: #FFF;
  text-decoration: none !important;
}
.events-archive a.stats-row .value span {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 999px;
  background: #EEE;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
}

.container-events-detail h3 {
  line-height: 23px;
}

.profile-pic {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}

ul {
  padding-left: 18px;
}
ul li {
  font-size: 13px;
}

.event-detail-table {
  font-size: 15px;
}
.event-detail-table tr {
  border-bottom: solid 1px #E8E5E3;
}
.event-detail-table tr td:first-of-type {
  font-weight: bold;
  padding: 4px 30px 4px 0;
}

.event-image {
  max-width: 100%;
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}

.btn-block {
  text-align: center;
}

#resources-table tr td:first-child {
  font-weight: bold;
}

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

.pymwymic-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.pymwymic-table tr th {
  possition: sticky;
  posistion: -webkit-sticky;
  top: 62px;
  background: #F8F3EE;
  z-index: 10;
  border-bottom: solid 2px #444;
  white-space: nowrap;
  font-size: 14px;
  padding: 0 4px 8px 0;
}
.pymwymic-table tr td {
  border-bottom: solid 1px #E8E5E3;
  padding: 8px 4px 8px 0;
  font-size: 14px;
}

@media (min-width: 992px) {
  .inbox-row {
    backgsround: lime;
  }
  .inbox-row #col-list {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .inbox-row #col-detail {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (max-width: 991.98px) {
  .inbox-row {
    bacskground: navy;
  }
  .inbox-row #col-detail, .inbox-row #col-list {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 991.98px) and (max-width: 1199.98px) {
  .inbox-row #col-detail:not(.active), .inbox-row #col-list:not(.active) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .inbox-row #col-detail.active, .inbox-row #col-list.active {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .inbox-row #col-detail:not(.active), .inbox-row #col-list:not(.active) {
    flex: 0 0 0%;
    max-width: 0%;
  }
}

.container-messageroom-detail, .container-messageroom-list {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.container-messageroom-detail .head, .container-messageroom-detail .footer-box, .container-messageroom-list .head, .container-messageroom-list .footer-box {
  min-height: 62px;
}
@media (min-width: 992px) {
  .container-messageroom-detail, .container-messageroom-list {
    min-height: calc(100vh - (456px));
  }
}
@media (max-width: 991.98px) {
  .container-messageroom-detail > :last-child, .container-messageroom-list > :last-child {
    border-radius: 0 0 8px 8px;
  }
}
@media (min-width: 1200px) {
  .container-messageroom-detail, .container-messageroom-list {
    height: calc(100vh - (244px));
  }
}

#messageroom-list, #messageroom-detail {
  height: 100%;
}

#messageroom-list {
  overflow-y: auto;
}
#messageroom-list .chatroomlist-item:hover .room-row, #messageroom-list .chatroomlist-item.selected .room-row {
  text-decoration: none;
  background: #F0F9D1;
}
#messageroom-list .room-row {
  background: #F5FCFC;
  border-bottom: solid 1px #C2DBDB;
  padding: 20px;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition: 200ms background-color;
}
#messageroom-list .room-row .date-and-unread-container {
  white-space: nowrap;
  justify-content: center;
  display: flex;
  align-items: center;
}
#messageroom-list .room-row .date-and-unread-container span.momentjs-date {
  font-size: 11px;
}
#messageroom-list .room-row .date-and-unread-container .unread-dot {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  display: inline-block;
  background-color: #FF5D30;
  margin-left: 8px;
}
#messageroom-list .pic {
  margin-right: 8px;
}
#messageroom-list .pic img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}

#messageroom-detail {
  height: calc(100% - 62px);
}
#messageroom-detail .chatbox-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
}
#messageroom-detail .chatbox-container .chatbox-messages {
  overflow-y: auto;
  flex-grow: 1;
  padding: 15px;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container {
  font-size: 13px;
  margin-right: 50px;
  margin-left: 0;
}
@media (max-width: 991.98px) {
  #messageroom-detail .chatbox-container .chatbox-messages .chatrow-container {
    margin-right: 15px;
  }
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .message {
  background: #FEFBF8;
  border: solid 1px #E8E5E3;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container.is-self {
  margin-left: 50px;
  margin-right: 0;
}
@media (max-width: 991.98px) {
  #messageroom-detail .chatbox-container .chatbox-messages .chatrow-container.is-self {
    margin-left: 15px;
  }
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container.is-self .message {
  background: #F0F9D1;
  border: solid 1px #D0DF9C;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .date {
  font-size: 10px;
  margin-bottom: 3px;
  text-align: right;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .date * {
  color: #aaa;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .message {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
  margin-bottom: 7px;
  padding: 7px;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .message div:first-child {
  margin-right: 15px;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .message div:first-child img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
#messageroom-detail .chatbox-container .chatbox-messages .chatrow-container .message div:last-child {
  flex-grow: 1;
}
#messageroom-detail .chatbox-container .chatbox-footer {
  height: 80px;
}
#messageroom-detail .chatbox-container .chatbox-footer .chatbox-footer-inner-container {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #E8E5E3;
}
#messageroom-detail .chatbox-container .chatbox-footer .chatbox-footer-inner-container .footer-icon {
  margin-right: 15px;
}
#messageroom-detail .chatbox-container .chatbox-footer .chatbox-footer-inner-container .footer-icon img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
#messageroom-detail .chatbox-container .chatbox-footer .chatbox-footer-inner-container .footer-input {
  flex-grow: 1;
}
#messageroom-detail .chatbox-container .chatbox-footer .chatbox-footer-inner-container .footer-button .btn-pymwymic {
  width: 90px;
  margin-left: 15px;
}

div.loading-animation {
  width: 100%;
  height: 100%;
  backsground: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
div.loading-animation div {
  width: 2.5em;
  height: 3em;
  border: 3px solid transparent;
  border-top-color: #02B1BB;
  border-bottom-color: #02B1BB;
  border-radius: 50%;
  animation: spin-stretch 2s ease infinite;
}

@keyframes spin-stretch {
  50% {
    transform: rotate(360deg) scale(0.4, 0.33);
    border-width: 8px;
  }
  100% {
    transform: rotate(720deg) scale(1, 1);
    border-width: 3px;
  }
}
label {
  font-size: 13px;
}

body.platform-account {
  /* ----------------------------------------------
   * Generated by Animista on 2019-8-29 20:8:2
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info.
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  /**
   * ----------------------------------------
   * animation shake-horizontal
   * ----------------------------------------
   */
  /* ----------------------------------------------
   * Generated by Animista on 2019-8-29 20:15:57
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info.
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  /**
   * ----------------------------------------
   * animation vibrate-3
   * ----------------------------------------
   */
}
body.platform-account p.p-disabled {
  color: silver;
}
body.platform-account p.p-disabled > * {
  color: silver;
}
body.platform-account p.p-disabled a {
  text-decoration: underline;
}
body.platform-account .form-control:invalid {
  border: solid 1px red;
  color: red;
}
body.platform-account .profile-pic {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  object-fit: cover;
  background: #eee;
  font-size: 6px;
  color: #aaa;
}
body.platform-account .page-account label {
  font-size: 13px;
}
body.platform-account .page-account .form-row .col:first-of-type {
  background: lime;
}
body.platform-account .page-account .form-row .col:last-of-type {
  background: green;
}
body.platform-account .char-counter {
  color: #FF9023;
  float: right;
}
body.platform-account h3 {
  display: inline;
  font-size: 16px;
  color: #019DB8;
  font-family: "ArialNovaLight", Helvetica, Arial, sans-serif;
}
body.platform-account .note {
  color: #019DB8;
  font-size: 12px;
  font-style: italic;
  float: right;
}
body.platform-account .member-type {
  position: absolute;
  top: 0;
  border-radius: 0 8px 0 8px;
  padding: 8px;
  font-size: 10px;
  right: 15px;
  color: #FFF;
  background-color: #FF9023;
  background-color: #AAA;
  color: #FFF;
  padding: 8px 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
body.platform-account .box-account-status :last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.platform-account .box-account-status .main {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
body.platform-account .box-account-status .account-status-perc {
  background-color: #02819F;
  height: 40px;
  width: 40px;
  border-radius: 999px;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.platform-account .box-account-status .account-status-perc span {
  color: #FFF;
  font-size: 14px;
  text-align: center;
}
body.platform-account .box-account-status .error-row {
  color: #FF5D30;
  padding: 10px 15px;
  font-size: 13px;
}
body.platform-account .box-account-status .error-row:not(:last-of-type) {
  border-bottom: solid 1px #E8E5E3;
}
body.platform-account .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #CCC;
  border: solid 1px #CCC;
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
body.platform-account .shake-horizontal {
  -webkit-animation: shake-horizontal 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-horizontal 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
body.platform-account .vibrate-3 {
  -webkit-animation: vibrate-3 2s linear both;
  animation: vibrate-3 2s linear both;
}
@-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.mb-spacer-1 {
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .mb-sm-spacer-1 {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .mb-md-spacer-1 {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .mb-lg-spacer-1 {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .mb-xl-spacer-1 {
    margin-bottom: 30px;
  }
}

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