:root {
  --bg-image:'';
}

::-ms-clear {
  display: none;
}

body {
  margin:0;
  background-image: '';
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; /* Optional, for improved spacing/kerning */
  color:#4B5257;
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  font-size: 16px;
}

p {
  margin: 8px 0;
}

div.passwordField {

  position:relative;

}

  div.passwordField div.passwordStrength p {
      text-align:left;
      margin: 4px 2px;
    }

  div.passwordField div.passwordStrength {
    margin-bottom:16px;

}

  div.passwordField button.show {
    position: absolute;
    top: 5px;
    left: -31px;
    border: none;
    padding: 8px;
    font-size: 16px;
    background: none;
    cursor:pointer;
  }

  div.passwordField button.show:focus {
      outline: none;
    }

  div.passwordField span.message {
    position: absolute;
    top: 0px;
    right: 5px;
    line-height: 40px;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
  }

  div.passwordField div.indicator {
    height: 4px;
    position: absolute;
    bottom: 0px;
    left:0px;
    transition: width .5s ease-out;
  }

  div.passwordField div.suggestionBox {

    position:relative;
  }

  div.passwordField div.suggestionBox div.suggestions {
      position: absolute;
      top: -40px;
      left: 309px;
      width: 200px;
      background-color: white;
      color: black;
      font-size: 12px;
      padding: 8px;
      transition: all .2s ease-in-out;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
      z-index:1;   
    }

  @media (min-width: 0px) and (max-width: 680px) {

  div.passwordField div.suggestionBox div.suggestions {
        position: absolute;
        top: auto;
        top: initial;
        bottom: 50px;
        left: -2px;
        right: -37px;
        width: auto;
        width: initial   
    }
      }

button.button-action {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  /* outline: inherit; */
  margin: 0;
}

div.form-element {
  border-bottom: none;
  margin-bottom: 0px;
}
  div.form-element.invalid {
  }
  div.form-element p.uploadMessage {
    margin: 0;
    line-height: 350px;
  }
  div.form-element label {
    margin: 8px 0 2px 0;
    display: block;
  }
  div.form-element p {
    margin:0 0 8px 0;
  }
  div.form-element p.form-element-error {
      color: red;
    }


div.errorBoundary {
  background-color: #5C5A5A;
  color: #7ed321;
  padding: 8px;
  font-family: monospace;
}



div.userAvatarEditor div.avatarContainer {
  width:350px;
  height:350px;
  cursor: pointer;
}

div.userAvatarEditor div.avatarContainer p.uploadMessage {
  text-align: center;
  font-size: 18px;
  line-height: 320px;
  font-family: Roboto;
}


div.userAvatarEditor div.imageEditControls {
  display:flex;
}

div.userAvatarEditor div.imageEditControls div.slider {
  padding-bottom:0px;
  width:280px;
  display:inline-block;
}
div.userAvatarEditor div.imageEditControls div.slider div.rangeslider-horizontal div.rangeslider__fill {
  background-color:transparent;
}
div.userAvatarEditor div.imageEditControls div.slider .rangeslider,
div.userAvatarEditor div.imageEditControls div.slider .rangeslider .rangeslider__fill {
  box-shadow: none;
}

div.userAvatarEditor div.imageEditControls button {
  width: 48px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 24px;
  margin-top: 12px;
  margin-left: 12px;
  color: #333;
}

div.userAvatarEditor button.selectPhoto {
  margin-top:16px;
  width: 350px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 18px;
  font-family: Roboto;
  text-transform: uppercase;
  cursor: pointer;

}


div.userAvatarEditor div.avatarContainer {
  height:320px;
}

p.loginError {
  color:red;
}

div.vendor-wrapper {
  font-family: 'Rubik';
  padding: 32px;
  margin: auto;
  width: 764px;
}
  div.vendor-wrapper div.vendor-wrapper-logo {
    width:100px;
    margin-bottom:16px;
  }
  div.vendor-wrapper div.vendor-wrapper-content {
    background-color: #f7f7f7;
    border-radius: 16px;
    max-width: 640px;
    padding:32px;
    box-sizing: content-box;
  }


@media (max-width: 828px) {
  div.vendor-wrapper {
    width: 414px;
  }
}



div.action-columns {

  /*
  display:flex;
  padding:0;
  &>div {
    flex-grow:0;
    flex-shrink:0;
    width:350px;
    margin-right:64px;
    &:last-child {
      margin-right:0;
    }
  }
  */
}

  div.action-columns>div {
    max-width:480px;
    margin:0 auto;
  }

  div.action-columns div.alt-cta {
    margin-top: 48px;
  }

  div.action-columns div.alt-cta h2 {
      font-weight:normal;
      text-align:center;
    }

  div.action-columns div.alt-cta h2 a {
        cursor:pointer;
      }

/*
@media (max-width: 828px) {
  div.action-columns {
    flex-direction: column;
  }
}*/


a,a:visited {
  color:#243294;
}

input, textarea {
  font-family: 'Rubik';
  font-size: 14px;
  color: #000;
  background-color: white;
  border: 1px solid #bfbfbf;
  border-radius: 0;
  line-height: 20px;
  padding: 10px 16px;
  box-sizing: border-box;
  width: 100%;
  display: block;
}

/* margin-bottom: 16px;*/

input.invalid, textarea.invalid {
    border-color: red;
    background-color: rgba(255,0,0,0.0902);
  }

input {
  height: 40px;
}



div.passwordField input {
    padding-left: 32px;
  }



div.passwordField input.error {
      border-color: red;
      background-color: rgba(255,0,0,0.0902);
    }



div.passwordField button.show {
    position: absolute;
    top: 5px;
    left: 0px;
    border: none;
    padding: 8px;
    font-size: 16px;
    background: none;
    cursor: pointer;
  }



div.passwordField div.passwordStrength p {
      margin-top:0;
    }



button.logout {
  font-family: 'Rubik';
  cursor:pointer;
}

button.cta-button {
  height: 42px;
  font-size: 18px;
  font-family: 'Rubik';
  text-align: center;
  background: #243294;
  color: white;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  display: block;
  line-height: 42px;
  margin: 32px auto 16px auto;
  width: 300px;
}




div.nav-avatar {
  display:inline-block;
  flex-grow: 0;
  flex-shrink: 0;
}
  div.nav-avatar img {
    height:100%;
    width:100%;
    border-radius: 50%;
    border:1px solid #D8D8D8;
    box-sizing: border-box;
  }
  div.nav-avatar span {
    display:block;
    width:100%;
    height:100%;
    background-color: #4B5257;
    color: white;
    text-align:center;
    border-radius: 50%;
    text-transform: uppercase;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    border:1px solid #D8D8D8;
  }
  div.nav-avatar.xsmall {
    width:22px;
    height:22px;
    line-height: 22px;
    font-size: 12px;
  }
  div.nav-avatar.small {
    width:30px;
    height:30px;
    line-height:30px;
    font-size: 14px;
  }
  div.nav-avatar.medium {
    width:34px;
    height:34px;
    line-height:34px;
    font-size: 16px;
  }
  div.nav-avatar.large {
    width:46px;
    height:46px;
    line-height:46px;
    font-size: 20px;
  }
  div.nav-avatar.xlarge {
    width:70px;
    height:70px;
    line-height:70px;
    font-size: 32px;
  }
  div.nav-avatar.boxy {
    width:42px;
    height:42px;
    line-height:42px;
    font-size: 20px;
  }
  div.nav-avatar.boxy img {
      border-radius: 8px;
    }
  div.nav-avatar.boxy span {
      border-radius: 8px;
    }



div.feedItemContainer.post {
  position: relative;

}
  div.feedItemContainer.post div.text h2,div.feedItemContainer.post div.text h3,div.feedItemContainer.post div.text h4,div.feedItemContainer.post div.text h5,div.feedItemContainer.post div.text h6 {
      margin:24px 0 8px 0;
    }
  div.feedItemContainer.post div.text p {
      margin:8px 0;
    }
  div.feedItemContainer.post div.text img {
      max-width: 100%;
    }




div.feed-item-content {
  margin-top: 4px;
}
  div.feed-item-content .body {
    overflow: hidden;
  }
  div.feed-item-content h3.title, div.feed-item-content h2.title {
    font-size: 18px;
    font-weight: 600;
    color: #3f3f3f;
  }

.content .post .link-with-pic .body{
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

.Library .content .post .link .bottomLinkAction {
  text-decoration: none;
  cursor: pointer;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  color: #293ccc;
  margin: 8px 0px;
  display: inline-block;
}


a.boothHandout {
    position:relative;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size: 15px;
    line-height:24px;
    font-weight: 600;
    color:#003595;
    padding-left:44px;
    margin-bottom:16px;
}
    a.boothHandout i {
        position:absolute;
        top:0;
        left:0;
        font-size:24px;
        line-height:24px;
        width:44px;
        height:44px;
        margin-right: 10px;
        vertical-align: top;
    }
    a.boothHandout:visited {
        color:#003595;
    }



div.badgeInfoBock {
  border-radius:15px;
  background-color:#F7F7F7;
  display:flex;
  padding:15px;


}
  div.badgeInfoBock div.solution-badge {
    flex-grow:0;
    padding-right:15px;
  }
  div.badgeInfoBock div.solution-badge img {
      width:76px;
      height:76px;
    }
  div.badgeInfoBock div.solution-badge-info {
    flex-grow: 1;
    margin:auto;
  }
  div.badgeInfoBock div.solution-badge-info h2 {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #17130D;
    }
  div.badgeInfoBock div.solution-badge-info p.badge-stats {
      color: #7D2E68;
      font-family: Rubik;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:4px 0 0 0;
    }
  div.badgeInfoBock div.solution-badge-info p.badge-stats strong {
        font-weight: 500;
      }
  div.badgeInfoBock div.solution-badge-info p {
      margin:0;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #4B5257;
    }

div.overview-html-block > :first-child {
    margin-top:0;
  }
  div.overview-html-block h2,div.overview-html-block h3,div.overview-html-block h4,div.overview-html-block h5,div.overview-html-block h6 {
    margin:24px 0 8px 0;
  }
  div.overview-html-block p {
    margin:8px 0;
  }


div.solution-overview {
  margin:30px auto;
  padding:30px;
  background: #F0F2F2;
  border-radius: 15px;
}



div.quizQuestion {
  margin-bottom: 24px;


}


table.inlineQuiz {
  border-spacing: 0;


}
  table.inlineQuiz .body {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 12px;
    padding: 14px;
    margin-top: 11px;
  }
  table.inlineQuiz td {
    width: 99%;
    position:relative;

  }
  table.inlineQuiz td div.question-top-text {
      display:flex;
    }
  table.inlineQuiz td div.question-top-text>p {
        margin-top:0;
        color:#4B5257;
        font-size:16px;
      }
  table.inlineQuiz td div.question-top-text h4 {
        margin:0 10px 10px 0;
        flex-grow:1;
      }
  table.inlineQuiz td div.question-top-text button {
        font-family: "Open Sans";
        background: rgb(113, 153, 50);
        font-weight: bold;
        white-space: nowrap;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        height: 32px;
        line-height: 26px;
        border-radius: 4px;
        color: white;
        display: block;
        padding: 3px 10px;
        border:none;
      }
  table.inlineQuiz td button.submit {
      border: none;
      padding: 0px 16px;
      height: 36px;
      border-radius: 4px;
      color: white;
      background-color:#293ccc;
      font-family: 'Open Sans';
      font-size: 14px;
      cursor:pointer;
    }
  table.inlineQuiz td button.submit.submitted {
        background-color:rgba(0,0,0,.01);
        cursor:default;
        color:rgb(63, 115, 0);
      }
  table.inlineQuiz .option span {
      cursor: pointer;
    }
  table.inlineQuiz .option span .question {
      margin-left: 35px;
      padding: 10px;
    }
  table.inlineQuiz .option span .error {
      position: absolute;
      left: 43px;
      top: 10px;
      width: 200px;
      font-size: 16px;
      color: #ca0219;
      z-index: 1;
    }
  table.inlineQuiz .option span .square, table.inlineQuiz .option span .circle {
      width: 16px;
      height: 16px;
      background: white;
      border-radius: 10px;
      border: 2px solid #7ED321;
      margin: 8px;
      position: absolute;
      left: 6px;
      top: 0px;
    }
  table.inlineQuiz .option span .square {
      border-radius: 0;
    }


@media (min-width: 0px) and (max-width: 900px) {
    .inlineQuiz .option span .question {
      font-size: 24px;
    }
    .inlineQuiz .option span .square, .inlineQuiz .option .option span .circle {
      margin-top: 13px;
    }
    .inlineQuiz .option span .error {
      top: 11px;
      font-size: 24px;
    }
}

section#fullbrowser div.mask {
  position:absolute;
  top:0;
  left:0;
  background-color: rgba(255,255,255,0);
  opacity:0;
  transition:background-color .25s ease-in-out, opacity .25s ease-in-out;
  z-index:100000;
}
section#fullbrowser div.mask.show {
  background-color: rgba(255,255,255,1);
  opacity:1;
}

section#fullbrowser.show div.mask {
  top:0;
  left:0;
  right:0;
  bottom:0;
}


section#fullbrowser div.mask div.chart {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section#fullbrowser div.mask div.chart p.chart-description {
  margin: 0 16px 0 16px;
}
section#fullbrowser div.mask div.chart h1.title {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 40px;
  color: #263692;
  text-align: left;
  padding:16px 16px 0 16px;
  margin:0;
}
@media (min-width: 0px) and (max-width: 600px) {
  section#fullbrowser div.mask div.chart h1.title {
    font-size: 24px;
    padding:8px 8px 0 8px;
  }
  section#fullbrowser div.mask div.chart p.chart-description {
    margin: 0 8px 0 8px;
  }
}


section#fullbrowser div.mask div.chart div.close {
  position: absolute;
  top: 10px;
  right: 16px;
  cursor: pointer;
  text-align: center;
  color: #263692;
  padding: 5px 20px;
}
section#fullbrowser div.mask div.chart a {
  position:absolute;
  top:40%;
  font-size: 48px;
  height: 48px;
  width: 48px;
  text-align: center;
  color: #FDA500;
  cursor:pointer;
}
section#fullbrowser div.mask div.chart a.previous {
  left:16px;
}
section#fullbrowser div.mask div.chart a.next {
  right:16px;
}
section#fullbrowser div.mask div.chart div.noData {
  text-align: center;
  height: 100%;
  top: 40%;
  position: absolute;
  left: 0;
  right: 0;
}




@media (orientation: portrait) {
  div.BarChartContainer div.VictoryContainer {
    width:100%;
  }
    div.BarChartContainer div.VictoryContainer svg {
      width: 100%;
      height: auto;
    }
}

@media (orientation: landscape) {
  div.BarChartContainer div.VictoryContainer {
    height:100%;
  }
    div.BarChartContainer div.VictoryContainer svg {
      height: 100%;
      width: auto;
    }
}


article.feedItem {
  position:relative;
}



h2.date-context-title {
  font-size: 14px;
  color: #5A6268;
  padding-top: 20px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Roboto;
  letter-spacing: 1.25px;
}


.dot {
  position: absolute;
  left: -20px;
  top: 10px;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #7D2E68;
}
.content .post table td.icon{
  vertical-align: top;
  width: 50px;
  padding-top: 5px;
  color: #7D2E68;
  font-size: 30px;
  text-align: center;
  padding-right: 20px;
}
.content .solution .text{
  width:100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 35px;
  font-size: 12px;
  color: #7D2E68;
}


.content .face{
  display:inline-block;
}
.content .face img {
  border-style: solid;
  border-width: 2px;
  border-color:#7D2E68;
  border-radius:25px;
  width:35px;
  height: 35px;
}
.content .unread .face img{
  border-width: 4px;
}
.content .post .vid{
  width:35px;
  height:35px;
}
.content .post .vid path, .content .post .vid circle{
  stroke: #5A6268;
}
.content .post .vid path{
  stroke-width:2px;
}
.content .post .vid circle{
  stroke-width:3px;
}


@media (min-width: 0px) and (max-width: 900px) {
  .dot {
    left: 4px;
    top: 4px;
  }
  .content .post table td.icon{
    padding-right: 10px;
  }
}



div.codeword-lock {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: rgba(255, 255, 255, .65);
    z-index:1;
}

    div.codeword-lock div.unlock-feed-item {

        margin: 40px 80px 0px 80px;
        padding: 25px 30px 30px 30px;
        border-radius: 15px;
        background: #F0F2F2;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
        text-align:center;
    }

    div.codeword-lock div.unlock-feed-item span.material-icons {
            color: #5A6268;
            font-family: "Material Icons";
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
            text-align:center;
        }

    div.codeword-lock div.unlock-feed-item h2 {
            margin-top:8px;
            text-align: center;
            font-size: 15px;
        }

    div.codeword-lock div.unlock-feed-item p {
            color: #17130D;
            text-align: center;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
            margin:3px 0 3px 0;
        }

    div.codeword-lock div.unlock-feed-item p.error {
                color: #800000;
                margin-top:16px;
            }

    div.codeword-lock div.unlock-feed-item div.codeword-form {
            display:flex;
            margin-top:16px;
        }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code {
                flex-grow:1;
                box-sizing: border-box;
                height:44px;
                color: #000;
                font-family: Rubik;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                border: 1px solid #C7D1D5;
                text-indent:10px;
            }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code:focus {
                    border: 1px solid #003595;
                }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code.error {
                    border: 1px solid #800000;
                }

    div.codeword-lock div.unlock-feed-item div.codeword-form button {
                height:44px;
                flex-grow:0;
                cursor: pointer;
                border-radius: 5px;
                background: #003595;
                color: #FFF;
                text-align: center;
                font-family: Rubik;
                font-size: 15px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                padding:0 15px;
                margin-left:16px;
                border:none;
            }
/*

div.booth-content {
  background-color: rgba(0, 0, 0, 0.65);
  height: 360px;
}

 */



div.onsite-checkin {
  border-radius: 15px;
  background: #F0F2F2;
  padding:30px;

}



/*
  & h3 {
    color: $Shadow;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
  }

   */



div.onsite-checkin div.oc-options {
    display:flex;
    margin-bottom:30px;
  }



div.onsite-checkin div.oc-options div.oco-scan {
      border-radius: 16px;
      border: 1px solid #C7D1D5;
      background: #EEEEF2;
      display:flex;
      padding:8px 2px;
      justify-content: center;
      align-items: center;
      margin-right:30px;
    }



div.onsite-checkin div.oc-options div.oco-scan img {
        width:140px;
      }



div.onsite-checkin div.oc-options div.oco-scan p {
        color: #17130D;
        font-family: Rubik;
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0 20px;
      }



div.onsite-checkin div.oc-options div.oco-manual p {
        margin: 0 0 5px 0;
      }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form {
        display:flex;
      }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form input[type='text'] {
          padding: 10px;
          border-radius: 4px;
          border: 1px solid #C7D1D5;
          background: #FFF;
          margin-right: 15px;
          width:230px;
          height:24px;
          font-size:16px;
        }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form button {
          color: #FFF;
          text-align: center;
          font-family: Rubik;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          border-radius: 5px;
          background: #003595;
          border: none;
          cursor:pointer;
          padding:0 12px;
        }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form button.disabled {

          }



div.onsite-checkin div.oco-after-checkin-items p {
      margin-bottom:5px;
    }



div.onsite-checkin div.oco-after-checkin-items ul {
      margin:0;
      padding-left: 20px;
    }



div.onsite-checkin div.oco-after-checkin-items p, div.onsite-checkin div.oco-after-checkin-items li {
      color: #4B5257;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }



div.booth {
  background-color: #e6e6e6;
}



div.booth div.content-body {
  }

div.strv_col p.bio {
    font-family: 'Open Sans';
    font-size: 15px;
    color: #000000;
  }


div.boothPageContent div.pwn-content>div {
      position: relative;
      display:flex;
    }


div.boothPageContent div.pwn-content>div>div {
        position:relative;
        margin:auto;
        height: 360px;
      }


div.boothPageContent div.pwn-content>div>div img {
          height:360px;
        }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box {
          box-sizing: border-box;
          position: absolute;
          top: 130px;
          width:100%;
        }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div {
            margin: 30px 0;
            background: rgba(255, 255, 255, .9);
            border-radius: 15px;
            padding: 30px 30px 0 30px;
            margin: 0 30px;
          }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div h2 {
              /*
              font-family: 'Rubik';
              font-style: normal;
              font-weight: 500;
              font-size: 16px;
              line-height: 19px;
              letter-spacing: 0.021px;
              color: $Byzantium;
              margin:0 0 0 0;
              */
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-status {
              height: 30px;
              text-align: center;
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-status span {
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                color: #4B5257;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link {
              display: flex;
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link span {
                flex-grow: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 36px;
                letter-spacing: 0.021px;
                color: #4B5257;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button {
                cursor:pointer;
                flex-grow: 0;
                white-space: nowrap;
                border: none;
                color: #003595;
                background-color: transparent;
                border-radius: 4px;
                padding: 0 18px;
                height: 36px;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button:hover {
                  background-color: rgba(0,53,149,0.2);
                }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button:active {
                  background-color: rgba(125,46,104,0.10196);
                }

@media (min-width: 0px) and (max-width: 640px) {
    div.boothPageContent div.pwn-content {
      width: 100%;
      height: auto;
      display: contents;
    }
      div.boothPageContent div.pwn-content.video {
        display:block;
        height:360px;
      }
        div.boothPageContent div.pwn-content>div > div {
          width: 100%;
          height: auto;
        }

          div.boothPageContent div.pwn-content>div > div img {
            width: 100%;
            height: auto;
          }
}






div.reservations-block {

}

div.reservations-block div.rb-header {
    display:flex;
    margin-bottom:10px;
}

div.reservations-block div.rb-header h3 {
        flex-grow:1;
        color: #17130D;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin:0;
    }

div.reservations-block div.rb-header button {
        display:flex;
        align-items: center;
        flex-grow:0;
        margin:0;
        padding:0;
        border:none;
        background:none;
        color: #003595;
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.02px;
        cursor: pointer;
    }

div.reservations-block div.rb-header button span {
            padding-left:4px;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }


div.reservations-block div.rb-reserve-now {
    display:flex;
    border-radius: 8px;
    background: #FFF;
    padding:15px;
}


div.reservations-block div.rb-reserve-now > div:first-child {
        flex-grow:0;
    }


div.reservations-block div.rb-reserve-now > div:first-child div.photo-rendered div.imgSmall {
            display: flex;
        }


div.reservations-block div.rb-reserve-now > div:first-child div.photo-rendered div.imgSmall img {
                width: 40px;
            }


div.reservations-block div.rb-reserve-now > div:nth-child(2) {
        flex-grow:1;
        padding-left:8px;
        display:flex;
        flex-direction: column;
        justify-content: center;
    }


div.reservations-block div.rb-reserve-now > div:nth-child(2) h4 {
            margin:0 0 2px 0;
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }


div.reservations-block div.rb-reserve-now > div:nth-child(2) p {
            margin:0;
            color: #4B5257;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }


div.reservations-block div.rb-reserve-now > div:last-child {
        flex-grow:0;
    }


div.reservations-block div.rb-reservations {
    display: flex;
    flex-direction: column;

}

div.reservation-block-item-complete {
    padding:15px;
    display: flex;
    margin-bottom:8px;
    border-radius: 8px;
    background: #F7F7F7;

}

div.reservation-block-item-complete div.rbic-icon {
        flex-grow: 0;
        margin-right:6px;
    }

div.reservation-block-item-complete div.rbic-icon span { /* event_available */
            color: #5A6268;
            text-align: center;
            font-family: "Material Icons";
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item-complete div.rbic-date {
        flex-grow: 1;
        color: #17130D;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

div.reservation-block-item-complete div.rbic-points {
        flex-grow:0;
        color: #7D2E68;
        text-align: right;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

div.reservation-block-item-complete div.rbic-did-not-attend {
        color: #17130D;
        text-align: right;
        font-family: Rubik;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
    }

div.reservation-block-item {

    padding:15px;
    display: flex;
    margin-bottom:8px;
    border-radius: 8px;
    background: #FFF;
}

div.reservation-block-item div.rbi-icon {
        flex-grow: 0;
    }

div.reservation-block-item div.rbi-icon span { /* event_available */
            color: #61A60E;
            text-align: center;
            font-family: "Material Icons";
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item div.rbi-details {
        flex-grow: 1;
        margin-left: 10px;

    }

div.reservation-block-item div.rbi-details div.rbi-details-line1 {
            color: #17130D;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

div.reservation-block-item div.rbi-details div.rbi-details-line1 strong {
                font-weight: 600;
            }

div.reservation-block-item div.rbi-details div.rbi-details-line2 {
            color: #4B5257;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item div.rbi-details div.rbi-details-line2 strong {
                font-weight: 700;
            }

div.reservation-block-item div.rbi-details div.rbi-details-line2 em {
                font-weight: 500;
            }

div.reservation-block-item div.rbi-details div.rbi-join-now a {
                color: #FFF;
                font-family: Rubik;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: 0.02px;
                border-radius: 4px;
                background: #003595;
                padding: 0px 8px;
                line-height: 28px;
                text-decoration: none;
                margin-top: 10px;
                display: inline-block;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link {
            display:flex;
            margin-top:14px;

        }

div.reservation-block-item div.rbi-details div.rbi-copy-link > div:first-child {
                flex-grow:0;
                color: #17130D;
                font-family: Rubik;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                letter-spacing: 0.02px;
                border-radius: 4px;
                border: 1px solid #D8D8D8;
                background: #F7F7F7;
                height: auto;
                height: initial;
                line-height: inherit;
                padding: 8px 8px;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link button {
                flex-grow:0;
                border:none;
                color: #003595;
                font-family: Rubik;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.02px;
                margin-left:8px;
                padding:0 8px;
                cursor: pointer;
                background:white;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link button:active {
                    background: #e5e5e5;
                    /*
                    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
                    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
                    box-shadow: inset 0px 0px 5px #c1c1c1;
                    outline: none;

                     */
                }


div.primary-layout {
  position: relative;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding-bottom: 80px;
  margin-bottom: 100px;
  background-color: #E6E6E6;
}
  div.primary-layout.content {
    overflow-y: hidden;
  }
  div.primary-layout div.pl-inner {
    max-width:840px;
    margin:auto;
  }
div.primary-footer {
  height:200px;
}



div.secondary-bar {
  min-height: 48px;
  background-color:white;
  padding:15px;
  display:flex;
}

  div.secondary-bar div.lft {
    display:flex; /* div.lft-head */
  }

  div.secondary-bar div.lft div.lft-back {
      flex-grow: 0;
      margin-right:15px;
    }

  div.secondary-bar div.lft div.lft-back button {
        background-color: #F7F7F7;
        border-radius: 24px;
        height: 44px;
        min-width: 24px;
        border: none;
        display: flex;
        padding: 0;
        cursor: pointer;
      }

  div.secondary-bar div.lft div.lft-back button span {
          line-height: 44px;
          color: #003595;
          width: 36px;
          padding-left: 8px;
        }

  div.secondary-bar div.lft div.lft-back button:hover {
          background-color: rgba(0,53,149,0.2);
        }

  /* div.lft-back */

  div.secondary-bar div.lft div.lft-head {
      display: flex;
      flex-direction: column;
    }

  div.secondary-bar div.lft div.lft-head h1 {
        flex-grow: 1;
        align-content: center;
      }

  div.secondary-bar div.lft div.lft-head p {
        flex-grow: 1;
        align-content: center;

        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        margin:0;
        color: #17130D;
      }

  /* div.lft */

  div.secondary-bar div.rt {
    text-align: right;
    flex-grow: 1;
  } /* div.secondary-bar */




@media (max-width: 600px) {
         div.secondary-bar {

         }
       }


div.modal {
  position: fixed;
}
  div.modal div.modal-header {
    display:flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color:white;
    height:105px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
    padding: 0px 15px;
    box-sizing: border-box;
  }
  div.modal div.modal-header div.mh-left {
      flex-grow:0;
      display:flex;
      align-self: center;
    }
  div.modal div.modal-header div.mh-left a {
        display: block;
        width: 44px;
        height: 44px;
        background-color: #F7F7F7;
        /* background: #F7F7F7; */
        border-radius: 24px;
        line-height: 44px;
        text-align: center;
      }
  div.modal div.modal-header div.mh-left a span {
          line-height: 44px;
          color:#003595;
        }
  div.modal div.modal-header div.mh-middle {
      display:flex;
      flex-grow:1;
    }
  div.modal div.modal-header div.mh-middle div.mh-avatar {
        flex-grow:0;
        margin-left: 16px;
        display:flex;
        align-self: center;
      }
  div.modal div.modal-header div.mh-middle div.mh-title {
        flex-grow:1;
        margin-left: 16px;
        align-self: center;
      }
  div.modal div.modal-header div.mh-middle div.mh-title h1 {
        }
  div.modal div.modal-header div.mh-middle div.mh-title h2 span.verified {
            font-size: 15px;
            padding-right: 3px;
            vertical-align: middle;
            padding-bottom: 3px;
            color:#7D2E68;
          }
  div.modal div.modal-header div.mh-middle div.mh-title h2 span.name {
            color:#7D2E68;
            font-weight: 500;
          }
  div.modal div.modal-header div.mh-right {
      flex-grow:0;
    }
  div.modal div.body {
    margin-top:104px;
    padding-top:0;
    padding-bottom: 104px;
  }

@media (max-width: 900px) {
    div.modal div.modal-header {
      height:68px;
    }
    div.modal div.body {
      margin-top:68px;
    }
}



.page-exit-active .dim,
.page-exit .dim {
  opacity: 0;
}
.page-enter-active .dim,
.page-enter .dim {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: .4;
  z-index: 100000;
}



div.comment {
  position: relative;
  display: flex;
  margin-bottom: 8px;


}


  div.comment div.notification-indicator {
    width:3px;
    background-color: #7D2E68;
    position: absolute;
    top:15px;
    left:-1px;
    bottom:0;
    border-radius: 0 0 3px 3px;
  }


  div.comment div.notification-indicator-bell {
    position: absolute;
    top:0;
    left:-5px;
  }


  div.comment span.ago {
    margin-left:4px;
  }


  div.comment div.comment-avatar {
    flex-shrink:0;
    flex-grow:0;
    margin:8px 8px 0 0;

  }


  div.comment div.comment-body {
    flex-grow: 1;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #4B5257;
    background: #FFFFFF;
    border-radius: 8px;
    padding:8px;
    position: relative;
  }


  div.comment div.comment-body h4.cb-name-and-date {
      font-size: 13px;
      font-weight:300;
      margin:0;
    }


  div.comment div.comment-body h4.cb-name-and-date strong {
        font-weight: 500;
      }


  div.comment div.comment-body h4.cb-name-and-date.verified strong {
          color:#7D2E68;
        }


  div.comment div.comment-body h4.cb-name-and-date span.verified {
        font-size: 15px;
        padding-right: 3px;
        vertical-align: middle;
        padding-bottom: 2px;
        line-height: 15px;
        color:#7D2E68;
      }


  div.comment div.comment-body p.cb-text {
      margin:0;
    }


  div.comment div.comment-body img {
      width: 100%;
      margin-top: 4px;
    }


div.comment-reply {
  display:flex;
  border-left:1px solid #C7D1D5;
  padding-bottom: 16px;
  position:relative;

}
  div.comment-reply.related-to-notification {
    border-left:1px solid transparent;
  }
  div.comment-reply.related-to-notification.no-bell div.notification-indicator {
        top: -9px;
      }
  div.comment-reply div.notification-indicator {
    width:3px;
    background-color: #7D2E68;
    position: absolute;
    top: 17px;
    left:-2px;
    bottom:8px;
    border-radius: 0 0 3px 3px;
  }
  div.comment-reply div.notification-indicator-bell {
    position: absolute;
    top:0;
    left:-7px;
  }
  div.comment-reply span.ago {
    margin-left:4px;
  }
  div.comment-reply div.crep-avatar {
    flex-grow:0;
    flex-shrink:0;
    margin: 0 8px 0 16px;
  }
  div.comment-reply div.crep-body {
    flex-grow:1;
    color: #4B5257;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
  }
  div.comment-reply div.crep-body h4.crep-name-and-date {
      font-weight: 300;
      font-size: 13px;
      line-height: 15px;
      margin:0;
    }
  div.comment-reply div.crep-body h4.crep-name-and-date strong {
        font-weight: 500;
      }
  div.comment-reply div.crep-body h4.crep-name-and-date.verified strong {
          color:#7D2E68;
        }
  div.comment-reply div.crep-body h4.crep-name-and-date span.verified {
        font-size: 15px;
        padding-right: 3px;
        vertical-align: middle;
        padding-bottom: 2px;
        line-height: 15px;
        color:#7D2E68;
      }
  div.comment-reply div.crep-body p.crep-text {
      margin:0;
    }

div.comment-reply-add {
  margin-bottom: 16px;
  border-left: 1px solid #C7D1D5;
}

  div.comment-reply-add h3 {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 8px 16px;
  }

  div.comment-reply-add.active {
    margin-bottom: 32px;
    border-color: #003595;
  }

  div.comment-reply-add a.cra-reply {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    margin-left:16px;
    text-decoration: none;
    display:block;
    color: #003595;
  }

  div.comment-reply-add a.cra-reply:visited {
      color: #003595;
    }

  div.comment-reply-add .cra-form {
    display: flex;
  }

  div.comment-reply-add .cra-form div.craf-avatar {
      flex-grow: 0;
      flex-shrink: 0;
      margin: 0 8px 0 16px;
    }

  div.comment-reply-add .cra-form div.craf-inputs {
      flex-grow: 1;

    }

  div.comment-reply-add .cra-form .cra-textarea {
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      resize: none;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4B5257;
      cursor: text;
      padding: 8px;
      border: 1px solid #003595;
      border-radius: 8px;
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      position: relative;
      min-height: 72px;
    }

  div.comment-reply-add .cra-form .cra-actions {
      flex-grow: 1;
      text-align: left;
      margin-top: 8px;
    }

  div.comment-reply-add .cra-form .cra-actions .cra-btn {
        display: inline-block;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        letter-spacing: 0.358974px;
        text-transform: uppercase;
        padding: 0 24px;
        line-height: 36px;
        height: 36px;
        margin-right: 8px;
        cursor: pointer;

      }

  div.comment-reply-add .cra-form .cra-actions .cra-btn.cancel {
          color: #ED5A5A;
          background-color: transparent;
        }

  div.comment-reply-add .cra-form .cra-actions .cra-btn.reply {
          color: white;
          background: #003595;
          border-radius: 6px;
        }

div.comment-replies {

  margin-left: 38px;
  margin-top:16px;
}
  div.comment-replies.no-replies {
    margin-top:0;
  }
div.add-comment h3.ac-label {
    height: 21px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
  }

  div.add-comment .ac-content {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C7D1D5;
    border-radius: 8px;
    padding-top:60px;

  }

  div.add-comment .ac-content.no-image textarea.mentions-input__input {
        padding-bottom:64px;
      }

  div.add-comment .ac-content.no-image div.mentions-input__highlighter {
        padding-bottom:64px;

      }

  div.add-comment .ac-content div.ac-content-top {
      position:absolute;
      top:0;
      left:0;
      right:0;
      margin: 12px;
      display: flex;
    }

  div.add-comment .ac-content div.ac-content-top .ac-username {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
        color: #17130D;
        margin-left: 12px;
        color: #17130D;
      }

  div.add-comment .ac-content div.ac-content-top .ac-actions {

        flex-grow: 1;
        text-align: right;
      }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn {
          display:inline-block;
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          text-align: center;
          letter-spacing: 0.358974px;
          text-transform: uppercase;
          padding:0 24px;
          line-height: 36px;
          height:36px;
          margin-right:8px;
          cursor:pointer;

        }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn.cancel {
            color:#ED5A5A;
            background-color:transparent;
          }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn.post {
            color:white;
            background: #003595;
            border-radius: 6px;
          }

  div.add-comment .ac-content .ac-textarea {
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      resize: none;

      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4B5257;
      border:none;

      position: absolute;
      top: 12px;
      left: 50px;
      line-height: 32px;
      right: 56px;
      min-width: 0;
      min-width: initial;
      max-width: none;
      max-width: initial;
      width: auto;
      width: initial;
      cursor: text;
    }

  div.add-comment .ac-content .ac-textarea[contenteditable]:empty::before {
      content: "enter text...";
      color: #595959;
    }

  div.add-comment .ac-content .ac-textarea[contenteditable]:focus {
      content: "enter text...";

      border: none;
      overflow: auto;
      outline: none;
      box-shadow: none;

      resize: none; /*remove the resize handle on the bottom right*/

    }

  div.add-comment .ac-content a.ac-image-btn {
      position:absolute;
      top:0;
      right:0;
      padding: 16px;
    }

  div.add-comment .ac-content span.material-icons.icon-spin.resizing {
      position:absolute;
      bottom: 0;
      left: 0;
      padding: 16px;
    }

  div.add-comment .ac-content div.ac-image {
      margin: 0 12px 8px 12px;
      position: relative;
    }

  div.add-comment .ac-content div.ac-image img {
        min-width:100%;
        max-width:100%;
      }

  div.add-comment .ac-content div.ac-image a.ac-image-btn-clear {
        position: absolute;
        top: 8px;
        height: 34px;
        width: 34px;
        line-height: 34px;
        background: #000000;
        border-radius: 4px;
        color: white;
        right: 8px;
        text-align:center;
      }

  div.add-comment .ac-content div.ac-image a.ac-image-btn-clear span {
          line-height: 34px;
        }

  div.add-comment .ac-content a.ac-btn {
      background: #003595;
      border-radius: 6px;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.358974px;
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: center;
    }

  div.add-comment .ac-content a.ac-btn.disabled {
        opacity: .5;
      }

  div.add-comment .ac-content img {

    }

  div.add-comment .ac-content.active {
    border-color: #003595;
    /*
    & .ac-textarea {
      padding: 4px 12px 4px 12px;
      border-color: $EgyptianBlue;
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      line-height: 19px;
      min-height: 40px;
      position: relative;
      top: unset;
      left: unset;
      right: unset;

    }

     */
  }

  div.add-comment .ac-content.active .ac-image-btn {
      top: auto;
      top: initial;
      bottom: 0;
      left: 0;
      right: auto;
      right: initial;
    }



div.comment-block {
  max-width:740px;
  margin:auto;


}

  div.comment-block div.cb-header {
    display:flex;
    align-items: center;
    margin-bottom:8px;

  }

  div.comment-block div.cb-header h2 {
      flex-grow:0;
    }

  div.comment-block div.cb-header div.notification-message {
      display: flex;
      align-items: center;
      margin-left: 16px;
      padding: 4px 8px;
      background: #FCF8FB;
      border-radius: 8px;
    }

  div.comment-block div.cb-header div.notification-message div.type-summary {
        flex-grow:0;
        display: flex;
        align-items: center;
      }

  div.comment-block div.cb-header div.notification-message  div.message-text {
        flex-grow:0;
        color: #5A6268;
        font-family: Rubik;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-right:8px;
      }

  div.comment-block div.cb-header div.notification-message div.message-icon {
        flex-grow:0;
        padding-right:4px;

        display: flex;
        align-items: center;
      }

  div.comment-block div.cb-header div.notification-message div.message-icon span.material-icons {
          color:#7D2E68;
          width:16px;
          height:16px;
          font-size:16px;
        }

  div.comment-block div.cb-body {
    box-sizing:border-box;
    background-color:#f4f4f4;
    padding:16px;
    margin-bottom: 40px;
  }


@media (max-width: 900px) {
    div.comment-block h2 {
      margin-left:16px;
    }
}



div.notification {
  display:flex;
  background-color:white;
  align-items: center;
  border-bottom: 1px solid #F0F2F2;
  background: #FFF;
  padding:0px 8px 8px 8px;
}
  div.notification:first-child {
    border-radius: 8px 8px 0 0;
    padding-top:8px;
  }
  div.notification:last-child {
    border-radius: 0 0 8px 8px;
  }
  div.notification div.notification-body {
    flex:1;
    display: flex;
    align-items: center;
    color:black;
    font-size:14px;
  }
  div.notification div.notification-body h2 {
      color: #4B5257;
      font-family: Rubik;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.02px;
      margin:0;
    }
  div.notification div.notification-body div.notification-message {
      display: flex;
      align-items: center;
    }
  div.notification div.notification-body div.notification-message div.type-summary {
        flex-grow:0;
        display: flex;
        align-items: center;
      }
  div.notification div.notification-body div.notification-message  div.message-text {
        flex-grow:0;
        color: #5A6268;
        font-family: Rubik;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-right:8px;
      }
  div.notification div.notification-body div.notification-message div.message-icon {
        flex-grow:0;
        padding-right:4px;

        display: flex;
        align-items: center;
      }
  div.notification div.notification-body div.notification-message div.message-icon span.material-icons {
          color:#7D2E68;
          width:16px;
          height:16px;
          font-size:16px;
        }
  div.notification div.dismiss {
    flex-grow:0;
    width:40px;
  }
  div.notification div.dismiss a {
      color: #5A6268;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
    }


div.full-post-modal div.fpm-topper {
    display: flex;
    flex-grow: 1;
    margin-top:8px;
  }
    div.full-post-modal div.fpm-topper div.fpm-topper-avatar {
      flex-grow: 0;
    }
    div.full-post-modal div.fpm-topper div.fpm-topper-title {
      flex-grow: 1;
      margin-left: 16px;
    }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h1 {
        /*
        margin: 0;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        color:$Shadow;
         */
      }
    /*
        margin: 0;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        color:$Shadow;
        */
    div.full-post-modal div.fpm-topper div.fpm-topper-title h2 span.verified {
          font-size: 15px;
          padding-right: 3px;
          vertical-align: middle;
          padding-bottom: 3px;
          color:#7D2E68;
        }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h2 span.name {
          color:#7D2E68;
          font-weight: 500;
        }