@charset "UTF-8";

:root {
  --text-color-base: #34383c;
  --text-color-contrast: #1a1c1e;
  --text-color-subtle: #666f7a;
  --text-color-danger: #dd1331;
  --text-size-micro: clamp(0.61rem, calc(0.61rem + 0.00vw), 0.61rem);
  --text-size-small: clamp(0.73rem, calc(0.73rem + 0.00vw), 0.73rem);
  --text-size-base: clamp(0.88rem, calc(0.88rem + 0.00vw), 0.88rem);
  --text-size-h4: clamp(1.05rem, calc(1.05rem + 0.00vw), 1.05rem);
  --text-size-h3: clamp(1.26rem, calc(1.26rem + 0.00vw), 1.26rem);
  --text-size-h2: clamp(1.51rem, calc(1.51rem + 0.00vw), 1.51rem);
  --text-size-h1: clamp(1.81rem, calc(1.81rem + 0.00vw), 1.81rem);
  --text-size-d3: clamp(2.18rem, calc(2.18rem + 0.00vw), 2.18rem);
  --text-size-d2: clamp(2.61rem, calc(2.61rem + 0.00vw), 2.61rem);
  --text-size-d1: clamp(3.14rem, calc(3.14rem + 0.00vw), 3.14rem);
  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem;
  --scrollbar-ff-width: thin;
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0, 0, 0, .2);
  --scrollbar-color-hover: rgba(0, 0, 0, .3);
  --scrollbar-color-active: rgb(0, 0, 0);
  --spacer-xs: 2px;
  --spacer-1: 4px;
  --spacer-2: 8px;
  --spacer-3: 16px;
  --spacer-4: 24px;
  --spacer-5: 40px;
  --qw-info: #0067e6;
  --qw-info-light: #9ec5f5;
  --qw-info-lighter: #f1f7fe;
  --qw-info-dark: #0054c2;
  --qw-info-darker: #004094;
  --qw-warning: #fbda23;
  --qw-warning-light: #fdf0aa;
  --qw-warning-lighter: #fffbe6;
  --qw-warning-dark: #5e5203;
  --qw-warning-darker: #493f03;
  --qw-danger: #dd1331;
  --qw-danger-light: #fcb0b5;
  --qw-danger-lighter: #fff5f6;
  --qw-danger-dark: #c5112c;
  --qw-danger-darker: #9d0b21;
  --qw-success: #18865e;
  --qw-success-light: #3adfa0;
  --qw-success-lighter: #edfdf4;
  --qw-success-dark: #14714f;
  --qw-success-darker: #0d593d;
  --qw-action-primary: #0067e6;
  --qw-action-negative: #dd1331;
  --qw-action-neutral: #f0f2f5;
  --font-weight-light: 300;
  --font-weight-reg: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --border-color-base: #d7dde5;
  --border-color-danger: #dd1331;
  --heatmap-bin-1: #fff;
  --heatmap-bin-2: #ddecfd;
  --heatmap-bin-3: #c3dbf9;
  --heatmap-bin-4: #9ec5f5;
  --heatmap-bin-5: #6aa4f1;
  --heatmap-bin-6: #3c88ec;
  --heatmap-bin-7: #0067e6;
  --heatmap-bin-8: #0054c2;
  --heatmap-bin-9: #004094;
  --heatmap-bin-10: #003575
}

html {
  box-sizing: border-box
}

body, html {
  height: auto;
  min-height: 100vh
}

*, :after, :before {
  box-sizing: inherit
}

a:focus {
  outline-offset: 0
}

.qw_icon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px
}

.qw_icon-bold {
  fill: currentColor
}

p {
  max-width: 100%;
  margin-block: 0 16px
}

.h1, .h2, .h3, .h4, .h5, .qw-alpha, .qw-beta, .qw-delta, .qw-epsilon, .qw-gamma, .qw-text-display-1, .qw-text-display-2, .qw-text-display-3, h1, h2, h3, h4, h5 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.2;
  margin-block: 0 2px
}

.h1, .qw-alpha, h1 {
  font-size: var(--text-size-h1);
  letter-spacing: -.03em
}

.h2, .qw-beta, h2 {
  font-size: var(--text-size-h2);
  letter-spacing: normal
}

.h3, .qw-gamma, h3 {
  font-size: var(--text-size-h3);
  letter-spacing: normal
}

.h4, .qw-delta, h4 {
  font-size: var(--text-size-h4);
  letter-spacing: normal
}

.h5, .qw-epsilon, h5 {
  font-size: var(--text-size-base);
  letter-spacing: normal
}

.qw-text-display-1 {
  font-size: var(--text-size-d1);
  letter-spacing: -.03em
}

.qw-text-display-2 {
  font-size: var(--text-size-d2);
  letter-spacing: -.03em
}

.qw-text-display-3 {
  font-size: var(--text-size-d3);
  letter-spacing: normal
}

.qw-transition-tablerowshim {
  height: 0;
  opacity: 0
}

tr.collapse.in .qw-transition-tablerowshim {
  transition: .3s all ease-in-out;
  height: auto;
  opacity: 1
}

@keyframes fa-pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  50% {
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg)
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg)
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg)
  }

  100%, 80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
  }
}

@keyframes thumbsUp {
  0% {
    height: 10px;
    transform: rotate(40deg)
  }

  100% {
    height: 15px;
    width: 7px;
    top: -5px;
    transform: rotate(88deg);
    left: -2px
  }
}

@keyframes armStraight {
  0% {
    transform: rotate(120deg)
  }

  100% {
    transform: rotate(25deg)
  }
}

@keyframes armPump {
  0% {
    transform: rotate(30deg)
  }

  100% {
    transform: rotate(110deg)
  }
}

@keyframes slideExportOver {
  0% {
    width: 0%;
    background: #666
  }

  40% {
    width: 70%
  }

  50% {
    margin: 0 auto;
    background: #666
  }

  100% {
    margin: -20px auto 0;
    width: 70%;
    background: #ccc
  }
}

@keyframes expandUp {
  0% {
    transform: translateY(50%) scale(.6) scaleY(.5) scaleX(.2);
    opacity: 0
  }

  50% {
    transform: translateY(0) scale(1) scaleY(1) scaleX(1);
    opacity: 1
  }

  65% {
    opacity: 0
  }

  100% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(50%) scaleY(.5) scaleX(.2);
    opacity: 0;
    bottom: 100%
  }

  50% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1
  }

  65% {
    opacity: 0
  }

  100% {
    opacity: 0;
    bottom: 400%
  }
}

@keyframes templateSelect {
  0% {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 100%;
    transform: translateX(-50%)
  }

  30% {
    top: 42px;
    width: 100%
  }

  100% {
    width: 100%;
    border-radius: 0;
    height: 25px;
    position: absolute;
    top: 15px;
    box-shadow: none;
    left: 0;
    transform: translateX(0)
  }
}

@keyframes fadeToast {
  from {
    opacity: 0;
    transform: scaleX(0) translateX(-30px)
  }

  to {
    opacity: 1;
    transform: scaleY(X) translateX(0)
  }
}

@keyframes shootingStar {
  33% {
    opacity: 0
  }

  37% {
    opacity: 1
  }

  42% {
    opacity: 1
  }

  60% {
    opacity: 0
  }

  100% {
    margin-left: 75%;
    margin-top: 20%
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInOp80 {
  from {
    opacity: 0
  }

  to {
    opacity: .8
  }
}

@keyframes fadeInScale {
  from {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeBorder {
  from {
    box-shadow: inset -12px 0 0 0 #3582c4
  }

  to {
    box-shadow: inset 0 0 0 0 #3582c4
  }
}

@keyframes fadeBorderOrg {
  from {
    box-shadow: inset -12px 0 0 0 #f37b20
  }

  to {
    box-shadow: inset 0 0 0 0 #f37b20
  }
}

@keyframes userBounceLeft {
  0% {
    opacity: 0;
    left: 52px;
    top: 0
  }

  10% {
    opacity: 1
  }

  40% {
    top: 35px;
    transform: rotate(260deg);
    opacity: 1
  }

  44% {
    left: 28px;
    top: 28px
  }

  80% {
    left: 10px;
    top: 200px;
    opacity: 1
  }

  81% {
    opacity: 0
  }

  100% {
    opacity: 0;
    left: 52px;
    top: -50px;
    transform: rotate(-360deg)
  }
}

@keyframes userBounceRight {
  0% {
    opacity: 0;
    right: 46px;
    top: 0
  }

  10% {
    opacity: 1
  }

  40% {
    top: 35px;
    transform: rotate(-260deg);
    opacity: 1
  }

  44% {
    right: 28px;
    top: 28px
  }

  80% {
    right: 10px;
    top: 200px;
    opacity: 1
  }

  81% {
    opacity: 0
  }

  100% {
    opacity: 0;
    right: 46px;
    top: -50px;
    transform: rotate(360deg)
  }
}

@keyframes expandOpen {
  0% {
    transform: scale(2)
  }

  50% {
    transform: scale(.95)
  }

  80% {
    transform: scale(1.05)
  }

  90% {
    transform: scale(.98)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes fullHeight {
  from {
    height: 0%
  }

  to {
    height: 100%
  }
}

@keyframes pullDown {
  0% {
    transform: scaleY(.1)
  }

  40% {
    transform: scaleY(1.02)
  }

  60% {
    transform: scaleY(.98)
  }

  80% {
    transform: scaleY(1.01)
  }

  100% {
    transform: scaleY(.98)
  }

  80% {
    transform: scaleY(1.01)
  }

  100% {
    transform: scaleY(1)
  }
}

@keyframes bounceTop {
  from {
    top: 0;
    right: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    top: -15px;
    right: 20px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceRight {
  from {
    right: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    top: 20px;
    right: 25px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceBottom {
  from {
    right: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    top: 30px;
    right: 15px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceMid {
  from {
    right: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    top: 10px;
    right: 20px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes leaffall {
  0% {
    top: 51px;
    left: 39px
  }

  25% {
    top: 95px;
    left: -20px;
    transform: rotate(20deg)
  }

  75% {
    top: 145px;
    left: 20px;
    transform: rotate(-12deg)
  }

  100% {
    top: 180px;
    left: -40px;
    transform: rotate(2deg)
  }
}

@keyframes leaffall2 {
  0% {
    top: 90px;
    left: 123px;
    transform: rotate(142deg)
  }

  25% {
    top: 127px;
    left: 162px;
    transform: rotate(122deg)
  }

  75% {
    top: 164px;
    left: 102px;
    transform: rotate(180deg)
  }

  100% {
    top: 195px;
    left: 152px;
    transform: rotate(154deg)
  }
}

@keyframes leaffall3 {
  0% {
    top: 108px;
    left: 62px;
    transform: rotate(90deg)
  }

  25% {
    top: 127px;
    left: 32px;
    transform: rotate(122deg)
  }

  75% {
    top: 164px;
    left: 72px;
    transform: rotate(80deg)
  }

  100% {
    top: 195px;
    left: 64px;
    transform: rotate(154deg)
  }
}

@keyframes shadowhover {
  0%, 100% {
    opacity: .5;
    transform: scaleX(.7)
  }

  50% {
    transform: scaleX(1);
    opacity: 1
  }
}

@keyframes zero-g-float {
  0%, 100% {
    transform: translateY(-10px) rotate(0)
  }

  50% {
    transform: translateY(10px) rotate(-3deg)
  }
}

@keyframes float-away {
  0% {
    transform: scale(1);
    transform-origin: top right
  }

  85% {
    opacity: 1
  }

  100% {
    opacity: 0;
    transform: scale(0);
    transform-origin: top right
  }
}

@keyframes nirvana {
  0%, 100% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(10px)
  }
}

@keyframes sway {
  0%, 100% {
    transform: rotate(-2deg) translateX(-2px)
  }

  50% {
    transform: rotate(3deg) translateX(0)
  }
}

@keyframes hopIn {
  0%, 100% {
    transform: scale(.9);
    opacity: .7
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes stretchdelay {
  0%, 100%, 40% {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

@keyframes bigEntrance {
  0% {
    -webkit-transform: scale(.3) translateX(0) rotate(0);
    -webkit-animation-timing-function: ease-out;
    opacity: 0;
    top: 120%
  }

  1% {
    opacity: 1
  }

  20% {
    top: 140%;
    animation-timing-function: ease-in
  }

  40% {
    top: 124%;
    animation-timing-function: ease-in
  }

  60% {
    top: 140%;
    animation-timing-function: ease-out
  }

  80% {
    top: 128%;
    animation-timing-function: ease-in
  }

  100% {
    animation-timing-function: ease-out;
    transform: scale(1) translateX(360%) rotate(360deg);
    opacity: 1;
    top: 140%
  }
}

@keyframes fallover {
  0% {
    transform: rotate(0)
  }

  30% {
    transform: rotate(90deg)
  }

  50% {
    transform: rotate(86deg)
  }

  70% {
    transform: rotate(90deg)
  }

  90% {
    transform: rotate(88deg)
  }

  100% {
    transform: rotate(90deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
    opacity: 0;
    left: -10%;
    bottom: 100%
  }

  20% {
    opacity: 1
  }

  38% {
    bottom: 150%
  }

  46% {
    bottom: 152%
  }

  54% {
    bottom: 142%
  }

  75% {
    opacity: 1
  }

  100% {
    transform: rotate(360deg);
    bottom: 50%;
    opacity: 0;
    left: 55%
  }
}

@keyframes magnify {
  0%, 100% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.4) translateX(2px)
  }
}

@keyframes stretchRight {
  from {
    transform: scaleX(.3)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes starRight {
  0% {
    left: 0;
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 0
  }

  50% {
    bottom: 110px;
    animation-timing-function: ease-in;
    opacity: 1
  }

  100% {
    bottom: 0;
    left: 140%;
    animation-timing-function: ease-out;
    -ms-transform: rotate(290deg);
    transform: rotate(290deg);
    opacity: 0
  }
}

@keyframes starLeft {
  0% {
    right: 5%;
    transform: rotate(0);
    -ms-transform: rotate(0);
    opacity: 0
  }

  50% {
    bottom: 120px;
    animation-timing-function: ease-in;
    opacity: 1
  }

  100% {
    bottom: 0;
    right: 120%;
    animation-timing-function: ease-out;
    -ms-transform: rotate(-290deg);
    transform: rotate(-290deg);
    opacity: 0
  }
}

@keyframes shakeIt {
  0%, 100% {
    transform: rotate(-4deg)
  }

  50% {
    transform: rotate(4deg)
  }
}

@keyframes grow {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes pointerUp {
  from {
    height: 18px
  }

  to {
    height: 30px
  }
}

@keyframes pinkyUp {
  from {
    height: 12px;
    border-bottom: 2px solid #397298
  }

  to {
    height: 25px;
    border-radius: 8px 8px 0 0;
    border-bottom: 0
  }
}

@keyframes floating {
  0%, 100% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(-25%)
  }
}

@keyframes slideLineUp {
  0% {
    margin: 0 auto
  }

  50% {
    margin: 0 auto
  }

  100% {
    margin: -15px auto 0
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%)
  }

  95% {
    transform: translateY(-2%)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes slideActRight {
  100% {
    left: 0
  }
}

@keyframes slideActLeft {
  100% {
    right: 0
  }
}

@keyframes slideLeft {
  from {
    right: 12%
  }

  to {
    right: 70%
  }
}

@keyframes slideColorLeft {
  from {
    background: #a11;
    width: 100%
  }

  to {
    background: #c29c17;
    width: 0
  }
}

@keyframes slideOver {
  0% {
    width: 0%
  }

  40% {
    width: 90%
  }

  50% {
    margin: 0 auto
  }

  100% {
    margin: -15px auto 0;
    width: 90%
  }
}

@keyframes fireRight {
  0% {
    transform: rotate(7deg);
    left: 8%
  }

  6% {
    transform: rotate(-10deg)
  }

  12% {
    transform: rotate(-8deg)
  }

  23% {
    transform: rotate(10deg)
  }

  29% {
    transform: rotate(-8deg)
  }

  37% {
    transform: rotate(8deg)
  }

  45% {
    transform: rotate(8deg)
  }

  50% {
    left: 96%;
    transform: rotate(8deg)
  }

  100% {
    transform: rotate(0);
    left: 8%
  }
}

@keyframes floating {
  0%, 100% {
    transform: scale(.9);
    opacity: .7
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes skeleton-lines {
  0% {
    background-position: 0
  }

  100% {
    background-position: 700px
  }
}

a {
  color: #0067e6;
  text-decoration: none
}

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee
}

.nav-stacked > li {
  float: none
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

  .nav:after, .nav:before {
    display: table;
    content: " "
  }

  .nav:after {
    clear: both
  }

  .nav > li {
    position: relative;
    display: block
  }

    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px
    }

      .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee
      }

    .nav > li.disabled > a {
      color: #777
    }

      .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
      }

  .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #0067e6
  }

  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
  }

  .nav > li > a > img {
    max-width: none
  }


.qw-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 8px
}

  .qw-alert p:last-child {
    margin-block-end: 0
  }

.qw-alert-heading {
  font-size: var(--text-size-h4);
  line-height: 1.2
}

.qw-alert-icon {
  flex-shrink: 0;
  height: 20px;
  width: 20px
}

.qw-alert-info {
  border-color: #9ec5f5;
  background-color: #f1f7fe
}

  .qw-alert-info .qw-alert-heading {
    color: #0054c2
  }

  .qw-alert-info .qw-alert-icon {
    color: #0067e6
  }

  .qw-alert-info .qw-alert-link {
    color: #0067e6;
    text-decoration: underline
  }

  .qw-alert-info.qw-alert-important {
    background-color: #ddecfd
  }

    .qw-alert-info.qw-alert-important .qw-alert-heading, .qw-alert-info.qw-alert-important p {
      color: #004094
    }

.qw-alert-warning {
  border-color: #fdf0aa;
  background-color: #fffbe6
}

  .qw-alert-warning .qw-alert-heading {
    color: #000
  }

  .qw-alert-warning .qw-alert-icon {
    color: #5e5203
  }

  .qw-alert-warning .qw-alert-link {
    color: #493f03;
    text-decoration: underline
  }

  .qw-alert-warning.qw-alert-important {
    background-color: #fdf0aa
  }

    .qw-alert-warning.qw-alert-important .qw-alert-heading, .qw-alert-warning.qw-alert-important p {
      color: #493f03
    }

.qw-alert-danger {
  border-color: #fcb0b5;
  background-color: #fff5f6
}

  .qw-alert-danger .qw-alert-heading {
    color: #9d0b21
  }

  .qw-alert-danger .qw-alert-icon {
    color: #c5112c
  }

  .qw-alert-danger .qw-alert-link {
    color: #c5112c;
    text-decoration: underline
  }

  .qw-alert-danger.qw-alert-important {
    background-color: #ffebec
  }

    .qw-alert-danger.qw-alert-important .qw-alert-heading, .qw-alert-danger.qw-alert-important p {
      color: #740617
    }

.qw-alert-success {
  border-color: #3adfa0;
  background-color: #edfdf4
}

  .qw-alert-success .qw-alert-heading {
    color: #18865e
  }

  .qw-alert-success .qw-alert-icon {
    color: #18865e
  }

  .qw-alert-success .qw-alert-link {
    color: #18865e;
    text-decoration: underline
  }

  .qw-alert-success.qw-alert-important {
    background-color: #c1fbdf
  }

    .qw-alert-success.qw-alert-important .qw-alert-heading, .qw-alert-success.qw-alert-important p {
      color: #0d593d
    }

.qw-alert-bold.qw-alert-info {
  border-radius: 0;
  background-color: #0067e6;
  border-color: transparent;
  color: #fff
}

  .qw-alert-bold.qw-alert-info .qw-alert-icon {
    color: inherit
  }

.qw-alert-bold.qw-alert-success {
  border-radius: 0;
  background-color: #18865e;
  border-color: transparent;
  color: #fff
}

  .qw-alert-bold.qw-alert-success .qw-alert-icon {
    color: inherit
  }

.qw-alert-bold.qw-alert-warning {
  border-radius: 0;
  background-color: #fbda23;
  border-color: transparent;
  color: #221e02
}

  .qw-alert-bold.qw-alert-warning .qw-alert-icon {
    color: inherit
  }

.qw-alert-bold.qw-alert-danger {
  border-radius: 0;
  background-color: #dd1331;
  border-color: transparent;
  color: #fff
}

  .qw-alert-bold.qw-alert-danger .qw-alert-icon {
    color: inherit
  }

.qw-toast {
  visibility: hidden;
  position: fixed;
  inset-block-end: -1000em;
  inset-inline-start: -9999em;
  height: 0;
  padding: 16px;
  background-color: #58606a;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06);
  transform-origin: center;
  opacity: 0;
  transition: opacity .2s cubic-bezier(.42, 0, .58, 1)
}

  .qw-toast.fadeToast {
    display: flex;
    max-width: 20rem;
    min-width: 12rem;
    z-index: 1060;
    inset-block-end: 8px;
    inset-inline-start: 24px;
    height: auto;
    opacity: 1
  }

  .qw-toast p {
    margin: 0
  }

  .qw-toast .toast-indicator {
    display: flex;
    align-items: center;
    justify-content: center
  }

  .qw-toast .toast-content {
    display: flex;
    align-items: center;
    flex-grow: 1;
    align-self: center;
    justify-content: space-between
  }

.qw-toast-icon {
  margin-inline-end: 16px;
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.qw-toast-close {
  color: #fff
}

.qw-toast-info {
  background-color: #184ce9;
  color: #fff
}

.qw-toast-success {
  background-color: #18875e;
  color: #fff
}

.qw-toast-danger {
  background-color: #ea1636;
  color: #fff
}

.qw-avatar {
  position: relative;
  border: 0;
  font-weight: 700;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  box-shadow: inset 0 0 2px #b2c0d2
}

.qw-avatar-card, .qw-avatar-icon, .qw-avatar-text {
  box-shadow: none;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

img.qw-avatar {
  background-color: #fff
}

.qw-avatar-icon, .qw-avatar-text {
  background-color: #fff;
  border: 1px solid #b2c0d2;
  color: #58606a
}

.qw-avatar-text {
  font-size: 12px
}

.qw-avatar-icon {
  font-size: 18px
}

.qw-avatar-square .qw-avatar {
  border-radius: 0
}

.qw-avatar-xs .qw-avatar {
  height: 24px;
  width: 24px
}

.qw-avatar-xs .qw-avatar-text {
  font-size: calc(24px * .375)
}

.qw-avatar-xs .qw-avatar-card, .qw-avatar-xs .qw-avatar-icon {
  font-size: 14px
}

.qw-avatar-md .qw-avatar {
  height: 40px;
  width: 40px
}

.qw-avatar-md .qw-avatar-text {
  font-size: calc(40px * .375)
}

.qw-avatar-md .qw-avatar-card, .qw-avatar-md .qw-avatar-icon {
  font-size: 23px
}

.qw-avatar-lg .qw-avatar {
  height: 56px;
  width: 56px
}

.qw-avatar-lg .qw-avatar-text {
  font-size: calc(56px * .375)
}

.qw-avatar-lg .qw-avatar-card, .qw-avatar-lg .qw-avatar-icon {
  font-size: 27px
}

.qw-avatar-xl .qw-avatar {
  height: 80px;
  width: 80px
}

.qw-avatar-xl .qw-avatar-text {
  font-size: calc(80px * .375)
}

.qw-avatar-xl .qw-avatar-card, .qw-avatar-xl .qw-avatar-icon {
  font-size: 45px
}

.qw-avatar-xxl .qw-avatar {
  height: 120px;
  width: 120px
}

.qw-avatar-xxl .qw-avatar-text {
  font-size: calc(120px * .375)
}

.qw-avatar-xxl .qw-avatar-card, .qw-avatar-xxl .qw-avatar-icon {
  font-size: 67px
}

.qw-avatar-mega .qw-avatar {
  height: 184px;
  width: 184px
}

.qw-avatar-mega .qw-avatar-text {
  font-size: calc(184px * .375)
}

.qw-avatar-mega .qw-avatar-card, .qw-avatar-mega .qw-avatar-icon {
  font-size: 104px
}

.qw-avatar-color-1 {
  background-color: #88001f;
  border-color: #88001f;
  color: #fff
}

.qw-avatar-color-2 {
  background-color: #bf2f05;
  border-color: #bf2f05;
  color: #fff
}

.qw-avatar-color-3 {
  background-color: #09414d;
  border-color: #09414d;
  color: #fff
}

.qw-avatar-color-4 {
  background-color: #3600a5;
  border-color: #3600a5;
  color: #fff
}

.qw-avatar-color-5 {
  background-color: #9b0069;
  border-color: #9b0069;
  color: #fff
}

.qw-avatar.qw-avatar-deactivated.qw-avatar-text {
  background-color: #d7dde5;
  border-color: #d7dde5;
  color: #7e8b9a
}

img.qw-avatar.qw-avatar-deactivated {
  filter: grayscale(1)
}

.qw-avatar-link .qw-avatar {
  cursor: pointer
}

.qw-avatar-link:hover {
  text-decoration: none
}

  .qw-avatar-link:focus .qw-avatar, .qw-avatar-link:hover .qw-avatar {
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(88, 96, 106, .11), 0 1px 3px rgba(26, 28, 30, .08)
  }

.qw-avatar-link:active .qw-avatar {
  transform: translateY(1px);
  box-shadow: none
}

.qw-avatar-status {
  position: relative;
  display: inline-block
}

  .qw-avatar-status::after {
    content: "";
    position: absolute;
    display: block;
    inset-block-end: 0;
    inset-inline-end: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 10;
    height: 9px;
    width: 9px
  }

.qw-avatar-xs.qw-avatar-status::after {
  height: 7px;
  width: 7px;
  border-width: 1px
}

.qw-avatar-md.qw-avatar-status::after {
  height: 11px;
  width: 11px;
  border-width: 1px
}

.qw-avatar-lg.qw-avatar-status::after {
  height: 15px;
  width: 15px;
  border-width: 2px
}

.qw-avatar-xl.qw-avatar-status::after {
  height: 21px;
  width: 21px;
  border-width: 2px
}

.qw-avatar-xxl.qw-avatar-status::after {
  height: 31px;
  width: 31px;
  border-width: 3px
}

.qw-avatar-mega.qw-avatar-status::after {
  height: 47px;
  width: 47px;
  border-width: 5px
}

.qw-avatar-square.qw-avatar-status {
  margin-inline-start: 5px
}

  .qw-avatar-square.qw-avatar-status:after {
    content: "";
    position: absolute;
    display: block;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: -4px;
    border: none;
    border-inline-end: 1px solid #fff;
    border-radius: 0;
    z-index: 10;
    width: 5px;
    height: 100%
  }

.qw-avatar-square.qw-anonymous-user.qw-avatar-status {
  margin-inline-start: 0
}

  .qw-avatar-square.qw-anonymous-user.qw-avatar-status:after {
    border: inherit;
    border-inline-end: inherit
  }

.qw-anonymous-user::after {
  background-color: #b2c0d2
}

.qw-avatar-shared::after {
  background-color: #6aa4f1
}

.qw-avatar-fb-started::after {
  background-color: #444950
}

.qw-avatar-signed::after {
  background-color: #0067e6
}

.qw-avatar-fb-feedbackprovideroptedout::after {
  background-color: #7e8b9a !important
}

.qw-avatar-fb-feedbackprovideroptedout + p {
  font-style: italic !important
}

.qw-avatar-fb-feedbackprovidersinvited::after, .qw-avatar-fb-selected::after, .qw-avatar-fb-shared::after, .qw-avatar-finalized::after, .qw-avatar-selected::after, span.qw-avatar-fb-shared {
  background-color: #0067e6
}

.qw-avatar-fb-notstarted::after, .qw-avatar-notstarted::after, .qw-avatar-provider-status-notstarted::after, span.qw-avatar-fb-notstarted {
  background-color: #dd1331
}

span.qw-avatar-fb-notstarted, span.qw-avatar-fb-shared {
  display: inline-block;
  padding-block: 2px;
  padding-inline: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-block: 4px 0;
  margin-inline: 0;
  border-radius: 3px;
  border: 0
}

.qw-avatar-started::after {
  background-color: #444950
}

.qw-comment-avatar {
  margin-inline-end: 8px
}

.qw-avatar-status-change {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: auto;
  inset-inline-end: auto;
  border-radius: 0;
  padding-block: 1px 2px;
  padding-inline: 5px;
  color: #fff;
  background: rgba(0, 0, 0, .2)
}

.snapshot_container .modal-header .qw-avatar, .snapshot_container .modal-header .qw-avatar-icon, .snapshot_container .modal-header .qw-avatar-text {
  border: 4px solid #c3dbf9
}

#profile-image .qw-avatar-deactivated {
  opacity: 1 !important
}

.profile_img_container .qw-avatar-xxl {
  text-align: center
}

  .profile_img_container .qw-avatar-xxl .qw-avatar {
    border: 6px solid rgba(255, 255, 255, .15);
    box-shadow: 0 4px 9px -4px rgba(30, 86, 134, .5);
    transition: all .3s ease-in
  }

#FixedPanel .snapshot_container .modal-header .qw-avatar {
  height: 120px;
  width: 120px
}

  #FixedPanel .snapshot_container .modal-header .qw-avatar.qw-avatar-text {
    font-size: 45px
  }

  #FixedPanel .snapshot_container .modal-header .qw-avatar.qw-avatar-icon {
    font-size: 67px
  }

.ms-sel-item .qw-avatar-icon, .ms-sel-item .qw-avatar-text, .participant-info-image .qw-avatar-icon, .participant-info-image .qw-avatar-text {
  border: 0;
  border-inline-end: 1px solid #c2c7cb
}

@media (min-width: 480px) {
  .snapshot_container .qw-avatar-xxl {
    text-align: start;
    margin-inline-end: 8px
  }
}

@media (min-width: 768px) {
  .profile_img_container .qw-avatar {
    width: 184px;
    height: 184px
  }

    .profile_img_container .qw-avatar.qw-avatar-text {
      font-size: 69px;
      background-color: #fff
    }

  .user-nav .qw-avatar-lg {
    display: inline-block
  }

    .user-nav .qw-avatar-lg .qw-avatar {
      height: 24px;
      width: 24px;
      margin-inline-end: 4px
    }

      .user-nav .qw-avatar-lg .qw-avatar.qw-avatar-text {
        font-size: 9px
      }

      .user-nav .qw-avatar-lg .qw-avatar.qw-avatar-icon {
        font-size: 14px
      }
}

@media (min-width: 992px) {
  #profile-image .thumb_container .qw-avatar-xl .qw-avatar {
    height: 100px;
    width: 100px;
    background-color: #e1e3e5;
    border-color: #c2c7cb
  }

    #profile-image .thumb_container .qw-avatar-xl .qw-avatar.qw-avatar-text {
      font-size: 40px
    }
}

@media (min-width: 1200px) {
  .snapshot_container .qw-avatar-xxl .qw-avatar {
    height: 184px;
    width: 184px
  }

    .snapshot_container .qw-avatar-xxl .qw-avatar.qw-avatar-text {
      font-size: 69px
    }
}

.qw-box {
  background: #fff;
  border: 1px solid #f0f2f5;
  border-radius: 16px;
  box-shadow: 0 1px 3px 0 rgba(52, 56, 60, .1), 0 1px 2px 0 rgba(52, 56, 60, .06);
  margin-block-end: 8px
}

  .qw-box.no-shadow {
    box-shadow: none
  }

.qw-box_body {
  padding: 16px
}

.qw-box_header {
  padding: 16px;
  margin: 0;
  color: #666f7a;
  border-block-end: 1px solid #d7dde5;
  border-radius: 16px 16px 0 0
}

.qw-box_footer {
  padding: 16px;
  border-block-start: 1px solid #d7dde5;
  background: #f6f7f9;
  border-radius: 0 0 16px 16px
}

.qw-box_condensed .qw-box_body, .qw-box_condensed .qw-box_footer, .qw-box_condensed .qw-box_header {
  padding-block: 8px;
  padding-inline: 16px
}

.qw-box > .qw-table:first-child {
  border-radius: 16px 16px 0 0
}

.qw-box > .qw-table:last-child {
  border-radius: 0 0 16px 16px
}

.btn {
  display: inline-block;
  margin-block-end: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  line-height: 1.42857143;
  padding-block: 6px;
  padding-inline: 12px;
  font-size: var(--text-size-base);
  line-height: 1.42857;
  border-radius: 4px
}

  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
  }

  .btn.focus, .btn:focus, .btn:hover {
    text-decoration: none
  }

  .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
  }

  .btn.disabled, .btn.disabled:hover, .btn[disabled], .btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] .btn:hover {
    cursor: not-allowed;
    background-color: #d7dde5;
    border-color: transparent;
    color: #666f7a;
    -webkit-box-shadow: none;
    box-shadow: none
  }

    .btn.disabled[class * =flat], .btn.disabled[class * =link], .btn[disabled][class * =flat], .btn[disabled][class * =link] {
      background-color: transparent
    }

.btn-xs {
  padding-block: 2px;
  padding-inline: 8px;
  font-size: var(--text-size-small);
  line-height: 1.42857;
  border-radius: 2px
}

.btn-sm {
  padding-block: 4px;
  padding-inline: 8px;
  font-size: var(--text-size-small);
  line-height: 1.42857;
  border-radius: 4px
}

.btn-lg {
  padding-block: 8px;
  padding-inline: 16px;
  font-size: var(--text-size-h4);
  line-height: 1.42857;
  border-radius: 4px
}

.btn.btn-filter {
  border-radius: 20em
}

.btn-default {
  color: #444950;
  background-color: #fff;
  border-color: #b2c0d2
}

  .btn-default.focus, .btn-default:focus {
    color: #444950;
    background-color: #f6f7f9
  }

  .btn-default:hover {
    color: #444950;
    background-color: #f6f7f9;
    border-color: #8ba1bb
  }

  .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    color: #444950;
    background-color: #d7dde5
  }

    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
      color: #444950;
      background-color: #d7dde5
    }

  .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    background-image: none
  }

  .btn-default .badge {
    color: #fff;
    background-color: #444950
  }

.btn-filter {
  color: #444950;
  background-color: #fff;
  border-color: #b2c0d2
}

  .btn-filter.focus, .btn-filter:focus {
    color: #444950;
    background-color: #f6f7f9
  }

  .btn-filter:hover {
    color: #444950;
    background-color: #f6f7f9;
    border-color: #8ba1bb
  }

  .btn-filter.active, .btn-filter:active, .open > .btn-filter.dropdown-toggle {
    color: #444950;
    background-color: #d7dde5
  }

    .btn-filter.active.focus, .btn-filter.active:focus, .btn-filter.active:hover, .btn-filter:active.focus, .btn-filter:active:focus, .btn-filter:active:hover, .open > .btn-filter.dropdown-toggle.focus, .open > .btn-filter.dropdown-toggle:focus, .open > .btn-filter.dropdown-toggle:hover {
      color: #444950;
      background-color: #d7dde5
    }

  .btn-filter.active, .btn-filter:active, .open > .btn-filter.dropdown-toggle {
    background-image: none
  }

  .btn-filter .badge {
    color: #fff;
    background-color: #444950
  }

.btn-primary {
  color: #fff;
  background-color: #0067e6;
  border-color: transparent
}

  .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0054c2
  }

  .btn-primary:hover {
    color: #fff;
    background-color: #0054c2;
    border-color: transparent
  }

  .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #004094
  }

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
      color: #fff;
      background-color: #004094
    }

  .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-image: none
  }

  .btn-primary .badge {
    color: #0067e6;
    background-color: #fff
  }

.btn-warning {
  color: #221e02;
  background-color: #fbda23;
  border-color: transparent
}

  .btn-warning.focus, .btn-warning:focus {
    color: #221e02;
    background-color: #dcc009
  }

  .btn-warning:hover {
    color: #221e02;
    background-color: #dcc009;
    border-color: transparent
  }

  .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
    color: #221e02;
    background-color: #b69f07
  }

    .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
      color: #221e02;
      background-color: #b69f07
    }

  .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
    background-image: none
  }

  .btn-warning .badge {
    color: #fbda23;
    background-color: #221e02
  }

.btn-danger {
  color: #fff;
  background-color: #dd1331;
  border-color: transparent
}

  .btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c5112c
  }

  .btn-danger:hover {
    color: #fff;
    background-color: #c5112c;
    border-color: transparent
  }

  .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #9d0b21
  }

    .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
      color: #fff;
      background-color: #9d0b21
    }

  .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
    background-image: none
  }

  .btn-danger .badge {
    color: #dd1331;
    background-color: #fff
  }

.btn-success {
  color: #fff;
  background-color: #18865e;
  border-color: transparent
}

  .btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #14714f
  }

  .btn-success:hover {
    color: #fff;
    background-color: #14714f;
    border-color: transparent
  }

  .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #0d593d
  }

    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
      color: #fff;
      background-color: #0d593d
    }

  .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
    background-image: none
  }

  .btn-success .badge {
    color: #18865e;
    background-color: #fff
  }

.btn-subtle {
  color: #444950;
  background-color: #fff;
  border-color: #fff
}

  .btn-subtle.focus, .btn-subtle:focus {
    color: #444950;
    background-color: #e6e6e6
  }

  .btn-subtle:hover {
    color: #444950;
    background-color: #e6e6e6;
    border-color: #e0e0e0
  }

  .btn-subtle.active, .btn-subtle:active, .open > .btn-subtle.dropdown-toggle {
    color: #444950;
    background-color: #e6e6e6
  }

    .btn-subtle.active.focus, .btn-subtle.active:focus, .btn-subtle.active:hover, .btn-subtle:active.focus, .btn-subtle:active:focus, .btn-subtle:active:hover, .open > .btn-subtle.dropdown-toggle.focus, .open > .btn-subtle.dropdown-toggle:focus, .open > .btn-subtle.dropdown-toggle:hover {
      color: #444950;
      background-color: #e6e6e6
    }

  .btn-subtle.active, .btn-subtle:active, .open > .btn-subtle.dropdown-toggle {
    background-image: none
  }

  .btn-subtle .badge {
    color: #fff;
    background-color: #444950
  }

.btn-reverse {
  color: #34383c;
  background-color: #d7dde5;
  border-color: transparent
}

  .btn-reverse.focus, .btn-reverse:focus {
    color: #34383c;
    background-color: #b7c3d1
  }

  .btn-reverse:hover {
    color: #34383c;
    background-color: #b7c3d1;
    border-color: transparent
  }

  .btn-reverse.active, .btn-reverse:active, .open > .btn-reverse.dropdown-toggle {
    color: #34383c;
    background-color: #b7c3d1
  }

    .btn-reverse.active.focus, .btn-reverse.active:focus, .btn-reverse.active:hover, .btn-reverse:active.focus, .btn-reverse:active:focus, .btn-reverse:active:hover, .open > .btn-reverse.dropdown-toggle.focus, .open > .btn-reverse.dropdown-toggle:focus, .open > .btn-reverse.dropdown-toggle:hover {
      color: #34383c;
      background-color: #b7c3d1
    }

  .btn-reverse.active, .btn-reverse:active, .open > .btn-reverse.dropdown-toggle {
    background-image: none
  }

  .btn-reverse .badge {
    color: #d7dde5;
    background-color: #34383c
  }

.btn-dark {
  color: #fff;
  background-color: rgba(26, 28, 30, .6);
  border-color: transparent
}

  .btn-dark.focus, .btn-dark:focus {
    color: #fff;
    background-color: rgba(26, 28, 30, .5)
  }

  .btn-dark:hover {
    color: #fff;
    background-color: rgba(26, 28, 30, .5);
    border-color: transparent
  }

  .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: rgba(26, 28, 30, .7)
  }

    .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover {
      color: #fff;
      background-color: rgba(26, 28, 30, .7)
    }

  .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
    background-image: none
  }

  .btn-dark .badge {
    color: rgba(26, 28, 30, .6);
    background-color: #fff
  }

.btn-link {
  color: #0067e6;
  background-color: transparent;
  border-color: transparent
}

  .btn-link.focus, .btn-link:focus {
    color: #0067e6;
    background-color: transparent
  }

  .btn-link:hover {
    color: #0067e6;
    background-color: transparent;
    border-color: transparent
  }

  .btn-link.active, .btn-link:active, .open > .btn-link.dropdown-toggle {
    color: #0067e6;
    background-color: #f1f7fe
  }

    .btn-link.active.focus, .btn-link.active:focus, .btn-link.active:hover, .btn-link:active.focus, .btn-link:active:focus, .btn-link:active:hover, .open > .btn-link.dropdown-toggle.focus, .open > .btn-link.dropdown-toggle:focus, .open > .btn-link.dropdown-toggle:hover {
      color: #0067e6;
      background-color: #f1f7fe
    }

  .btn-link.active, .btn-link:active, .open > .btn-link.dropdown-toggle {
    background-image: none
  }

  .btn-link .badge {
    color: transparent;
    background-color: #0067e6
  }

.btn-primary-outline {
  color: #0067e6;
  background-color: #fff;
  border-color: #0067e6
}

  .btn-primary-outline:focus {
    background-color: #f1f7fe
  }

  .btn-primary-outline:hover {
    background-color: #f1f7fe
  }

  .btn-primary-outline:active:focus, .btn-primary-outline:active:hover {
    background-color: #f1f7fe
  }

.btn-secondary-outline {
  color: #444950;
  background-color: #fff;
  border-color: #b2c0d2
}

  .btn-secondary-outline:focus {
    background-color: #f6f7f9
  }

  .btn-secondary-outline:hover {
    background-color: #f6f7f9
  }

  .btn-secondary-outline:active:focus, .btn-secondary-outline:active:hover {
    background-color: #f6f7f9
  }

.btn-warning-outline {
  color: #221e02;
  background-color: #fff;
  border-color: #fbda23
}

  .btn-warning-outline:focus {
    background-color: #fffbe6
  }

  .btn-warning-outline:hover {
    background-color: #fffbe6
  }

  .btn-warning-outline:active:focus, .btn-warning-outline:active:hover {
    background-color: #fffbe6
  }

.btn-danger-outline {
  color: #c5112c;
  background-color: #fff;
  border-color: #dd1331
}

  .btn-danger-outline:focus {
    background-color: #fff5f6
  }

  .btn-danger-outline:hover {
    background-color: #fff5f6
  }

  .btn-danger-outline:active:focus, .btn-danger-outline:active:hover {
    background-color: #fff5f6
  }

.btn-success-outline {
  color: #18865e;
  background-color: #fff;
  border-color: #18865e
}

  .btn-success-outline:focus {
    background-color: #edfdf4
  }

  .btn-success-outline:hover {
    background-color: #edfdf4
  }

  .btn-success-outline:active:focus, .btn-success-outline:active:hover {
    background-color: #edfdf4
  }

.btn-primary-flat {
  color: #0067e6;
  background: 0 0
}

  .btn-primary-flat:active:focus, .btn-primary-flat:active:hover, .btn-primary-flat:focus, .btn-primary-flat:hover {
    color: #338fff;
    background-color: transparent;
    border-color: transparent
  }

.btn-secondary-flat {
  color: #444950;
  background: 0 0
}

  .btn-secondary-flat:active:focus, .btn-secondary-flat:active:hover, .btn-secondary-flat:focus, .btn-secondary-flat:hover {
    color: #676f79;
    background-color: transparent;
    border-color: transparent
  }

.btn-warning-flat {
  color: #493f03;
  background: 0 0
}

  .btn-warning-flat:active:focus, .btn-warning-flat:active:hover, .btn-warning-flat:focus, .btn-warning-flat:hover {
    color: #937e06;
    background-color: transparent;
    border-color: transparent
  }

.btn-danger-flat {
  color: #c5112c;
  background: 0 0
}

  .btn-danger-flat:active:focus, .btn-danger-flat:active:hover, .btn-danger-flat:focus, .btn-danger-flat:hover {
    color: #ed3551;
    background-color: transparent;
    border-color: transparent
  }

.btn-success-flat {
  color: #14714f;
  background: 0 0
}

  .btn-success-flat:active:focus, .btn-success-flat:active:hover, .btn-success-flat:focus, .btn-success-flat:hover {
    color: #1fb27c;
    background-color: transparent;
    border-color: transparent
  }

.btn-subtle-flat {
  color: #fff;
  background: 0 0
}

  .btn-subtle-flat:active:focus, .btn-subtle-flat:active:hover, .btn-subtle-flat:focus, .btn-subtle-flat:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent
  }

.btn-raised:focus, .btn-raised:hover {
  transition: all .2s ease;
  box-shadow: 0 4px 6px rgba(44, 44, 44, .12), 0 1px 3px rgba(0, 0, 0, .08)
}

.btn-icon {
  height: 32px;
  width: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  padding: 0;
  transition: all .2s;
  font-size: 16px
}

.btn-icon-lg {
  height: 40px;
  width: 40px;
  font-size: 20px
}

.btn-icon-sm {
  height: 24px;
  width: 24px;
  font-size: 12px
}

.btn-icon-outline {
  color: #0067e6;
  background-color: transparent;
  border: 1px solid #0067e6
}

  .btn-icon-outline:hover {
    background-color: #ddecfd;
    border-color: #0067e6
  }

  .btn-icon-outline:active {
    box-shadow: none
  }

.btn-icon-flat {
  color: #0067e6;
  background-color: transparent;
  border: 1px solid transparent
}

  .btn-icon-flat:hover {
    background-color: rgba(26, 28, 30, .06);
    border-color: transparent
  }

  .btn-icon-flat:active {
    box-shadow: none
  }

.btn-icon-secondary {
  color: #34383c;
  background-color: transparent;
  border: 1px solid #d7dde5
}

  .btn-icon-secondary:hover {
    background-color: rgba(26, 28, 30, .06);
    border-color: transparent
  }

  .btn-icon-secondary:active {
    box-shadow: none
  }

.btn-icon-toast {
  color: #fff;
  background-color: transparent;
  border: 1px solid transparent
}

  .btn-icon-toast:hover {
    background-color: rgba(255, 255, 255, .15);
    border-color: transparent
  }

  .btn-icon-toast:active {
    box-shadow: none
  }

.qw-cards {
  display: flex;
  flex-wrap: wrap
}

.qw-card {
  margin: 8px
}

.qw-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #d7dde5;
  border-radius: 16px;
  flex: 0 1 100%
}

@media (min-width: 480px) {
  .qw-card {
    flex-basis: calc(50% - 16px)
  }
}

@media (min-width: 992px) {
  .qw-card {
    flex-basis: calc(33% - 16px)
  }
}

@media (min-width: 1600px) {
  .qw-card {
    flex-basis: calc(25% - 16px)
  }
}

@media (min-width: 480px) {
  .qw-cards_large .qw-card {
    flex-basis: 100%
  }
}

@media (min-width: 992px) {
  .qw-cards_large .qw-card {
    flex-basis: calc(50% - 16px)
  }
}

@media (min-width: 1600px) {
  .qw-cards_large .qw-card {
    flex-basis: calc(33% - 16px)
  }
}

@supports (display: grid) {
  .qw-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-auto-rows: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 16px
  }

  .qw-cards_small {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
  }

  .qw-cards_large {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr))
  }

  .qw-card {
    margin: 0
  }
}

a.qw-card {
  color: inherit;
  transition: all .2s
}

  a.qw-card:active, a.qw-card:focus, a.qw-card:hover {
    text-decoration: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
  }

.qw-card_centered {
  text-align: center
}

.qw-card_horizontal {
  flex-direction: row
}

.qw-card_media {
  padding-block: 16px 0;
  padding-inline: 16px
}

.qw-card_horizontal .qw-card_media {
  background-color: #f0f2f5;
  border-inline-end: 1px solid #d7dde5;
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
  margin-block-end: 0
}

.qw-card_inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding-block-start: 16px;
  padding-inline: 16px
}

.qw-card_header {
  display: flex;
  flex-direction: column-reverse;
  margin-block-end: 8px
}

.qw-card_horizontal .qw-card_header {
  flex-direction: row;
  justify-content: space-between
}

.qw-card_separator {
  display: block;
  height: 2px;
  width: 48px;
  margin-block-end: 8px;
  background-color: #0067e6
}

.qw-card_centered .qw-card_separator {
  margin-inline: auto
}

.qw-card_body {
  flex-grow: 1;
  padding-block-end: 8px
}

.qw-card_title {
  flex-grow: 1
}

.qw-card_subtitle {
  color: #666f7a
}

.qw-card_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-start: 1px solid #d7dde5;
  margin-block-end: 8px;
  padding-block-start: 8px
}

.qw-card_horizontal .qw-card_footer {
  justify-content: flex-start
}

@keyframes thumbsUp {
  0% {
    height: 10px;
    transform: rotate(40deg)
  }

  100% {
    height: 15px;
    width: 7px;
    inset-block-start: -5px;
    inset-inline-start: -2px;
    transform: rotate(88deg)
  }
}

@keyframes armStraight {
  0% {
    transform: rotate(120deg)
  }

  100% {
    transform: rotate(25deg)
  }
}

@keyframes armPump {
  0% {
    transform: rotate(30deg)
  }

  100% {
    transform: rotate(110deg)
  }
}

@keyframes shadowhover {
  0%, 100% {
    opacity: .5;
    transform: scaleX(.7)
  }

  50% {
    transform: scaleX(1);
    opacity: 1
  }
}

@keyframes floating {
  0%, 100% {
    transform: scale(.9);
    opacity: .7
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes nirvana {
  0%, 100% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(10px)
  }
}

@keyframes animatedBackground {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 100% 0
  }
}

@keyframes shadowPulse {
  0%, 100% {
    opacity: 1
  }

  5%, 90% {
    opacity: 0
  }
}

@keyframes cloud {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-760px)
  }
}

@keyframes rotateCC {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(-360deg)
  }
}

@keyframes elem {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-640px)
  }
}

@keyframes astro-run {
  0%, 100% {
    transform: translateX(0)
  }

  30% {
    transform: translateX(-60px)
  }

  70% {
    transform: translateX(20px)
  }
}

@keyframes run {
  0%, 100%, 50% {
    transform: rotate(0)
  }

  25% {
    transform: rotate(60deg)
  }

  75% {
    transform: rotate(-60deg)
  }
}

@keyframes leg-bottom {
  0%, 100% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(120deg)
  }
}

@keyframes flyin {
  0% {
    transform: translateY(200%)
  }

  70% {
    transform: translateY(-3%)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes starmove {
  from {
    background-position: 5% 5%
  }

  to {
    background-position: 5% -1300%
  }
}

@keyframes flicker {
  0% {
    transform: rotate(-1deg)
  }

  20% {
    transform: rotate(1deg)
  }

  40% {
    transform: rotate(-1deg)
  }

  60% {
    transform: rotate(1deg) scaleY(1.04)
  }

  80% {
    transform: rotate(-2deg) scaleY(.92)
  }

  100% {
    transform: rotate(1deg)
  }
}

@keyframes spaceshake {
  0% {
    transform: translateX(0)
  }

  33% {
    transform: translateX(3%) rotate(-2deg)
  }

  66% {
    transform: translateX(-1%) rotate(3deg)
  }

  100% {
    transform: translateX(0)
  }
}

.qw-spaceman-illustration {
  width: 220px;
  height: 220px;
  position: relative;
  margin-block: 0;
  margin-inline: auto;
  z-index: 1
}

.qw-spaceman-arm {
  display: none;
  position: absolute;
  inset-block-start: 94px;
  inset-inline-start: 54px;
  height: 60px;
  width: 25px;
  transform: rotate(30deg);
  animation: armPump .6s ease;
  animation-fill-mode: forwards;
  transform-origin: 13px 12px;
  animation-delay: 1s
}

  .qw-spaceman-arm .qw-spaceman-arm-upper {
    border-radius: 14px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 16px;
    height: 32px;
    transform: rotate(30deg);
    background: #fff
  }

  .qw-spaceman-arm .qw-spaceman-arm-lower {
    border-radius: 14px;
    position: absolute;
    inset-block-start: 18px;
    inset-inline-start: -4px;
    width: 15px;
    height: 24px;
    transform: rotate(120deg);
    animation: armStraight .6s ease;
    animation-fill-mode: forwards;
    transform-origin: 8px 6px;
    animation-delay: 1s;
    background: #fff
  }

  .qw-spaceman-arm .qw-spaceman-arm-thumb {
    width: 8px;
    height: 10px;
    border-radius: 50%;
    inset-block-start: -2px;
    inset-inline-start: -1px;
    position: relative;
    transform: rotate(40deg);
    background: #fff
  }

  .qw-spaceman-arm .qw-spaceman-arm-fist {
    width: 17px;
    height: 15px;
    position: absolute;
    inset-block-start: 18px;
    inset-inline-start: 0;
    transform: rotate(-15deg);
    border-radius: 18px;
    background: #fff
  }

.not-ie .qw-spaceman-arm {
  display: block
}

.qw-relax-spaceman .qw-spaceman-arm {
  inset-inline-start: 84px
}

  .qw-relax-spaceman .qw-spaceman-arm .qw-spaceman-arm-upper {
    height: 26px;
    inset-block-start: 3px
  }

  .qw-relax-spaceman .qw-spaceman-arm .qw-spaceman-arm-lower {
    height: 20px;
    inset-block-start: 16px;
    inset-inline-start: -3px
  }

  .qw-relax-spaceman .qw-spaceman-arm .qw-spaceman-arm-thumb {
    animation: thumbsUp .4s linear;
    animation-delay: .8s;
    animation-fill-mode: forwards
  }

  .qw-relax-spaceman .qw-spaceman-arm .qw-spaceman-arm-fist {
    inset-block-start: 14px
  }

.qw-spaceman {
  margin-block: 0;
  margin-inline: auto;
  width: 180px;
  height: 250px;
  position: relative
}

  .qw-spaceman img {
    display: block;
    text-align: center;
    margin-block: 0;
    margin-inline: auto
  }

    .qw-spaceman img.hovering {
      animation: nirvana 3s ease-in-out infinite;
      margin-block: 0;
      margin-inline: auto;
      text-align: center;
      z-index: 2
    }

    .qw-spaceman img.shadow {
      z-index: 1;
      transform-origin: center center;
      animation: shadowhover 3s ease-in-out infinite
    }

.qw-spaceman-run {
  width: 100%;
  height: 210px;
  margin-block: 0;
  margin-inline: auto;
  position: relative
}

.qw-spaceman-world {
  width: 210px;
  height: 210px;
  background: url(/Content/img/space_bg.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-block: 0;
  margin-inline: auto;
  border-radius: 50%;
  animation: animatedBackground 60s linear infinite
}

.qw-userstack {
  position: absolute;
  inset-inline-end: 60px;
  inset-block-start: 5px;
  width: 130px;
  height: 74px;
  display: block;
  z-index: 5;
  animation: astro-run 6s ease-in-out infinite .7s
}

.qw-world-container {
  width: 210px;
  height: 210px;
  margin-block: 0;
  margin-inline: auto;
  position: relative
}

  .qw-world-container .qw-userstack {
    inset-inline-end: -120px
  }

.qw-userstack img, .qw-userstack span.fa-stack {
  display: block;
  animation: rotateCC 6s linear infinite
}

.qw-astro-run {
  width: 50px;
  height: 160px;
  inset-block-end: -39px;
  inset-inline-start: 35%;
  animation: astro-run 6s ease-in-out infinite;
  position: relative
}

  .qw-astro-run img.shadow {
    position: absolute;
    inset-block-end: 24px;
    inset-inline-start: -8px;
    z-index: -1
  }

  .qw-astro-run div {
    transform-origin: 50% 0;
    position: absolute
  }

    .qw-astro-run div.leg {
      width: 24px;
      height: 23px;
      inset-block-end: 52px;
      inset-inline-start: 30px;
      background: #fff;
      border-radius: 5px 5px 12px 5px;
      box-shadow: inset -4px -2px 1px #e0e2e4
    }

      .qw-astro-run div.leg .bottom {
        width: 20px;
        height: 27px;
        inset-block-start: 16px;
        background: #fff;
        border-radius: 5px 7px 8px 5px;
        box-shadow: inset -2px -4px 1px #e0e2e4
      }

    .qw-astro-run div .left {
      z-index: -1
    }

    .qw-astro-run div .right {
      z-index: 1
    }

.leg .bottom .shadow {
  width: 60px;
  height: 6px;
  position: absolute;
  inset-block-end: -4px;
  opacity: 0;
  background: url(/Content/img/space_shadow_sm.png) no-repeat center center;
  transform: translateX(-33%)
}

.leg.left {
  animation: run 2s linear infinite;
  z-index: -1
}

  .leg.left .bottom {
    animation: leg-bottom 2s linear infinite
  }

    .leg.left .bottom .shadow {
      animation: shadowPulse 2s linear infinite
    }

.leg.right {
  animation: run 2s linear infinite 1s
}

  .leg.right .bottom {
    animation: leg-bottom 2s linear infinite 1s
  }

    .leg.right .bottom .shadow {
      animation: shadowPulse 2s linear infinite 1s
    }

section.qw-spaceman-world .floor div {
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  transform: rotate(101deg)
}

.floor {
  width: 500px;
  height: 500px;
  inset-block-start: 153px;
  background: #e0e2e4;
  position: absolute;
  inset-inline-start: -145px;
  border-radius: 50%;
  animation: rotateCC 12s linear infinite
}

  .floor .crater {
    width: 40px;
    height: 6px;
    inset-block-end: 195px;
    inset-inline-end: 0;
    background: #c2c7cb;
    box-shadow: inset 5px 4px 3px #868f97
  }

    .floor .crater.one {
      height: 12px;
      inset-block-end: 190px;
      inset-inline-end: 26px
    }

    .floor .crater.two {
      background: #c2c7cb;
      width: 24px;
      inset-block-end: 171px;
      inset-inline-end: 24px
    }

    .floor .crater.three {
      background: #c2c7cb;
      width: 60px;
      inset-inline-start: 1px;
      inset-inline-end: auto;
      transform: rotate(-100deg);
      height: 15px
    }

    .floor .crater.four {
      background: #c2c7cb;
      width: 16px;
      inset-block-end: 150px;
      inset-inline-end: 36px;
      height: 5px
    }

    .floor .crater.five {
      background: #c2c7cb;
      width: 34px;
      inset-inline-start: 34px;
      inset-inline-end: auto;
      transform: rotate(-100deg);
      height: 11px
    }

.qw-space-progress.qw-progress-active + .css-scroll {
  max-height: 0;
  min-height: 60px
}

.qw-space-progress {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: #462a25;
  background: linear-gradient(45deg, #462a25 0, #263247 22%, #263247 49%, #00488a 100%);
  position: relative;
  overflow: hidden;
  transition: all .2s ease-in;
  margin-block: 0;
  margin-inline: auto
}

  .qw-space-progress .qw-space-shake {
    animation: spaceshake 4s ease-in infinite, flyin 1s ease-out;
    animation-delay: 1s, 0s;
    position: relative;
    z-index: 2
  }

  .qw-space-progress .qw-star-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0
  }

    .qw-space-progress .qw-star-bg > div {
      position: absolute;
      width: 100%;
      height: 100%;
      inset-inline: 0;
      z-index: 1;
      background: url(/Content/img/star-midground.png) repeat 5% 0;
      -webkit-animation-duration: 80s;
      -webkit-animation-name: starmove;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite
    }

      .qw-space-progress .qw-star-bg > div.midground {
        background: url(/Content/img/star-background.png) repeat repeat 5% 10%;
        -webkit-animation-duration: 20s
      }

      .qw-space-progress .qw-star-bg > div.foreground {
        background: url(/Content/img/star-foreground.png) repeat 5% 25%;
        -webkit-animation-duration: 10s
      }

  .qw-space-progress img {
    display: block;
    margin-block: 0;
    margin-inline: auto;
    padding-block-start: 20px;
    z-index: 3;
    position: relative
  }

  .qw-space-progress.qw-speed-animation-2x {
    background: linear-gradient(45deg, #0a0b0c 1%, #00488a 40%, #00488a 63%, #263247 100%)
  }

    .qw-space-progress.qw-speed-animation-2x .qw-space-shake {
      animation: spaceshake 2s ease-in infinite
    }

    .qw-space-progress.qw-speed-animation-2x .qw-star-bg .background {
      -webkit-animation-duration: 40s
    }

    .qw-space-progress.qw-speed-animation-2x .qw-star-bg .midground {
      -webkit-animation-duration: 10s
    }

    .qw-space-progress.qw-speed-animation-2x .qw-star-bg .foreground {
      -webkit-animation-duration: 4s
    }

  .qw-space-progress.qw-speed-animation-3x {
    background: linear-gradient(45deg, #00488a 0, #00488a 35%, #0a0b0c 99%)
  }

    .qw-space-progress.qw-speed-animation-3x .qw-space-shake {
      animation: spaceshake 1s ease-in infinite
    }

      .qw-space-progress.qw-speed-animation-3x .qw-space-shake img {
        padding-block-start: 10px !important
      }

    .qw-space-progress.qw-speed-animation-3x .qw-star-bg .background {
      -webkit-animation-duration: 20s
    }

    .qw-space-progress.qw-speed-animation-3x .qw-star-bg .midground {
      -webkit-animation-duration: 5s
    }

    .qw-space-progress.qw-speed-animation-3x .qw-star-bg .foreground {
      -webkit-animation-duration: 2s
    }

  .qw-space-progress .flame-container {
    position: absolute;
    width: 53px;
    inset-block-end: 53px;
    inset-inline-start: 38%;
    transform: translateX(-50%);
    z-index: 2;
    transform-origin: center bottom;
    animation-name: flicker;
    animation-duration: 3ms;
    animation-delay: .2s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-direction: alternate
  }

    .qw-space-progress .flame-container .flame {
      inset-block-end: 0;
      position: absolute;
      border-start-start-radius: 50%;
      border-end-start-radius: 50%;
      border-end-end-radius: 50%;
      transform: rotate(137deg) scale(1.5, 1.5)
    }

    .qw-space-progress .flame-container .yellow {
      inset-inline-start: 15px;
      width: 30px;
      height: 30px;
      background: gold;
      box-shadow: 0 0 9px 4px gold
    }

    .qw-space-progress .flame-container .orange {
      inset-inline-start: 10px;
      width: 40px;
      height: 40px;
      background: orange;
      box-shadow: 0 0 9px 4px orange
    }

    .qw-space-progress .flame-container .red {
      inset-inline-start: 5px;
      width: 50px;
      height: 50px;
      background: #ff4500;
      box-shadow: 0 0 5px 4px #ff4500
    }

    .qw-space-progress .flame-container .white {
      inset-block-end: -4px;
      inset-inline-start: 15px;
      width: 30px;
      height: 30px;
      background: #fff;
      box-shadow: 0 0 9px 4px #fff
    }

    .qw-space-progress .flame-container .circle {
      border-radius: 50%;
      position: absolute
    }

    .qw-space-progress .flame-container .blue {
      width: 10px;
      height: 10px;
      inset-block-end: -25px;
      inset-inline-start: 25px;
      background: #6a5acd;
      box-shadow: 0 0 15px 10px #6a5acd
    }

    .qw-space-progress .flame-container .black {
      width: 40px;
      height: 40px;
      inset-block-end: -60px;
      inset-inline-start: 10px;
      background: #000;
      box-shadow: 0 0 15px 10px #000
    }

.qw-icon-inline {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: inherit;
  color: inherit;
  vertical-align: -.125em;
  fill: currentColor
}

.qw-icon-xxs {
  height: 20px;
  width: 20px
}

.qw-icon-xs {
  height: 24px;
  width: 24px
}

.qw-icon-sm {
  height: 32px;
  width: 32px
}

.qw-icon-md {
  height: 40px;
  width: 40px
}

.qw-icon-lg {
  height: 56px;
  width: 56px
}

.qw-icon-xl {
  height: 80px;
  width: 80px
}

.qw-icon-xxl {
  height: 120px;
  width: 120px
}

.qw-icon-mega {
  height: 184px;
  width: 184px
}

.qw-feature-icon {
  height: 20px;
  width: 20px
}

.feature-title .qw-feature-icon {
  color: #3c88ec
}

.qw-feature-icon.qw-feature-icon-xs {
  height: 14px;
  width: 14px
}

.qw-feature-icon.qw-feature-icon-sm {
  height: 16px;
  width: 16px
}

.qw-feature-icon.qw-feature-icon-lg {
  height: 36px;
  width: 36px
}

.qw-feature-icon.qw-feature-icon-xl {
  height: 46px;
  width: 46px
}

.qw-feature-icon.qw-feature-icon-xxl {
  height: 122px;
  width: 126px
}

.qw-app_nav .qw-feature-icon {
  color: #94a4b8
}

.qw-app_nav .active .qw-feature-icon {
  color: #3c88ec
}

.qw-feature-color-turnover {
  color: #0054c2
}

.qw-feature-color-flight_risk {
  color: #0054c2
}

.qw-feature-color-performance_impact {
  color: #0054c2
}

.qw-feature-color-usage {
  color: #58606a
}

.qw-feature-color-recognition {
  color: #dcc009
}

.qw-feature-color-feedback {
  color: #29c28a
}

.qw-feature-color-1on1 {
  color: #3c88ec
}

.qw-feature-color-survey {
  color: #b67aff
}

.qw-feature-color-talent_review {
  color: #04c3dc
}

.qw-feature-color-goals {
  color: #ffab00
}

.qw-feature-color-goals_org {
  color: #ffab00
}

.qw-feature-color-goals_dept {
  color: #29c28a
}

.qw-feature-color-goals_personal {
  color: #3c88ec
}

.qw-feature-color-settings {
  color: #58606a
}

th {
  text-align: start
}

.qw-table {
  max-width: 100%;
  background-color: #fff;
  border-radius: 4px;
  font-variant-numeric: tabular-nums
}

  .qw-table tbody td, .qw-table tbody th, .qw-table tfoot td, .qw-table tfoot th, .qw-table thead td, .qw-table thead th {
    line-height: 1.42857;
    vertical-align: top
  }

  .qw-table thead th {
    padding: 4px;
    vertical-align: bottom;
    background-color: #f6f7f9;
    border-block-end: 1px solid #f0f2f5;
    color: #666f7a
  }

@media (min-width: 768px) {
  .qw-table thead th {
    padding-inline: 8px
  }
}

@media (min-width: 992px) {
  .qw-table thead th {
    padding-inline: 16px
  }
}

.qw-table thead th:first-child {
  border-start-start-radius: 4px
}

.qw-table thead th:last-child {
  border-start-end-radius: 4px
}

.qw-table tbody th {
  font-weight: 700
}

.qw-table tbody td, .qw-table tbody th {
  padding: 4px
}

@media (min-width: 768px) {
  .qw-table tbody td, .qw-table tbody th {
    padding: 8px
  }
}

@media (min-width: 992px) {
  .qw-table tbody td, .qw-table tbody th {
    padding: 16px
  }
}

.qw-table tbody tr:not(:first-child) td, .qw-table tbody tr:not(:first-child) th {
  border-block-start: 1px solid #d7dde5
}

.qw-table tbody tr:last-child td:first-child, .qw-table tbody tr:last-child th:first-child {
  border-end-start-radius: 4px
}

.qw-table tbody tr:last-child td:last-child {
  border-end-end-radius: 4px
}

.qw-table-bordered {
  border: 1px solid #d7dde5;
  border-collapse: separate
}

.qw-table-condensed thead th {
  padding: 4px
}

.qw-table-condensed tbody td, .qw-table-condensed tbody th {
  padding: 4px
}

.qw-table-layout-fixed {
  table-layout: fixed
}

.qw-table-row-info {
  background-color: #f1f7fe
}

  .qw-table-row-info td, .qw-table-row-info th {
    border-color: #c3dbf9 !important
  }

.qw-table-hover .qw-table-row-info:hover {
  background-color: #d9e9fc
}

.qw-table-hover .qw-table-row-info > td:hover, .qw-table-hover .qw-table-row-info > th:hover {
  background-color: #d9e9fc
}

.qw-table-row-success {
  background-color: #edfdf4
}

  .qw-table-row-success td, .qw-table-row-success th {
    border-color: #79fbc7 !important
  }

.qw-table-hover .qw-table-row-success:hover {
  background-color: #d6fae7
}

.qw-table-hover .qw-table-row-success > td:hover, .qw-table-hover .qw-table-row-success > th:hover {
  background-color: #d6fae7
}

.qw-table-row-warning {
  background-color: #fffbe6
}

  .qw-table-row-warning td, .qw-table-row-warning th {
    border-color: #fbda23 !important
  }

.qw-table-hover .qw-table-row-warning:hover {
  background-color: #fff7cc
}

.qw-table-hover .qw-table-row-warning > td:hover, .qw-table-hover .qw-table-row-warning > th:hover {
  background-color: #fff7cc
}

.qw-table-row-danger {
  background-color: #fff5f6
}

  .qw-table-row-danger td, .qw-table-row-danger th {
    border-color: #fbc1c5 !important
  }

.qw-table-hover .qw-table-row-danger:hover {
  background-color: #ffdbde
}

.qw-table-hover .qw-table-row-danger > td:hover, .qw-table-hover .qw-table-row-danger > th:hover {
  background-color: #ffdbde
}

.qw-table-row-highlight tbody tr:focus-within, .qw-table-row-highlight tbody tr:hover {
  background-color: #f6f7f9
}

.qw-table-col-highlight {
  background-color: #f6f7f9
}

.qw-table-col-separator:not(:first-child) {
  border-inline-start: 1px solid #d7dde5
}

.qw-table-col-separator:not(:last-child) {
  border-inline-end: 1px solid #d7dde5
}

.qw-table-col-separator-r {
  border-inline-end: 1px solid #d7dde5
}

.qw-table-col-separator-l {
  border-inline-start: 1px solid #d7dde5
}

.qw-table.qw-table-striped tbody tr:nth-of-type(even) {
  background-color: #f6f7f9
}

.qw-table.qw-table-striped tbody tr:not(:last-child) td, .qw-table.qw-table-striped tbody tr:not(:last-child) th {
  border-block-end-width: 0
}

.qw-table-number {
  text-align: end
}

.qw-table-responsive {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 0;
  border-radius: 4px
}

.qw-table-overflow-y {
  max-height: var(--overflow-table-height, 40vh);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #d7dde5;
  border-radius: 4px
}

  .qw-table-overflow-y thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: 2
  }

.qw-table-hoverable tr:hover td {
  border-block-start: 1px solid #c3dbf9;
  border-block-end: 1px solid #c3dbf9
}

.qw-row-inactive th {
  background-color: #f0f2f5
}

.qw-row-inactive td {
  background-color: #f0f2f5;
  font-style: italic
}

.qw-table-actions {
  text-align: end
}

  .qw-table-actions .btn-link {
    padding-block: 0;
    padding-inline: 8px
  }

    .qw-table-actions .btn-link:last-child {
      border-inline-start-color: rgba(26, 28, 30, .2)
    }

.qw-legend-checkbox {
  margin-block-end: 4px;
  border-width: 0;
  font-size: 14px;
  font-weight: 700
}

.qw-checkbox {
  min-width: 16px;
  line-height: 16px
}

  .qw-checkbox label {
    display: inline-flex;
    position: relative;
    margin-block-end: 0;
    font-weight: 400;
    line-height: 16px;
    gap: 4px
  }

    .qw-checkbox label:hover {
      cursor: pointer
    }

    .qw-checkbox label:before {
      content: "";
      flex-shrink: 0;
      display: inline-block;
      vertical-align: text-bottom;
      width: 16px;
      height: 16px;
      border: 1px solid #b2c0d2;
      border-radius: 2px;
      background-color: #fff;
      transition: border .15s ease-in-out, color .15s ease-in-out
    }

    .qw-checkbox label:after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      inset-block-start: 0;
      inset-inline-start: 2px;
      color: #0067e6;
      font-family: FontAwesome;
      font-size: 12px;
      line-height: 16px
    }

  .qw-checkbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }

    .qw-checkbox input:focus ~ label:before, .qw-checkbox input ~ label:hover::before {
      box-shadow: 0 0 0 2px #9ec5f5;
      border-color: #6aa4f1;
      outline: 0
    }

    .qw-checkbox input:checked ~ label:after {
      content: ""
    }

    .qw-checkbox input:indeterminate ~ label:after {
      content: "";
      padding-block-start: 1px;
      inset-inline-start: 3px
    }

    .qw-checkbox input:checked ~ label:before, .qw-checkbox input:indeterminate ~ label:before {
      border-color: #0067e6
    }

    .qw-checkbox input[disabled] ~ label:hover {
      cursor: not-allowed
    }

    .qw-checkbox input[disabled]:checked ~ label::before, .qw-checkbox input[disabled] ~ label::before {
      background-color: #d7dde5;
      border-color: #b2c0d2;
      box-shadow: none
    }

    .qw-checkbox input[disabled]:checked ~ label::after, .qw-checkbox input[disabled] ~ label::after {
      border-color: #666f7a;
      color: #666f7a;
      cursor: not-allowed
    }

.qw-checkbox-primary input:checked ~ label::before, .qw-checkbox-primary input:indeterminate ~ label::before {
  background-color: #0067e6;
  border-color: #0067e6
}

.qw-checkbox-success input:checked ~ label::before, .qw-checkbox-success input:indeterminate ~ label::before {
  background-color: #21a675;
  border-color: #21a675
}

.qw-checkbox-danger input:checked ~ label::before, .qw-checkbox-danger input:indeterminate ~ label::before {
  background-color: #dd1331;
  border-color: #dd1331
}

.qw-checkbox-warning input:checked ~ label::before, .qw-checkbox-warning input:indeterminate ~ label::before {
  background-color: #988406;
  border-color: #988406
}

.qw-checkbox-danger input:checked ~ label::after, .qw-checkbox-primary input:checked ~ label::after, .qw-checkbox-success input:checked ~ label::after, .qw-checkbox-warning input:checked ~ label::after {
  color: #fff
}

.btn .qw-checkbox label:after, .text-center .qw-checkbox label:after {
  inset-inline-start: 0
}

.qw-level_base {
  background-color: #f0f2f5
}

.qw-level_0 {
  background-color: #fff;
  border: 1px solid #d7dde5
}

.qw-level_1 {
  background-color: #f6f7f9
}

.qw-level_2 {
  background-color: #f0f2f5
}

[aria-expanded=true] > .qw-collapse-indicator {
  transform: rotate(90deg);
  transition: .2s transform ease-in-out
}

[aria-expanded=false] > .qw-collapse-indicator {
  transform: rotate 0deg;
  transition: .2s transform ease-in-out
}

.btn-collapse {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
  margin: 0
}

.qw-caret-rotate i {
  transition: .3s transform ease-in-out
}

.qw-caret-rotate.collapsed i {
  transform: rotate(0)
}

.qw-pill {
  display: inline-flex;
  align-items: center;
  padding-block: 0;
  padding-inline: 4px;
  border: 0 solid transparent;
  border-radius: 2px
}

  .qw-pill > * {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

.qw-pill_default {
  background-color: #f0f2f5;
  border-color: #b2c0d2;
  color: #34383c
}

  .qw-pill_default.qw-pill_bold {
    background-color: #58606a;
    color: #fff
  }

.qw-pill_danger {
  background-color: #ffebec;
  border-color: #fcb0b5;
  color: #c5112c
}

  .qw-pill_danger.qw-pill_bold {
    background-color: #dd1331;
    color: #fff
  }

.qw-pill_brand {
  background-color: #fcf0e8;
  border-color: #f7c1a1;
  color: #8e3c10
}

  .qw-pill_brand.qw-pill_bold {
    background-color: #f6803c;
    color: #492009
  }

.qw-pill_warning {
  background-color: #fdf0aa;
  border-color: #dcc009;
  color: #493f03
}

  .qw-pill_warning.qw-pill_bold {
    background-color: #fdf0aa;
    color: #221e02
  }

.qw-pill_success {
  background-color: #c1fbdf;
  border-color: #79fbc7;
  color: #14714f
}

  .qw-pill_success.qw-pill_bold {
    background-color: #18865e;
    color: #fff
  }

.qw-pill_primary {
  background-color: #ddecfd;
  border-color: #c3dbf9;
  color: #0067e6
}

  .qw-pill_primary.qw-pill_bold {
    background-color: #0067e6;
    color: #fff
  }

.qw-pill_accent {
  background-color: #f4ebff;
  border-color: #e3cafc;
  color: #8633fa
}

  .qw-pill_accent.qw-pill_bold {
    background-color: #8633fa;
    color: #fff
  }

.qw-pill_border {
  border-width: 1px
}

.qw-pill_round {
  padding-inline: 8px;
  border-radius: 20em
}

a.qw-pill_dismissable:active, a.qw-pill_dismissable:focus, a.qw-pill_dismissable:hover {
  text-decoration: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

@media print {
  .qw-pill_close {
    display: none
  }
}

.qw-legend-radio {
  margin-block-end: 4px;
  border-width: 0;
  font-size: 14px;
  font-weight: 700
}

.qw-radio {
  display: flex
}

  .qw-radio input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
  }

  .qw-radio label {
    display: inline-flex;
    position: relative;
    font-weight: 400;
    line-height: 16px;
    gap: 4px
  }

    .qw-radio label:hover {
      cursor: pointer
    }

  .qw-radio input[disabled] ~ label:hover {
    cursor: not-allowed
  }

  .qw-radio label::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #b2c0d2;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
  }

  .qw-radio input:focus ~ label::before, .qw-radio input ~ label:hover::before {
    box-shadow: 0 0 0 2px #9ec5f5;
    border-color: #6aa4f1;
    outline: 2px solid transparent
  }

  .qw-radio input:checked ~ label::before {
    border-color: #0067e6
  }

  .qw-radio input:checked ~ label::after, .qw-radio input:not(:checked) ~ label::after {
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    display: inline-block;
    margin-inline-start: 0;
    border: 5px solid #0067e6;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }

  .qw-radio input:not(:checked) ~ label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  .qw-radio input:checked ~ label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  .qw-radio input[disabled]:checked ~ label::before, .qw-radio input[disabled] ~ label::before {
    background-color: #d7dde5;
    border-color: #b2c0d2;
    box-shadow: none
  }

  .qw-radio input[disabled]:checked ~ label::after, .qw-radio input[disabled] ~ label::after {
    border-color: #666f7a;
    cursor: not-allowed
  }

.qw-progress {
  position: relative;
  overflow: hidden;
  height: 8px;
  background-color: #f0f2f5;
  color: rgba(26, 28, 30, .8);
  border-radius: 4px;
  margin-block-end: 8px
}

.qw-progress-sm {
  height: 4px
}

.qw-progress-lg {
  height: 16px
}

.qw-progress-xl {
  height: 24px
}

.qw-progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  text-align: center;
  background-color: #94a4b8;
  font-weight: 700;
  transition: width .6s ease
}

html[dir=rtl] .qw-progress-bar {
  float: right
}

.qw-progress-bar-success {
  background-color: #18865e
}

.qw-progress-bar-primary {
  background-color: #0067e6
}

.qw-progress-bar-warning {
  background-color: #fbda23
}

.qw-progress-bar-danger {
  background-color: #dd1331
}

.qw-progress-label-header {
  font-weight: 700
}

.qw-progress-text-inside {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1
}

.qw-example-modal {
  background: #94a4b8
}

  .qw-example-modal .modal {
    position: relative;
    inset: auto;
    z-index: 1;
    display: block
  }

  .qw-example-modal .modal-dialog {
    width: auto;
    max-width: 600px
  }

  .qw-example-modal .modal-content {
    border: 0;
    box-shadow: 0 2px 8px -4px #444950
  }

.qw-modal.qw-modal-danger:before {
  background: linear-gradient(90deg, #dd1331, #c5112c)
}

.qw-modal.qw-modal-danger .modal-title {
  color: #dd1331
}

.qw-modal.qw-modal-success:before {
  background: linear-gradient(90deg, #18865e, #14714f)
}

.qw-modal.qw-modal-success .modal-title {
  color: #18865e
}

@media (min-width: 768px) {
  .qw-modal-small {
    width: 400px
  }
}

@media (min-width: 992px) {
  .qw-modal-large {
    width: 800px
  }
}

@media (min-width: 992px) {
  .qw-modal-xlarge {
    width: 960px
  }
}

.qw-modal-hero {
  overflow: hidden;
  border-radius: 16px
}

  .qw-modal-hero .modal-header:before {
    content: "";
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: 0;
    display: block;
    height: 104px;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transform: skewY(-4deg);
    color: inherit;
    background-color: currentColor;
    background: radial-gradient(at bottom, #3c88ec 20%, #003575);
    margin-block: 8px 16px;
    margin-inline: 0
  }

  .qw-modal-hero .qw-avatar {
    border: 4px solid #fff;
    transform-origin: center;
    transform: translateY(-4px);
    background: #3c88ec;
    color: #fff
  }

  .qw-modal-hero.qw-modal-warning .qw-avatar {
    background: #fbda23;
    color: #5e5203
  }

  .qw-modal-hero.qw-modal-warning .modal-header:before {
    background: radial-gradient(at bottom, #fdf0aa 20%, #988406)
  }

  .qw-modal-hero.qw-modal-danger .qw-avatar {
    background: #fc5a68
  }

  .qw-modal-hero.qw-modal-danger .modal-header:before {
    background: radial-gradient(at bottom, #fc5a68 20%, #740617)
  }

  .qw-modal-hero .modal-footer {
    border-block-start: 0;
    background: #f6f7f9
  }

.qw-search {
  display: flex;
  align-items: center;
  padding-block: 0;
  padding-inline: var(--search-spacing, 8px);
  background-color: #fff;
  border: 1px solid #d7dde5;
  border-radius: 20em
}

  .qw-search label {
    font-size: var(--search-label-size, 1rem)
  }

  .qw-search:focus-within {
    box-shadow: 0 0 8px rgba(106, 164, 241, .6);
    border-color: #6aa4f1
  }

    .qw-search:focus-within svg {
      color: #0067e6
    }

.qw-search-sm label {
  --search-label-size: var(--text-size-small)
}

.qw-search-lg label {
  --search-label-size: var(--text-size-h4)
}

.qw-search .search-group-addon {
  margin: 0
}

.qw-search input {
  border: 0;
  background-color: transparent;
  box-shadow: none
}

  .qw-search input:focus {
    box-shadow: none
  }

.qw-search button[data-action=clearsearch] {
  display: none
}

.qw-search:focus-within button[data-action=clearsearch], .qw-search:hover button[data-action=clearsearch] {
  display: inline-flex
}

.qw-splash_container {
  display: -ms-grid;
  -ms-grid-columns: 8px 1fr 8px;
  -ms-grid-rows: auto 60px 1fr;
  display: grid;
  grid-template-columns: 8px 1fr 8px;
  grid-template-rows: auto 60px 1fr
}

@media (min-width: 768px) {
  .qw-splash_container {
    -ms-grid-columns: 16px 1fr 16px;
    grid-template-columns: 16px 1fr 16px
  }
}

@media (min-width: 1200px) {
  .qw-splash_container {
    -ms-grid-columns: 40px 1fr 40px;
    grid-template-columns: 40px 1fr 40px
  }
}

.qw-splash_container:after, .qw-splash_container:before {
  content: "";
  display: block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-column: 1/4;
  grid-row: 1/3
}

.qw-splash_container:before {
  z-index: -1;
  background-color: #003575;
  background-image: radial-gradient(circle at 0 190%, #25dcf8, rgba(0, 90, 102, 0) 42%), radial-gradient(circle at 80% -100%, rgba(252, 90, 104, .8), rgba(104, 6, 224, 0) 65%), radial-gradient(circle at 100% -100%, rgba(182, 159, 7, .8), rgba(152, 132, 6, 0) 25%)
}

@supports (mix-blend-mode: color-dodge) {
  .qw-splash_container:after {
    z-index: -1;
    background-color: transparent;
    background-image: url(../../img/splashheader_bg.svg);
    background-attachment: fixed;
    background-size: cover;
    mix-blend-mode: color-dodge
  }
}

.qw-splash_header {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  grid-column: 2/3;
  grid-row: 1/2;
  color: #fff
}

.qw-splash_body {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  position: relative;
  grid-column: 2/3;
  grid-row: 2/4
}

.qw-splash_body-flush {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/4
}

.qw-splash_color-bar {
  flex-grow: 1;
  position: relative
}

@media (min-width: 768px) {
  .qw-splash_color-bar {
    margin-inline-start: 16px
  }
}

.qw-splash_color-bar:after {
  content: "";
  height: 2px;
  inset-block-end: 0;
  inset-inline: 0;
  position: absolute;
  width: 100%;
  background-image: linear-gradient(90deg, #04c3dc, #a057ff, #f05179, #dd1331, #f6803c, #988406)
}

.qw-overview-report .qw-splash_color-bar:after {
  inset-block-end: -8px
}

@media (min-width: 768px) {
  .qw-overview-report .qw-splash_color-bar:after {
    inset-block-end: 0
  }
}

.qw-btn-link_splash {
  background-color: rgba(26, 28, 30, .6);
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  border-radius: 8px
}

  .qw-btn-link_splash:active, .qw-btn-link_splash:focus, .qw-btn-link_splash:hover {
    background-color: rgba(26, 28, 30, .8) !important;
    color: #fff !important
  }

.qw-statuslight {
  display: inline-flex;
  align-items: center;
  position: relative
}

  .qw-statuslight:before {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    margin-inline-end: 4px
  }

.qw-statuslight-danger:before, .qw-statuslight-notstarted:before {
  background-color: #dd1331
}

.qw-statuslight-info:before, .qw-statuslight-signed:before {
  background-color: #0067e6
}

.qw-statuslight-neutral, .qw-statuslight-started:before {
  color: #666f7a;
  font-style: italic
}

  .qw-statuslight-neutral:before {
    background-color: #58606a
  }

.qw-statuslight-success:before {
  background-color: #18865e
}

.qw-statuslight-sharedpendingapproval:before, .qw-statuslight-warning:before {
  background-color: #fbda23
}

.qw-statuslight-shared:before {
  background-color: #6aa4f1
}

.qw-statuslight-hollow:before {
  background-color: #fff;
  border: 1px dashed #b2c0d2
}

.qw-stat {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
  column-gap: 8px;
  margin-block-end: 0
}

.qw-stat-value {
  font-size: var(--text-size-h1);
  font-weight: 300;
  line-height: .8
}

.qw-sub-stat .qw-stat-value {
  font-size: var(--text-size-h2);
  line-height: 1;
  order: 2
}

.qw-sub-stat .qw-stat-label {
  order: 1
}

.qw-stat.qw-sub-stat.qw-stat-icon-behind .qw-stat-svg {
  order: 2
}

.qw-stat-svg {
  height: 24px;
  width: 24px;
  color: #94a4b8;
  order: 3
}

.qw-stat-color-unfavorable .qw-stat-value {
  color: #dd1331
}

.qw-stat-color-favorable .qw-stat-value {
  color: #0067e6
}

.qw-stat-stack-label {
  flex-direction: column-reverse;
  align-items: flex-start
}

.qw-stat-icon-gray .qw-stat-svg {
  color: #94a4b8
}

.qw-stat-icon-red .qw-stat-svg {
  color: #fc5a68
}

.qw-stat-icon-green .qw-stat-svg {
  color: #21a675
}

.qw-timeline {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  max-width: 768px;
  margin-block: 0;
  margin-inline: auto;
  padding: 0
}

.qw-timeline-step {
  align-items: center
}

  .qw-timeline-step > a {
    color: #666f7a;
    text-decoration: none
  }

  .qw-timeline-step.step-complete a {
    color: #34383c;
    text-decoration: underline
  }

  .qw-timeline-step.step-active > a {
    color: #0067e6;
    font-weight: 700;
    pointer-events: none
  }

  .qw-timeline-step.step-future > a {
    pointer-events: none
  }

  .qw-timeline-step:after {
    content: "»";
    margin-block: 0;
    margin-inline: 8px;
    color: #939fa5
  }

  .qw-timeline-step:last-child:after {
    content: "";
    margin: 0
  }

@media (min-width: 600px) {
  .qw-timeline {
    flex-wrap: nowrap;
    justify-content: center;
    background-color: transparent;
    text-align: center
  }

  .qw-timeline-step {
    position: relative;
    width: 100%;
    padding-block-start: 20px;
    text-align: center
  }

    .qw-timeline-step:after {
      content: "";
      position: absolute;
      inset-block-start: 8px;
      inset-inline-start: 50%;
      width: calc(100% - 32px);
      height: 1px;
      margin-block: 0;
      margin-inline: 16px;
      background-color: #c2c7cb
    }

    .qw-timeline-step > a {
      position: relative;
      padding-block-start: 20px
    }

    .qw-timeline-step.step-active a {
      color: #1c1e21;
      pointer-events: none
    }

    .qw-timeline-step.step-complete a {
      color: #34383c;
      text-decoration: none
    }

    .qw-timeline-step a:before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline: 50% auto;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      height: 13px;
      width: 13px;
      border: 1px solid transparent;
      border-radius: 10rem;
      background-color: #b2c0d2;
      font-size: 14px;
      z-index: 1
    }

    .qw-timeline-step.step-complete a:before {
      background-color: #2fbc75
    }

    .qw-timeline-step.step-complete a:hover:before {
      box-shadow: 0 0 0 4px rgba(47, 188, 117, .2)
    }

    .qw-timeline-step.step-active a:before {
      background-color: #3c88ec
    }

    .qw-timeline-step.step-active ~ .step-complete a:before {
      background-color: #2fbc75
    }

    .qw-timeline-step.step-future a:before {
      background-color: #fff;
      border-color: #b2c0d2
    }

    .qw-timeline-step:last-child:after {
      background-color: transparent;
      width: 0
    }
}

.qw-toggle-label {
  margin-block-end: 0
}

.qw-toggle[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 10px;
  box-shadow: inset -20px 0 0 0 #b2c0d2;
  background-color: #fff;
  border: 1px solid #7e8b9a;
  outline: 0;
  margin: 0;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer
}

  .qw-toggle[type=checkbox]:focus {
    box-shadow: inset -20px 0 0 0 #d7dde5, 0 0 0 2px rgba(60, 136, 236, .5);
    outline: 0
  }

.qw-toggle:checked {
  box-shadow: inset 20px 0 0 0 #3c88ec;
  border: 1px solid #0054c2
}

.qw-toggle:focus:checked {
  box-shadow: inset 20px 0 0 0 #0067e6, 0 0 0 2px rgba(60, 136, 236, .5)
}

.qw-toggle::-ms-check {
  opacity: 0
}

.qw-toggle:disabled {
  box-shadow: inset -20px 0 0 0 #d7dde5;
  border-color: #b2c0d2
}

.qw-toggle:checked:disabled {
  box-shadow: inset 20px 0 0 0 #9ec5f5;
  border-color: #3c88ec
}

.qw-bg-white, .qw-white {
  background-color: #fff
}

.qw-text-white, .qw-white-text {
  color: #fff
}

.qw-text-dark {
  color: #1a1c1e
}

.qw-orange {
  background-color: #e3530f
}

.qw-text-orange {
  color: #e3530f
}

.qw-brand-blue-dark {
  background-color: #003b75
}

.qw-blue-gray {
  background-color: #80a1b6
}

.qw-dark-orange {
  background-color: #ef5425
}

.qw-text-blue-gray {
  color: #80a1b6
}

.qw-text-dark-orange {
  color: #ef5425
}

.border, .qw-border {
  border: 1px solid var(--border-color, #d7dde5)
}

.qw-border-error {
  --border-color: #dd1331
}

.border-top, .qw-border-top {
  border-block-start: 1px solid #d7dde5
}

.border-right, .qw-border-right {
  border-inline-end: 1px solid #d7dde5
}

.border-bottom, .qw-border-bottom {
  border-block-end: 1px solid #d7dde5
}

.border-left, .qw-border-left {
  border-inline-start: 1px solid #d7dde5
}

.border-0, .qw-border-0 {
  border-width: 0
}

.border-top-0, .qw-border-top-0 {
  border-block-start-width: 0
}

.border-right-0, .qw-border-right-0 {
  border-inline-end-width: 0
}

.border-bottom-0, .qw-border-bottom-0 {
  border-block-end-width: 0
}

.border-left-0, .qw-border-left-0 {
  border-inline-start-width: 0
}

@media (min-width: 480px) {
  .border-xs, .qw-border-xs {
    border: 1px solid #d7dde5
  }

  .border-xs-top, .qw-border-xs-top {
    border-block-start: 1px solid #d7dde5
  }

  .border-xs-right, .qw-border-xs-right {
    border-inline-end: 1px solid #d7dde5
  }

  .border-xs-bottom, .qw-border-xs-bottom {
    border-block-end: 1px solid #d7dde5
  }

  .border-xs-left, .qw-border-xs-left {
    border-inline-start: 1px solid #d7dde5
  }

  .border-xs-0, .qw-border-xs-0 {
    border-width: 0
  }

  .border-xs-top-0, .qw-border-xs-top-0 {
    border-block-start-width: 0
  }

  .border-xs-right-0, .qw-border-xs-right-0 {
    border-inline-end-width: 0
  }

  .border-xs-bottom-0, .qw-border-xs-bottom-0 {
    border-block-end-width: 0
  }

  .border-xs-left-0, .qw-border-xs-left-0 {
    border-inline-start-width: 0
  }
}

@media (min-width: 768px) {
  .border-sm, .qw-border-sm {
    border: 1px solid #d7dde5
  }

  .border-sm-top, .qw-border-sm-top {
    border-block-start: 1px solid #d7dde5
  }

  .border-sm-right, .qw-border-sm-right {
    border-inline-end: 1px solid #d7dde5
  }

  .border-sm-bottom, .qw-border-sm-bottom {
    border-block-end: 1px solid #d7dde5
  }

  .border-sm-left, .qw-border-sm-left {
    border-inline-start: 1px solid #d7dde5
  }

  .border-sm-0, .qw-border-sm-0 {
    border-block-end: 0
  }

  .border-sm-top-0, .qw-border-sm-top-0 {
    border-block-start-width: 0
  }

  .border-sm-right-0, .qw-border-sm-right-0 {
    border-inline-end-width: 0
  }

  .border-sm-bottom-0, .qw-border-sm-bottom-0 {
    border-block-end-width: 0
  }

  .border-sm-left-0, .qw-border-sm-left-0 {
    border-inline-start-width: 0
  }
}

@media (min-width: 992px) {
  .border-md, .qw-border-md {
    border: 1px solid #d7dde5
  }

  .border-md-top, .qw-border-md-top {
    border-block-start: 1px solid #d7dde5
  }

  .border-md-right, .qw-border-md-right {
    border-inline-end: 1px solid #d7dde5
  }

  .border-md-bottom, .qw-border-md-bottom {
    border-block-end: 1px solid #d7dde5
  }

  .border-md-left, .qw-border-md-left {
    border-inline-start: 1px solid #d7dde5
  }

  .border-md-0, .qw-border-md-0 {
    border-width: 0
  }

  .border-md-top-0, .qw-border-md-top-0 {
    border-block-start-width: 0
  }

  .border-md-right-0, .qw-border-md-right-0 {
    border-inline-end-width: 0
  }

  .border-md-bottom-0, .qw-border-md-bottom-0 {
    border-block-end-width: 0
  }

  .border-md-left-0, .qw-border-md-left-0 {
    border-inline-start-width: 0
  }
}

@media (min-width: 1200px) {
  .border-lg, .qw-border-lg {
    border: 1px solid #d7dde5
  }

  .border-lg-top, .qw-border-lg-top {
    border-block-start: 1px solid #d7dde5
  }

  .border-lg-right, .qw-border-lg-right {
    border-inline-end: 1px solid #d7dde5
  }

  .border-lg-bottom, .qw-border-lg-bottom {
    border-block-end: 1px solid #d7dde5
  }

  .border-lg-left, .qw-border-lg-left {
    border-inline-start: 1px solid #d7dde5
  }

  .border-lg-0, .qw-border-lg-0 {
    border-width: 0
  }

  .border-lg-top-0, .qw-border-lg-top-0 {
    border-block-start-width: 0
  }

  .border-lg-right-0, .qw-border-lg-right-0 {
    border-inline-end-width: 0
  }

  .border-lg-bottom-0, .qw-border-lg-bottom-0 {
    border-block-end-width: 0
  }

  .border-lg-left-0, .qw-border-lg-left-0 {
    border-inline-start-width: 0
  }
}

.qw-blue-1-border {
  border: 1px solid #d2e6f6
}

.border-blue-2 {
  border-color: #c3dbf9
}

.border-gray-1 {
  border-color: #f0f2f5
}

.border-gray-2 {
  border-color: #d7dde5
}

.border-gray-3 {
  border-color: #b2c0d2
}

.border-gray-4 {
  border-color: #94a4b8
}

.border-gray-5 {
  border-color: #7e8b9a
}

.border-gray-6 {
  border-color: #666f7a
}

.border-gray-7 {
  border-color: #58606a
}

.border-gray-8 {
  border-color: #444950
}

.border-gray-9 {
  border-color: #34383c
}

.border-gray-10 {
  border-color: #1a1c1e
}

.border-radius-0 {
  border-radius: 0
}

.border-radius {
  border-radius: 4px
}

.border-radius-sm {
  border-radius: 2px
}

.border-radius-lg {
  border-radius: 8px
}

.border-radius-xl {
  border-radius: 16px
}

.border-radius-round {
  border-radius: 20em
}

.border-radius-circle {
  border-radius: 50%
}

.border-radius-left, .border-radius-top, .border-radius-top-left {
  border-start-start-radius: 4px
}

.border-radius-right, .border-radius-top, .border-radius-top-right {
  border-start-end-radius: 4px
}

.border-radius-bottom, .border-radius-bottom-left, .border-radius-left {
  border-end-start-radius: 4px
}

.border-radius-bottom, .border-radius-bottom-right, .border-radius-right {
  border-end-end-radius: 4px
}

.qw-gray-0 {
  background-color: #f6f7f9
}

.qw-gray-0-text {
  color: #f6f7f9
}

.qw-gray-1 {
  background-color: #f0f2f5
}

.qw-gray-1-text {
  color: #f0f2f5
}

.qw-gray-2 {
  background-color: #d7dde5
}

.qw-gray-2-text {
  color: #d7dde5
}

.qw-gray-3 {
  background-color: #b2c0d2
}

.qw-gray-3-text {
  color: #b2c0d2
}

.qw-gray-4 {
  background-color: #94a4b8
}

.qw-gray-4-text {
  color: #94a4b8
}

.qw-gray-5 {
  background-color: #7e8b9a
}

.qw-gray-5-text {
  color: #7e8b9a
}

.qw-gray-6 {
  background-color: #666f7a
}

.qw-gray-6-text {
  color: #666f7a
}

.qw-gray-7 {
  background-color: #58606a
}

.qw-gray-7-text {
  color: #58606a
}

.qw-gray-8 {
  background-color: #444950
}

.qw-gray-8-text {
  color: #444950
}

.qw-gray-9 {
  background-color: #34383c
}

.qw-gray-9-text {
  color: #34383c
}

.qw-gray-10 {
  background-color: #1a1c1e
}

.qw-gray-10-text {
  color: #1a1c1e
}

.qw-blue-0 {
  background-color: #f1f7fe
}

.qw-blue-0-text {
  color: #f1f7fe
}

.qw-blue-1 {
  background-color: #ddecfd
}

.qw-blue-1-text {
  color: #ddecfd
}

.qw-blue-2 {
  background-color: #c3dbf9
}

.qw-blue-2-text {
  color: #c3dbf9
}

.qw-blue-3 {
  background-color: #9ec5f5
}

.qw-blue-3-text {
  color: #9ec5f5
}

.qw-blue-4 {
  background-color: #6aa4f1
}

.qw-blue-4-text {
  color: #6aa4f1
}

.qw-blue-5 {
  background-color: #3c88ec
}

.qw-blue-5-text {
  color: #3c88ec
}

.qw-blue-6 {
  background-color: #0067e6
}

.qw-blue-6-text {
  color: #0067e6
}

.qw-blue-7 {
  background-color: #0054c2
}

.qw-blue-7-text {
  color: #0054c2
}

.qw-blue-8 {
  background-color: #004094
}

.qw-blue-8-text {
  color: #004094
}

.qw-blue-9 {
  background-color: #003575
}

.qw-blue-9-text {
  color: #003575
}

.qw-blue-10 {
  background-color: #001b3d
}

.qw-blue-10-text {
  color: #001b3d
}

.qw-orange-0 {
  background-color: #fdf6f2
}

.qw-orange-0-text {
  color: #fdf6f2
}

.qw-orange-1 {
  background-color: #fcf0e8
}

.qw-orange-1-text {
  color: #fcf0e8
}

.qw-orange-2 {
  background-color: #f7c1a1
}

.qw-orange-2-text {
  color: #f7c1a1
}

.qw-orange-3 {
  background-color: #f6aa7e
}

.qw-orange-3-text {
  color: #f6aa7e
}

.qw-orange-4 {
  background-color: #f6803c
}

.qw-orange-4-text {
  color: #f6803c
}

.qw-orange-5 {
  background-color: #dc6018
}

.qw-orange-5-text {
  color: #dc6018
}

.qw-orange-6 {
  background-color: #b34c14
}

.qw-orange-6-text {
  color: #b34c14
}

.qw-orange-7 {
  background-color: #8e3c10
}

.qw-orange-7-text {
  color: #8e3c10
}

.qw-orange-8 {
  background-color: #692d0c
}

.qw-orange-8-text {
  color: #692d0c
}

.qw-orange-9 {
  background-color: #492009
}

.qw-orange-9-text {
  color: #492009
}

.qw-orange-10 {
  background-color: #29160a
}

.qw-orange-10-text {
  color: #29160a
}

.qw-red-0 {
  background-color: #fff5f6
}

.qw-red-0-text {
  color: #fff5f6
}

.qw-red-1 {
  background-color: #ffebec
}

.qw-red-1-text {
  color: #ffebec
}

.qw-red-2 {
  background-color: #fbc1c5
}

.qw-red-2-text {
  color: #fbc1c5
}

.qw-red-3 {
  background-color: #fcb0b5
}

.qw-red-3-text {
  color: #fcb0b5
}

.qw-red-4 {
  background-color: #fc6e7a
}

.qw-red-4-text {
  color: #fc6e7a
}

.qw-red-5 {
  background-color: #fc5a68
}

.qw-red-5-text {
  color: #fc5a68
}

.qw-red-6 {
  background-color: #dd1331
}

.qw-red-6-text {
  color: #dd1331
}

.qw-red-7 {
  background-color: #c5112c
}

.qw-red-7-text {
  color: #c5112c
}

.qw-red-8 {
  background-color: #9d0b21
}

.qw-red-8-text {
  color: #9d0b21
}

.qw-red-9 {
  background-color: #740617
}

.qw-red-9-text {
  color: #740617
}

.qw-red-10 {
  background-color: #4e080c
}

.qw-red-10-text {
  color: #4e080c
}

.qw-green-0 {
  background-color: #edfdf4
}

.qw-green-0-text {
  color: #edfdf4
}

.qw-green-1 {
  background-color: #c1fbdf
}

.qw-green-1-text {
  color: #c1fbdf
}

.qw-green-2 {
  background-color: #79fbc7
}

.qw-green-2-text {
  color: #79fbc7
}

.qw-green-3 {
  background-color: #3adfa0
}

.qw-green-3-text {
  color: #3adfa0
}

.qw-green-4 {
  background-color: #29c28a
}

.qw-green-4-text {
  color: #29c28a
}

.qw-green-5 {
  background-color: #21a675
}

.qw-green-5-text {
  color: #21a675
}

.qw-green-6 {
  background-color: #18865e
}

.qw-green-6-text {
  color: #18865e
}

.qw-green-7 {
  background-color: #14714f
}

.qw-green-7-text {
  color: #14714f
}

.qw-green-8 {
  background-color: #0d593d
}

.qw-green-8-text {
  color: #0d593d
}

.qw-green-9 {
  background-color: #083524
}

.qw-green-9-text {
  color: #083524
}

.qw-green-10 {
  background-color: #072c1d
}

.qw-green-10-text {
  color: #072c1d
}

.qw-yellow-0 {
  background-color: #fffbe6
}

.qw-yellow-0-text {
  color: #fffbe6
}

.qw-yellow-1 {
  background-color: #fdf0aa
}

.qw-yellow-1-text {
  color: #fdf0aa
}

.qw-yellow-2 {
  background-color: #fbda23
}

.qw-yellow-2-text {
  color: #fbda23
}

.qw-yellow-3 {
  background-color: #dcc009
}

.qw-yellow-3-text {
  color: #dcc009
}

.qw-yellow-4 {
  background-color: #b69f07
}

.qw-yellow-4-text {
  color: #b69f07
}

.qw-yellow-5 {
  background-color: #988406
}

.qw-yellow-5-text {
  color: #988406
}

.qw-yellow-6 {
  background-color: #7c6c04
}

.qw-yellow-6-text {
  color: #7c6c04
}

.qw-yellow-7 {
  background-color: #5e5203
}

.qw-yellow-7-text {
  color: #5e5203
}

.qw-yellow-8 {
  background-color: #493f03
}

.qw-yellow-8-text {
  color: #493f03
}

.qw-yellow-9 {
  background-color: #362d02
}

.qw-yellow-9-text {
  color: #362d02
}

.qw-yellow-10 {
  background-color: #221e02
}

.qw-yellow-10-text {
  color: #221e02
}

.qw-teal-0 {
  background-color: #e7fcfe
}

.qw-teal-0-text {
  color: #e7fcfe
}

.qw-teal-1 {
  background-color: #cef7fd
}

.qw-teal-1-text {
  color: #cef7fd
}

.qw-teal-2 {
  background-color: #73e5fc
}

.qw-teal-2-text {
  color: #73e5fc
}

.qw-teal-3 {
  background-color: #25dcf8
}

.qw-teal-3-text {
  color: #25dcf8
}

.qw-teal-4 {
  background-color: #04c3dc
}

.qw-teal-4-text {
  color: #04c3dc
}

.qw-teal-5 {
  background-color: #01a6bc
}

.qw-teal-5-text {
  color: #01a6bc
}

.qw-teal-6 {
  background-color: #008c9e
}

.qw-teal-6-text {
  color: #008c9e
}

.qw-teal-7 {
  background-color: #007180
}

.qw-teal-7-text {
  color: #007180
}

.qw-teal-8 {
  background-color: #005a66
}

.qw-teal-8-text {
  color: #005a66
}

.qw-teal-9 {
  background-color: #00424d
}

.qw-teal-9-text {
  color: #00424d
}

.qw-teal-10 {
  background-color: #05292e
}

.qw-teal-10-text {
  color: #05292e
}

.qw-indigo-0 {
  background-color: #f9f7ff
}

.qw-indigo-0-text {
  color: #f9f7ff
}

.qw-indigo-1 {
  background-color: #f3f0ff
}

.qw-indigo-1-text {
  color: #f3f0ff
}

.qw-indigo-2 {
  background-color: #dfd6ff
}

.qw-indigo-2-text {
  color: #dfd6ff
}

.qw-indigo-3 {
  background-color: #c7b8ff
}

.qw-indigo-3-text {
  color: #c7b8ff
}

.qw-indigo-4 {
  background-color: #ab94ff
}

.qw-indigo-4-text {
  color: #ab94ff
}

.qw-indigo-5 {
  background-color: #8f70ff
}

.qw-indigo-5-text {
  color: #8f70ff
}

.qw-indigo-6 {
  background-color: #734dff
}

.qw-indigo-6-text {
  color: #734dff
}

.qw-indigo-7 {
  background-color: #5b33eb
}

.qw-indigo-7-text {
  color: #5b33eb
}

.qw-indigo-8 {
  background-color: #4626ba
}

.qw-indigo-8-text {
  color: #4626ba
}

.qw-indigo-9 {
  background-color: #371e8f
}

.qw-indigo-9-text {
  color: #371e8f
}

.qw-indigo-10 {
  background-color: #1f114f
}

.qw-indigo-10-text {
  color: #1f114f
}

.qw-purple-0 {
  background-color: #f9f5ff
}

.qw-purple-0-text {
  color: #f9f5ff
}

.qw-purple-1 {
  background-color: #f4ebff
}

.qw-purple-1-text {
  color: #f4ebff
}

.qw-purple-2 {
  background-color: #e3cafc
}

.qw-purple-2-text {
  color: #e3cafc
}

.qw-purple-3 {
  background-color: #dbbafd
}

.qw-purple-3-text {
  color: #dbbafd
}

.qw-purple-4 {
  background-color: #ca99ff
}

.qw-purple-4-text {
  color: #ca99ff
}

.qw-purple-5 {
  background-color: #b67aff
}

.qw-purple-5-text {
  color: #b67aff
}

.qw-purple-6 {
  background-color: #a057ff
}

.qw-purple-6-text {
  color: #a057ff
}

.qw-purple-7 {
  background-color: #8633fa
}

.qw-purple-7-text {
  color: #8633fa
}

.qw-purple-8 {
  background-color: #6806e0
}

.qw-purple-8-text {
  color: #6806e0
}

.qw-purple-9 {
  background-color: #4b00ad
}

.qw-purple-9-text {
  color: #4b00ad
}

.qw-purple-10 {
  background-color: #310075
}

.qw-purple-10-text {
  color: #310075
}

.qw-pink-0 {
  background-color: #fff5f5
}

.qw-pink-0-text {
  color: #fff5f5
}

.qw-pink-1 {
  background-color: #fdf1f5
}

.qw-pink-1-text {
  color: #fdf1f5
}

.qw-pink-2 {
  background-color: #ffd1da
}

.qw-pink-2-text {
  color: #ffd1da
}

.qw-pink-3 {
  background-color: #ffa3b6
}

.qw-pink-3-text {
  color: #ffa3b6
}

.qw-pink-4 {
  background-color: #fe7b98
}

.qw-pink-4-text {
  color: #fe7b98
}

.qw-pink-5 {
  background-color: #f05179
}

.qw-pink-5-text {
  color: #f05179
}

.qw-pink-6 {
  background-color: #cb2a5d
}

.qw-pink-6-text {
  color: #cb2a5d
}

.qw-pink-7 {
  background-color: #b00c48
}

.qw-pink-7-text {
  color: #b00c48
}

.qw-pink-8 {
  background-color: #940039
}

.qw-pink-8-text {
  color: #940039
}

.qw-pink-9 {
  background-color: #75002b
}

.qw-pink-9-text {
  color: #75002b
}

.qw-pink-10 {
  background-color: #470019
}

.qw-pink-10-text {
  color: #470019
}

.qw-info-lighter {
  background-color: #f1f7fe
}

.qw-info-lighter-text {
  color: #f1f7fe
}

.qw-info-light {
  background-color: #9ec5f5
}

.qw-info-light-text {
  color: #9ec5f5
}

.qw-info {
  background-color: #0067e6
}

.qw-info-text {
  color: #0067e6
}

.qw-info-dark {
  background-color: #0054c2
}

.qw-info-dark-text {
  color: #0054c2
}

.qw-info-darker {
  background-color: #004094
}

.qw-info-darker-text {
  color: #004094
}

.qw-danger-lighter {
  background-color: #fff5f6
}

.qw-danger-lighter-text {
  color: #fff5f6
}

.qw-danger-light {
  background-color: #fcb0b5
}

.qw-danger-light-text {
  color: #fcb0b5
}

.qw-danger {
  background-color: #dd1331
}

.qw-danger-text {
  color: #dd1331
}

.qw-danger-dark {
  background-color: #c5112c
}

.qw-danger-dark-text {
  color: #c5112c
}

.qw-danger-darker {
  background-color: #9d0b21
}

.qw-danger-darker-text {
  color: #9d0b21
}

.qw-success-lighter {
  background-color: #edfdf4
}

.qw-success-lighter-text {
  color: #edfdf4
}

.qw-success-light {
  background-color: #3adfa0
}

.qw-success-light-text {
  color: #3adfa0
}

.qw-success {
  background-color: #18865e
}

.qw-success-text {
  color: #18865e
}

.qw-success-dark {
  background-color: #14714f
}

.qw-success-dark-text {
  color: #14714f
}

.qw-success-darker {
  background-color: #0d593d
}

.qw-success-darker-text {
  color: #0d593d
}

.qw-warning-lighter {
  background-color: #fffbe6
}

.qw-warning-lighter-text {
  color: #fffbe6
}

.qw-warning-light {
  background-color: #fdf0aa
}

.qw-warning-light-text {
  color: #fdf0aa
}

.qw-warning {
  background-color: #fbda23
}

.qw-warning-text {
  color: #fbda23
}

.qw-warning-dark {
  background-color: #5e5203
}

.qw-warning-dark-text {
  color: #5e5203
}

.qw-warning-darker {
  background-color: #493f03
}

.qw-warning-darker-text {
  color: #493f03
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media (min-width: 480px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-basis-auto {
  flex-basis: auto
}

.flex-basis-0 {
  flex-basis: 0
}

.flex-basis-50 {
  flex-basis: 50%
}

.flex-basis-75 {
  flex-basis: 75%
}

.flex-basis-100 {
  flex-basis: 100%
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media (min-width: 480px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.qw-scroll-horizontal {
  overflow-x: auto;
  max-width: var(--scroll-horizontal-width, auto)
}

.qw-scroll-vertical {
  overflow-y: auto;
  max-height: var(--scroll-vertical-height, 50vh)
}

.position-relative {
  position: relative
}

.position-absolute {
  position: absolute
}

.position-sticky-top {
  position: sticky;
  inset-block-start: var(--sticky-top-distance, 0);
  z-index: 2
}

.position-sticky-left {
  position: sticky;
  inset-inline-start: var(--sticky-left-distance, 0);
  z-index: 2
}

.position-fixed {
  position: fixed
}

.top-0 {
  inset-block-start: 0
}

.right-0 {
  inset-inline-end: 0
}

.bottom-0 {
  inset-block-end: 0
}

.left-0 {
  inset-inline-start: 0
}

.h-0 {
  height: 0
}

.h-min-0 {
  min-height: 0
}

.h-max-0 {
  max-height: 0
}

.h-25 {
  height: 25%
}

.h-25vh {
  height: 25vh
}

.h-min-25 {
  min-height: 25%
}

.h-max-25 {
  max-height: 25%
}

.h-min-25vh {
  min-height: 25vh
}

.h-max-25vh {
  max-height: 25vh
}

.h-50 {
  height: 50%
}

.h-50vh {
  height: 50vh
}

.h-min-50 {
  min-height: 50%
}

.h-max-50 {
  max-height: 50%
}

.h-min-50vh {
  min-height: 50vh
}

.h-max-50vh {
  max-height: 50vh
}

.h-75 {
  height: 75%
}

.h-75vh {
  height: 75vh
}

.h-min-75 {
  min-height: 75%
}

.h-max-75 {
  max-height: 75%
}

.h-min-75vh {
  min-height: 75vh
}

.h-max-75vh {
  max-height: 75vh
}

.h-100 {
  height: 100%
}

.h-100vh {
  height: 100vh
}

.h-min-100 {
  min-height: 100%
}

.h-max-100 {
  max-height: 100%
}

.h-min-100vh {
  min-height: 100vh
}

.h-max-100vh {
  max-height: 100vh
}

.w-auto {
  width: auto
}

.w-0 {
  width: 0
}

.w-min-0 {
  min-width: 0
}

.w-max-0 {
  max-width: 0
}

.w-20 {
  width: 20%
}

.w-min-20 {
  min-width: 20%
}

.w-max-20 {
  max-width: 20%
}

.w-40 {
  width: 40%
}

.w-min-40 {
  min-width: 40%
}

.w-max-40 {
  max-width: 40%
}

.w-60 {
  width: 60%
}

.w-min-60 {
  min-width: 60%
}

.w-max-60 {
  max-width: 60%
}

.w-80 {
  width: 80%
}

.w-min-80 {
  min-width: 80%
}

.w-max-80 {
  max-width: 80%
}

.w-25 {
  width: 25%
}

.w-min-25 {
  min-width: 25%
}

.w-max-25 {
  max-width: 25%
}

.w-50 {
  width: 50%
}

.w-min-50 {
  min-width: 50%
}

.w-max-50 {
  max-width: 50%
}

.w-75 {
  width: 75%
}

.w-min-75 {
  min-width: 75%
}

.w-max-75 {
  max-width: 75%
}

.w-33 {
  width: calc(100% / 3)
}

.w-min-33 {
  min-width: calc(100% / 3)
}

.w-max-33 {
  max-width: calc(100% / 3)
}

.w-66 {
  width: calc(100% / 3 * 2)
}

.w-min-66 {
  min-width: calc(100% / 3 * 2)
}

.w-max-66 {
  max-width: calc(100% / 3 * 2)
}

.w-100 {
  width: 100%
}

.w-min-100 {
  min-width: 100%
}

.w-max-100 {
  max-width: 100%
}

@media (min-width: 480px) {
  .w-xs-auto {
    width: auto
  }

  .w-xs-0 {
    width: 0
  }

  .w-xs-min-0 {
    min-width: 0
  }

  .w-xs-max-0 {
    max-width: 0
  }

  .w-xs-20 {
    width: 20%
  }

  .w-xs-min-20 {
    min-width: 20%
  }

  .w-xs-max-20 {
    max-width: 20%
  }

  .w-xs-40 {
    width: 40%
  }

  .w-xs-min-40 {
    min-width: 40%
  }

  .w-xs-max-40 {
    max-width: 40%
  }

  .w-xs-60 {
    width: 60%
  }

  .w-xs-min-60 {
    min-width: 60%
  }

  .w-xs-max-60 {
    max-width: 60%
  }

  .w-xs-80 {
    width: 80%
  }

  .w-xs-min-80 {
    min-width: 80%
  }

  .w-xs-max-80 {
    max-width: 80%
  }

  .w-xs-25 {
    width: 25%
  }

  .w-xs-min-25 {
    min-width: 25%
  }

  .w-xs-max-25 {
    max-width: 25%
  }

  .w-xs-50 {
    width: 50%
  }

  .w-xs-min-50 {
    min-width: 50%
  }

  .w-xs-max-50 {
    max-width: 50%
  }

  .w-xs-75 {
    width: 75%
  }

  .w-xs-min-75 {
    min-width: 75%
  }

  .w-xs-max-75 {
    max-width: 75%
  }

  .w-xs-33 {
    width: calc(100% / 3)
  }

  .w-xs-min-33 {
    min-width: calc(100% / 3)
  }

  .w-xs-max-33 {
    max-width: calc(100% / 3)
  }

  .w-xs-66 {
    width: calc(100% / 3 * 2)
  }

  .w-xs-min-66 {
    min-width: calc(100% / 3 * 2)
  }

  .w-xs-max-66 {
    max-width: calc(100% / 3 * 2)
  }

  .w-xs-100 {
    width: 100%
  }

  .w-xs-min-100 {
    min-width: 100%
  }

  .w-xs-max-100 {
    max-width: 100%
  }
}

@media (min-width: 768px) {
  .w-sm-auto {
    width: auto
  }

  .w-sm-0 {
    width: 0
  }

  .w-sm-min-0 {
    min-width: 0
  }

  .w-sm-max-0 {
    max-width: 0
  }

  .w-sm-20 {
    width: 20%
  }

  .w-sm-min-20 {
    min-width: 20%
  }

  .w-sm-max-20 {
    max-width: 20%
  }

  .w-sm-40 {
    width: 40%
  }

  .w-sm-min-40 {
    min-width: 40%
  }

  .w-sm-max-40 {
    max-width: 40%
  }

  .w-sm-60 {
    width: 60%
  }

  .w-sm-min-60 {
    min-width: 60%
  }

  .w-sm-max-60 {
    max-width: 60%
  }

  .w-sm-80 {
    width: 80%
  }

  .w-sm-min-80 {
    min-width: 80%
  }

  .w-sm-max-80 {
    max-width: 80%
  }

  .w-sm-25 {
    width: 25%
  }

  .w-sm-min-25 {
    min-width: 25%
  }

  .w-sm-max-25 {
    max-width: 25%
  }

  .w-sm-50 {
    width: 50%
  }

  .w-sm-min-50 {
    min-width: 50%
  }

  .w-sm-max-50 {
    max-width: 50%
  }

  .w-sm-75 {
    width: 75%
  }

  .w-sm-min-75 {
    min-width: 75%
  }

  .w-sm-max-75 {
    max-width: 75%
  }

  .w-sm-33 {
    width: calc(100% / 3)
  }

  .w-sm-min-33 {
    min-width: calc(100% / 3)
  }

  .w-sm-max-33 {
    max-width: calc(100% / 3)
  }

  .w-sm-66 {
    width: calc(100% / 3 * 2)
  }

  .w-sm-min-66 {
    min-width: calc(100% / 3 * 2)
  }

  .w-sm-max-66 {
    max-width: calc(100% / 3 * 2)
  }

  .w-sm-100 {
    width: 100%
  }

  .w-sm-min-100 {
    min-width: 100%
  }

  .w-sm-max-100 {
    max-width: 100%
  }
}

@media (min-width: 992px) {
  .w-md-auto {
    width: auto
  }

  .w-md-0 {
    width: 0
  }

  .w-md-min-0 {
    min-width: 0
  }

  .w-md-max-0 {
    max-width: 0
  }

  .w-md-20 {
    width: 20%
  }

  .w-md-min-20 {
    min-width: 20%
  }

  .w-md-max-20 {
    max-width: 20%
  }

  .w-md-40 {
    width: 40%
  }

  .w-md-min-40 {
    min-width: 40%
  }

  .w-md-max-40 {
    max-width: 40%
  }

  .w-md-60 {
    width: 60%
  }

  .w-md-min-60 {
    min-width: 60%
  }

  .w-md-max-60 {
    max-width: 60%
  }

  .w-md-80 {
    width: 80%
  }

  .w-md-min-80 {
    min-width: 80%
  }

  .w-md-max-80 {
    max-width: 80%
  }

  .w-md-25 {
    width: 25%
  }

  .w-md-min-25 {
    min-width: 25%
  }

  .w-md-max-25 {
    max-width: 25%
  }

  .w-md-50 {
    width: 50%
  }

  .w-md-min-50 {
    min-width: 50%
  }

  .w-md-max-50 {
    max-width: 50%
  }

  .w-md-75 {
    width: 75%
  }

  .w-md-min-75 {
    min-width: 75%
  }

  .w-md-max-75 {
    max-width: 75%
  }

  .w-md-33 {
    width: calc(100% / 3)
  }

  .w-md-min-33 {
    min-width: calc(100% / 3)
  }

  .w-md-max-33 {
    max-width: calc(100% / 3)
  }

  .w-md-66 {
    width: calc(100% / 3 * 2)
  }

  .w-md-min-66 {
    min-width: calc(100% / 3 * 2)
  }

  .w-md-max-66 {
    max-width: calc(100% / 3 * 2)
  }

  .w-md-100 {
    width: 100%
  }

  .w-md-min-100 {
    min-width: 100%
  }

  .w-md-max-100 {
    max-width: 100%
  }
}

@media (min-width: 1200px) {
  .w-lg-auto {
    width: auto
  }

  .w-lg-0 {
    width: 0
  }

  .w-lg-min-0 {
    min-width: 0
  }

  .w-lg-max-0 {
    max-width: 0
  }

  .w-lg-20 {
    width: 20%
  }

  .w-lg-min-20 {
    min-width: 20%
  }

  .w-lg-max-20 {
    max-width: 20%
  }

  .w-lg-40 {
    width: 40%
  }

  .w-lg-min-40 {
    min-width: 40%
  }

  .w-lg-max-40 {
    max-width: 40%
  }

  .w-lg-60 {
    width: 60%
  }

  .w-lg-min-60 {
    min-width: 60%
  }

  .w-lg-max-60 {
    max-width: 60%
  }

  .w-lg-80 {
    width: 80%
  }

  .w-lg-min-80 {
    min-width: 80%
  }

  .w-lg-max-80 {
    max-width: 80%
  }

  .w-lg-25 {
    width: 25%
  }

  .w-lg-min-25 {
    min-width: 25%
  }

  .w-lg-max-25 {
    max-width: 25%
  }

  .w-lg-50 {
    width: 50%
  }

  .w-lg-min-50 {
    min-width: 50%
  }

  .w-lg-max-50 {
    max-width: 50%
  }

  .w-lg-75 {
    width: 75%
  }

  .w-lg-min-75 {
    min-width: 75%
  }

  .w-lg-max-75 {
    max-width: 75%
  }

  .w-lg-33 {
    width: calc(100% / 3)
  }

  .w-lg-min-33 {
    min-width: calc(100% / 3)
  }

  .w-lg-max-33 {
    max-width: calc(100% / 3)
  }

  .w-lg-66 {
    width: calc(100% / 3 * 2)
  }

  .w-lg-min-66 {
    min-width: calc(100% / 3 * 2)
  }

  .w-lg-max-66 {
    max-width: calc(100% / 3 * 2)
  }

  .w-lg-100 {
    width: 100%
  }

  .w-lg-min-100 {
    min-width: 100%
  }

  .w-lg-max-100 {
    max-width: 100%
  }
}

@media (min-width: 1600px) {
  .w-xl-auto {
    width: auto
  }

  .w-xl-0 {
    width: 0
  }

  .w-xl-min-0 {
    min-width: 0
  }

  .w-xl-max-0 {
    max-width: 0
  }

  .w-xl-20 {
    width: 20%
  }

  .w-xl-min-20 {
    min-width: 20%
  }

  .w-xl-max-20 {
    max-width: 20%
  }

  .w-xl-40 {
    width: 40%
  }

  .w-xl-min-40 {
    min-width: 40%
  }

  .w-xl-max-40 {
    max-width: 40%
  }

  .w-xl-60 {
    width: 60%
  }

  .w-xl-min-60 {
    min-width: 60%
  }

  .w-xl-max-60 {
    max-width: 60%
  }

  .w-xl-80 {
    width: 80%
  }

  .w-xl-min-80 {
    min-width: 80%
  }

  .w-xl-max-80 {
    max-width: 80%
  }

  .w-xl-25 {
    width: 25%
  }

  .w-xl-min-25 {
    min-width: 25%
  }

  .w-xl-max-25 {
    max-width: 25%
  }

  .w-xl-50 {
    width: 50%
  }

  .w-xl-min-50 {
    min-width: 50%
  }

  .w-xl-max-50 {
    max-width: 50%
  }

  .w-xl-75 {
    width: 75%
  }

  .w-xl-min-75 {
    min-width: 75%
  }

  .w-xl-max-75 {
    max-width: 75%
  }

  .w-xl-33 {
    width: calc(100% / 3)
  }

  .w-xl-min-33 {
    min-width: calc(100% / 3)
  }

  .w-xl-max-33 {
    max-width: calc(100% / 3)
  }

  .w-xl-66 {
    width: calc(100% / 3 * 2)
  }

  .w-xl-min-66 {
    min-width: calc(100% / 3 * 2)
  }

  .w-xl-max-66 {
    max-width: calc(100% / 3 * 2)
  }

  .w-xl-100 {
    width: 100%
  }

  .w-xl-min-100 {
    min-width: 100%
  }

  .w-xl-max-100 {
    max-width: 100%
  }
}

.mh-100 {
  max-height: 100%
}

.qw-flow-content > *, .qw-flow-content_condensed > *, .qw-flow-content_extended > *, [class^=qw-flow-content-] > * {
  margin-block-start: 0;
  margin-block-end: 0
}

.qw-flow-content-1 > * + * {
  margin-block-start: 4px
}

.qw-flow-content-2 > * + *, .qw-flow-content_condensed > * + * {
  margin-block-start: 8px
}

.qw-flow-content > * + * {
  margin-block-start: 16px
}

.qw-flow-content-4 > * + *, .qw-flow-content_extended > * + * {
  margin-block-start: 24px
}

.qw-flow-content-5 > * + * {
  margin-block-start: 40px
}

.qw-flow-content_border > * + * {
  border-block-start: 1px solid #f0f2f5;
  padding-block-start: 16px
}

.qw-flow-content-2.qw-flow-content_border > * + *, .qw-flow-content_condensed.qw-flow-content_border > * + * {
  padding-block-start: 8px
}

.mr-auto, .mx-auto {
  margin-inline-end: auto !important
}

.ml-auto, .mx-auto {
  margin-inline-start: auto !important
}

.gap-0 {
  gap: 0
}

.gap-row-0 {
  row-gap: 0
}

.gap-column-0 {
  column-gap: 0
}

.m-0 {
  margin: 0 !important
}

.mt-0, .my-0 {
  margin-block-start: 0 !important
}

.mr-0, .mx-0 {
  margin-inline-end: 0 !important
}

.mb-0, .my-0 {
  margin-block-end: 0 !important
}

.ml-0, .mx-0 {
  margin-inline-start: 0 !important
}

.p-0 {
  padding: 0 !important
}

.pt-0, .py-0 {
  padding-block-start: 0 !important
}

.pr-0, .px-0 {
  padding-inline-end: 0 !important
}

.pb-0, .py-0 {
  padding-block-end: 0 !important
}

.pl-0, .px-0 {
  padding-inline-start: 0 !important
}

.gap-1 {
  gap: 4px
}

.gap-row-1 {
  row-gap: 4px
}

.gap-column-1 {
  column-gap: 4px
}

.m-1 {
  margin: 4px !important
}

.mt-1, .my-1 {
  margin-block-start: 4px !important
}

.mr-1, .mx-1 {
  margin-inline-end: 4px !important
}

.mb-1, .my-1 {
  margin-block-end: 4px !important
}

.ml-1, .mx-1 {
  margin-inline-start: 4px !important
}

.p-1 {
  padding: 4px !important
}

.pt-1, .py-1 {
  padding-block-start: 4px !important
}

.pr-1, .px-1 {
  padding-inline-end: 4px !important
}

.pb-1, .py-1 {
  padding-block-end: 4px !important
}

.pl-1, .px-1 {
  padding-inline-start: 4px !important
}

.gap-2 {
  gap: 8px
}

.gap-row-2 {
  row-gap: 8px
}

.gap-column-2 {
  column-gap: 8px
}

.m-2 {
  margin: 8px !important
}

.mt-2, .my-2 {
  margin-block-start: 8px !important
}

.mr-2, .mx-2 {
  margin-inline-end: 8px !important
}

.mb-2, .my-2 {
  margin-block-end: 8px !important
}

.ml-2, .mx-2 {
  margin-inline-start: 8px !important
}

.p-2 {
  padding: 8px !important
}

.pt-2, .py-2 {
  padding-block-start: 8px !important
}

.pr-2, .px-2 {
  padding-inline-end: 8px !important
}

.pb-2, .py-2 {
  padding-block-end: 8px !important
}

.pl-2, .px-2 {
  padding-inline-start: 8px !important
}

.gap-3 {
  gap: 16px
}

.gap-row-3 {
  row-gap: 16px
}

.gap-column-3 {
  column-gap: 16px
}

.m-3 {
  margin: 16px !important
}

.mt-3, .my-3 {
  margin-block-start: 16px !important
}

.mr-3, .mx-3 {
  margin-inline-end: 16px !important
}

.mb-3, .my-3 {
  margin-block-end: 16px !important
}

.ml-3, .mx-3 {
  margin-inline-start: 16px !important
}

.p-3 {
  padding: 16px !important
}

.pt-3, .py-3 {
  padding-block-start: 16px !important
}

.pr-3, .px-3 {
  padding-inline-end: 16px !important
}

.pb-3, .py-3 {
  padding-block-end: 16px !important
}

.pl-3, .px-3 {
  padding-inline-start: 16px !important
}

.gap-4 {
  gap: 24px
}

.gap-row-4 {
  row-gap: 24px
}

.gap-column-4 {
  column-gap: 24px
}

.m-4 {
  margin: 24px !important
}

.mt-4, .my-4 {
  margin-block-start: 24px !important
}

.mr-4, .mx-4 {
  margin-inline-end: 24px !important
}

.mb-4, .my-4 {
  margin-block-end: 24px !important
}

.ml-4, .mx-4 {
  margin-inline-start: 24px !important
}

.p-4 {
  padding: 24px !important
}

.pt-4, .py-4 {
  padding-block-start: 24px !important
}

.pr-4, .px-4 {
  padding-inline-end: 24px !important
}

.pb-4, .py-4 {
  padding-block-end: 24px !important
}

.pl-4, .px-4 {
  padding-inline-start: 24px !important
}

.gap-5 {
  gap: 40px
}

.gap-row-5 {
  row-gap: 40px
}

.gap-column-5 {
  column-gap: 40px
}

.m-5 {
  margin: 40px !important
}

.mt-5, .my-5 {
  margin-block-start: 40px !important
}

.mr-5, .mx-5 {
  margin-inline-end: 40px !important
}

.mb-5, .my-5 {
  margin-block-end: 40px !important
}

.ml-5, .mx-5 {
  margin-inline-start: 40px !important
}

.p-5 {
  padding: 40px !important
}

.pt-5, .py-5 {
  padding-block-start: 40px !important
}

.pr-5, .px-5 {
  padding-inline-end: 40px !important
}

.pb-5, .py-5 {
  padding-block-end: 40px !important
}

.pl-5, .px-5 {
  padding-inline-start: 40px !important
}

@media (min-width: 480px) {
  .mr-sm-auto, .mx-sm-auto {
    margin-inline-end: auto !important
  }

  .ml-sm-auto, .mx-sm-auto {
    margin-inline-start: auto !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-row-sm-0 {
    row-gap: 0 !important
  }

  .gap-column-sm-0 {
    row-gap: 0 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0, .my-sm-0 {
    margin-block-start: 0 !important
  }

  .mr-sm-0, .mx-sm-0 {
    margin-inline-end: 0 !important
  }

  .mb-sm-0, .my-sm-0 {
    margin-block-end: 0 !important
  }

  .ml-sm-0, .mx-sm-0 {
    margin-inline-start: 0 !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0, .py-sm-0 {
    padding-block-start: 0 !important
  }

  .pr-sm-0, .px-sm-0 {
    padding-inline-end: 0 !important
  }

  .pb-sm-0, .py-sm-0 {
    padding-block-end: 0 !important
  }

  .pl-sm-0, .px-sm-0 {
    padding-inline-start: 0 !important
  }

  .gap-sm-1 {
    gap: 4px !important
  }

  .gap-row-sm-1 {
    row-gap: 4px !important
  }

  .gap-column-sm-1 {
    row-gap: 4px !important
  }

  .m-sm-1 {
    margin: 4px !important
  }

  .mt-sm-1, .my-sm-1 {
    margin-block-start: 4px !important
  }

  .mr-sm-1, .mx-sm-1 {
    margin-inline-end: 4px !important
  }

  .mb-sm-1, .my-sm-1 {
    margin-block-end: 4px !important
  }

  .ml-sm-1, .mx-sm-1 {
    margin-inline-start: 4px !important
  }

  .p-sm-1 {
    padding: 4px !important
  }

  .pt-sm-1, .py-sm-1 {
    padding-block-start: 4px !important
  }

  .pr-sm-1, .px-sm-1 {
    padding-inline-end: 4px !important
  }

  .pb-sm-1, .py-sm-1 {
    padding-block-end: 4px !important
  }

  .pl-sm-1, .px-sm-1 {
    padding-inline-start: 4px !important
  }

  .gap-sm-2 {
    gap: 8px !important
  }

  .gap-row-sm-2 {
    row-gap: 8px !important
  }

  .gap-column-sm-2 {
    row-gap: 8px !important
  }

  .m-sm-2 {
    margin: 8px !important
  }

  .mt-sm-2, .my-sm-2 {
    margin-block-start: 8px !important
  }

  .mr-sm-2, .mx-sm-2 {
    margin-inline-end: 8px !important
  }

  .mb-sm-2, .my-sm-2 {
    margin-block-end: 8px !important
  }

  .ml-sm-2, .mx-sm-2 {
    margin-inline-start: 8px !important
  }

  .p-sm-2 {
    padding: 8px !important
  }

  .pt-sm-2, .py-sm-2 {
    padding-block-start: 8px !important
  }

  .pr-sm-2, .px-sm-2 {
    padding-inline-end: 8px !important
  }

  .pb-sm-2, .py-sm-2 {
    padding-block-end: 8px !important
  }

  .pl-sm-2, .px-sm-2 {
    padding-inline-start: 8px !important
  }

  .gap-sm-3 {
    gap: 16px !important
  }

  .gap-row-sm-3 {
    row-gap: 16px !important
  }

  .gap-column-sm-3 {
    row-gap: 16px !important
  }

  .m-sm-3 {
    margin: 16px !important
  }

  .mt-sm-3, .my-sm-3 {
    margin-block-start: 16px !important
  }

  .mr-sm-3, .mx-sm-3 {
    margin-inline-end: 16px !important
  }

  .mb-sm-3, .my-sm-3 {
    margin-block-end: 16px !important
  }

  .ml-sm-3, .mx-sm-3 {
    margin-inline-start: 16px !important
  }

  .p-sm-3 {
    padding: 16px !important
  }

  .pt-sm-3, .py-sm-3 {
    padding-block-start: 16px !important
  }

  .pr-sm-3, .px-sm-3 {
    padding-inline-end: 16px !important
  }

  .pb-sm-3, .py-sm-3 {
    padding-block-end: 16px !important
  }

  .pl-sm-3, .px-sm-3 {
    padding-inline-start: 16px !important
  }

  .gap-sm-4 {
    gap: 24px !important
  }

  .gap-row-sm-4 {
    row-gap: 24px !important
  }

  .gap-column-sm-4 {
    row-gap: 24px !important
  }

  .m-sm-4 {
    margin: 24px !important
  }

  .mt-sm-4, .my-sm-4 {
    margin-block-start: 24px !important
  }

  .mr-sm-4, .mx-sm-4 {
    margin-inline-end: 24px !important
  }

  .mb-sm-4, .my-sm-4 {
    margin-block-end: 24px !important
  }

  .ml-sm-4, .mx-sm-4 {
    margin-inline-start: 24px !important
  }

  .p-sm-4 {
    padding: 24px !important
  }

  .pt-sm-4, .py-sm-4 {
    padding-block-start: 24px !important
  }

  .pr-sm-4, .px-sm-4 {
    padding-inline-end: 24px !important
  }

  .pb-sm-4, .py-sm-4 {
    padding-block-end: 24px !important
  }

  .pl-sm-4, .px-sm-4 {
    padding-inline-start: 24px !important
  }

  .gap-sm-5 {
    gap: 40px !important
  }

  .gap-row-sm-5 {
    row-gap: 40px !important
  }

  .gap-column-sm-5 {
    row-gap: 40px !important
  }

  .m-sm-5 {
    margin: 40px !important
  }

  .mt-sm-5, .my-sm-5 {
    margin-block-start: 40px !important
  }

  .mr-sm-5, .mx-sm-5 {
    margin-inline-end: 40px !important
  }

  .mb-sm-5, .my-sm-5 {
    margin-block-end: 40px !important
  }

  .ml-sm-5, .mx-sm-5 {
    margin-inline-start: 40px !important
  }

  .p-sm-5 {
    padding: 40px !important
  }

  .pt-sm-5, .py-sm-5 {
    padding-block-start: 40px !important
  }

  .pr-sm-5, .px-sm-5 {
    padding-inline-end: 40px !important
  }

  .pb-sm-5, .py-sm-5 {
    padding-block-end: 40px !important
  }

  .pl-sm-5, .px-sm-5 {
    padding-inline-start: 40px !important
  }
}

@media (min-width: 768px) {
  .mr-md-auto, .mx-md-auto {
    margin-inline-end: auto !important
  }

  .ml-md-auto, .mx-md-auto {
    margin-inline-start: auto !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-row-md-0 {
    row-gap: 0 !important
  }

  .gap-column-md-0 {
    row-gap: 0 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0, .my-md-0 {
    margin-block-start: 0 !important
  }

  .mr-md-0, .mx-md-0 {
    margin-inline-end: 0 !important
  }

  .mb-md-0, .my-md-0 {
    margin-block-end: 0 !important
  }

  .ml-md-0, .mx-md-0 {
    margin-inline-start: 0 !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0, .py-md-0 {
    padding-block-start: 0 !important
  }

  .pr-md-0, .px-md-0 {
    padding-inline-end: 0 !important
  }

  .pb-md-0, .py-md-0 {
    padding-block-end: 0 !important
  }

  .pl-md-0, .px-md-0 {
    padding-inline-start: 0 !important
  }

  .gap-md-1 {
    gap: 4px !important
  }

  .gap-row-md-1 {
    row-gap: 4px !important
  }

  .gap-column-md-1 {
    row-gap: 4px !important
  }

  .m-md-1 {
    margin: 4px !important
  }

  .mt-md-1, .my-md-1 {
    margin-block-start: 4px !important
  }

  .mr-md-1, .mx-md-1 {
    margin-inline-end: 4px !important
  }

  .mb-md-1, .my-md-1 {
    margin-block-end: 4px !important
  }

  .ml-md-1, .mx-md-1 {
    margin-inline-start: 4px !important
  }

  .p-md-1 {
    padding: 4px !important
  }

  .pt-md-1, .py-md-1 {
    padding-block-start: 4px !important
  }

  .pr-md-1, .px-md-1 {
    padding-inline-end: 4px !important
  }

  .pb-md-1, .py-md-1 {
    padding-block-end: 4px !important
  }

  .pl-md-1, .px-md-1 {
    padding-inline-start: 4px !important
  }

  .gap-md-2 {
    gap: 8px !important
  }

  .gap-row-md-2 {
    row-gap: 8px !important
  }

  .gap-column-md-2 {
    row-gap: 8px !important
  }

  .m-md-2 {
    margin: 8px !important
  }

  .mt-md-2, .my-md-2 {
    margin-block-start: 8px !important
  }

  .mr-md-2, .mx-md-2 {
    margin-inline-end: 8px !important
  }

  .mb-md-2, .my-md-2 {
    margin-block-end: 8px !important
  }

  .ml-md-2, .mx-md-2 {
    margin-inline-start: 8px !important
  }

  .p-md-2 {
    padding: 8px !important
  }

  .pt-md-2, .py-md-2 {
    padding-block-start: 8px !important
  }

  .pr-md-2, .px-md-2 {
    padding-inline-end: 8px !important
  }

  .pb-md-2, .py-md-2 {
    padding-block-end: 8px !important
  }

  .pl-md-2, .px-md-2 {
    padding-inline-start: 8px !important
  }

  .gap-md-3 {
    gap: 16px !important
  }

  .gap-row-md-3 {
    row-gap: 16px !important
  }

  .gap-column-md-3 {
    row-gap: 16px !important
  }

  .m-md-3 {
    margin: 16px !important
  }

  .mt-md-3, .my-md-3 {
    margin-block-start: 16px !important
  }

  .mr-md-3, .mx-md-3 {
    margin-inline-end: 16px !important
  }

  .mb-md-3, .my-md-3 {
    margin-block-end: 16px !important
  }

  .ml-md-3, .mx-md-3 {
    margin-inline-start: 16px !important
  }

  .p-md-3 {
    padding: 16px !important
  }

  .pt-md-3, .py-md-3 {
    padding-block-start: 16px !important
  }

  .pr-md-3, .px-md-3 {
    padding-inline-end: 16px !important
  }

  .pb-md-3, .py-md-3 {
    padding-block-end: 16px !important
  }

  .pl-md-3, .px-md-3 {
    padding-inline-start: 16px !important
  }

  .gap-md-4 {
    gap: 24px !important
  }

  .gap-row-md-4 {
    row-gap: 24px !important
  }

  .gap-column-md-4 {
    row-gap: 24px !important
  }

  .m-md-4 {
    margin: 24px !important
  }

  .mt-md-4, .my-md-4 {
    margin-block-start: 24px !important
  }

  .mr-md-4, .mx-md-4 {
    margin-inline-end: 24px !important
  }

  .mb-md-4, .my-md-4 {
    margin-block-end: 24px !important
  }

  .ml-md-4, .mx-md-4 {
    margin-inline-start: 24px !important
  }

  .p-md-4 {
    padding: 24px !important
  }

  .pt-md-4, .py-md-4 {
    padding-block-start: 24px !important
  }

  .pr-md-4, .px-md-4 {
    padding-inline-end: 24px !important
  }

  .pb-md-4, .py-md-4 {
    padding-block-end: 24px !important
  }

  .pl-md-4, .px-md-4 {
    padding-inline-start: 24px !important
  }

  .gap-md-5 {
    gap: 40px !important
  }

  .gap-row-md-5 {
    row-gap: 40px !important
  }

  .gap-column-md-5 {
    row-gap: 40px !important
  }

  .m-md-5 {
    margin: 40px !important
  }

  .mt-md-5, .my-md-5 {
    margin-block-start: 40px !important
  }

  .mr-md-5, .mx-md-5 {
    margin-inline-end: 40px !important
  }

  .mb-md-5, .my-md-5 {
    margin-block-end: 40px !important
  }

  .ml-md-5, .mx-md-5 {
    margin-inline-start: 40px !important
  }

  .p-md-5 {
    padding: 40px !important
  }

  .pt-md-5, .py-md-5 {
    padding-block-start: 40px !important
  }

  .pr-md-5, .px-md-5 {
    padding-inline-end: 40px !important
  }

  .pb-md-5, .py-md-5 {
    padding-block-end: 40px !important
  }

  .pl-md-5, .px-md-5 {
    padding-inline-start: 40px !important
  }
}

@media (min-width: 992px) {
  .mr-lg-auto, .mx-lg-auto {
    margin-inline-end: auto !important
  }

  .ml-lg-auto, .mx-lg-auto {
    margin-inline-start: auto !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-row-lg-0 {
    row-gap: 0 !important
  }

  .gap-column-lg-0 {
    row-gap: 0 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0, .my-lg-0 {
    margin-block-start: 0 !important
  }

  .mr-lg-0, .mx-lg-0 {
    margin-inline-end: 0 !important
  }

  .mb-lg-0, .my-lg-0 {
    margin-block-end: 0 !important
  }

  .ml-lg-0, .mx-lg-0 {
    margin-inline-start: 0 !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0, .py-lg-0 {
    padding-block-start: 0 !important
  }

  .pr-lg-0, .px-lg-0 {
    padding-inline-end: 0 !important
  }

  .pb-lg-0, .py-lg-0 {
    padding-block-end: 0 !important
  }

  .pl-lg-0, .px-lg-0 {
    padding-inline-start: 0 !important
  }

  .gap-lg-1 {
    gap: 4px !important
  }

  .gap-row-lg-1 {
    row-gap: 4px !important
  }

  .gap-column-lg-1 {
    row-gap: 4px !important
  }

  .m-lg-1 {
    margin: 4px !important
  }

  .mt-lg-1, .my-lg-1 {
    margin-block-start: 4px !important
  }

  .mr-lg-1, .mx-lg-1 {
    margin-inline-end: 4px !important
  }

  .mb-lg-1, .my-lg-1 {
    margin-block-end: 4px !important
  }

  .ml-lg-1, .mx-lg-1 {
    margin-inline-start: 4px !important
  }

  .p-lg-1 {
    padding: 4px !important
  }

  .pt-lg-1, .py-lg-1 {
    padding-block-start: 4px !important
  }

  .pr-lg-1, .px-lg-1 {
    padding-inline-end: 4px !important
  }

  .pb-lg-1, .py-lg-1 {
    padding-block-end: 4px !important
  }

  .pl-lg-1, .px-lg-1 {
    padding-inline-start: 4px !important
  }

  .gap-lg-2 {
    gap: 8px !important
  }

  .gap-row-lg-2 {
    row-gap: 8px !important
  }

  .gap-column-lg-2 {
    row-gap: 8px !important
  }

  .m-lg-2 {
    margin: 8px !important
  }

  .mt-lg-2, .my-lg-2 {
    margin-block-start: 8px !important
  }

  .mr-lg-2, .mx-lg-2 {
    margin-inline-end: 8px !important
  }

  .mb-lg-2, .my-lg-2 {
    margin-block-end: 8px !important
  }

  .ml-lg-2, .mx-lg-2 {
    margin-inline-start: 8px !important
  }

  .p-lg-2 {
    padding: 8px !important
  }

  .pt-lg-2, .py-lg-2 {
    padding-block-start: 8px !important
  }

  .pr-lg-2, .px-lg-2 {
    padding-inline-end: 8px !important
  }

  .pb-lg-2, .py-lg-2 {
    padding-block-end: 8px !important
  }

  .pl-lg-2, .px-lg-2 {
    padding-inline-start: 8px !important
  }

  .gap-lg-3 {
    gap: 16px !important
  }

  .gap-row-lg-3 {
    row-gap: 16px !important
  }

  .gap-column-lg-3 {
    row-gap: 16px !important
  }

  .m-lg-3 {
    margin: 16px !important
  }

  .mt-lg-3, .my-lg-3 {
    margin-block-start: 16px !important
  }

  .mr-lg-3, .mx-lg-3 {
    margin-inline-end: 16px !important
  }

  .mb-lg-3, .my-lg-3 {
    margin-block-end: 16px !important
  }

  .ml-lg-3, .mx-lg-3 {
    margin-inline-start: 16px !important
  }

  .p-lg-3 {
    padding: 16px !important
  }

  .pt-lg-3, .py-lg-3 {
    padding-block-start: 16px !important
  }

  .pr-lg-3, .px-lg-3 {
    padding-inline-end: 16px !important
  }

  .pb-lg-3, .py-lg-3 {
    padding-block-end: 16px !important
  }

  .pl-lg-3, .px-lg-3 {
    padding-inline-start: 16px !important
  }

  .gap-lg-4 {
    gap: 24px !important
  }

  .gap-row-lg-4 {
    row-gap: 24px !important
  }

  .gap-column-lg-4 {
    row-gap: 24px !important
  }

  .m-lg-4 {
    margin: 24px !important
  }

  .mt-lg-4, .my-lg-4 {
    margin-block-start: 24px !important
  }

  .mr-lg-4, .mx-lg-4 {
    margin-inline-end: 24px !important
  }

  .mb-lg-4, .my-lg-4 {
    margin-block-end: 24px !important
  }

  .ml-lg-4, .mx-lg-4 {
    margin-inline-start: 24px !important
  }

  .p-lg-4 {
    padding: 24px !important
  }

  .pt-lg-4, .py-lg-4 {
    padding-block-start: 24px !important
  }

  .pr-lg-4, .px-lg-4 {
    padding-inline-end: 24px !important
  }

  .pb-lg-4, .py-lg-4 {
    padding-block-end: 24px !important
  }

  .pl-lg-4, .px-lg-4 {
    padding-inline-start: 24px !important
  }

  .gap-lg-5 {
    gap: 40px !important
  }

  .gap-row-lg-5 {
    row-gap: 40px !important
  }

  .gap-column-lg-5 {
    row-gap: 40px !important
  }

  .m-lg-5 {
    margin: 40px !important
  }

  .mt-lg-5, .my-lg-5 {
    margin-block-start: 40px !important
  }

  .mr-lg-5, .mx-lg-5 {
    margin-inline-end: 40px !important
  }

  .mb-lg-5, .my-lg-5 {
    margin-block-end: 40px !important
  }

  .ml-lg-5, .mx-lg-5 {
    margin-inline-start: 40px !important
  }

  .p-lg-5 {
    padding: 40px !important
  }

  .pt-lg-5, .py-lg-5 {
    padding-block-start: 40px !important
  }

  .pr-lg-5, .px-lg-5 {
    padding-inline-end: 40px !important
  }

  .pb-lg-5, .py-lg-5 {
    padding-block-end: 40px !important
  }

  .pl-lg-5, .px-lg-5 {
    padding-inline-start: 40px !important
  }
}

@media (min-width: 1200px) {
  .mr-xl-auto, .mx-xl-auto {
    margin-inline-end: auto !important
  }

  .ml-xl-auto, .mx-xl-auto {
    margin-inline-start: auto !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-row-xl-0 {
    row-gap: 0 !important
  }

  .gap-column-xl-0 {
    row-gap: 0 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0, .my-xl-0 {
    margin-block-start: 0 !important
  }

  .mr-xl-0, .mx-xl-0 {
    margin-inline-end: 0 !important
  }

  .mb-xl-0, .my-xl-0 {
    margin-block-end: 0 !important
  }

  .ml-xl-0, .mx-xl-0 {
    margin-inline-start: 0 !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0, .py-xl-0 {
    padding-block-start: 0 !important
  }

  .pr-xl-0, .px-xl-0 {
    padding-inline-end: 0 !important
  }

  .pb-xl-0, .py-xl-0 {
    padding-block-end: 0 !important
  }

  .pl-xl-0, .px-xl-0 {
    padding-inline-start: 0 !important
  }

  .gap-xl-1 {
    gap: 4px !important
  }

  .gap-row-xl-1 {
    row-gap: 4px !important
  }

  .gap-column-xl-1 {
    row-gap: 4px !important
  }

  .m-xl-1 {
    margin: 4px !important
  }

  .mt-xl-1, .my-xl-1 {
    margin-block-start: 4px !important
  }

  .mr-xl-1, .mx-xl-1 {
    margin-inline-end: 4px !important
  }

  .mb-xl-1, .my-xl-1 {
    margin-block-end: 4px !important
  }

  .ml-xl-1, .mx-xl-1 {
    margin-inline-start: 4px !important
  }

  .p-xl-1 {
    padding: 4px !important
  }

  .pt-xl-1, .py-xl-1 {
    padding-block-start: 4px !important
  }

  .pr-xl-1, .px-xl-1 {
    padding-inline-end: 4px !important
  }

  .pb-xl-1, .py-xl-1 {
    padding-block-end: 4px !important
  }

  .pl-xl-1, .px-xl-1 {
    padding-inline-start: 4px !important
  }

  .gap-xl-2 {
    gap: 8px !important
  }

  .gap-row-xl-2 {
    row-gap: 8px !important
  }

  .gap-column-xl-2 {
    row-gap: 8px !important
  }

  .m-xl-2 {
    margin: 8px !important
  }

  .mt-xl-2, .my-xl-2 {
    margin-block-start: 8px !important
  }

  .mr-xl-2, .mx-xl-2 {
    margin-inline-end: 8px !important
  }

  .mb-xl-2, .my-xl-2 {
    margin-block-end: 8px !important
  }

  .ml-xl-2, .mx-xl-2 {
    margin-inline-start: 8px !important
  }

  .p-xl-2 {
    padding: 8px !important
  }

  .pt-xl-2, .py-xl-2 {
    padding-block-start: 8px !important
  }

  .pr-xl-2, .px-xl-2 {
    padding-inline-end: 8px !important
  }

  .pb-xl-2, .py-xl-2 {
    padding-block-end: 8px !important
  }

  .pl-xl-2, .px-xl-2 {
    padding-inline-start: 8px !important
  }

  .gap-xl-3 {
    gap: 16px !important
  }

  .gap-row-xl-3 {
    row-gap: 16px !important
  }

  .gap-column-xl-3 {
    row-gap: 16px !important
  }

  .m-xl-3 {
    margin: 16px !important
  }

  .mt-xl-3, .my-xl-3 {
    margin-block-start: 16px !important
  }

  .mr-xl-3, .mx-xl-3 {
    margin-inline-end: 16px !important
  }

  .mb-xl-3, .my-xl-3 {
    margin-block-end: 16px !important
  }

  .ml-xl-3, .mx-xl-3 {
    margin-inline-start: 16px !important
  }

  .p-xl-3 {
    padding: 16px !important
  }

  .pt-xl-3, .py-xl-3 {
    padding-block-start: 16px !important
  }

  .pr-xl-3, .px-xl-3 {
    padding-inline-end: 16px !important
  }

  .pb-xl-3, .py-xl-3 {
    padding-block-end: 16px !important
  }

  .pl-xl-3, .px-xl-3 {
    padding-inline-start: 16px !important
  }

  .gap-xl-4 {
    gap: 24px !important
  }

  .gap-row-xl-4 {
    row-gap: 24px !important
  }

  .gap-column-xl-4 {
    row-gap: 24px !important
  }

  .m-xl-4 {
    margin: 24px !important
  }

  .mt-xl-4, .my-xl-4 {
    margin-block-start: 24px !important
  }

  .mr-xl-4, .mx-xl-4 {
    margin-inline-end: 24px !important
  }

  .mb-xl-4, .my-xl-4 {
    margin-block-end: 24px !important
  }

  .ml-xl-4, .mx-xl-4 {
    margin-inline-start: 24px !important
  }

  .p-xl-4 {
    padding: 24px !important
  }

  .pt-xl-4, .py-xl-4 {
    padding-block-start: 24px !important
  }

  .pr-xl-4, .px-xl-4 {
    padding-inline-end: 24px !important
  }

  .pb-xl-4, .py-xl-4 {
    padding-block-end: 24px !important
  }

  .pl-xl-4, .px-xl-4 {
    padding-inline-start: 24px !important
  }

  .gap-xl-5 {
    gap: 40px !important
  }

  .gap-row-xl-5 {
    row-gap: 40px !important
  }

  .gap-column-xl-5 {
    row-gap: 40px !important
  }

  .m-xl-5 {
    margin: 40px !important
  }

  .mt-xl-5, .my-xl-5 {
    margin-block-start: 40px !important
  }

  .mr-xl-5, .mx-xl-5 {
    margin-inline-end: 40px !important
  }

  .mb-xl-5, .my-xl-5 {
    margin-block-end: 40px !important
  }

  .ml-xl-5, .mx-xl-5 {
    margin-inline-start: 40px !important
  }

  .p-xl-5 {
    padding: 40px !important
  }

  .pt-xl-5, .py-xl-5 {
    padding-block-start: 40px !important
  }

  .pr-xl-5, .px-xl-5 {
    padding-inline-end: 40px !important
  }

  .pb-xl-5, .py-xl-5 {
    padding-block-end: 40px !important
  }

  .pl-xl-5, .px-xl-5 {
    padding-inline-start: 40px !important
  }
}

@media (min-width: 1600px) {
  .mr-xxl-auto, .mx-xxl-auto {
    margin-inline-end: auto !important
  }

  .ml-xxl-auto, .mx-xxl-auto {
    margin-inline-start: auto !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-row-xxl-0 {
    row-gap: 0 !important
  }

  .gap-column-xxl-0 {
    row-gap: 0 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .mt-xxl-0, .my-xxl-0 {
    margin-block-start: 0 !important
  }

  .mr-xxl-0, .mx-xxl-0 {
    margin-inline-end: 0 !important
  }

  .mb-xxl-0, .my-xxl-0 {
    margin-block-end: 0 !important
  }

  .ml-xxl-0, .mx-xxl-0 {
    margin-inline-start: 0 !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .pt-xxl-0, .py-xxl-0 {
    padding-block-start: 0 !important
  }

  .pr-xxl-0, .px-xxl-0 {
    padding-inline-end: 0 !important
  }

  .pb-xxl-0, .py-xxl-0 {
    padding-block-end: 0 !important
  }

  .pl-xxl-0, .px-xxl-0 {
    padding-inline-start: 0 !important
  }

  .gap-xxl-1 {
    gap: 4px !important
  }

  .gap-row-xxl-1 {
    row-gap: 4px !important
  }

  .gap-column-xxl-1 {
    row-gap: 4px !important
  }

  .m-xxl-1 {
    margin: 4px !important
  }

  .mt-xxl-1, .my-xxl-1 {
    margin-block-start: 4px !important
  }

  .mr-xxl-1, .mx-xxl-1 {
    margin-inline-end: 4px !important
  }

  .mb-xxl-1, .my-xxl-1 {
    margin-block-end: 4px !important
  }

  .ml-xxl-1, .mx-xxl-1 {
    margin-inline-start: 4px !important
  }

  .p-xxl-1 {
    padding: 4px !important
  }

  .pt-xxl-1, .py-xxl-1 {
    padding-block-start: 4px !important
  }

  .pr-xxl-1, .px-xxl-1 {
    padding-inline-end: 4px !important
  }

  .pb-xxl-1, .py-xxl-1 {
    padding-block-end: 4px !important
  }

  .pl-xxl-1, .px-xxl-1 {
    padding-inline-start: 4px !important
  }

  .gap-xxl-2 {
    gap: 8px !important
  }

  .gap-row-xxl-2 {
    row-gap: 8px !important
  }

  .gap-column-xxl-2 {
    row-gap: 8px !important
  }

  .m-xxl-2 {
    margin: 8px !important
  }

  .mt-xxl-2, .my-xxl-2 {
    margin-block-start: 8px !important
  }

  .mr-xxl-2, .mx-xxl-2 {
    margin-inline-end: 8px !important
  }

  .mb-xxl-2, .my-xxl-2 {
    margin-block-end: 8px !important
  }

  .ml-xxl-2, .mx-xxl-2 {
    margin-inline-start: 8px !important
  }

  .p-xxl-2 {
    padding: 8px !important
  }

  .pt-xxl-2, .py-xxl-2 {
    padding-block-start: 8px !important
  }

  .pr-xxl-2, .px-xxl-2 {
    padding-inline-end: 8px !important
  }

  .pb-xxl-2, .py-xxl-2 {
    padding-block-end: 8px !important
  }

  .pl-xxl-2, .px-xxl-2 {
    padding-inline-start: 8px !important
  }

  .gap-xxl-3 {
    gap: 16px !important
  }

  .gap-row-xxl-3 {
    row-gap: 16px !important
  }

  .gap-column-xxl-3 {
    row-gap: 16px !important
  }

  .m-xxl-3 {
    margin: 16px !important
  }

  .mt-xxl-3, .my-xxl-3 {
    margin-block-start: 16px !important
  }

  .mr-xxl-3, .mx-xxl-3 {
    margin-inline-end: 16px !important
  }

  .mb-xxl-3, .my-xxl-3 {
    margin-block-end: 16px !important
  }

  .ml-xxl-3, .mx-xxl-3 {
    margin-inline-start: 16px !important
  }

  .p-xxl-3 {
    padding: 16px !important
  }

  .pt-xxl-3, .py-xxl-3 {
    padding-block-start: 16px !important
  }

  .pr-xxl-3, .px-xxl-3 {
    padding-inline-end: 16px !important
  }

  .pb-xxl-3, .py-xxl-3 {
    padding-block-end: 16px !important
  }

  .pl-xxl-3, .px-xxl-3 {
    padding-inline-start: 16px !important
  }

  .gap-xxl-4 {
    gap: 24px !important
  }

  .gap-row-xxl-4 {
    row-gap: 24px !important
  }

  .gap-column-xxl-4 {
    row-gap: 24px !important
  }

  .m-xxl-4 {
    margin: 24px !important
  }

  .mt-xxl-4, .my-xxl-4 {
    margin-block-start: 24px !important
  }

  .mr-xxl-4, .mx-xxl-4 {
    margin-inline-end: 24px !important
  }

  .mb-xxl-4, .my-xxl-4 {
    margin-block-end: 24px !important
  }

  .ml-xxl-4, .mx-xxl-4 {
    margin-inline-start: 24px !important
  }

  .p-xxl-4 {
    padding: 24px !important
  }

  .pt-xxl-4, .py-xxl-4 {
    padding-block-start: 24px !important
  }

  .pr-xxl-4, .px-xxl-4 {
    padding-inline-end: 24px !important
  }

  .pb-xxl-4, .py-xxl-4 {
    padding-block-end: 24px !important
  }

  .pl-xxl-4, .px-xxl-4 {
    padding-inline-start: 24px !important
  }

  .gap-xxl-5 {
    gap: 40px !important
  }

  .gap-row-xxl-5 {
    row-gap: 40px !important
  }

  .gap-column-xxl-5 {
    row-gap: 40px !important
  }

  .m-xxl-5 {
    margin: 40px !important
  }

  .mt-xxl-5, .my-xxl-5 {
    margin-block-start: 40px !important
  }

  .mr-xxl-5, .mx-xxl-5 {
    margin-inline-end: 40px !important
  }

  .mb-xxl-5, .my-xxl-5 {
    margin-block-end: 40px !important
  }

  .ml-xxl-5, .mx-xxl-5 {
    margin-inline-start: 40px !important
  }

  .p-xxl-5 {
    padding: 40px !important
  }

  .pt-xxl-5, .py-xxl-5 {
    padding-block-start: 40px !important
  }

  .pr-xxl-5, .px-xxl-5 {
    padding-inline-end: 40px !important
  }

  .pb-xxl-5, .py-xxl-5 {
    padding-block-end: 40px !important
  }

  .pl-xxl-5, .px-xxl-5 {
    padding-inline-start: 40px !important
  }
}

.lead {
  margin-block-end: 16px;
  font-size: var(--text-size-h4);
  font-weight: 400;
  line-height: 1.42857
}

small {
  font-size: .75em
}

.fw-light {
  font-weight: 300 !important
}

.fw-regular {
  font-weight: 400 !important
}

.fw-bold, .fw-strong {
  font-weight: 700 !important
}

.fw-black, .fw-heavy {
  font-weight: 900
}

.fs-micro {
  font-size: var(--text-size-micro)
}

.fs-small {
  font-size: var(--text-size-small)
}

.fs-large {
  font-size: var(--text-size-h4)
}

.text-left {
  text-align: start
}

.text-right {
  text-align: end
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.lh-tight, .line-height-tight {
  line-height: 1.2 !important
}

.lh-loose, .line-height-loose {
  line-height: 1.8 !important
}

.line-height-reset {
  line-height: 1 !important
}

.line-height-inherit {
  line-height: inherit
}

.line-length-base {
  max-width: 75ch !important
}

.line-length-tight {
  max-width: 45ch !important
}

.line-length-loose {
  max-width: 100ch !important
}

.line-length-reset {
  max-width: 100% !important
}

.qw-line-clamp, .qw-line-clamp-2, .qw-line-clamp-3, .qw-line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp-value, 1);
  -webkit-box-orient: vertical;
  overflow: hidden
}

.qw-line-clamp-2 {
  --line-clamp-value: 2
}

.qw-line-clamp-3 {
  --line-clamp-value: 3
}

.qw-line-clamp-5 {
  --line-clamp-value: 5
}

.qw-text-truncate {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.text-lowercase {
  text-transform: lowercase
}

.qw-text-uppercase, .text-uppercase {
  text-transform: uppercase
}

.qw-text-capitalize, .text-capitalize {
  text-transform: capitalize
}

.qw-text-subtle, .text-muted {
  color: #666f7a
}

.qw-text-danger {
  color: #dd1331
}

.help-block {
  color: #666f7a
}

.white-space-pre-line {
  white-space: pre-line
}

.word-break-break-word {
  word-break: break-word
}

.break-word {
  overflow-wrap: break-word;
  word-break: break-all
}

.page-break-avoid {
  page-break-inside: avoid
}

ol, ul {
  margin-block-start: 0;
  margin-block-end: .714285
}

  ol ol, ol ul, ul ol, ul ul {
    margin-block-end: 0
  }

.list-unstyled {
  padding-inline-start: 0;
  list-style: none
}

dl {
  margin-block-start: 0;
  margin-block-end: 1.42857
}

dd, dt {
  line-height: 1.42857
}

dt {
  font-weight: 700
}

dd {
  margin-inline-start: 0
}

@media screen and (prefers-reduced-motion: reduce),(update: slow) {
  *, ::after, ::before {
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important
  }
}

@keyframes thumbsUp {
  0% {
    height: 10px;
    transform: rotate(40deg)
  }

  100% {
    height: 15px;
    width: 7px;
    inset-block-start: -5px;
    inset-inline-start: -2px;
    transform: rotate(88deg)
  }
}

@keyframes armStraight {
  0% {
    transform: rotate(120deg)
  }

  100% {
    transform: rotate(25deg)
  }
}

@keyframes armPump {
  0% {
    transform: rotate(30deg)
  }

  100% {
    transform: rotate(110deg)
  }
}

@keyframes shootingStar {
  33% {
    opacity: 0
  }

  37% {
    opacity: 1
  }

  42% {
    opacity: 1
  }

  60% {
    opacity: 0
  }

  100% {
    margin-inline-start: 75%;
    margin-block-start: 20%
  }
}

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(50%) scaleY(.5) scaleX(.2);
    opacity: 0;
    inset-block-end: 100%
  }

  50% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1
  }

  65% {
    opacity: 0
  }

  100% {
    opacity: 0;
    inset-block-end: 400%
  }
}

@keyframes fadeToast {
  from {
    opacity: 0;
    transform: scaleX(0) translateX(-30px)
  }

  to {
    opacity: 1;
    transform: scaleY(X) translateX(0)
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInOp80 {
  from {
    opacity: 0
  }

  to {
    opacity: .8
  }
}

@keyframes fadeInScale {
  from {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeBorder {
  from {
    box-shadow: inset -12px 0 0 0 #3582c4
  }

  to {
    box-shadow: inset 0 0 0 0 #3582c4
  }
}

@keyframes fadeBorderOrg {
  from {
    box-shadow: inset -12px 0 0 0 #f37b20
  }

  to {
    box-shadow: inset 0 0 0 0 #f37b20
  }
}

@keyframes userBounceLeft {
  0% {
    opacity: 0;
    inset-block-start: 0;
    inset-inline-start: 52px
  }

  10% {
    opacity: 1
  }

  40% {
    inset-block-start: 35px;
    transform: rotate(260deg);
    opacity: 1
  }

  44% {
    inset-block-start: 28px;
    inset-inline-start: 28px
  }

  80% {
    inset-block-start: 200px;
    inset-inline-start: 10px;
    opacity: 1
  }

  81% {
    opacity: 0
  }

  100% {
    opacity: 0;
    inset-block-start: -50px;
    inset-inline-start: 52px;
    transform: rotate(-360deg)
  }
}

@keyframes userBounceRight {
  0% {
    opacity: 0;
    inset-block-start: 0;
    inset-inline-end: 46px
  }

  10% {
    opacity: 1
  }

  40% {
    transform: rotate(-260deg);
    inset-block-start: 35px;
    opacity: 1
  }

  44% {
    inset-block-start: 28px;
    inset-inline-end: 28px
  }

  80% {
    inset-block-start: 200px;
    inset-inline-end: 10px;
    opacity: 1
  }

  81% {
    opacity: 0
  }

  100% {
    opacity: 0;
    inset-block-start: -50px;
    inset-inline-end: 46px;
    transform: rotate(360deg)
  }
}

@keyframes expandOpen {
  0% {
    transform: scale(2)
  }

  50% {
    transform: scale(.95)
  }

  80% {
    transform: scale(1.05)
  }

  90% {
    transform: scale(.98)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes fullHeight {
  from {
    height: 0%
  }

  to {
    height: 100%
  }
}

@keyframes pullDown {
  0% {
    transform: scaleY(.1)
  }

  40% {
    transform: scaleY(1.02)
  }

  60% {
    transform: scaleY(.98)
  }

  80% {
    transform: scaleY(1.01)
  }

  100% {
    transform: scaleY(.98)
  }

  80% {
    transform: scaleY(1.01)
  }

  100% {
    transform: scaleY(1)
  }
}

@keyframes bounceTop {
  from {
    inset-block-start: 0;
    inset-inline-end: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    inset-block-start: -15px;
    inset-inline-end: 20px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceRight {
  from {
    inset-inline-end: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    inset-block-start: 20px;
    inset-inline-end: 25px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceBottom {
  from {
    inset-inline-end: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    inset-block-start: 30px;
    inset-inline-end: 15px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes bounceMid {
  from {
    inset-inline-end: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transform: scale(1)
  }

  to {
    inset-block-start: 10px;
    inset-inline-end: 20px;
    animation-timing-function: ease-out;
    -ms-transform: rotate(60deg);
    opacity: 0;
    transform: scale(1.4)
  }
}

@keyframes leaffall {
  0% {
    inset-block-start: 51px;
    inset-inline-start: 39px
  }

  25% {
    inset-block-start: 95px;
    inset-inline-start: -20px;
    transform: rotate(20deg)
  }

  75% {
    inset-block-start: 145px;
    inset-inline-start: 20px;
    transform: rotate(-12deg)
  }

  100% {
    inset-block-start: 180px;
    inset-inline-start: -40px;
    transform: rotate(2deg)
  }
}

@keyframes leaffall2 {
  0% {
    inset-block-start: 90px;
    inset-inline-start: 123px;
    transform: rotate(142deg)
  }

  25% {
    inset-block-start: 127px;
    inset-inline-start: 162px;
    transform: rotate(122deg)
  }

  75% {
    inset-block-start: 164px;
    inset-inline-start: 102px;
    transform: rotate(180deg)
  }

  100% {
    inset-block-start: 195px;
    inset-inline-start: 152px;
    transform: rotate(154deg)
  }
}

@keyframes leaffall3 {
  0% {
    inset-block-start: 108px;
    inset-inline-start: 62px;
    transform: rotate(90deg)
  }

  25% {
    inset-block-start: 127px;
    inset-inline-start: 32px;
    transform: rotate(122deg)
  }

  75% {
    inset-block-start: 164px;
    inset-inline-start: 72px;
    transform: rotate(80deg)
  }

  100% {
    inset-block-start: 195px;
    inset-inline-start: 64px;
    transform: rotate(154deg)
  }
}

@keyframes shadowhover {
  0%, 100% {
    opacity: .5;
    transform: scaleX(.7)
  }

  50% {
    transform: scaleX(1);
    opacity: 1
  }
}

@keyframes zero-g-float {
  0%, 100% {
    transform: translateY(-10px) rotate(0)
  }

  50% {
    transform: translateY(10px) rotate(-3deg)
  }
}

@keyframes float-away {
  0% {
    transform: scale(1);
    transform-origin: top right
  }

  85% {
    opacity: 1
  }

  100% {
    opacity: 0;
    transform: scale(0);
    transform-origin: top right
  }
}

@keyframes nirvana {
  0%, 100% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(10px)
  }
}

@keyframes sway {
  0%, 100% {
    transform: rotate(-2deg) translateX(-2px)
  }

  50% {
    transform: rotate(3deg) translateX(0)
  }
}

@keyframes hopIn {
  0%, 100% {
    transform: scale(.9);
    opacity: .7
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes stretchdelay {
  0%, 100%, 40% {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

@keyframes bigEntrance {
  0% {
    -webkit-transform: scale(.3) translateX(0) rotate(0);
    -webkit-animation-timing-function: ease-out;
    opacity: 0;
    inset-block-start: 120%
  }

  1% {
    opacity: 1
  }

  20% {
    inset-block-start: 140%;
    animation-timing-function: ease-in
  }

  40% {
    inset-block-start: 124%;
    animation-timing-function: ease-in
  }

  60% {
    inset-block-start: 140%;
    animation-timing-function: ease-out
  }

  80% {
    inset-block-start: 128%;
    animation-timing-function: ease-in
  }

  100% {
    inset-block-start: 140%;
    animation-timing-function: ease-out;
    transform: scale(1) translateX(360%) rotate(360deg);
    opacity: 1
  }
}

@keyframes fallover {
  0% {
    transform: rotate(0)
  }

  30% {
    transform: rotate(90deg)
  }

  50% {
    transform: rotate(86deg)
  }

  70% {
    transform: rotate(90deg)
  }

  90% {
    transform: rotate(88deg)
  }

  100% {
    transform: rotate(90deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
    opacity: 0;
    inset-inline-start: -10%;
    inset-block-end: 100%
  }

  20% {
    opacity: 1
  }

  38% {
    inset-block-end: 150%
  }

  46% {
    inset-block-end: 152%
  }

  54% {
    inset-block-end: 142%
  }

  75% {
    opacity: 1
  }

  100% {
    transform: rotate(360deg);
    inset-block-end: 50%;
    opacity: 0;
    inset-inline-start: 55%
  }
}

@keyframes magnify {
  0%, 100% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.4) translateX(2px)
  }
}

@keyframes stretchRight {
  from {
    transform: scaleX(.3)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes starRight {
  0% {
    inset-inline-start: 0;
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 0
  }

  50% {
    inset-block-end: 110px;
    animation-timing-function: ease-in;
    opacity: 1
  }

  100% {
    inset-block-end: 0;
    inset-inline-start: 140%;
    animation-timing-function: ease-out;
    -ms-transform: rotate(290deg);
    transform: rotate(290deg);
    opacity: 0
  }
}

@keyframes starLeft {
  0% {
    inset-inline-end: 5%;
    transform: rotate(0);
    -ms-transform: rotate(0);
    opacity: 0
  }

  50% {
    inset-block-end: 120px;
    animation-timing-function: ease-in;
    opacity: 1
  }

  100% {
    inset-block-end: 0;
    inset-inline-end: 120%;
    animation-timing-function: ease-out;
    -ms-transform: rotate(-290deg);
    transform: rotate(-290deg);
    opacity: 0
  }
}

@keyframes shakeIt {
  0%, 100% {
    transform: rotate(-4deg)
  }

  50% {
    transform: rotate(4deg)
  }
}

@keyframes grow {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes pointerUp {
  from {
    height: 18px
  }

  to {
    height: 30px
  }
}

@keyframes pinkyUp {
  from {
    height: 12px;
    border-block-end: 2px solid #397298
  }

  to {
    height: 25px;
    border-radius: 8px 8px 0 0;
    border-block-end: 0
  }
}

@keyframes floating {
  0%, 100% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(-25%)
  }
}

@keyframes slideLineUp {
  0% {
    margin-block: 0;
    margin-inline: auto
  }

  50% {
    margin-block: 0;
    margin-inline: auto
  }

  100% {
    margin-block: -15px 0;
    margin-inline: auto
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%)
  }

  95% {
    transform: translateY(-2%)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes slideActRight {
  100% {
    inset-inline-start: 0
  }
}

@keyframes slideActLeft {
  100% {
    inset-inline-end: 0
  }
}

@keyframes slideLeft {
  from {
    inset-inline-end: 12%
  }

  to {
    inset-inline-end: 70%
  }
}

@keyframes slideColorLeft {
  from {
    background: #a11;
    width: 100%
  }

  to {
    background: #c29c17;
    width: 0
  }
}

@keyframes slideOver {
  0% {
    width: 0%
  }

  40% {
    width: 90%
  }

  50% {
    margin-block: 0;
    margin-inline: auto
  }

  100% {
    margin-block: -15px 0;
    margin-inline: auto;
    width: 90%
  }
}

@keyframes fireRight {
  0% {
    transform: rotate(7deg);
    inset-inline-start: 8%
  }

  6% {
    transform: rotate(-10deg)
  }

  12% {
    transform: rotate(-8deg)
  }

  23% {
    transform: rotate(10deg)
  }

  29% {
    transform: rotate(-8deg)
  }

  37% {
    transform: rotate(8deg)
  }

  45% {
    transform: rotate(8deg)
  }

  50% {
    inset-inline-start: 96%;
    transform: rotate(8deg)
  }

  100% {
    transform: rotate(0);
    inset-inline-start: 8%
  }
}

@keyframes floating {
  0%, 100% {
    transform: scale(.9);
    opacity: .7
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes skeleton-lines {
  0% {
    background-position: 0
  }

  100% {
    background-position: 700px
  }
}

.qw-overflow-layout {
  overscroll-behavior: contain;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--scrollbar-ff-width)
}

.qw-scrollbar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--scrollbar-ff-width);
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color)
}

  .qw-scrollbar::-webkit-scrollbar {
    height: var(--scrollbar-size);
    width: var(--scrollbar-size)
  }

  .qw-scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color)
  }

  .qw-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 3px
  }

    .qw-scrollbar::-webkit-scrollbar-thumb:hover {
      background-color: var(--scrollbar-color-hover)
    }

    .qw-scrollbar::-webkit-scrollbar-thumb:active {
      background-color: var(--scrollbar-color-active)
    }

    .qw-scrollbar::-webkit-scrollbar-thumb:vertical {
      min-height: var(--scrollbar-minlength)
    }

    .qw-scrollbar::-webkit-scrollbar-thumb:horizontal {
      min-width: var(--scrollbar-minlength)
    }

  .qw-scrollbar::-webkit-scrollbar-corner {
    display: none
  }

.qw-shadow-0, .qw-shadow-none {
  box-shadow: none
}

.qw-shadow, .qw-shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.qw-shadow-2 {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.qw-shadow-3 {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.qw-shadow-4 {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.qw-shadow-5 {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.table-layout-fixed {
  table-layout: fixed
}

.clear-both {
  clear: both
}

.qw-survey_question-text, .sectionDescription h4 {
  margin: 0;
  margin-block-end: 16px;
  border: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: #1a1c1e
}

.conversation_pdf .qw-survey_question-text, .conversation_pdf h4 {
  page-break-inside: avoid
}

.qw-survey_scale {
  list-style: none;
  margin: 0;
  padding: 0
}

.qw-survey_radio {
  margin-inline-end: 4px
}

@media (max-width: 399px) {
  body:not(.conversation_pdf) .qw-legend-radio {
    margin-block-end: 0;
    border-width: 0;
    font-size: 14px;
    font-weight: 700
  }

  body:not(.conversation_pdf) .qw-survey_scale-choice {
    display: flex;
    padding-block: 4px;
    padding-inline: 0
  }

    body:not(.conversation_pdf) .qw-survey_scale-choice input {
      opacity: 0
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice label {
      display: inline-flex;
      position: relative;
      padding-inline-start: 8px;
      font-weight: 400;
      line-height: 16px
    }

      body:not(.conversation_pdf) .qw-survey_scale-choice label:hover {
        cursor: pointer
      }

    body:not(.conversation_pdf) .qw-survey_scale-choice input[disabled] ~ label:hover {
      cursor: not-allowed
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice label::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-inline-start: -13px;
      border: 1px solid #b2c0d2;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
      -o-transition: border .15s ease-in-out, color .15s ease-in-out;
      transition: border .15s ease-in-out, color .15s ease-in-out
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input:focus ~ label::before {
      box-shadow: 0 0 0 2px #9ec5f5;
      border-color: #6aa4f1;
      outline: 0
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input:checked ~ label::before {
      border-color: #0067e6
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input:checked ~ label::after, body:not(.conversation_pdf) .qw-survey_scale-choice input:not(:checked) ~ label::after {
      content: "";
      position: absolute;
      inset-block-start: 3px;
      inset-inline-start: 3px;
      display: inline-block;
      margin-inline-start: -13px;
      height: 10px;
      width: 10px;
      background-color: #0067e6;
      border-radius: 50%;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input:not(:checked) ~ label::after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input:checked ~ label::after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    body:not(.conversation_pdf) .qw-survey_scale-choice input[disabled]:checked ~ label::after, body:not(.conversation_pdf) .qw-survey_scale-choice input[disabled]:checked ~ label::before, body:not(.conversation_pdf) .qw-survey_scale-choice input[disabled] ~ label::after, body:not(.conversation_pdf) .qw-survey_scale-choice input[disabled] ~ label::before {
      opacity: .6;
      cursor: not-allowed
    }
}

@media (min-width: 400px) {
  body:not(.conversation_pdf) .qw-survey_scale.scale_text_short {
    clear: both;
    box-sizing: initial;
    display: flex;
    align-items: flex-end;
    background-color: transparent;
    border-radius: .25em
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_scale-choice {
    display: flex;
    flex: 1;
    flex-direction: column;
    text-align: center;
    position: relative
  }

  body:not(.conversation_pdf) .qw-survey_scale-2 .qw-survey_scale-choice {
    width: calc(100% / 2)
  }

  body:not(.conversation_pdf) .qw-survey_scale-3 .qw-survey_scale-choice {
    width: calc(100% / 3)
  }

  body:not(.conversation_pdf) .qw-survey_scale-4 .qw-survey_scale-choice {
    width: calc(100% / 4)
  }

  body:not(.conversation_pdf) .qw-survey_scale-5 .qw-survey_scale-choice {
    width: calc(100% / 5)
  }

  body:not(.conversation_pdf) .qw-survey_scale-6 .qw-survey_scale-choice {
    width: calc(100% / 6)
  }

  body:not(.conversation_pdf) .qw-survey_scale-7 .qw-survey_scale-choice {
    width: calc(100% / 7)
  }

  body:not(.conversation_pdf) .qw-survey_scale-nps .qw-survey_scale-choice {
    width: calc(100% / 11)
  }

  body:not(.conversation_pdf) .qw-survey_radio-label {
    margin-block-end: 0
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
  }

  body:not(.conversation_pdf) .qw-survey_radio:focus + .qw-survey_radio-label {
    z-index: 2
  }

  body:not(.conversation_pdf) .qw-survey_radio-label {
    font-weight: 400;
    font-size: 12px;
    color: #6a6f7c
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio-label span {
    opacity: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
  }

  .qw-survey_scale-nps body:not(.conversation_pdf) .scale_text_short .qw-survey_radio-label span {
    opacity: 1
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio-label:hover span, body:not(.conversation_pdf) .scale_text_short .qw-survey_radio:checked + .qw-survey_radio-label span, body:not(.conversation_pdf) .scale_text_short .qw-survey_scale-choice:first-child .qw-survey_radio-label span, body:not(.conversation_pdf) .scale_text_short .qw-survey_scale-choice:last-child .qw-survey_radio-label span {
    opacity: 1
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio-label:hover:after {
    background-color: #e1e3e5;
    content: "";
    font-family: FontAwesome
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio:checked + .qw-survey_radio-label:after {
    content: "";
    font-family: FontAwesome;
    background-color: #6a737b
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_scale:focus-within .qw-survey_radio-label:after {
    border-color: #f1f2f3
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio:focus + .qw-survey_radio-label:after {
    box-shadow: 0 0 0 2px rgba(48, 113, 182, .5);
    outline: 3px solid transparent
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_radio-label:after {
    content: "";
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    height: 50px;
    width: 100%;
    margin-block-start: 8px;
    background-color: #fff;
    border: 6px solid #f1f2f3;
    border-inline-start-width: 1px;
    border-inline-end-width: 1px
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_scale-choice:first-child .qw-survey_radio-label:after {
    border-inline-start-width: 6px;
    border-start-start-radius: 10em;
    border-end-start-radius: 10em
  }

  body:not(.conversation_pdf) .scale_text_short .qw-survey_scale-choice:last-child .qw-survey_radio-label:after {
    border-inline-end-width: 6px;
    border-start-end-radius: 10em;
    border-end-end-radius: 10em
  }

  body:not(.conversation_pdf) .na_option input:checked + label {
    background-color: #6a737b !important;
    color: #fff
  }
}

body:not(.conversation_pdf) .scale_text_long {
  border: 4px solid #f0f2f5;
  border-radius: 8px
}

  body:not(.conversation_pdf) .scale_text_long .qw-legend-radio {
    margin-block-end: 0;
    border-width: 0;
    font-size: 14px;
    font-weight: 700
  }

  body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice {
    display: flex;
    padding: 8px
  }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice:hover {
      background-color: #f6f7f9
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice:focus-within {
      background-color: #f6f7f9
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice + .qw-survey_scale-choice {
      border-block-start: 1px solid #f0f2f5
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input {
      opacity: 0
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice label {
      display: inline-flex;
      flex-grow: 1;
      position: relative;
      padding-inline-start: 8px;
      font-size: inherit;
      font-weight: 400;
      line-height: 16px
    }

      body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice label:hover {
        cursor: pointer
      }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input[disabled] ~ label:hover {
      cursor: not-allowed
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice label::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-inline-start: -13px;
      border: 1px solid #b2c0d2;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
      -o-transition: border .15s ease-in-out, color .15s ease-in-out;
      transition: border .15s ease-in-out, color .15s ease-in-out
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:focus ~ label::before {
      box-shadow: 0 0 0 2px #9ec5f5;
      border-color: #6aa4f1;
      outline: 0
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:checked ~ label::before {
      border-color: #0067e6
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:checked ~ label::after, body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:not(:checked) ~ label::after {
      content: "";
      position: absolute;
      inset-block-start: 3px;
      inset-inline-start: 3px;
      display: inline-block;
      margin-inline-start: -13px;
      border: 5px solid #0067e6;
      border-radius: 50%;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:not(:checked) ~ label::after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input:checked ~ label::after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input[disabled]:checked ~ label::after, body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input[disabled]:checked ~ label::before, body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input[disabled] ~ label::after, body:not(.conversation_pdf) .scale_text_long .qw-survey_scale-choice input[disabled] ~ label::before {
      opacity: .6;
      cursor: not-allowed
    }

.snapshot_container .qw-feed-post {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.qw-feed-post-goal.Departmental .qw-progress-bar {
  background-color: #29c28a
}

.qw-feed-post-goal .qw-feed-post-reason {
  text-transform: uppercase;
  letter-spacing: .03em
}

.qw-goal-icon.Organizational {
  color: #ffab00
}

.qw-goal-icon.Departmental {
  color: #29c28a
}

.qw-goal-icon.Individual {
  color: #3c88ec
}

.qw-goal-icon.Developmental {
  color: #3c88ec
}

.qw-app .qw-feed-post-header {
  position: relative;
  z-index: 3
}

@media (min-width: 768px) {
  .qw-feed-post-header {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .qw-app .qw-feed-post-header {
    align-items: start
  }
}

.qw-feed-post-recognition .qw-feed-post-header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.qw-app .qw-feed-post-recognition .qw-feed-post-header {
  align-items: start
}

.qw-feed-post-media {
  display: flex;
  align-items: flex-start
}

.qw-feed-post-body a, .qw-feed-post-footer .owner-comment-container a {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto
}

.qw-feed-post-footer .viewPreviousComments {
  padding: 0;
  margin-block-end: 8px
}

.qw-feed-post-footer .owner-comment-container, .qw-feed-post-footer .viewPreviousComments {
  font-size: .9em
}

  .qw-feed-post-footer .owner-comment-container a.reaction-link, .qw-feed-post-footer .viewPreviousComments a.reaction-link {
    color: #666f7a
  }

.qw-feed-post-footer.collapsing {
  height: 0;
  opacity: 0 !important
}

.qw-feed-post-footer.collapse.in {
  animation: fadeIn .3s ease-in;
  animation-fill-mode: forwards;
  z-index: 5
}

.qw-feed-post .likeComment, .qw-feed-post .likeCount, .qw-feed-secondary-notification .likeComment, .qw-feed-secondary-notification .likeCount {
  border-inline-start: 1px solid #b2c0d2;
  margin-inline-start: 4px;
  padding-inline-start: 4px
}

.likeCount {
  color: #0067e6
}

.qw-feed-post-multibadge {
  display: flex;
  flex-wrap: wrap;
  min-width: 56px;
  width: 56px
}

  .qw-feed-post-multibadge a {
    z-index: 1
  }

    .qw-feed-post-multibadge .qw-avatar-overflow-count, .qw-feed-post-multibadge a:nth-child(3n + 2), .qw-feed-post-multibadge a:nth-child(3n + 3) {
      margin-inline-start: -8px
    }

.qw-avatar-overflow-count {
  z-index: 1
}

.qw-feed-post-badge {
  color: #0067e6;
  z-index: 1
}

  .qw-feed-post-badge img {
    max-height: 56px
  }

.goal_tracking_container, .qw-feed-post-progress {
  flex-shrink: 0
}

@media (min-width: 768px) {
  .goal_tracking_container, .qw-feed-post-progress {
    width: 90px
  }
}

.qw-feed-post-title {
  color: #444950
}

  .qw-feed-post-title:hover {
    text-decoration: none
  }

.qw-feed-post-reason {
  color: #666f7a;
  font-size: 16px;
  font-weight: 400
}

.qw-feed-post-authorname {
  font-weight: 700
}

.qw-feed-post-thumbnail {
  max-height: 200px;
  max-width: 200px;
  overflow: hidden
}

  .qw-feed-post-thumbnail img {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto
  }

.qw-feed-post-key-result .decrease {
  color: #dd1331;
  font-weight: 700
}

.qw-feed-post-key-result .increase {
  color: #18865e;
  font-weight: 700
}

.qw-feed-post-edit {
  display: none
}

.qw-feed-post-metadata {
  color: #666f7a
}

.like-list {
  padding-block-start: 8px;
  margin-block-end: 8px;
  display: flex;
  gap: 4px
}

  .like-list:empty {
    padding: 0;
    margin: 0
  }

.qw-feed-post-actions a {
  color: #666f7a
}

.qw-feed-secondary-notification {
  color: #666f7a;
  font-size: .9em
}

  .qw-feed-secondary-notification .likePost .unlike {
    color: inherit
  }

  .qw-feed-secondary-notification .goal-page-only {
    display: inline
  }

.qw-like-panel {
  display: flex;
  gap: 4px;
  align-items: center
}

.qw-comment-reactions-container .dropdown-toggle, .qw-feed-post-actions .dropdown-toggle {
  color: #58606a
}

@media (min-width: 768px) {
  .qw-comment-reactions-container .dropdown-toggle, .qw-feed-post-actions .dropdown-toggle {
    display: none
  }
}

.qw-comment-reactions-container:focus-visible .btn-group, .qw-comment-reactions-container:focus-within .btn-group, .qw-feed-post-actions:focus-visible .btn-group, .qw-feed-post-actions:focus-within .btn-group {
  display: flex;
  align-items: center
}

.qw-comment-reactions-container:focus-visible .dropdown-toggle, .qw-comment-reactions-container:focus-within .dropdown-toggle, .qw-feed-post-actions:focus-visible .dropdown-toggle, .qw-feed-post-actions:focus-within .dropdown-toggle {
  display: block;
  color: #58606a
}

@media (min-width: 768px) {
  .qw-comment-reactions-container:hover .dropdown-toggle, .qw-feed-post-actions:hover .dropdown-toggle {
    display: none
  }
}

.post-reactions {
  border-radius: 16px;
  border: 1px solid #f0f2f5;
  left: -40px
}

@media (min-width: 768px) {
  .post-reactions {
    left: 0
  }
}

.post-reactions li ul {
  list-style: none;
  padding: 4px
}

.post-reactions li li {
  padding: 8px 12px;
  border-radius: 8px
}

  .post-reactions li li svg {
    animation: magnify .4s cubic-bezier(.42, 0, .58, 1);
    animation-fill-mode: forwards;
    transition: all .2s ease-in;
    width: 22px;
    height: 22px
  }

  .post-reactions li li:nth-child(1n) svg {
    animation-delay: .1s
  }

  .post-reactions li li:nth-child(2n) svg {
    animation-delay: .2s
  }

  .post-reactions li li:nth-child(3n) svg {
    animation-delay: .3s
  }

  .post-reactions li li:nth-child(4n) svg {
    animation-delay: .4s
  }

  .post-reactions li li:nth-child(5n) svg {
    animation-delay: .5s
  }

  .post-reactions li li:nth-child(6n) svg {
    animation-delay: .6s
  }

  .post-reactions li li:nth-child(7n) svg {
    animation-delay: .7s
  }

  .post-reactions li li:nth-child(8n) svg {
    animation-delay: .8s
  }

  .post-reactions li li:nth-child(9n) svg {
    animation-delay: .9s
  }

  .post-reactions li li:nth-child(10n) svg {
    animation-delay: 1s
  }

  .post-reactions li li:hover {
    cursor: pointer;
    background: #f6f7f9
  }

    .post-reactions li li:hover svg {
      transform: scale(1.2) translateY(-8px)
    }

.reaction-link > span {
  display: inline-flex;
  align-items: center;
  gap: 4px
}

.reaction-icon-list {
  display: flex;
  align-items: center
}

  .reaction-icon-list.reaction-comment-list .reaction-avatar {
    width: 16px;
    height: 16px;
    border-width: 1px
  }

@media (min-width: 768px) {
  .reaction-icon-list.reaction-comment-list .reaction-avatar + span.reaction-avatar {
    margin-left: -6px
  }
}

.reaction-avatar {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .7em;
  border: 2px solid #fff
}

  .reaction-avatar + span.reaction-avatar {
    margin-left: -12px
  }

@media (min-width: 768px) {
  .reaction-avatar + span.reaction-avatar {
    margin-left: -8px
  }
}

.reaction-avatar.reaction-avatar-lg {
  width: 24px;
  height: 24px
}

.reaction-avatar.reaction-avatar-status {
  position: absolute;
  right: -8px;
  bottom: -8px;
  font-size: var(--text-size-sm)
}

.qw-comment-author {
  margin-inline-end: 8px
}

.qw-comments {
  margin-block-end: 16px;
  padding: 16px
}

.qw-comment {
  display: flex;
  max-width: 50em
}

  .qw-comment .avatar {
    align-self: flex-start
  }

.qw-comment-top-level:not(:last-child) {
  margin-block-end: 16px
}

.qw-comment-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto
}

.qw-comment-reply {
  padding-block-start: 16px
}

.qw-comment-author {
  font-weight: 700
}

.qw-comment-metadata {
  display: inline-block;
  color: #6a737b
}

  .qw-comment-metadata > * {
    display: inline-block;
    margin-inline-end: 8px
  }

.qw-comment-text p {
  margin-block-end: 0
}

  .qw-comment-text p:not(:last-child) {
    margin-block-end: 8px
  }

.qw-comment-text a {
  text-decoration: underline
}

.qw-comment-action {
  margin-inline-end: 4px
}

.qw-comment-action {
  color: #6a737b
}

.qw-comment-action-danger {
  color: #bd2d28
}

.qw-comment-textarea {
  padding-block: 6px;
  padding-inline: 12px;
  flex-grow: 1;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  font-size: 14px;
  box-shadow: none
}

.qw-comment-input-group {
  position: relative;
  display: flex;
  align-items: flex-end;
  background-color: #fff;
  border: 1px solid #c2c7cb;
  border-radius: 4px
}

.btn-post-comment {
  background-color: transparent;
  color: #94a4b8;
  flex-shrink: 0
}

  .btn-post-comment:focus, .btn-post-comment:hover, .qw-comment-textarea:focus + .btn-post-comment {
    color: #347ec0
  }

.snapshot-scroll-container {
  position: relative
}

@media all and (-ms-high-contrast: none) {
  .snapshot-scroll-container {
    margin-inline-end: 16px
  }
}

@media (max-width: 992px) {
  .qw-snapshot-header .qw-snapshot-close h5 {
    display: none !important
  }
}

.qw-feature_name {
  font-size: var(--text-size-micro)
}

.qw-conversation-snap-position {
  display: none
}

.qw-one-on-one-layout .qw-conversation-snap-position {
  display: none;
  position: absolute;
  inset-inline-end: 100%;
  top: 50%;
  transform: translateY(-50%)
}

@media (min-width: 1200px) and(max-width: 1600px) {
  .qw-one-on-one-layout .qw-conversation-snap-position {
    display: block
  }
}

.qw-one-on-one-layout .qw-conversation-snap-position .qw-snap-icon-right {
  display: none
}

.qw-one-on-one-layout .qw-conversation-snap-position a {
  border-radius: 8px 0 0 8px;
  padding: 24px 6px;
  border-right: 4px solid #004094
}

  .qw-one-on-one-layout .qw-conversation-snap-position a:active, .qw-one-on-one-layout .qw-conversation-snap-position a:focus {
    background: #004094
  }

.qw-one-on-one-layout .qw-snap-left .qw-conversation-snap-position {
  inset-inline-end: auto;
  inset-inline-start: 100%
}

.qw-one-on-one-layout .qw-snap-left a {
  border-radius: 0 8px 8px 0;
  padding: 24px 6px;
  border-right: 0;
  border-left: 4px solid #004094
}

.qw-one-on-one-layout .qw-snap-left .qw-snap-icon-left {
  display: none
}

.qw-one-on-one-layout .qw-snap-left .qw-snap-icon-right {
  display: inline-block
}

#FixedPanel {
  position: fixed;
  inset-block-start: 0;
  width: 30%;
  height: 100%;
  z-index: 1001;
  min-width: 420px;
  inset-inline-end: -9999em;
  opacity: 0;
  transition: all .3s ease
}

@media (min-width: 768px) {
  #FixedPanel {
    min-width: 30rem
  }
}

@media (max-width: 991px) {
  .qw-app #FixedPanel {
    width: 100%
  }
}

.qw-app #FixedPanel.slideIn {
  opacity: 1;
  inset-inline-end: 0
}

@media (min-width: 992px) {
  .qw-app #FixedPanel.slideIn {
    width: 100%
  }
}

@media (min-width: 1200px) {
  .qw-app #FixedPanel.slideIn {
    width: 40rem;
    box-shadow: -8px 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06);
    border-left: 4px solid #f6f7f9
  }
}

@media (min-width: 1600px) {
  .qw-app #FixedPanel.slideIn {
    position: sticky;
    width: 40rem;
    border: 0
  }
}

.qw-app #FixedPanel.slideIn.qw-snap-left {
  inset-inline-start: 0;
  box-shadow: 8px 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06)
}

@media (min-width: 1200px) {
  .qw-app #FixedPanel.slideIn.qw-snap-left {
    inset-inline-start: 220px;
    border-left: 0;
    border-right: 4px solid #f6f7f9
  }
}

#FixedPanel .summary_score_row .profile-page {
  display: none
}

#FixedPanel .fixed-panel-fullwidth {
  width: 100% !important
}

#FixedPanel .tab-pane .panel-body {
  padding: 15px
}

  #FixedPanel .tab-pane .panel-body.recent-activity {
    padding-block-start: 0
  }

#FixedPanel .well {
  background: #f0f2f5;
  border-radius: 4px;
  border-color: transparent;
  margin-block-end: 10px;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .05)
}

#FixedPanel .table td {
  background: #fff
}

#FixedPanel .table tr:last-child td {
  border-block-end: 0 !important
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  #FixedPanel .tab-content .tab-pane {
    padding-block: 10px 160px;
    padding-inline: 15px
  }
}

#FixedPanel .tab-content h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin-block: 15px 5px;
  margin-inline: 0
}

#FixedPanel .elaborate_preview, #FixedPanel .elaborate_preview + .required.helper, #FixedPanel .owner-comment-edit-container {
  display: none
}

#FixedPanel .qw-fixedpanel-fullwidth {
  inset-inline: 0;
  width: 100% !important
}

#FixedPanel .qw-fixedpanel-hidden {
  display: none !important
}

#FixedPanel .nav-tabs a {
  border-radius: 4px 4px 0 0
}

#FixedPanel .nav-tabs {
  padding-block: 4px 0;
  padding-inline: 0;
  clear: both;
  margin: 0;
  margin-block-start: -4px;
  background: 0 0;
  position: sticky;
  inset-block-start: -8px;
  z-index: 5
}

#FixedPanel .well .nav-tabs {
  padding-block: 10px 0;
  padding-inline: 0
}

#FixedPanel .bullet-point-review {
  padding-block: 0;
  padding-inline: 20px 0;
  margin: 0
}

  #FixedPanel .bullet-point-review > li {
    padding-block-end: 5px
  }

#FixedPanel .post_panel {
  padding-block: 10px 0;
  padding-inline: 0;
  clear: both
}

  #FixedPanel .post_panel p {
    font-size: 12px;
    margin-block-start: 7px
  }

    #FixedPanel .post_panel p.key_result {
      margin-block: 2px 0;
      margin-inline: 0
    }

#FixedPanel .panel {
  box-shadow: none
}

#FixedPanel .bullet-point-review .createcommentform {
  display: none
}

#FixedPanel .nav-tabs > li > a {
  margin-block-end: 0
}

#FixedPanel .tab-content .tab-pane {
  background: #fff
}

#FixedPanel #privatenotes .modal-allow-overflow {
  min-height: 60vh
}

#FixedPanel .fixed-panel-full-width {
  width: 100%;
  inset-inline: 0
}

#FixedPanel .panel-body .tab-content {
  background: #fff
}

.qw-snapshot-panel .snapshot-scroll-container {
  height: 49vh;
  overflow: auto
}

#FixedPanel .user_attributes {
  display: none;
  padding: 0
}

#FixedPanel .date-range-container {
  margin-block-start: 0
}

#FixedPanel .date-range-footer {
  margin: 0;
  display: none
}

  #FixedPanel .date-range-footer p {
    font-weight: 700;
    font-size: 14px;
    color: #58606a
  }

#FixedPanel .empty-space-btn {
  display: none
}

.SessionUserIsManager #FixedPanel {
  inset-inline-start: -110%
}

.SessionUserIsNotManager #FixedPanel {
  inset-inline-end: -110%
}

.SessionUserIsManager #FixedPanel.slideIn {
  inset-inline-start: 0;
  -webkit-animation: slideActRight .5s forwards ease-in-out;
  animation: slideActRight .5s forwards ease-in-out
}

.SessionUserIsNotManager #FixedPanel.slideIn {
  inset-inline-start: auto;
  inset-inline-end: 0;
  -webkit-animation: slideActLeft .5s forwards;
  animation: slideActLeft .5s forwards
}

#FixedPanel.slideIn {
  animation: fadeInFromRight .8s forwards ease-in-out
}

@media (min-width: 1600px) {
  #FixedPanel.slideIn {
    animation: fadeInFromRightXL 1s forwards ease-in-out
  }
}

#FixedPanel table .col-md-9 p {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto
}

#FixedPanel table p a {
  word-break: break-all
}

#ProvideFeedback #FixedPanel {
  inset-inline-end: -110%
}

  #ProvideFeedback #FixedPanel.slideIn {
    inset-inline-end: 0;
    -webkit-animation: slideActLeft .5s forwards;
    animation: slideActLeft .5s forwards
  }

#FixedPanel .nav-tabs > li > a {
  padding-block: 16px;
  padding-inline: 4px
}

#FixedPanel .nav-tabs > li:last-child > a {
  margin-inline-end: 0
}

#FixedPanel .nav-tabs > li > a:hover {
  background: rgba(255, 255, 255, .6)
}

  #FixedPanel .nav-tabs > li > a:hover i {
    color: #868f97
  }

#FixedPanel .panel-body p.date-range {
  margin: 0;
  font-weight: 700;
  background-color: #428bca;
  font-size: 10px;
  padding-block: 5px;
  padding-inline: 13px;
  color: #fff
}

#FixedPanel .tab-pane .nav-tabs {
  margin-block-end: 0
}

#FixedPanel .nav-tabs li {
  text-align: center;
  width: 50%
}

  #FixedPanel .nav-tabs li i {
    float: none;
    text-align: center;
    display: block;
    margin: 0;
    width: 100%
  }

  #FixedPanel .nav-tabs li span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-block-start: 3px;
    display: block
  }

#FixedPanel .panel-header {
  background: #eaf5fc;
  position: relative;
  border-block-end: 1px solid #b7d5ed;
  max-height: 15%
}

#FixedPanel .panel-body {
  height: auto;
  min-height: unset;
  padding: 0;
  overflow: auto
}

@media (min-width: 992px) {
  #FixedPanel .panel-body .snapshot-scroll-container {
    overflow: auto;
    min-height: 49vh;
    padding-block-end: 24px !important
  }
}

#FixedPanel .panel-body .snapshot-scroll-container .tab-pane {
  padding-block-end: 80px
}

@media (min-width: 1600px) {
  #FixedPanel .panel-body .snapshot-scroll-container .tab-pane {
    padding-block-end: 0
  }
}

@media (max-width: 992px) {
  #PerformanceConversation > #FixedPanel {
    inset-block-start: 0;
    margin-block-start: 0;
    z-index: 3005;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
  }
}

#FixedPanel .panel-header .close {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 10px
}

#FixedPanel .panel-header h3 {
  margin: 0;
  padding: 10px;
  color: #2f3132;
  font-weight: 900;
  font-size: 20px
}

#FixedPanel .progress.current-sr {
  display: block;
  margin-block: 1px;
  margin-inline: 0
}

#FixedPanel .high-chart {
  height: 80px;
  margin-inline-start: -15px;
  width: 100%
}

.snapshot_container .nav > li:last-child > a {
  margin-inline-end: 0
}

.snapshot_container .nav > li > a:hover {
  background: rgba(255, 255, 255, .6)
}

  .snapshot_container .nav > li > a:hover i {
    color: #7e8b9a
  }

.snapshot_container .tab-pane .nav-tabs {
  margin-block-end: 0
}

.snapshot_container .nav-tabs li {
  text-align: center;
  width: 50%
}

  .snapshot_container .nav-tabs li i {
    float: none;
    text-align: center;
    display: block;
    margin: 0;
    width: 100%
  }

#FixedPanel .nav-tabs > li.active > a, #FixedPanel .nav-tabs > li.active > a:focus, #FixedPanel .nav-tabs > li.active > a:hover, .snapshot_container .nav-tabs > li.active > a, .snapshot_container .nav-tabs > li.active > a:focus, .snapshot_container .nav-tabs > li.active > a:hover {
  background: #fff;
  border: 0;
  border-block-end: 1px solid #fff;
  border-radius: 0
}

.snapshot_container .nav-tabs > li:first-child a {
  border-radius: 8px 0 0 0
}

.snapshot_container .nav-tabs > li:last-child a {
  border-radius: 0 8px 0 0
}

.snapshot_container .nav-tabs > li.active a, .snapshot_container .nav-tabs > li.active:first-child .snapshot_container .nav-tabs > li.active:last-child a {
  border-radius: 0
}

  .snapshot_container .nav-tabs > li.active a:before, .snapshot_container .nav-tabs > li.active:first-child .snapshot_container .nav-tabs > li.active:last-child a:before {
    content: "";
    position: absolute;
    inset-block-start: -4px;
    inset-inline: 0;
    height: 4px;
    border-radius: 8px 8px 0 0;
    background: #6aa4f1
  }

.snapshot_container .nav-tabs {
  padding: 0;
  border-radius: 8px 8px 0 0;
  clear: both;
  border-block-end-color: #c3dbf9
}

  #FixedPanel .nav-tabs li, .snapshot_container .nav-tabs li {
    float: left;
    background: #ddecfd;
    min-height: 70px
  }

    .snapshot_container .nav-tabs li span {
      display: none
    }

  #FixedPanel .nav-tabs a span, #FixedPanel .nav-tabs > li > a, .snapshot_container .nav-tabs a span, .snapshot_container .nav-tabs > li > a {
    font-size: 11px;
    height: 100%
  }

.snapshot_container .elaborate_preview {
  display: none
}

.snapshot_container p.shared, .snapshot_container p.signed {
  white-space: unset
}

.snapshot_container .explore-goals {
  display: none
}

.snapshot_container .goal_box {
  border-block-end: 1px solid #d7dde5;
  padding-block: 10px 5px;
  padding-inline: 10px
}

  .snapshot_container .goal_box .fa-bullseye, snapshot_container .goal_box .fa-leaf {
    position: absolute;
    inset-inline-start: 2px;
    inset-block-start: 3px
  }

  .snapshot_container .goal_box h4 {
    color: #444950;
    font-weight: 700;
    font-size: 1.1em;
    margin-block: 4px;
    margin-inline: 0;
    padding-inline-start: 20px;
    position: relative
  }

    .snapshot_container .goal_box h4 a {
      padding-inline-start: 4px
    }

  .snapshot_container .goal_box h5 {
    text-transform: uppercase;
    font-weight: 900;
    color: #7e8b9a;
    font-size: .9em
  }

  .snapshot_container .goal_box > p {
    font-size: 11px;
    text-transform: uppercase;
    margin-block: 10px 0;
    margin-inline: 0;
    color: #666f7a
  }

    .snapshot_container .goal_box > p span {
      font-size: 15px;
      font-weight: 900;
      display: inline-block;
      margin-block: 0;
      margin-inline: 4px;
      line-height: 10px
    }

    .snapshot_container .goal_box > p i {
      float: none;
      margin: 0;
      font-size: 13px;
      display: inline-block
    }

.snapshot_container .balanced_container {
  background: #fff;
  position: relative;
  z-index: 10001
}

.snapshot_container .add_comment_toggle, .snapshot_container .comment-container, .snapshot_container .owner-comment-edit-container, .snapshot_container .qw-hideinsnapshot {
  display: none
}

.snapshot_container .loadingBox .loading:after {
  inset-block-end: 5px;
  inset-inline-start: 0;
  width: 100%;
  content: ""
}

.snapshot_container .loadingBox .loading > div {
  height: 17px;
  background: #d7dde5
}

.snapshot_container .privatenotesform {
  max-width: 100ch
}

.snapshot_container .loadingBox .loading {
  position: absolute !important;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  transform: translateX(-50%)
}

.snapshot_container .list_container .panel .panel, .snapshot_container .list_container .panel-body {
  margin: 0;
  padding: 0
}

.snapshot_container .createcommentform, .snapshot_container .goal_explorer_options, .snapshot_container .trend_chart_container .chart-data {
  display: none
}

.snapshot_container .recognition_chart_container .trend_chart_container {
  display: block;
  position: relative;
  width: 100%;
  margin: 0
}

.snapshot_container button.close {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 10px;
  z-index: 2
}

.snapshot_container.modal-content {
  background: #0067e6;
  background: radial-gradient(at center, #0067e6 50%, #001b3d);
  box-shadow: none;
  border: 0;
  padding-block-end: 0;
  width: 100%;
  border-radius: 16px;
  overflow: hidden
}

@media (min-width: 992px) {
  .snapshot_container.modal-content .modal-header .qw-avatar {
    border: 8px solid #fff
  }
}

#FixedPanel .qw-hide-fixed {
  display: none !important
}

#FixedPanel .snapshot_container.modal-content {
  padding-block-end: 0;
  height: 100%;
  border-radius: 0;
  margin-block-start: 0 !important;
  overflow: visible;
  top: 50%;
  transform: translateY(-50%)
}

.snapshot_container .modal-header {
  border: 0
}

.snapshot_container:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  height: initial;
  background-color: transparent;
  background-image: url(/img/splashheader_bg.svg);
  background-attachment: fixed;
  background-size: cover;
  mix-blend-mode: color-dodge;
  z-index: 0
}

.snapshot_container > .modal-body {
  padding-block: 0 16px;
  padding-inline: 0;
  background: #fff;
  border: none;
  margin: 0;
  min-height: 530px;
  border-radius: 8px 8px 0 0
}

#FixedPanel .snapshot_container > .modal-body {
  padding-block: 0 40px;
  padding-inline: 0;
  background: 0 0;
  border: none;
  margin: 0;
  padding-block-start: 4px;
  flex-grow: 1;
  display: flex;
  flex-direction: column
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  #FixedPanel .snapshot_container > .modal-body {
    background: #fff
  }
}

.qw-app #FixedPanel .snapshot_container > .modal-body {
  border-radius: 4px 4px 0 0
}

.snapshot_container .modal-header h2.modal-title {
  padding: 0;
  margin: 0;
  color: #f1f7fe;
  font-size: 20px
}

.snapshot_container .col-fixedpanel-12 {
  width: 100%
}

.snapshot_container .user_attributes {
  display: none
}

.snapshot_container .trended-recognition, .snapshot_container .trended-recognition svg {
  width: 100% !important;
  height: 190px !important;
  position: relative
}

.recognition-card-quote a {
  word-wrap: break-word;
  word-break: break-all
}

.snapshot_container .highcharts-container {
  width: 100% !important
}

.snapshot_container .modal-header h4 {
  font-weight: 400;
  margin: 0;
  padding-block: 0 8px;
  padding-inline: 0;
  color: #fff;
  font-size: 18px
}

.snapshot_container .modal-header label {
  color: #c3dbf9;
  font-size: 14px;
  display: inline-block !important
}

#FixedPanel .snapshot_container .modal-header .bg_line h3 {
  font-size: 16px
}

.snapshot_container .modal-header .bg_line p.text-warning {
  color: #dcc009
}

.snapshot_container a.row_toggle {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  background: url(/img/trans.png)
}

.hover_row:hover .icon i {
  color: #3582c4
}

.snapshot_container .connector > .hover_row {
  border-block-start: 1px solid;
  border-block-end: 1px solid;
  border-color: transparent
}

  .snapshot_container .connector > .hover_row:hover {
    background: #f6f7f9;
    border-block-start: 1px dashed;
    border-block-end: 1px dashed;
    border-color: #d7dde5
  }

    .snapshot_container .connector > .hover_row a.jump-to-link:focus, .snapshot_container .connector > .hover_row a:focus + a, .snapshot_container .connector > .hover_row:hover a.jump-to-link {
      opacity: 1
    }

.snapshot-bottom-border {
  border-block-end: 1px solid #d7dde5
}

.snapshot_container .badge-summary-box {
  text-align: center
}

.snapshot_container .goal_box-body .post_panel {
  border-block-start: 2px dotted #d7dde5;
  padding-block-start: 8px
}

.snapshot_container #profile-image a i {
  display: none
}

.snapshot-award {
  color: #6aa4f1;
  font-weight: 900;
  padding-inline-start: 4px
}

.snapshot_container .sectionDescription {
  text-align: center;
  white-space: pre-line
}

#FixedPanel .snapshot_container .modal-footer, .snapshot_container .modal-footer {
  border: none;
  padding: 0;
  text-align: start
}

.qw-app #FixedPanel .snapshot_container .modal-footer, .qw-app .snapshot_container .modal-footer {
  padding-block: 0;
  padding-inline: 16px
}

#FixedPanel .snapshot_container .recent-activity-only, .snapshot_container .full-snapshot-only {
  display: block
}

.snapshot_container .qw-snapshotonly-inline-block {
  display: inline-block
}

#FixedPanel .full-snapshot-only, .snapshot_container .recent-activity-only {
  display: none
}

.snapshot_container #CollectingFeedback h2 {
  margin-block-start: 0
}

.snapshot_container .explorer-progress-container {
  position: relative
}

.snapshot_container a.btn-updategoal {
  display: none !important
}

#FixedPanel .snapshot_container .goal_tracking_container, .snapshot_container .goal_tracking_container {
  width: 90px !important
}

.snapshot_container .no-tracking {
  display: block;
  background: #d7dde5;
  border-radius: 4px;
  text-align: center;
  height: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  position: relative
}

.snapshot_container .org-goals h4 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4em;
  margin: 0;
  text-align: start;
  position: relative
}

.snapshot_container .org-goals em {
  color: #666f7a;
  word-break: break-word
}

.snapshot_container .app_icon, .snapshot_container .currentPosts .post {
  background: #fff
}

.snapshot_container .qw-table tr.collapse td {
  max-width: 1px
}

.conversation-container {
  display: flex
}

.qw-default-snapshot .qw-addon-hidden {
  display: none
}

#FixedPanel .conversation-container {
  display: block
}

  #FixedPanel .conversation-container h2, .conversation-container h2 {
    display: none
  }

.list_container > .connector:last-child p.meta_data {
  border-block-end: 0
}

.connector #PerformanceConversation .segment_selector, .list_container > .connector:last-child::before {
  display: none
}

.list_container .panel {
  border: 0;
  padding-block: 10px;
  padding-inline: 0;
  box-shadow: none
}

.list_container .commentContainer, .list_container .commentContainer li {
  border: 0
}

  .list_container .commentContainer li {
    padding-block: 4px !important;
    padding-inline: 0 !important
  }

  .list_container .commentContainer span.owner-comment-value, .list_container .post-meta {
    padding-inline-start: 30px
  }

.list_container .panel h5 {
  margin-block: 0 5px;
  margin-inline: 0;
  font-size: 12px;
  font-weight: 400
}

.snapshot_container .list_container .nav-tabs {
  margin: 0
}

  .snapshot_container .list_container .nav-tabs a {
    font-weight: 700;
    font-size: 14px
  }

.snapshot_container .list_container .panel {
  margin-block-end: 0
}

.snapshot_container .list_container .commentContainer span.owner-comment-value, .snapshot_container .list_container .post-meta {
  padding-inline-start: 0
}

.snapshot_container .goal_child_tree .goal_tree_container:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  inset-inline-start: -25px;
  inset-block-start: 0;
  display: block;
  background: #9ec5f5
}

.snapshot_container .no-providers {
  text-align: center;
  background: #d7dde5;
  padding: 5px;
  margin-block: 0;
  margin-inline: 80px;
  border-radius: 4px;
  font-weight: 700;
  color: #58606a
}

.shared-side > .panel {
  border-block-start: 1px solid #d7dde5;
  border-radius: 0
}

.shared-side .combined-label {
  display: block !important;
  visibility: visible !important
}

.shared-side .single-label {
  display: none !important
}

.shared-side .bullet-point-review {
  list-style: none;
  padding-inline-start: 0 !important
}

  .shared-side .bullet-point-review .media.comment {
    padding-inline-start: 40px;
    padding-block-start: 8px
  }

.snapshot_container #PerformanceConversation h5 {
  font-size: 12px;
  line-height: 1.4em;
  margin-inline-start: 35px !important;
  position: relative;
  margin-block-start: 2px;
  font-weight: 400
}

.date-range-container {
  display: block;
  padding: 0;
  margin-block-start: 10px
}

  .date-range-container label {
    margin-block-end: 4px
  }

  .date-range-container .dateRangeInput {
    margin-block-end: 0
  }

.snap_info_container .dateRangeInput {
  display: block;
  background: #0067e6;
  padding-block: 4px;
  padding-inline: 8px;
  border-color: #fff;
  color: #fff
}

  .snap_info_container .dateRangeInput span {
    font-size: var(--text-size-h4);
    color: #fff
  }

.date-range-footer {
  padding: 10px;
  background: #ddecfd;
  border: 1px solid #ddecfd;
  border-radius: 0 0 8px 8px
}

  .date-range-footer label, .date-range-footer p {
    font-weight: 700;
    font-size: 14px;
    color: #58606a
  }

@media (min-width: 520px) {
  .snapshot_container .modal-header label {
    font-size: 16px
  }

  .snapshot_container .modal-header .bg_line p {
    font-size: 16px
  }

  .snapshot_container .modal-header h2.modal-title {
    font-size: 22px
  }

  #FixedPanel .snapshot_container .modal-header label {
    font-size: 14px
  }

  #FixedPanel .snapshot_container .modal-header h2.modal-title {
    font-size: 20px
  }

  #FixedPanel .snapshot_container .modal-header h4 {
    font-size: 16px
  }
}

@media (min-width: 580px) {
  .snapshot_container .user_attributes {
    display: flex;
    margin: 0;
    padding-block: 0 10px;
    padding-inline: 0;
    flex-wrap: wrap;
    row-gap: 8px
  }

    .snapshot_container .user_attributes li {
      margin-right: 8px
    }

  .snapshot_container .nav-tabs li span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-block-start: 3px;
    display: block
  }
}

@media (max-width: 767px) {
  .snapshot_container h2 {
    font-size: 22px
  }

  #FixedPanel .nav-tabs > li > a {
    font-size: 11px;
    height: 100%;
    background: 0 0;
    margin-inline-end: 0
  }

  #FixedPanel {
    inset-block-start: 0;
    width: 100%;
    min-width: 0;
    border: 0 !important
  }

    #FixedPanel .panel-body, #FixedPanel .panel-header {
      padding: 10px 0;
      padding-inline: 10px
    }
}

@media (min-width: 768px) {
  .snapshot_container.modal-content {
    padding-block-end: 15px
  }

  .snapshot_container > .modal-body {
    margin-block: 0;
    margin-inline: 15px
  }

  .snapshot_container .modal-footer {
    padding-block: 0;
    padding-inline: 15px
  }

  #PerformanceConversation > #FixedPanel {
    min-width: 560px
  }

  #FixedPanel .nav-tabs li {
    min-width: 70px
  }

  #FixedPanel .tab-content .tab-pane {
    background: 0 0
  }
}

@media (min-width: 768px) and(max-width: 991px) {
  #FixedPanel .snapshot_container > .modal-body {
    padding-block: 0 65px;
    padding-inline: 0
  }
}

@media (min-width: 992px) {
  .snapshot_container .connector > .hover_row a.jump-to-link {
    opacity: .6
  }

  .snapshot_container .qw-sticky-to-nav {
    position: relative;
    inset-block-start: auto
  }
}

@media (min-width: 1200px) {
  .snapshot_container .explorer-progress-container {
    width: 100%
  }

  .snapshot_container .user_attributes li {
    margin-block-end: 0
  }

  .snapshot_container .nav-tabs a span, .snapshot_container .nav-tabs > li > a {
    font-size: 12px;
    border: 0
  }

  .snapshot_container .top_line_icon .btn-primary {
    padding-block: 3px;
    padding-inline: 0
  }

  .snapshot_container .modal-header .bg_line p {
    font-size: 18px
  }

  .snap_info_container .dateRangeInput {
    display: block
  }

  .snapshot_container .employee-side.EmployeeTabPane, .snapshot_container .manager-side.ManagerTabPane {
    display: block;
    width: 100%;
    border: none
  }

  .conversation-container h2 {
    display: block;
    background: #ddecfd;
    padding: 5px;
    font-size: 20px;
    border-block-end: 4px solid #c3dbf9;
    border-radius: 6px;
    border-end-start-radius: 0;
    border-end-end-radius: 0
  }

  .date-range-container {
    display: inline-block;
    padding-inline-start: 15px;
    margin-block-end: 5px;
    margin-block-start: 0
  }

  #FixedPanel .date-range-container {
    display: inline-block;
    padding-inline-start: 0;
    margin-block-end: 0
  }

  #FixedPanel .bg_line.no-box-shadow {
    box-shadow: none !important
  }

  #FixedPanel .date-range-footer .dateRangeInput {
    margin-inline-start: 0
  }

  #FixedPanel .conversation-tabbed-view .tab-content > .tab-pane {
    display: none
  }

  #FixedPanel .conversation-tabbed-view .tab-content > .active {
    display: block;
    width: 100%
  }

  #FixedPanel #oneonone .nav-tabs {
    display: flex
  }

  #FixedPanel .conversation-tabbed-view h1 {
    display: none
  }
}

@media (min-width: 992px) and(max-width: 1498px) {
  .flex-feedback-container #FixedPanel .modal-header h2.modal-title {
    font-size: 20px
  }

  .flex-feedback-container #FixedPanel .modal-header h4 {
    font-size: 18px
  }

  .flex-feedback-container #FixedPanel .modal-header .bg_line p, .flex-feedback-container #FixedPanel .modal-header label {
    font-size: 14px
  }
}

.daterangepicker {
  z-index: 4001
}

.btn-tab-toggle {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

  .btn-tab-toggle .btn {
    border-radius: 16px;
    border-color: #f6f7f9
  }

  .btn-tab-toggle li.active .btn {
    background: #58606a;
    border-color: #58606a;
    color: #fff
  }

  .btn-tab-toggle li:first-child {
    margin-right: -1px
  }

    .btn-tab-toggle li:first-child .btn {
      border-start-end-radius: 0;
      border-end-end-radius: 0
    }

  .btn-tab-toggle li:last-child .btn {
    border-start-start-radius: 0;
    border-end-start-radius: 0
  }

.datavis-talentreview_box {
  color: #fff;
  padding: 16px;
  border-radius: 16px;
  height: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f2f5;
  margin-bottom: 8px
}

  .datavis-talentreview_box.datavis-performance {
    border-color: #01a6bc;
    background: #01a6bc
  }

  .datavis-talentreview_box.datavis-growth {
    border-color: #6625c4;
    background: #6625c4
  }

  .datavis-talentreview_box.qw-low-risk {
    background: #f6f7f9
  }

  .datavis-talentreview_box.qw-medium-risk {
    background: #f1c21b;
    color: #1a1c1e
  }

  .datavis-talentreview_box.qw-high-risk {
    background: #dd1331;
    color: #fff
  }

body, html {
  height: 100%
}

a {
  cursor: pointer
}

html {
  scroll-behavior: smooth;
  font-size: 16px
}

body {
  background: #f0f2f5;
  -webkit-font-smoothing: antialiased;
  color: #34383c;
  font-display: swap;
  font-size: var(--text-size-base)
}

[hidden] {
  display: none
}

.skip-to-content {
  inset-block-start: -10em;
  inset-inline-start: 50%;
  position: fixed;
  padding: 8px;
  background-color: #fff;
  z-index: 3005
}

  .skip-to-content:focus {
    inset-block-start: 0
  }

@media (min-width: 768px) {
  .qw-btn-feature-post {
    font-size: var(--text-size-h4);
    padding-block: 8px;
    padding-inline: 16px
  }
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: .8 !important
}

.qw-note-card {
  background: #f6f7f9;
  margin-block-end: 16px;
  border-radius: 0 0 16px 16px;
  border: none
}

.check-in-combined .qw-note-card, .shared_bulletpoint .qw-note-card {
  margin-block-end: 0
}

.conversation_done .qw-note-card {
  border-radius: 4px
}

.qw-home-masthead {
  background: #fff;
  padding-block-end: 0;
  position: relative;
  overflow: hidden;
  z-index: 1
}

  .qw-home-masthead:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    height: 8px;
    background: #004094
  }

.lh-2em {
  line-height: 2em
}

.mw-6em {
  min-width: 6em
}

.qw-mw-10 {
  min-width: 10%
}

.mw-1400 {
  max-width: 1400px
}

.mh-100 {
  min-height: 100px
}

.mh-150 {
  min-height: 150px
}

.mh-200 {
  min-height: 200px
}

.position-relative, .relative {
  position: relative
}

button::-moz-focus-inner {
  border: 0
}

p.owner-post-value {
  white-space: pre-line;
  word-break: break-word
}

.pop-image {
  display: inline-block;
  position: relative
}

.popover-image-container {
  background: 0 0;
  max-width: 100% !important;
  box-shadow: none;
  padding: 0 !important;
  width: 400px
}

  .popover-image-container .popover-content {
    padding: 0 !important;
    background: #fff
  }

  .popover-image-container img {
    display: block;
    width: 100% !important;
    height: 240px !important;
    margin-block: 0 !important;
    margin-inline: auto !important;
    box-shadow: 0 3px 6px 1px rgba(107, 107, 107, .45);
    float: none !important
  }

.confirm_modal_close {
  visibility: hidden;
  opacity: 0;
  height: 0;
  position: absolute;
  text-align: center;
  background: #f0f2f5;
  z-index: 5;
  transition: opacity .2s ease-out
}

  .confirm_modal_close.visible {
    height: 100%;
    width: 100%;
    padding: 30px;
    transition: opacity .2s ease-out;
    opacity: 1;
    visibility: visible
  }

  .confirm_modal_close h2 .fa-close {
    z-index: 5;
    color: #f0f2f5;
    margin-block-start: 8px
  }

  .confirm_modal_close h4 {
    margin-block: 0 30px;
    margin-inline: -30px;
    padding-block: 0 15px;
    padding-inline: 45px;
    border-block-end: 2px groove #fff
  }

.add-inline-form .closeaddparticipants, .add-inline-form .hire-month, .qw-hidden {
  display: none
}

.private-notes .hide-when-private {
  transition: opacity .3s ease-out;
  opacity: 1;
  height: 240px !important;
  padding-block: 6px;
  padding-inline: 12px;
  border: 1px solid #b2c0d2
}

#privatenotes .modal-allow-overflow {
  padding-block: 15px;
  padding-inline: 0
}

  #privatenotes .modal-allow-overflow .qw-agenda-note-response textarea {
    border: 0;
    box-shadow: none;
    background: 0 0
  }

  #privatenotes .modal-allow-overflow ul.inbox {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-auto-rows: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 16px;
    grid-row-gap: 8px
  }

    #privatenotes .modal-allow-overflow ul.inbox li {
      display: flex;
      flex-direction: column;
      background-color: #fff;
      flex: 0 1 100%
    }

#privatenotes .privateNotesBody .loadingBox .loading {
  position: relative !important;
  inset-inline-start: auto;
  inset-block-start: auto;
  padding: 15px;
  width: 100%;
  height: auto;
  margin-block-start: -1px
}

  #privatenotes .privateNotesBody .loadingBox .loading:after {
    inset-block-end: 5px;
    inset-inline-start: 0;
    width: 100%;
    content: ""
  }

  #privatenotes .privateNotesBody .loadingBox .loading > div {
    height: 17px;
    background: #d7dde5
  }

.search-box .fa-search {
  position: absolute;
  inset-inline-start: 7px;
  inset-block-start: 6px;
  color: #d7dde5;
  z-index: 4
}

.inbox_panel input[type=search] {
  font-size: 13px;
  padding-block: 4px;
  padding-inline: 30px 8px;
  height: auto;
  border-radius: 20px !important
}

form.privatenotesform h4 {
  color: #0067e6;
  margin-block: 5px;
  margin-inline: 0
}

form.privatenotesform .change_title {
  display: none
}

form.privatenotesform h4 a i {
  opacity: .3;
  display: inline-block;
  margin-block: 0;
  margin-inline: 5px
}

form.privatenotesform h4 a:hover i {
  opacity: 1
}

.inbox a.async-delete {
  float: right;
  margin-inline-end: 0;
  margin-block: 15px 10px;
  margin-inline: 10px;
  font-size: 1.3em;
  padding: 5px;
  position: relative;
  opacity: .5
}

  .inbox a.async-delete:hover {
    background: #fff5f6;
    opacity: 1
  }

.inbox li .btn-group .dropdown-toggle {
  color: #b2c0d2;
  font-size: 1.3em;
  font-weight: 400;
  margin-block: 15px 0;
  margin-inline: 0 10px;
  padding-block: 5px;
  padding-inline: 10px
}

  .inbox li .btn-group .dropdown-toggle:hover {
    background: #f0f2f5
  }

.inbox li a.note_link {
  display: block;
  padding-block: 10px;
  padding-inline: 15px;
  text-decoration: none
}

.inbox li > i {
  color: #b2c0d2;
  font-size: 1.3em;
  margin-block-start: 8px
}

.inbox li span.title {
  color: #0067e6;
  margin-block: 5px 0;
  margin-inline: 0;
  display: block;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1em
}

.inbox li span.small {
  font-weight: 700;
  margin: 0;
  color: #666f7a
}

.delete_note {
  float: left;
  margin-block: -11px -15px;
  margin-inline: -1px 0;
  display: none
}

  .delete_note a {
    padding-block: 19px;
    padding-inline: 20px;
    color: #fff !important
  }

.private-notes.private_view .hide-when-private {
  opacity: 0;
  padding: 0;
  border: 0;
  height: 0 !important
}

textarea:-ms-input-placeholder {
  color: #94a4b8 !important
}

.dropdown-backdrop {
  display: none !important
}

.btn-group.open .dropdown-toggle {
  box-shadow: none
}

.qw-badge-link img {
  height: 18px;
  width: 18px
}

.flex-all {
  display: flex;
  margin-block: 0 !important;
  margin-inline: -15px !important;
  width: auto !important
}

.flex-even {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0
}

@media all and (-ms-high-contrast: none) {
  .flex-even {
    flex-basis: auto
  }
}

.border-dash-bottom {
  border-block-end: 2px dotted #d7dde5
}

@media (min-width: 993px) {
  .border-dash-right-lg {
    border-inline-end: 2px dotted #d7dde5;
    transition: all .2s ease-in;
    transform-origin: top center
  }
}

.label-lg {
  font-size: 1.2em;
  font-weight: 700 !important
}

#AddParticipantModal .progress, #ImportProvidersModal .progress {
  transition: all .3s ease-in;
  background: #d7dde5
}

.fadeIn {
  animation-name: fadeInScale;
  -webkit-animation-name: fadeInScale;
  animation-duration: .6s;
  -webkit-animation-duration: .6s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  visibility: visible !important
}

.fadeToast {
  animation-name: fadeToast;
  -webkit-animation-name: fadeToast;
  animation-duration: .6s;
  -webkit-animation-duration: .6s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  visibility: visible !important;
  transform-origin: bottom
}

.fadeContent {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: .3s;
  -webkit-animation-duration: .3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important
}

.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important
}

.qw-team-avatar-link.spinning:after {
  content: "";
  position: absolute;
  inset-inline-start: -2px;
  inset-block-start: -8px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: linear-gradient(90deg, #ab94ff 0, #6aa4f1 50%, #04c3dc 100%);
  z-index: -1;
  -webkit-animation: fa-spin 1s infinite steps(24)
}

.qw-media-splash-container {
  overflow: hidden;
  border-radius: 16px 16px 0 0
}

.qw-member-profile {
  padding: 0;
  margin-block: 0 8px;
  margin-inline: 0;
  border: 0;
  border-radius: 16px !important;
  min-width: 100% !important;
  z-index: 4;
  inset-block-end: 115% !important
}

@media (min-width: 992px) {
  .qw-member-profile {
    min-width: 20rem !important
  }
}

.qw-member-profile:after {
  inset-block-start: 100%;
  inset-inline-start: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-block-start-color: #fff;
  border-width: 4px;
  margin-inline-start: -4px
}

.home_profile_card {
  background-size: contain;
  position: relative;
  border-radius: 16px;
  padding-block-start: 0;
  z-index: 0;
  box-shadow: 0 1px 3px 0 rgba(52, 56, 60, .1), 0 1px 2px 0 rgba(52, 56, 60, .06)
}

@media (min-width: 768px) {
  .home_profile_card {
    margin-block-start: 16px;
    border: none;
    z-index: 4
  }
}

.home_profile_card .qw-card_media {
  background-color: currentColor;
  transition: color .5s;
  background: radial-gradient(at bottom, #3c88ec 20%, #001b3d);
  position: relative;
  z-index: 1;
  border-radius: 0 0 100% 60%;
  margin-block: 0;
  margin-inline: -70px
}

.home_profile_card .qw-white-fill {
  fill: #ddecfd
}

.home_profile_card .qw-welcome_card {
  height: 100%;
  position: absolute;
  width: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  border-radius: 0 0 100% 60%
}

  .home_profile_card .qw-welcome_card:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    height: initial;
    background-color: transparent;
    background-image: url(/img/splashheader_bg.svg);
    background-attachment: fixed;
    background-size: cover;
    mix-blend-mode: color-dodge;
    z-index: 0
  }

  .home_profile_card .qw-welcome_card .qw-welcome_message {
    position: absolute;
    inset-inline-start: -50%;
    inset-block-end: 48px;
    border-radius: 8px;
    padding-block: 2px;
    padding-inline: 8px;
    background: #fff;
    color: #004094;
    opacity: 0;
    white-space: nowrap
  }

@media (min-width: 768px) {
  .home_profile_card .qw-welcome_card .qw-welcome_message {
    animation: fadeInOut 2.8s ease-in;
    animation-fill-mode: forwards;
    font-size: var(--text-size-sm);
    animation-delay: 3.3s;
    outline: 1px solid transparent
  }
}

.home_profile_card .qw-welcome_card .qw-welcome_message:after {
  content: "";
  width: 2px;
  height: 6px;
  background: #fff;
  position: absolute;
  inset-inline-start: 24px;
  inset-block-end: -2px;
  transform: rotate(45deg)
}

.home_profile_card .qw-card_inner {
  position: relative;
  z-index: 2
}

.home_profile_card .home-card_skew:before {
  content: "";
  position: absolute;
  inset-block-end: -45px;
  inset-inline-start: 0;
  display: block;
  height: 55px;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transform: skewY(-4deg);
  color: inherit;
  background-color: currentColor;
  transition: color .5s;
  background: #fff;
  transition: all .5s cubic-bezier(.42, 0, .58, 1);
  z-index: 0
}

@media (min-width: 768px) {
  .home_profile_card .home-card_skew:before {
    inset-block-end: -40px
  }
}

.home_profile_card .qw-card_media {
  margin-block-end: 24px
}

  .home_profile_card .qw-card_media .qw-avatar {
    margin-block: 24px -24px;
    margin-inline: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 8px #fff
  }

.qw-app-container .qw-welcome_banner {
  z-index: 2;
  position: relative
}

  .qw-app-container .qw-welcome_banner + .home_profile_card {
    margin-block-start: 15px
  }

.home_profile_card .user_profile {
  background: url(/img/pattern.png) center center #fff;
  background-blend-mode: luminosity;
  background-size: contain;
  min-height: 90px;
  box-shadow: inset 0 -1px 0 0 #f0f2f5;
  transition: all .3s ease-in
}

  .home_profile_card .user_profile h3 {
    font-size: 18px;
    font-weight: 700;
    padding-block-start: 15px;
    margin-block: 0 8px;
    margin-inline: 0;
    text-align: start
  }

  .home_profile_card .user_profile .btn-link {
    padding-inline-end: 10px
  }

.qw-modal.modal-content {
  border-radius: 16px;
  background: #fff;
  border: 0
}

  .qw-modal.modal-content .btn-primary-outline.active {
    background: #0067e6;
    color: #fff
  }

  .qw-modal.modal-content .popover-title {
    padding: 0;
    font-size: var(--text-size-h4);
    background: 0 0;
    border: 0
  }

  .qw-modal.modal-content.qw-modal-warning h4 {
    color: #7c6c04 !important
  }

  .qw-modal.modal-content.qw-modal-success h4 {
    color: #18865e !important
  }

  .qw-modal.modal-content.qw-modal-danger h4 {
    color: #dd1331 !important
  }

.full_modal .modal-dialog {
  width: auto;
  margin-block: 80px 0;
  margin-inline: 20px
}

.profile_image {
  float: unset;
  width: 100%;
  text-align: center
}

.qw-brackets {
  position: relative;
  width: 18px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center
}

  .qw-brackets span {
    font-size: 15px;
    margin: 0;
    padding: 0
  }

  .qw-brackets.qw-bracket-mini {
    width: 8px;
    height: 8px;
    margin-block: 0;
    margin-inline: 4px 8px
  }

  .qw-brackets:before {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    inset-block-start: -3px;
    inset-inline-start: -3px;
    border-block-start: 2px solid #0067e6;
    border-inline-start: 2px solid #0067e6
  }

  .qw-brackets:after {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    inset-block-start: -3px;
    inset-inline-end: -3px;
    border-block-start: 2px solid #0067e6;
    border-inline-end: 2px solid #0067e6
  }

  .qw-brackets span:before {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    inset-block-end: -3px;
    inset-inline-start: -3px;
    border-block-end: 2px solid #0067e6;
    border-inline-start: 2px solid #0067e6
  }

  .qw-brackets span:after {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    inset-block-end: -3px;
    inset-inline-end: -3px;
    border-block-end: 2px solid #0067e6;
    border-inline-end: 2px solid #0067e6
  }

.qw-btn-shadowed {
  border: 0;
  box-shadow: 0 4px 3px -3px #b2c0d2
}

.icon {
  position: absolute;
  inset-inline-start: 10px;
  inset-block-start: 10px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #b2c0d2;
  z-index: 3
}

  .icon:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #d7dde5;
    position: absolute;
    inset-inline-start: 100%;
    inset-block-start: 50%;
    transform: translateY(-50%);
    z-index: 2
  }

  .icon i {
    float: none;
    display: block;
    text-align: center;
    margin-block: 10px 0 !important;
    margin-inline: auto !important;
    font-size: 2em;
    color: #b2c0d2
  }

.connector {
  position: relative
}

  .connector .report_row {
    display: none
  }

  .connector.opened {
    border: 1px solid #f0f2f5
  }

    .connector.opened .report_row {
      display: block;
      padding-block: 8px;
      padding-inline: 0
    }

  .connector h3 {
    padding-inline-start: 70px
  }

  .connector .owner-comment-container p {
    padding-inline-start: 45px
  }

  .connector .status {
    width: 10px;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    border-radius: 50%;
    height: 10px;
    margin-inline-end: 3px;
    display: inline-block
  }

  .connector .alert-default {
    margin-block-start: 10px
  }

.highcharts-legend-item text {
  font-size: 16px !important
}

.highcharts-legend rect {
  cursor: pointer
}

.review_form .sectionDescription {
  margin-block-end: 8px;
  white-space: pre-line
}

.single_review .sectionDescription {
  white-space: pre-line
}

.date-range-footer {
  padding: 10px;
  background: #ddecfd;
  border: 1px solid #ddecfd;
  border-radius: 0 0 8px 8px
}

  #FixedPanel .date-range-footer p, .date-range-footer label, .date-range-footer p {
    font-weight: 700;
    font-size: 14px;
    color: #58606a
  }

.feature-btns {
  display: flex
}

@media (min-width: 992px) {
  .feature-btns {
    margin-inline-start: auto;
    margin-block-start: 8px;
    flex-shrink: 0;
    align-items: center
  }
}

.qw-feature-tabs {
  background-color: #fff;
  border-start-start-radius: 16px;
  border-start-end-radius: 16px
}

  .qw-feature-tabs .nav-tabs {
    border: 0
  }

  .qw-feature-tabs li a {
    color: #444950;
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-radius: 0
  }

    .qw-feature-tabs li a:hover {
      background: 0 0;
      border-block-end-color: #d7dde5
    }

  .qw-feature-tabs li.active a, .qw-feature-tabs li.active a:focus, .qw-feature-tabs li.active a:hover {
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-block-end-color: #0067e6;
    color: #0067e6;
    font-weight: 700;
    background: #fff
  }

  .qw-feature-tabs li:first-child a {
    border-start-start-radius: 16px;
    margin-inline-start: 4px
  }

.qw-app .qw-feature-tabs ~ .qw-box {
  border-radius: 0 0 16px 16px;
  border-inline-start: 0;
  border-inline-end: 0;
  border-block-end: 0
}

.conversation-tabbed-view h1 {
  display: none
}

.conversation-tabbed-view .striped {
  background: url(/Content/images/disabledBG.png);
  padding-block: 15px;
  padding-inline: 0;
  text-align: center
}

.bullet-point-review p.shared {
  padding-block-start: 0;
  line-height: inherit;
  border-inline-start: none
}

.comment-group {
  position: relative
}

  .comment-group .input-group-btn {
    padding-block: 4px;
    padding-inline: 12px;
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    transition: all .3s ease-in
  }

.qw-app .comment-group .input-group-btn {
  inset-block-end: 5px
}

.comment-group .input-group-btn .btn i {
  transition: all .5s ease-in
}

.comment-group .input-group-btn .btn {
  padding-block: 4px;
  padding-inline: 12px;
  transition: all .3s ease-in;
  background: 0 0;
  border-color: transparent
}

.comment-group .input-group-btn {
  width: auto;
  color: #94a4b8;
  padding: 0;
  margin: 0
}

.comment-group.show_post .commentinput + .input-group-btn .btn, .comment-group.show_post .input-group-btn .btn {
  color: #0067e6
}

.comment-text {
  margin-block-end: 0;
  line-height: 1.618
}

  .comment-text p {
    margin-block-end: 0
  }

.qw-legend-marker {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block
}

.legend_bar {
  border-block-end: 1px solid #d7dde5;
  height: 11px;
  text-align: center;
  margin-block: 25px 10px;
  margin-inline: 0;
  position: relative;
  font-weight: 900;
  color: #666f7a
}

  .legend_bar:after, .legend_bar:before {
    content: "";
    height: 10px;
    width: 1px;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 10px;
    background: #d7dde5
  }

  .legend_bar:after {
    inset-inline-start: 100%
  }

  .legend_bar span {
    background: #fff;
    display: inline-block;
    padding-block: 5px;
    padding-inline: 20px;
    margin-block-start: -14px
  }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-autocomplete {
  margin: 0;
  padding: 0;
  max-height: 120px;
  overflow: scroll;
  overflow-x: hidden;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 100%;
  z-index: 2;
  background: #fff;
  border: 1px solid #d7dde5;
  border-block-start: 0
}

  .ui-autocomplete li {
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin: 0
  }

    .ui-autocomplete li a {
      cursor: pointer;
      display: block;
      padding-block: 7px;
      padding-inline: 10px
    }

      .ui-autocomplete li a:active, .ui-autocomplete li a:focus, .ui-autocomplete li a:hover {
        background: #c3dbf9;
        text-decoration: none
      }

.fa-block {
  display: block;
  float: none;
  text-align: center;
  margin-block: 0 5px !important;
  margin-inline: auto !important
}

.col-lg-15, .col-md-15, .col-sm-15, .col-xs-15 {
  position: relative;
  min-height: 1px;
  padding-inline-end: 10px;
  padding-inline-start: 10px
}

.col-md-15, .col-sm-15, .col-xs-15 {
  width: 20%;
  float: left
}

html.pdf body {
  background: #fff
}

.fa {
  margin-inline-end: 4px
}

.fa-nomargin {
  margin-inline-end: 0 !important
}

.fa-leftmargin {
  margin-inline-end: 0 !important;
  margin-inline-start: 4px !important
}

.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0
}

.qw-active-progress-mask {
  position: absolute;
  z-index: 5;
  background: rgba(68, 73, 80, .6);
  height: 100%;
  width: 100%
}

.qw-card-body-mask {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: rgba(255, 255, 255, .8)
}

.qw-conversation_insights {
  width: 0;
  overflow: hidden;
  height: 100vh;
  opacity: 0
}

.qw-insight-header {
  background: radial-gradient(at bottom, #6aa4f1 20%, #004094)
}

  .qw-insight-header .nav-tabs {
    border: 0
  }

.nav-border .breadcrumb {
  background: 0 0;
  border-radius: 0;
  margin: 0
}

.qw-aside-nav-tabs {
  background: #fff;
  position: relative
}

  .qw-aside-nav-tabs .nav-tabs > li > a {
    font-size: 1.1em
  }

  .qw-aside-nav-tabs .nav-tabs > li > a {
    color: #58606a;
    border-width: 0;
    border-block-end: 3px solid transparent
  }

  .qw-aside-nav-tabs .nav-tabs > li.active > a, .qw-aside-nav-tabs .nav-tabs > li.active > a:focus, .qw-aside-nav-tabs .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-block-end-color: #0067e6;
    color: #0067e6;
    font-weight: 700
  }

.qw-insights-expanded {
  overflow: hidden
}

  .qw-insights-expanded .container {
    width: 100%;
    max-width: 1170px
  }

  .qw-insights-expanded .qw-conversation_insights {
    width: 100%;
    position: fixed;
    inset-inline-end: 0;
    inset-block-start: 0;
    padding-block: 0;
    padding-inline: 15px;
    z-index: 10;
    transition: all .6s ease-in-out;
    transform-origin: right center;
    background: #f6f7f9;
    opacity: 1;
    flex-grow: 1
  }

@media (min-width: 768px) {
  .qw-insights-expanded .qw-conversation_insights {
    width: 60rem
  }
}

@media (min-width: 992px) {
  .qw-insights-expanded .qw-conversation_insights {
    width: 43rem;
    position: fixed;
    inset-inline-end: 0;
    inset-block-start: auto;
    box-shadow: -8px 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06)
  }
}

.qw-insights-expanded .qw-conversation-container {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  transform: translateX(0);
  transform-origin: top left;
  max-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

@media (min-width: 1200px) {
  .qw-insights-expanded .qw-conversation-container {
    width: calc(100% - 45rem)
  }
}

.qw-insights-expanded .qw-conversation-container .qw-conversation-side {
  flex-grow: 1;
  margin-inline-end: 10px
}

.qw-insights-expanded .qw-conversation-container .qw-sticky-submitcontainer {
  position: sticky
}

.qw-insights-expanded .qw-conversation-container .qw-conv-paddingbottom {
  padding-block-end: 0
}

.flex-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto
}

.qw-modal .table-condensed {
  padding-block: 0;
  padding-inline: 10px
}

  .qw-modal .table-condensed tr:hover td:first-child {
    border-radius: 6px 0 0 6px
  }

  .qw-modal .table-condensed tr:hover td:last-child {
    border-radius: 0 6px 6px 0
  }

  .qw-modal .table-condensed tr:hover td .qw-avatar {
    border-color: #c3dbf9;
    box-shadow: 0 2px 4px -1px #9ec5f5
  }

.qw-modal .table th.text-right {
  padding-inline-end: 20px !important
}

.qw-modal .table tr th {
  border: 0 !important
}

.qw-modal .modal-header label {
  margin-block-start: 15px
}

.qw-modal .tablesorter-default {
  margin-block-start: 0
}

.qw-modal .modal-body {
  overflow: auto
}

  .qw-modal .modal-body.modal-allow-overflow {
    overflow: visible
  }

.modal-content p.alert {
  margin: 0;
  text-align: center;
  padding-block: 15px;
  padding-inline: 20px;
  font-size: 1.3em
}

.recognitionOnly + .pullUp {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important
}

.mentions-input-box .mentions {
  padding: 10px
}

.qw-feed-post-edit .mentions-input-box .mentions {
  inset-inline-start: -1px;
  inset-block-start: -1px
}

.editpostform .mentions {
  inset-block-start: 5px;
  inset-inline-start: 0
}

.mentions-autocomplete-list {
  max-height: 225px;
  overflow: auto;
  margin-block-start: 50px
}

.singleUpdate .mentions-autocomplete-list {
  margin-block-start: -15px;
  clear: both
}

.mentions-autocomplete-list img {
  position: relative !important;
  margin-block: 0 !important;
  margin-inline: 0 5px !important
}

.mentions-autocomplete-list img {
  margin-inline-end: 0 !important
}

.mentions-input-box .mentions-autocomplete-list li .pull-left {
  width: auto
}

.mentions-autocomplete-list li a {
  height: 50px
}

.mentions-input-box .mentions > div > strong {
  background: #c3dbf9;
  display: inline-block;
  inset-block-start: 0;
  position: relative;
  border-radius: 2px
}

.createcommentform .mentions-input-box .mentions {
  padding: 6px
}

.qw-app .createcommentform .mentions-input-box .mentions {
  padding-block: 8px;
  padding-inline: 16px 80px
}

.postRecognition .mentions-input-box .mentions {
  padding: 8px
}

.mentions-input-box .mentions-autocomplete-list {
  border-radius: 4px 4px 8px 8px;
  inset-block-start: 100%;
  border-color: #b2c0d2
}

  .mentions-input-box .mentions-autocomplete-list li {
    padding-block: 4px !important;
    padding-inline: 8px !important;
    border-radius: 0
  }

    .mentions-input-box .mentions-autocomplete-list li.active, .mentions-input-box .mentions-autocomplete-list li:active, .mentions-input-box .mentions-autocomplete-list li:hover {
      background: #f6f7f9
    }

    .mentions-input-box .mentions-autocomplete-list li strong {
      font-family: inherit;
      font-size: var(--text-size-base);
      display: block;
      margin-bottom: 4px;
      color: #34383c
    }

    .mentions-input-box .mentions-autocomplete-list li p span {
      color: #58606a;
      font-style: normal;
      font-family: inherit;
      font-size: var(--text-size-sm)
    }

    .mentions-input-box .mentions-autocomplete-list li b {
      background: #ddecfd;
      border-radius: 8px;
      padding: 0 4px;
      font-weight: 700
    }

    .mentions-autocomplete-list li a, .mentions-autocomplete-list li:last-child a, .mentions-input-box .mentions-autocomplete-list li:last-child {
      border-radius: 0 !important;
      border: 0
    }

.mentions-input-box textarea {
  padding: 8px
}

  .mentions-input-box textarea:focus {
    border-color: #6aa4f1;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(106, 164, 241, .6)
  }

.ms-ctn input {
  min-width: 120px !important
}

#js-feedback-someoneelse .ms-trigger {
  visibility: hidden
}

.qw-no-caret .ms-trigger {
  display: none
}

.ms-quick-impact .ms-close-btn {
  flex-shrink: 0
}

label sup.required {
  color: #dd1331;
  font-size: 1em;
  inset-block-start: -.2em
}

.checkboxlist {
  margin-block: 0;
  margin-inline: 8px
}

  .checkboxlist input[type=checkbox] {
    opacity: 0
  }

  .checkboxlist label {
    display: inline-block;
    position: relative;
    padding-inline-start: 8px;
    font-weight: 400;
    line-height: 16px
  }

    .checkboxlist label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      inset-inline-start: 0;
      margin-inline-start: -16px;
      border: 1px solid #b2c0d2;
      border-radius: 2px;
      background-color: #fff;
      -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
      -o-transition: border .15s ease-in-out, color .15s ease-in-out;
      transition: border .15s ease-in-out, color .15s ease-in-out
    }

    .checkboxlist label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      inset-inline-start: 0;
      inset-block-start: 0;
      margin-inline-start: -16px;
      padding-inline-start: 2px;
      color: #0067e6;
      font-size: 12px;
      line-height: 16px
    }

.checkbox input[type=checkbox]:focus ~ label::before {
  box-shadow: 0 0 8px rgba(102, 175, 233, .6);
  border-color: #66afe9
}

.checkbox input[type=checkbox]:checked ~ label::after {
  font-family: FontAwesome;
  content: ""
}

.checkbox input[type=checkbox]:checked ~ label::after {
  color: #fff
}

.checkbox input[type=checkbox]:checked ~ label::before {
  background-color: #428bca;
  border-color: #428bca
}

.checkbox-success input[type=checkbox]:checked ~ label::before {
  background-color: #92a83b;
  border-color: #92a83b
}

.checkbox-danger input[type=checkbox]:checked ~ label::before {
  background-color: #b94a48;
  border-color: #b94a48
}

.checkboxlist input[type=checkbox]:checked + label:after {
  font-family: FontAwesome;
  content: ""
}

.checkboxlist input[type=checkbox]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca
}

.checkbox-default input[type=checkbox]:checked ~ label::before {
  background-color: #888;
  border-color: #888
}

.checkbox-warning input[type=checkbox]:checked ~ label::before {
  background-color: #fbc53d;
  border-color: #fbc53d
}

.checkboxlist input[type=checkbox]:checked + label:after {
  color: #fff
}

.checkbox input[disabled=disabled]:checked ~ label::before {
  opacity: .6
}

.table.hide-inactive tr.inactive, .table.hide-inactive tr.reported-and-approved {
  display: none
}

.tablesorter-default tr.inactive td {
  font-style: italic;
  color: #999
}

label.pull-right.text-right span.required {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 5px
}

select#UserID {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.input-lg {
  font-weight: 700
}

.input-mini {
  width: 74px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #b2c0d2
}

.dropdown-menu > li form a {
  display: block;
  padding-block: 4px;
  padding-inline: 16px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #444950;
  white-space: nowrap
}

.recognitionFilter .dropdown-menu {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1100;
  max-height: 215px;
  inset-inline-start: auto;
  inset-inline-end: 0;
  border-radius: 0
}

  .recognitionFilter .dropdown-menu > li > a {
    padding-block: 5px;
    padding-inline: 20px 40px
  }

  .recognitionFilter .dropdown-menu hr {
    margin: 0
  }

.dropdown-menu > li > a i.badge {
  position: absolute;
  inset-inline-end: 8px;
  inset-block-start: 4px
}

.nav-example .nav-tabs {
  border-width: 0
}

  .nav-example .nav-tabs > li > a {
    color: #666f7a;
    border-width: 0;
    border-block-end: 3px solid transparent
  }

    .nav-example .nav-tabs > li > a:focus, .nav-example .nav-tabs > li > a:hover {
      background-color: transparent;
      color: #666f7a
    }

  .nav-example .nav-tabs > li.active > a, .nav-example .nav-tabs > li.active > a:focus, .nav-example .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-block-end-color: #444950;
    color: #444950;
    font-weight: 700
  }

#topNavigateToUser {
  padding: 0 8px;
  box-shadow: none
}

[id=topNavigateToUser] .ms-helper {
  visibility: hidden
}

[id=topNavigateToUser] .is-inactive {
  color: #666f7a;
  font-style: italic
}

.newPostList {
  flex: 1
}

.container .newPostList {
  margin-block-end: 30px
}

#RecognitionCharts .singleChart {
  display: none
}

.pdf [id=RecognitionCharts] {
  width: 7.5in
}

.recognition-chart-toggle .btn:first-child {
  border-inline-end: 1px solid #d7dde5
}

.recognition-chart-toggle .btn-link i {
  margin: 0;
  font-size: 18px;
  color: #666f7a
}

.recognition-chart-toggle .btn-link.active {
  background: 0 0;
  box-shadow: none
}

  .recognition-chart-toggle .btn-link.active i {
    color: #18865e
  }

#GoalFilter #TaggedUsers {
  float: left;
  width: 80% !important
}

#GoalFilter .filter-control .btn-default {
  padding-block: 6px;
  padding-inline: 12px;
  border-radius: 0
}

.qw-caret-dd-right {
  position: absolute;
  inset-inline-end: 7px;
  inset-block-start: 14px
}

#FilterByRecognitionUser .ms-trigger {
  display: none
}

.ellipse-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.qw-badge-filter {
  margin-block: 0 2px;
  margin-inline: 0;
  padding-block: 8px;
  padding-inline: 16px;
  color: inherit;
  border-radius: 8px;
  display: flex;
  align-items: center;
  transition: all .2s cubic-bezier(.42, 0, .58, 1)
}

  .qw-badge-filter:active, .qw-badge-filter:hover {
    text-decoration: none;
    background: #f6f7f9
  }

  .qw-badge-filter.selected {
    background-color: #ddecfd;
    color: #0067e6;
    font-weight: 700
  }

    .qw-badge-filter.selected:active, .qw-badge-filter.selected:hover {
      background-color: #ddecfd
    }

    .qw-badge-filter.selected i {
      color: inherit
    }

  .qw-badge-filter.inactive {
    font-style: italic;
    opacity: .7
  }

  .qw-badge-filter i {
    margin-inline-end: 8px
  }

.lead {
  font-weight: 400;
  margin-block-end: 5px
}

.message-toggle .badge, .notification-toggle .badge {
  position: absolute;
  font-size: 9px;
  padding: 0;
  inset-inline-start: 0;
  inset-block-start: 0;
  border-radius: 0;
  width: 100%;
  height: 100%
}

.notification-toggle .badge-important {
  background-color: transparent
}

.message-toggle .badge em, .notification-toggle .badge em {
  display: block;
  position: absolute;
  padding-block: 3px 2px;
  padding-inline: 5px;
  background: #dd1331;
  inset-block-start: 3px;
  height: 15px;
  inset-inline-end: 3px;
  text-align: center;
  line-height: 1em;
  font-weight: 400;
  border-radius: 4px;
  font-style: normal;
  color: #fff
}

.message-toggle .badge em {
  background: #0067e6
}

.notification-toggle .badgeMax em {
  margin-inline-start: -11px;
  width: 22px
}

.message-toggle .badge {
  background: 0 0
}

#topNavigateToUser .ms-trigger, .postRecognition #TaggedUsers .ms-trigger {
  display: none !important
}

.ms-ctn .ms-sel-item {
  text-transform: none !important;
  color: #444950;
  background: #f6f7f9;
  border-color: #d7dde5
}

#topNavigateToUser .ms-res-ctn {
  min-width: 220px;
  margin-block-start: 4px
}

#topNavigateToUser .ms-sel-ctn {
  padding-inline-end: 0;
  overflow: hidden;
  max-height: 22px
}

#topNavigateToUser.ms-ctn-focus {
  box-shadow: none
}

#topNavigateToUser .ms-sel-ctn input {
  float: none;
  width: 100% !important;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  color: #444950;
  background: 0 0
}

.ms-res-ctn .pull-left {
  margin-inline-end: 10px
}

.ms-res-ctn .ms-res-item {
  border-block-end: 1px solid #f0f2f5;
  padding-block-start: 5px
}

.ms-res-item p {
  font-size: 12px !important;
  margin: 0 !important;
  float: left;
  line-height: 1.2em;
  flex-shrink: 0;
  color: #444950
}

#topNavigateToUser .ms-sel-item .ms-close-btn {
  display: none
}

.highcharts-plot-line-label {
  background-color: transparent !important
}

.qw-conversation-page-only {
  display: none
}

.goal_tree_container .dept_goal, .tracking_chart .dept_goal, .ui-helper .dept_goal {
  color: #29c28a
}

.goal_tree_container .org_goal, .tracking_chart .org_goal, .ui-helper .org_goal {
  color: #ffab00
}

.goal_tree_container .personal_goal, .tracking_chart .personal_goal, .ui-helper .personal_goal {
  color: #3c88ec
}

.qw-goalreview-shared .qw-conversation-page-only {
  display: block
}

.qw-goalreview-shared .qw-feed-post-body {
  border-block-end: 1px solid #d7dde5;
  margin-block-end: 8px
}

  .qw-goalreview-shared .qw-feed-post-body:last-child {
    border-block-end: 0
  }

.qw-goalreview-shared .qw-feed-post-author {
  font-size: var(--text-size-h4)
}

.highcharts-plot-line-label {
  overflow: visible !important
}

.qw-plot-marker {
  font-size: var(--text-size-micro);
  color: #fff;
  line-height: 1em;
  width: 8px;
  height: 8px;
  display: inline-block;
  font-size: 4px;
  padding: 2px;
  border-radius: 50%
}

  .qw-plot-marker.qw-today-date-marker {
    background: #3c88ec;
    color: #3c88ec;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    position: relative
  }

  .qw-plot-marker.qw-conv-date-marker {
    color: #f6803c;
    background: #f6803c;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    position: relative
  }

  .qw-plot-marker.qw-past-conv-date-marker {
    background: #b2c0d2;
    color: #b2c0d2;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    position: relative
  }

  .qw-plot-marker.qw-performance-marker {
    background: #01a6bc;
    color: #01a6bc;
    position: relative
  }

  .qw-plot-marker.qw-growth-marker {
    background: #6625c4;
    color: #6625c4;
    position: relative
  }

  .qw-plot-marker.qw-risk-marker {
    background: #b2c0d2;
    color: #b2c0d2;
    position: relative
  }

.qw-modal .qw-modal-booster_width {
  flex-grow: 1
}

.goal-tracking-ontrackstatus-marker-notracking {
  fill: #fff;
  stroke: #444950;
  stroke-width: 1;
  stroke-dasharray: 2
}

.goal-tracking-ontrackstatus-marker-offtrack {
  fill: #dd1331;
  stroke: #fbc1c5;
  stroke-width: 2
}

.goal-tracking-ontrackstatus-marker-ontrack {
  fill: #29c28a;
  stroke: #79fbc7;
  stroke-width: 2
}

.goal-tracking-ontrackstatus-marker-atrisk {
  fill: #b69f07;
  stroke: #fbda23;
  stroke-width: 2
}

.goal-tracking-marker-duedate {
  fill: #444950
}

.qw-booster-show {
  display: none
}

.qw-conversation-container .qw-booster-hide {
  display: none
}

.qw-conversation-container .qw-booster-show {
  display: block
}

.increment-container {
  position: relative
}

input.positive, input.positive:focus {
  border-color: #3adfa0
}

input.negative, input.negative:focus {
  border-color: #dd1331
}

.increment-container .negative ~ .negative {
  background: #dd1331;
  color: #fff
}

.progress-preview-text {
  font-weight: 700
}

  .progress-preview-text.negative {
    color: #dd1331
  }

  .progress-preview-text.positive {
    color: #3adfa0
  }

.increment-container .positive ~ .positive {
  background: #3adfa0;
  color: #fff
}

.increment-container input[type=number]::-webkit-inner-spin-button, .increment-container input[type=number]::-webkit-outer-spin-button, .kr-create-edit-container input[type=number]::-webkit-inner-spin-button, .kr-create-edit-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.increment-container input[type=number], .kr-create-edit-container input[type=number] {
  -moz-appearance: textfield
}

.qw-preview-bar {
  background: #3adfa0;
  position: absolute !important
}

  .qw-preview-bar.qw-preview-bar_negative {
    background: #dd1331;
    transition: all .3s ease-in;
    transform-origin: right center
  }

.increment-container span.negative, .increment-container span.positive {
  position: absolute;
  inset-inline-start: -6px;
  inset-block-start: 10px;
  z-index: 2;
  height: 14px;
  font-size: 8px;
  padding-block: 2px;
  padding-inline: 4px;
  color: #fff;
  opacity: 0;
  border-radius: 4px
}

.increment-container .negative ~ .negative, .increment-container .positive ~ .positive {
  opacity: 1;
  box-shadow: none
}

.increment-container input.negative ~ .positive, .increment-container input.positive ~ .negative {
  opacity: 0;
  box-shadow: none
}

.qw-due-date-marker {
  width: 8px;
  height: 8px;
  padding: 0 !important;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  color: #ff1a6c;
  background: #ff1a6c;
  position: relative;
  border-radius: 0;
  transform: rotate(45deg);
  inset-inline-start: -12px
}

.qw-start-date-marker {
  color: #444950;
  background: #444950;
  border-radius: 0;
  inset-block-start: 3px;
  position: relative;
  inset-inline-start: -12px
}

.chart-legend .qw-plot-marker, .commentContainer .qw-plot-marker {
  display: inline-block;
  padding-block: 2px;
  padding-inline: 4px
}

  .chart-legend .qw-plot-marker.qw-conv-date-marker, .chart-legend .qw-plot-marker.qw-due-date-marker, .chart-legend .qw-plot-marker.qw-past-conv-date-marker, .chart-legend .qw-plot-marker.qw-start-date-marker, .chart-legend .qw-plot-marker.qw-today-date-marker, .commentContainer .qw-plot-marker.qw-conv-date-marker, .commentContainer .qw-plot-marker.qw-due-date-marker, .commentContainer .qw-plot-marker.qw-past-conv-date-marker, .commentContainer .qw-plot-marker.qw-start-date-marker, .commentContainer .qw-plot-marker.qw-today-date-marker {
    inset-block-start: 0;
    inset-inline-start: 0
  }

.qw-closed-date-stripe {
  border-block-start: 3px solid #444950;
  border-block-end: 3px solid #444950;
  height: 8px;
  width: 2px;
  padding: 0 !important;
  border-radius: 0
}

div.qw-draft-goal h4 a {
  color: #444950
}

.qw-pill-draft {
  position: relative;
  margin-inline-end: 4px;
  color: #dcc009;
  font-weight: 400
}

.qw-goalactivity, .qw-goalconv-tracking_chart {
  display: none
}

@media (min-width: 768px) {
  .qw-goalactivity, .qw-goalconv-tracking_chart {
    display: block
  }
}

.qw-goal-dropzone {
  border: 2px dashed #d7dde5;
  min-height: 5em
}

.qw-draft-background, .qw-mobile-draft-background {
  background-image: linear-gradient(45deg, #fff 25%, #f1f2f3 25%, #f1f2f3 50%, #fff 50%, #fff 75%, #f1f2f3 75%, #f1f2f3 100%);
  background-size: 56.57px 56.57px
}

@media (min-width: 768px) {
  .qw-mobile-draft-background {
    background-image: none;
    background-size: auto
  }
}

.ms-res-ctn {
  padding: 0;
  height: auto !important;
  max-height: 160px;
  overflow: auto;
  z-index: 1002
}

  #MessageThreadDiv .top-container::-webkit-scrollbar, .css-mobile-scroll::-webkit-scrollbar, .css-scroll::-webkit-scrollbar, .flairContent .recognizeInput::-webkit-scrollbar, .flex-scroll::-webkit-scrollbar, .gp-scroll::-webkit-scrollbar, .mini-scroll::-webkit-scrollbar, .ms-res-ctn::-webkit-scrollbar, .qw-modal-scroll::-webkit-scrollbar, .qw-modal-scroll_body::-webkit-scrollbar, .recognitionFilter .dropdown-menu::-webkit-scrollbar, .scroll-menu::-webkit-scrollbar {
    width: 6px
  }

  #MessageThreadDiv .top-container::-webkit-scrollbar-track, .css-mobile-scroll::-webkit-scrollbar-track, .css-scroll::-webkit-scrollbar-track, .flairContent .recognizeInput::-webkit-scrollbar-track, .flex-scroll::-webkit-scrollbar-track, .gp-scroll::-webkit-scrollbar-track, .mini-scroll::-webkit-scrollbar-track, .ms-res-ctn::-webkit-scrollbar-track, .qw-modal-scroll::-webkit-scrollbar-track, .qw-modal-scroll_body::-webkit-scrollbar-track, .recognitionFilter .dropdown-menu::-webkit-scrollbar-track, .scroll-menu::-webkit-scrollbar-track {
    background-color: #f6f7f9;
    border-inline-start: 1px solid #d7dde5
  }

  #MessageThreadDiv .top-container::-webkit-scrollbar-thumb, .css-mobile-scroll::-webkit-scrollbar-thumb, .css-scroll::-webkit-scrollbar-thumb, .flairContent .recognizeInput::-webkit-scrollbar-thumb, .flex-scroll::-webkit-scrollbar-thumb, .gp-scroll::-webkit-scrollbar-thumb, .mini-scroll::-webkit-scrollbar-thumb, .ms-res-ctn::-webkit-scrollbar-thumb, .qw-modal-scroll::-webkit-scrollbar-thumb, .qw-modal-scroll_body::-webkit-scrollbar-thumb, .recognitionFilter .dropdown-menu::-webkit-scrollbar-thumb, .scroll-menu::-webkit-scrollbar-thumb {
    background-color: #b2c0d2
  }

    #MessageThreadDiv .top-container::-webkit-scrollbar-thumb:hover, .css-mobile-scroll::-webkit-scrollbar-thumb:hover, .css-scroll::-webkit-scrollbar-thumb:hover, .flairContent .recognizeInput::-webkit-scrollbar-thumb:hover, .flex-scroll::-webkit-scrollbar-thumb:hover, .gp-scroll::-webkit-scrollbar-thumb:hover, .mini-scroll::-webkit-scrollbar-thumb:hover, .ms-res-ctn::-webkit-scrollbar-thumb:hover, .qw-modal-scroll::-webkit-scrollbar-thumb:hover, .qw-modal-scroll_body::-webkit-scrollbar-thumb:hover, .recognitionFilter .dropdown-menu::-webkit-scrollbar-thumb:hover, .scroll-menu::-webkit-scrollbar-thumb:hover {
      background-color: #b2c0d2
    }

.ms-res-item p strong {
  display: block;
  line-height: .9em;
  font-weight: 900;
  margin-block: 4px 1px;
  margin-inline: 0;
  text-transform: none !important
}

.ms-res-ctn .ms-res-item em {
  background: #c1fbdf;
  font-weight: 700;
  padding: 0 1px;
  border-radius: 2px;
  color: #14714f
}

.ms-res-ctn .ms-res-item {
  padding: 5px
}

.ms-res-ctn .ms-res-item-active {
  background: #f6f7f9;
  border-block-end: 1px solid #d7dde5
}

.contributors .ms-ctn .ms-sel-ctn input {
  min-width: 10px !important;
  width: auto !important
}

.ms-res-item p.user-inactive strong {
  color: #7e8b9a;
  font-style: italic
}

.ms-res-item p span {
  background: 0 0;
  color: #666f7a;
  line-height: 1em;
  display: inline-block
}

.clear {
  clear: both
}

#DatePicker, .highcharts-title tspan, .percent, .xaxis, .yaxis, output {
  font-family: inherit;
  color: #34383c
}

label em {
  font-weight: 400
}

h3.text-center {
  line-height: 1.3em
}

.nav-tabs a.btn-info {
  color: #fff
}

h2 span.subtitle {
  display: block;
  font-size: 16px;
  color: #666f7a;
  font-weight: 400;
  margin-inline-start: 28px;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 1.2em
}

#accordion .panel-default {
  border-radius: 0;
  border: 0;
  border-block-end: 1px solid #d7dde5;
  margin-block-end: 1px;
  box-shadow: none
}

  #accordion .panel-default:last-child {
    border-block-end: 0
  }

#accordion .panel-title:hover {
  background: #f0f2f5
}

.fg_name {
  color: #666f7a;
  font-weight: 400;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.complete_count {
  float: right;
  font-size: 12px
}

  .complete_count .fa-plus-circle {
    color: #7e8b9a;
    margin-inline-start: 4px
  }

.alert-default {
  background: #fafafa;
  border: 1px dashed #ddd;
  margin-block: 0 10px;
  margin-inline: 0;
  border-radius: 0
}

#ConversationMessage span {
  display: none;
  margin-block: 0 10px;
  margin-inline: 0;
  color: #18865e;
  background-color: #c1fbdf;
  padding-block: 10px;
  padding-inline: 15px;
  border-radius: 4px;
  text-align: center;
  font-weight: 900;
  font-size: 16px
}

#ConversationMessage.fadeIn span {
  display: block
}

.faa-pulse, .faa-pulse:hover {
  animation: fa-pulse 2s linear;
  animation-iteration-count: 3
}

.validation-summary-errors ul {
  margin: 0;
  padding: 0
}

.row .validation-summary-errors ul {
  margin-block-end: 10px
}

.modal .validation-summary-errors ul {
  margin-block-end: 0
}

.validation-summary-errors li, .validation-summary-errors span {
  display: flex;
  padding: 8px;
  margin-block-end: 16px;
  background-color: #fff;
  border: 1px solid #f0f2f5;
  border-inline-start-width: 5px;
  border-inline-start-color: #dd1331;
  border-radius: 4px
}

.validate label.error {
  color: #dd1331;
  padding: 0;
  list-style: none;
  font-size: 11px
}

.validate textarea.error ~ label.error {
  padding-block: 4px 0;
  padding-inline: 0
}

.required_input .elaborate_preview.error {
  border-color: #dd1331
}

span.helper {
  display: none
}

span.required {
  display: inline-block;
  color: #dd1331
}

.validation-summary-errors span {
  display: block;
  margin-block: 8px;
  margin-inline: 0
}

.input-validation-error {
  border-color: #c5112c !important
}

.field-validation-error {
  font-size: var(--text-size-sm);
  color: #c5112c;
  margin-block-start: 8px
}

a, button, input, select, textarea {
  -webkit-tap-highlight-color: transparent
}

.badge-success {
  background-color: #18865e
}

.notifications {
  display: none;
  position: absolute;
  inset-inline-end: 20px;
  inset-block-start: 8px
}

.recognitionFilter .input-group .dropdown-toggle {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: start
}

#DueDateType {
  width: 100%
}

.recognitionFilter .input-group .dropdown-toggle .caret {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 13px
}

.pullUp > div.myPanel div.goalList {
  padding: 0
}

.pullUp > div.contributors {
  padding-block: 10px !important;
  padding-inline: 0 !important
}

.newPostList .btn-primary:hover, .post .btn-primary:hover {
  background-position: 0 -30px
}

.uploadImage-error, .urlImage-error, .urlVideo-error {
  display: none
}

.fileupload-preview img {
  max-width: 100%;
  max-height: 100%
}

#password-message span {
  color: #18865e;
  background-color: #edfdf4;
  border: 1px solid #c1fbdf;
  display: block;
  position: relative;
  padding-block: 15px;
  padding-inline: 35px 15px;
  border-radius: 4px;
  margin-block-end: 8px
}

#settings-message p.alert {
  padding-block: 15px;
  padding-inline: 35px 15px;
  margin-block-end: 8px;
  margin-block-start: 0;
  position: relative
}

  #password-message span:before, #settings-message p.alert:before {
    content: "";
    position: absolute;
    inset-inline-start: 10px;
    inset-block-start: 15px;
    color: #18865e;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.3em
  }

.qw-feed-post.flip-card {
  position: relative;
  z-index: 1002;
  padding: 0
}

  .qw-feed-post.flip-card:before {
    border-radius: 0 !important
  }

.qw-feed-post-edit {
  width: 100%
}

@media only screen {
  .qw-transition-fadeinchildren {
    animation: fadeInElement3D .4s cubic-bezier(.42, 0, .58, 1);
    min-height: 20rem
  }

    .qw-transition-fadeinchildren > div {
      animation-fill-mode: both;
      animation-delay: .2s
    }

      .qw-transition-fadeinchildren > div:nth-child(2) {
        animation-delay: .3s
      }

      .qw-transition-fadeinchildren > div:nth-child(3) {
        animation-delay: .4s
      }

      .qw-transition-fadeinchildren > div:nth-child(4) {
        animation-delay: .5s
      }

      .qw-transition-fadeinchildren > div:nth-child(5) {
        animation-delay: .6s
      }

      .qw-transition-fadeinchildren > div:nth-child(6) {
        animation-delay: .7s
      }

      .qw-transition-fadeinchildren > div:nth-child(7), .qw-transition-fadeinchildren > div:nth-child(n + 7) {
        animation-delay: .8s
      }
}

.qw-feed-post {
  background-color: #fff;
  box-shadow: 0 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06);
  border-radius: 16px;
  padding: 24px;
  margin-block-end: 24px
}

  .qw-feed-post > :not(:first-child) {
    position: relative
  }

.qw-app ~ .modal .qw-feed-post > :not(:first-child) {
  border-block-start: 0;
  padding-block-start: 0;
  margin-block-start: 0
}

.qw-app ~ .modal .qw-feed-post > :not(:first-child) {
  border-block-start: 0;
  padding-block-start: 0;
  position: relative
}

.qw-feed-post-recognition {
  position: relative
}

  .qw-feed-post-goal .qw-feed-post-footer, .qw-feed-post-recognition .qw-feed-post-footer {
    border-block-start: 0;
    position: relative
  }

    .qw-feed-post-goal .qw-feed-post-footer .qw-comment-thread, .qw-feed-post-recognition .qw-feed-post-footer .qw-comment-thread {
      border-block-start: 1px solid #f0f2f5;
      margin-inline-start: -24px;
      margin-inline-end: -24px;
      padding-block: 0;
      padding-inline: 24px
    }

      .qw-feed-post-goal .qw-feed-post-footer .qw-comment-thread > li:first-child, .qw-feed-post-recognition .qw-feed-post-footer .qw-comment-thread > li:first-child {
        padding-block-start: 16px
      }

    .qw-feed-post-goal .qw-feed-post-footer .createcommentform, .qw-feed-post-recognition .qw-feed-post-footer .createcommentform {
      margin-inline-start: -24px;
      margin-inline-end: -24px;
      margin-block-end: -24px;
      border-radius: 0 0 16px 16px;
      padding-block: 16px;
      padding-inline: 24px;
      background: #fff
    }

.goal-feed .qw-feed-post-goal, .goal-feed .qw-feed-post-recognition {
  border: 1px solid #f0f2f5;
  box-shadow: 0 4px 3px -3px #d7dde5
}

  .goal-feed .qw-feed-post-goal:hover, .goal-feed .qw-feed-post-recognition:hover {
    box-shadow: 0 4px 3px -3px #b2c0d2
  }

.qw-app ~ .modal .qw-feed-post-recognition::before {
  content: none;
  display: none
}

.qw-avatar-scroll-highlight {
  position: relative
}

  .qw-avatar-scroll-highlight:before {
    content: "";
    box-sizing: border-box;
    height: 100%;
    inset-inline: 0;
    position: absolute;
    border: solid 2px transparent;
    border-block-start-color: #0067e6;
    border-inline-start-color: #0067e6;
    border-radius: 50%;
    z-index: 2;
    opacity: 0
  }

.balanced_container + h2 {
  margin-block-end: 0
}

.qw-active_avatar_highlight:active, .qw-active_avatar_highlight:focus, .qw-active_avatar_highlight:hover {
  outline: 0
}

.qw-active_avatar_highlight .initials, .qw-active_avatar_highlight img {
  box-shadow: 0 0 0 3px #9ec5f5;
  outline: 0
}

  .qw-active_avatar_highlight .initials:active, .qw-active_avatar_highlight .initials:focus, .qw-active_avatar_highlight .initials:hover, .qw-active_avatar_highlight img:active, .qw-active_avatar_highlight img:focus, .qw-active_avatar_highlight img:hover {
    outline: 0
  }

.icon-margin i {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 2px
}

.sticky-filter {
  position: sticky;
  inset-block-start: 8px;
  z-index: 1
}

@media (max-width: 767px) {
  .sticky-filter {
    display: none
  }
}

.sticky-filter.tour-step-backdrop {
  inset-block-start: 0
}

.qw-sticky-to-bottom {
  position: sticky;
  inset-block-end: 0;
  z-index: 1020;
  padding-block: 16px;
  padding-inline: 0;
  background: #fff
}

  .qw-sticky-to-bottom.bottom-20 {
    inset-block-end: 20px
  }

.qw-sticky-submitcontainer {
  position: fixed;
  position: sticky;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 1040;
  background: #fff;
  border-block-start: 1px solid #d7dde5
}

  .qw-sticky-submitcontainer .conv-button-container {
    transition: all .1s cubic-bezier(.42, 0, .58, 1);
    background: #fff
  }

.qw-btn-responsive {
  font-size: var(--text-size-sm);
  padding: 4px
}

@media (min-width: 768px) {
  .qw-btn-responsive {
    padding-block: 4px;
    padding-inline: 8px
  }
}

@media (min-width: 992px) {
  .qw-btn-responsive {
    font-size: 1em;
    padding-block: 6px;
    padding-inline: 8px
  }
}

.comment-arrow-section:after, .comment-arrow-section:before {
  inset-block-start: -1px;
  inset-inline-start: 70px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.comment-arrow-section:after {
  border-color: rgba(255, 255, 255, 0);
  border-block-start-color: #fff;
  border-width: 8px;
  margin-inline-start: -8px
}

.comment-arrow-section:before {
  border-color: rgba(238, 238, 238, 0);
  border-block-start-color: #b2c0d2;
  border-width: 9px;
  margin-inline-start: -9px
}

@media (min-width: 768px) {
  .qw-sm-sticky-to-nav {
    position: sticky;
    inset-block-start: 0
  }
}

@media (min-width: 992px) {
  .qw-sticky-to-nav {
    position: sticky;
    inset-block-start: 0;
    padding: 8px
  }

  .qw-conversation-sticky-top {
    position: sticky;
    inset-block-start: 42px
  }

  .qw-app .qw-conversation-sticky-top {
    inset-block-start: 0
  }
}

#FeedbackLabel .conversationFilter {
  border-block-end: 1px solid #b2c0d2
}

.conversationFilter li a {
  display: block;
  padding-block: 5px;
  padding-inline: 10px
}

  .conversationFilter li a.selected {
    font-weight: 900;
    color: #666f7a;
    border-radius: 4px;
    background: #f0f2f5
  }

.nav-tabs li.primary-action-tab a.newmessage-focus {
  background: #0067e6;
  color: #fff
}

.remove_mediaLink {
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#PostForm #parentGoalBtnGroupDiv {
  z-index: 500
}

.editpostform .responseinput, .editrecognitionform .owner-recognition-edit {
  min-height: 120px
}

#moderation_results .post-container .owner-edit-submit {
  margin-block-start: 5px
}

#moderation_results .goal-post {
  max-width: 720px;
  word-break: normal
}

#moderation_results p.small {
  margin-block-start: 5px
}

.switch {
  position: relative;
  display: block;
  width: 120px;
  height: 28px
}

  .switch::before {
    content: "Active";
    position: absolute;
    height: auto;
    width: 100%;
    inset-block-start: 3px;
    inset-inline-start: 10px;
    color: #fff;
    z-index: 5
  }

  .switch::after {
    content: "Inactive";
    position: absolute;
    height: auto;
    width: 100%;
    inset-block-start: 3px;
    inset-inline-start: 64px;
    color: #fff;
    z-index: 5
  }

  .switch input {
    display: none
  }

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s
}

  .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 46%;
    inset-inline-start: 3px;
    inset-block-end: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
  }

input:checked + .slider {
  background-color: #428bca
}

input:focus + .slider {
  box-shadow: 0 0 1px #428bca
}

input:checked + .slider:before {
  -webkit-transform: translateX(59px);
  -ms-transform: translateX(59px);
  transform: translateX(59px)
}

.profile_container {
  overflow: hidden
}

  .profile_container img {
    max-width: 70%
  }

  .profile_container .editProfilePicture img {
    max-width: 90%;
    padding: 10px;
    border: 1px solid #d7dde5;
    border-radius: 4px
  }

.createProfilePicture .validation-summary-errors li, .editProfilePicture .validation-summary-errors li {
  margin-block: 0 10px;
  margin-inline: 0
}

.createProfilePicture p.alert, .editProfilePicture p.alert {
  margin-block-start: 10px
}

.createProfilePicture .panel i {
  display: inline-block;
  margin-block: 0;
  margin-inline: auto;
  text-align: center
}

.createProfilePicture .panel-body .panel {
  padding: 10px;
  border: 1px solid #d7dde5;
  border-radius: 4px;
  width: 90%
}

.createProfilePicture p.alert i, .editProfilePicture p.alert i {
  float: left;
  margin-inline-end: 10px
}

.cropWidth {
  position: absolute;
  inset-inline-start: 10px;
  inset-block-start: 7px;
  z-index: 100
}

  .cropWidth span {
    background: #18865e;
    color: #fff;
    font-size: 10px;
    padding-block: 3px;
    padding-inline: 5px
  }

    .cropWidth span.too-small {
      background: #9d0b21
    }

.noMessages, .noMessagesFound {
  text-align: center;
  padding-block: 15px;
  padding-inline: 0;
  border: 1px solid #d7dde5;
  margin: 0;
  font-style: italic;
  color: #666f7a
}

.noMessages {
  min-height: 300px;
  padding-block: 25%;
  padding-inline: 0
}

#MessageThreadDiv .top-container {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  border-block-start: 1px solid #b2c0d2;
  border-inline-start: 1px solid #b2c0d2
}

  #MessageThreadDiv .top-container .message-body {
    padding-block: 15px;
    padding-inline: 0
  }

#MessageThreadDiv .bottom-container {
  padding: 15px;
  background: #f6f7f9;
  border: 1px solid #b2c0d2
}

#MessageThreadDiv .message-post {
  position: relative;
  padding-block-start: 20px;
  margin-block: 10px 0;
  margin-inline: 15px;
  min-height: 75px
}

#MessageThreadDiv .message-date {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 12px;
  font-size: 10px;
  border-block-end: 1px solid #d7dde5;
  text-align: center
}

  #MessageThreadDiv .message-date span {
    display: inline-block;
    margin-block-end: -10px;
    background: #fff;
    padding-block: 5px;
    padding-inline: 20px;
    color: #666f7a;
    font-weight: 900;
    text-transform: uppercase
  }

#MessageThreadDiv .message-post p {
  padding-block: 5px;
  padding-inline: 80px 15px;
  font-size: 13px
}

#MessageThreadDiv .message-post h5 {
  font-size: 1em;
  padding-block: 5px;
  padding-inline: 80px 15px;
  margin: 0
}

#MessageThreadDiv .message-post p strong {
  font-weight: 900;
  display: block
}

#MessageThreadDiv .message-post p em {
  display: block;
  font-size: 10px;
  margin-block-start: 4px;
  color: #666f7a;
  font-weight: 400
}

#MessageNav {
  overflow-x: visible;
  overflow-y: auto
}

ul.message_nav {
  padding: 0;
  margin: 0
}

  ul.message_nav span.no-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
  }

.messageMenu, .notificationMenu, .qw-profile-dropdown {
  border: 0;
  border-radius: 0 4px 4px;
  margin-block-start: 3px;
  border-block-start: 8px solid #0067e6;
  box-shadow: 0 6px 8px -5px #94a4b8
}

.qw-profile-dropdown {
  margin-block-start: 6px
}

.messageMenu span.no-wrap, .no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}

ul.message_nav span.no-wrap br {
  display: none
}

ul.message_nav li {
  position: relative;
  list-style: none;
  font-size: 12px;
  border: 1px solid #d7dde5;
  margin-block-end: 5px
}

  ul.message_nav li strong {
    display: block
  }

  ul.message_nav li a:active, ul.message_nav li a:focus, ul.message_nav li a:hover {
    text-decoration: none
  }

ul.message_nav a.message-thread-archive-button {
  position: absolute;
  inset-inline-end: 5px;
  inset-block-start: 5px;
  color: #666f7a
}

  ul.message_nav a.message-thread-archive-button i {
    display: block;
    font-size: 11px;
    margin: 0
  }

.messageThread-selected {
  border-inline-start: 5px solid #3c88ec !important;
  background: #3c88ec;
  border-color: #3c88ec !important
}

#CreateMessageThreadDiv {
  display: none
}

.async-select-nav-item-container p, ul.nav li ul.messageMenu p {
  margin: 0
}

ul.nav li ul.messageMenu li.unread {
  border-block-start: 1px solid #d7dde5
}

.async-select-nav-item-container {
  background: #f0f2f5
}

ul.nav li ul.messageMenu li p {
  overflow: hidden
}

#MessageNav span.new-message {
  display: none
}

#MessageNav li.unread a {
  overflow: visible
}

#MessageNav li.messageThread-selected p {
  background: #fff
}

#MessageNav li.unread p {
  background: #ddecfd
}

#MessageNav li.unread span.new-message {
  display: block;
  position: absolute;
  inset-inline-end: 0;
  padding-block: 3px 2px;
  padding-inline: 5px;
  background: #3c88ec;
  font-size: 10px;
  color: #fff;
  min-width: 10px;
  font-weight: 700;
  inset-block-end: 0;
  border-radius: 8px 0 0 0
}

#MessageNav li.messageThread-selected.unread p {
  border-inline-start: 0
}

.async-select-nav-item-container p {
  color: #444950
}

ul.nav li ul.messageMenu p strong {
  display: block;
  color: #444950
}

ul.messageMenu > li > ul > li:active > a p strong, ul.messageMenu > li > ul > li:focus > a p strong, ul.messageMenu > li > ul > li:hover > a p strong {
  color: #d7dde5
}

.pull-right .nav > li > a {
  padding-block: 10px;
  padding-inline: 6px;
  white-space: nowrap
}

span.or {
  display: block;
  margin-block: 6px;
  margin-inline: 0
}

img.logo {
  display: block;
  margin-block: 25px;
  margin-inline: auto
}

a.logo {
  display: block;
  width: 300px;
  margin-block: 15px 0;
  margin-inline: auto
}

.filterBox .monetary-kr.dollar:before {
  font: normal normal normal 12px/1 FontAwesome;
  position: absolute;
  inset-inline-start: 8px;
  inset-block-start: 10px;
  z-index: 5;
  color: #3582c4;
  font-size: 1em
}

.filterBox .monetary-kr.dollar .form-control {
  padding-inline-start: 25px
}

.filterBox .monetary-kr.dollar:before {
  content: ""
}

form.createPostForm {
  margin: 0;
  position: relative
}

#archive-all {
  display: block;
  float: left
}

  #archive-all .alert {
    margin-block-start: 0;
    padding-block: 6px !important;
    padding-inline: 15px !important
  }

#ConversationMessage, #NewsFeedMessage, #SuccessMessage {
  position: fixed;
  inset-block-start: 41px;
  inset-inline-start: 0;
  width: 100%;
  z-index: 1029
}

  #SuccessMessage .alert {
    margin: 0;
    text-align: center;
    display: none
  }

    #SuccessMessage .alert.fadeIn {
      display: block
    }

.modal-body .text-center i {
  margin: 0
}

.modal-body .text-center p.small {
  margin-block-end: 20px
}

#NewsFeedMessage span {
  display: block;
  text-align: center;
  padding: 10px;
  color: #18865e;
  background: #c1fbdf;
  font-weight: 700;
  animation-name: fadeOut;
  -webkit-animation-name: fadeOut;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

#archive-response, .validationerror {
  position: fixed;
  inset-block-start: 40px;
  inset-inline-start: 0;
  width: 100%;
  padding-block: 12px;
  padding-inline: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  visibility: hidden;
  z-index: 10000
}

@media (max-width: 768px) {
  .home_profile_card .home_hide {
    display: none
  }
}

.qw-goal-icon_organization {
  color: #ffab00
}

.qw-goal-icon_dept {
  color: #29c28a
}

.qw-goal-icon_personal {
  color: #3c88ec
}

.qw-aligned-goalslist {
  padding: 0;
  margin: 0
}

  .qw-aligned-goalslist li {
    padding-block: 8px;
    padding-inline: 4px;
    border-radius: 2px
  }

    .qw-aligned-goalslist li a {
      color: #444950
    }

    .qw-aligned-goalslist li.current {
      background: #f6f7f9;
      border-radius: 8px
    }

      .qw-aligned-goalslist li.current a {
        font-weight: 700
      }

    .qw-aligned-goalslist li.level_2 {
      margin-inline-start: 16px
    }

    .qw-aligned-goalslist li.level_3 {
      margin-inline-start: 24px
    }

    .qw-aligned-goalslist li.level_4 {
      margin-inline-start: 32px
    }

    .qw-aligned-goalslist li.level_5 {
      margin-inline-start: 40px
    }

    .qw-aligned-goalslist li.level_6 {
      margin-inline-start: 48px
    }

    .qw-aligned-goalslist li.level_7 {
      margin-inline-start: 56px
    }

    .qw-aligned-goalslist li.level_8 {
      margin-inline-start: 64px
    }

    .qw-aligned-goalslist li.level_9 {
      margin-inline-start: 72px
    }

.qw-progress-label-header {
  font-weight: 700
}

.conversationautosaved {
  margin-block-start: 0 !important
}

.btn-group .add-on i {
  margin-inline-end: 0
}

.comment:hover > .owner-comment-edit-container {
  display: inline-block
}

.no-touch .comment > .owner-comment-edit-container {
  display: inline-block
}

ul.notificationPage li {
  border-block-end: 1px solid #b2c0d2
}

.newPostList .currentPosts .post {
  border: 1px solid #d7dde5;
  padding: 8px;
  border-radius: 4px
}

.currentPosts .post {
  position: relative;
  margin-block-end: 15px;
  background-color: #fff;
  box-shadow: 0 4px 2px -3px #d7dde5, 0 0 1px 0 #d7dde5
}

.currentPosts .goalpage-only {
  background-color: #fff;
  background: repeating-linear-gradient(45deg, #f6f7f9, #f6f7f9 30px, #fff 30px, #fff 60px)
}

.goalpage-only .goal-post {
  position: relative
}

.currentPosts .post p {
  font-size: 1em;
  color: #666f7a;
  margin: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  line-height: 1.618em
}

.currentPosts .post span.decrease, .post_panel span.decrease {
  color: #dd1331;
  font-weight: 700
}

.currentPosts .post span.increase, .post_panel span.increase {
  color: #21a675;
  font-weight: 700
}

.media-body p.help-block {
  margin-block: 5px 0;
  margin-inline: 0
}

.post .post-container {
  margin-block-end: 10px
}

.currentPosts .post p.owner-comment-container {
  line-height: 1.3em
}

.commentContainer a[data-trigger] {
  line-height: 1.618em
}

.commentContainer span.owner-comment-value {
  white-space: pre-line;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  position: relative;
  line-height: 1.618em
}

.goal-post p.mediaLink {
  margin-block: 20px;
  margin-inline: 0
}

.currentPosts .post p a {
  font-weight: 700
}

.currentPosts .post > div {
  padding-block: 15px 0;
  padding-inline: 50px 15px;
  font-size: .9em;
  margin-block-start: 4px
}

.currentPosts .post .goal-post {
  padding-block: 1px 15px;
  padding-inline: 65px 15px
}

.carousel-inner > .item.active.next, .carousel-inner > .item.active.prev, .carousel-inner > .item.left, .carousel-inner > .item.next, .carousel-inner > .item.prev, .carousel-inner > .item.right {
  opacity: 0 !important;
  inset-inline-start: 0 !important
}

.carousel-inner > .item {
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  opacity: 0;
  display: none
}

  .carousel-inner > .item.active {
    opacity: 1;
    display: block
  }

.carousel-inner {
  overflow: visible !important
}

.commentContainer {
  position: relative
}

.post .commentContainer {
  border: 0;
  padding: 0 !important;
  display: none;
  margin-block-start: 0 !important
}

.has-comments {
  display: block
}

.has-no-comments {
  display: none
}

.commentContainer li:first-child {
  border-block-start: 1px solid #d7dde5
}

.comment-reply {
  position: relative
}

#PerformanceConversation .comment-reply.media, .media + .comment-margin {
  margin-inline-start: 30px
}

.media + .comment-margin {
  padding-block-start: 5px
}

#FeedbackReport .media .media {
  padding-block-start: 8px;
  margin-block-start: 0
}

  #FeedbackReport .media .media .media-body p, .media + .comment-margin .media-body p {
    margin-inline-end: 25px
  }

#Performance .media:first-child {
  margin-block-start: 5px
}

.comment-reply .dropdown-toggle, .commentContainer .dropdown-toggle {
  color: #444950;
  font-size: var(--text-size-micro)
}

.comment-reply .open .dropdown-toggle, .commentContainer .open .dropdown-toggle {
  border-block-end: 0;
  position: relative;
  z-index: 2
}

.comment-reply .dropdown-toggle .fa, .commentContainer .dropdown-toggle .fa {
  margin: 0
}

.comment-reply .dropdown-menu, .commentContainer .dropdown-menu {
  padding: 0;
  margin: 0;
  border-radius: 0 0 4px 4px;
  min-width: 100px;
  border: 1px solid #b2c0d2
}

  .comment-reply .dropdown-menu li, .commentContainer .dropdown-menu li {
    border: 0;
    padding: 0;
    margin: 0;
    background: #fff
  }

    .comment-reply .dropdown-menu li a, .commentContainer .dropdown-menu li a {
      padding-block: 3px;
      padding-inline: 10px
    }

.commentContainer li {
  list-style: none;
  font-size: .9em;
  display: block;
  padding-block: 0;
  padding-inline: 10px;
  margin-block-end: 12px;
  background: #fff;
  clear: both
}

  .commentContainer li.comment {
    margin: 0;
    padding-block: 4px 3px;
    padding-inline: 8px
  }

    .commentContainer li.comment span.clearfix {
      display: block;
      margin-block-start: 2px
    }

  .commentContainer li:nth-child(2) {
    border-block-start: 0
  }

.likeComment.like .like, .likePost.like .like {
  display: none
}

.likeComment.like .unlike, .likePost.like .unlike {
  display: inline;
  color: #0067e6
}

.likeComment.unlike .like, .likePost.unlike .like {
  display: inline
}

.likeComment.unlike .unlike, .likePost.unlike .unlike {
  display: none
}

.like-counter {
  color: #0067e6
}

  .like-counter:hover {
    cursor: pointer
  }

.recognizeInput {
  min-height: 98px !important
}

textarea.responseAutoGrow {
  resize: none;
  overflow: hidden
}

.commentContainer input.input-xxlarge {
  width: 90%;
  margin-block-start: 0;
  border: 1px solid #b2c0d2;
  color: #147599;
  font-size: 1em
}

.commentContainer ol.newPostMessage li {
  min-height: 0;
  border: 0;
  padding: 10px;
  background: #f6f7f9;
  margin: 0
}

  .commentContainer ol.newPostMessage li form {
    margin: 0;
    position: relative
  }

.createcommentform textarea.commentinput, .createcommentform textarea.goalrating-commentinput, .editcommentform textarea.comment-edit {
  padding: 6px;
  vertical-align: middle;
  height: 2.4em;
  overflow: hidden;
  border-radius: 0;
  outline: 0;
  border-radius: 8px;
  height: 40px;
  padding-block: 8px;
  padding-inline: 16px 80px
}

.mentions-input-box {
  border-radius: 8px
}

.createcommentform .has-error .form-control, .modal-error {
  border: 1px solid #dd1331;
  background: #fdf1f1;
  padding-inline-start: 25px
}

.modal-error {
  border-radius: 0
}

.createcommentform .has-error:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  line-height: 100%;
  background: url(/img/pattern-post.png) top center #dd1331;
  font: normal normal normal 12px/1 FontAwesome;
  content: "";
  padding-block: 7px;
  padding-inline: 4px;
  color: #fff
}

.modal-error:before {
  position: absolute;
  inset-inline-end: 100%;
  inset-block-start: 0;
  height: 100%;
  line-height: 100%;
  background: url(/img/pattern-post.png) top center #dd1331;
  font: normal normal normal 12px/1 FontAwesome;
  content: "";
  padding-block: 7px;
  padding-inline: 4px;
  color: #fff
}

.modal-error:before {
  font: normal normal normal 22px/1 FontAwesome;
  padding-block: 12px;
  padding-inline: 8px
}

.modal-error h4 {
  color: #dd1331
}

.modal-error p {
  margin-block-end: 15px
}

#PerformanceConversation .panel .createcommentform .col-md-12 {
  padding: 0
}

select option:disabled {
  font-style: italic
}

.commentContainer input.input-xxlarge:active, .commentContainer input.input-xxlarge:focus {
  width: 95%
}

.commentContainer li p {
  line-height: 1.41em;
  padding-block: 0;
  padding-inline: 2px 25px;
  margin-block: 4px 0 !important;
  margin-inline: 30px 0 !important;
  font-weight: 400 !important
}

#NewsFeed .commentContainer li p.owner-comment-container {
  margin-block: 4px 0 !important;
  margin-inline: 40px 0 !important
}

.commentContainer li .qw-avatar {
  float: left;
  margin-block: 0 5px;
  margin-inline: 5px
}

#NewsFeed {
  position: relative;
  margin-block-start: 15px
}

  #NewsFeed .add_comment_toggle {
    display: none
  }

.visible {
  display: block !important
}

.qw-hide {
  display: none
}

.ms-res-ctn .avatar {
  position: relative;
  inset-inline-start: auto;
  inset-block-start: auto
}

.newGoalPanel > h4 {
  margin-block-end: 15px
}

.postList .newPost textarea {
  width: 98%
}

.qw-nav-tabs {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  list-style: none
}

  .qw-nav-tabs.sticky-nav-tabs {
    border-block-end: 1px solid #f0f2f5;
    position: sticky;
    inset-block-start: -1px;
    z-index: 2
  }

  .qw-nav-tabs > li > a {
    border-block-end: 3px solid transparent;
    display: block;
    padding-block: 8px;
    padding-inline: 16px;
    font-size: var(--text-size-base);
    color: #666f7a;
    text-decoration: none;
    white-space: nowrap
  }

    .qw-nav-tabs > li > a:active, .qw-nav-tabs > li > a:focus, .qw-nav-tabs > li > a:hover {
      background-color: transparent;
      border-block-end-color: #d7dde5;
      text-decoration: none
    }

  .qw-nav-tabs > li.active > a, .qw-nav-tabs > li.active > a:active, .qw-nav-tabs > li.active > a:focus, .qw-nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-block-end-color: #0067e6;
    color: #0067e6;
    font-weight: 700
  }

.qw-nav-tabs_radius {
  border-start-start-radius: 16px;
  border-start-end-radius: 16px
}

.postRecognition, .qw-app .singleUpdate {
  display: none;
  z-index: 1;
  position: relative
}

.qw-app-container .postRecognition, .qw-app-container .qw-app .singleUpdate {
  border-radius: 16px
}

.recognitionOnly .postRecognition, .recognitionOnly .qw-app .singleUpdate {
  display: block
}

.postRecognition select, postRecognition select:active, postRecognition select:focus {
  height: auto
}

.is-default-hidden {
  display: none
}

.singleUpdate {
  position: relative
}

  .singleUpdate .required {
    border: 1px solid #dd1331 !important;
    background: #fff5f6 !important
  }

#moderation_results .responseinput {
  width: 100%;
  padding-block: 4px;
  padding-inline: 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: 0 0;
  min-height: 40px
}

.newPostList .pullDown .recognizeInput {
  min-height: 80px
}

.editing .comment-text, .editing .owner-comment-edit-container, .editing .post-meta {
  display: none !important
}

#PerformanceConversation .comment-container, .feedback-readonly .owner-comment-edit-container, .newPostList .comment-container, .newPostList .post-container, .owner-response-container {
  display: none
}

  #moderation_results .post-container .responseinput, .newPostList .comment-container .responseinput {
    margin: 0;
    height: auto
  }

  #moderation_results .post-container .help-block, .newPostList .comment-container .help-block, .newPostList .post-container .help-block {
    font-size: var(--text-size-sm);
    float: left;
    margin-block: 6px 0;
    margin-inline: 5px
  }

.newPost {
  border-radius: 16px;
  display: none;
  position: relative;
  z-index: 4
}

  .newPost .post-focus {
    z-index: 2
  }

.qw-homepage-offset .qw-homepage-hide {
  display: none !important
}

.active_select + .qw-homepage-hide {
  display: block !important
}

.qw-goalpage-only {
  display: none
}

.qw-goalpage-post .newPost {
  display: block
}

.qw-goalpage-post .qw-goalpage-only {
  display: flex
}

.singleUpdate #PostResponseValue {
  width: 100%;
  color: #666f7a;
  padding: 10px;
  height: auto
}

#PostResponseValue::placeholder, #RecognitionResponseValue::placeholder, input::placeholder {
  color: #7e8b9a
}

.commentinput {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.post .postRecognition {
  background: #fff
}

.qw-badge-link {
  cursor: pointer;
  display: flex;
  align-items: center
}

  .qw-badge-link.selected {
    background: #ddecfd;
    font-weight: 700
  }

.qw-badge-select-link.required {
  color: #dd1331 !important;
  border-color: #dd1331
}

input.required, select.required {
  border: 1px solid #dd1331 !important;
  display: inline-block
}

#RecognitionResponseValue.required {
  border: 1px solid #dd1331 !important
}

#TaggedUsers.required {
  border: 1px solid #dd1331 !important
}

#PostResponseValue.required {
  border: 1px solid #dd1331
}

  #PostResponseValue.required.responseinput {
    border: 1px solid #dd1331
  }

.postRecognition textarea.tagLine {
  background: url(/img/tagUsers.png) no-repeat 3px 3px;
  padding-inline-start: 4%;
  width: 87% !important
}

ul.messageMenu, ul.notificationMenu {
  min-width: 300px
}

  ul.notificationMenu li {
    margin: 0
  }

  ul.messageMenu h5, ul.notificationMenu h5 {
    padding-block: 10px;
    padding-inline: 8px;
    font-size: 13px;
    margin: 0
  }

  ul.messageMenu li.center-link a, ul.notificationMenu li.center-link a {
    display: block;
    padding: 8px;
    text-align: center;
    color: #3c88ec;
    border-block-start: 1px solid #d7dde5;
    font-size: var(--text-size-sm)
  }

  ul.messageMenu li:last-child p, ul.notificationMenu li:last-child p {
    padding-block-end: 5px
  }

  ul.messageMenu li a, ul.notificationMenu li a {
    white-space: normal;
    text-decoration: none;
    color: #666f7a;
    padding: 0;
    display: block;
    position: relative;
    z-index: 5
  }

  ul.messageMenu em, ul.notificationMenu em {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    margin-block-start: 5px
  }

  ul.notificationMenu a p {
    padding-block: 8px;
    padding-inline: 16px;
    margin: 0
  }

  ul.messageMenu li img, ul.notificationMenu li img {
    float: left;
    margin-block: 0 10px;
    margin-inline: 0 5px
  }

.goalList li {
  list-style: none;
  margin-block-end: 0;
  font-size: var(--text-size-base);
  position: relative
}

.qw-your_team li {
  list-style: none
}

.overdue_icon {
  display: none
}

.qw-detail_trackingstatus {
  padding-block: 16px;
  padding-inline: 24px;
  background: #fff;
  border-block-start: 4px solid #94a4b8;
  border-radius: 4px 4px 0 0;
  text-align: center;
  margin-block-start: -4px;
  font-weight: 700;
  font-family: inherit;
  position: relative;
  font-size: var(--text-size-h4);
  display: flex;
  align-items: center
}

  .qw-detail_trackingstatus.qw-status_OffTrack {
    border-color: #fc6e7a;
    color: #fc6e7a
  }

  .qw-detail_trackingstatus.qw-status_OnTrack {
    border-color: #29c28a;
    color: #29c28a
  }

.qw-tracking_marker {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  margin-inline-end: 4px
}

  .qw-tracking_marker.qw-tracking_NoTrack, .qw-tracking_marker.qw-tracking_None {
    border: 2px dashed #b2c0d2
  }

  .qw-tracking_marker.qw-sm-tracking_marker {
    width: 8px;
    height: 8px
  }

    .qw-tracking_marker.qw-sm-tracking_marker.qw-tracking_NoTrack, .qw-tracking_marker.qw-sm-tracking_marker.qw-tracking_None {
      border-width: 1px
    }

  .qw-tracking_marker.qw-lg-tracking_marker {
    width: 16px;
    height: 16px;
    border: 0
  }

  .qw-tracking_marker.qw-xl-tracking_marker {
    width: 24px;
    height: 24px;
    border-width: 3px;
    border-style: solid
  }

    .qw-tracking_marker.qw-xl-tracking_marker.qw-tracking_NoTrack, .qw-tracking_marker.qw-xl-tracking_marker.qw-tracking_None {
      border: 2px dashed #b2c0d2
    }

  .qw-tracking_marker.qw-tracking_OnTrack {
    background: #18865e;
    border-color: #abfcdc
  }

  .qw-tracking_marker.qw-tracking_OffTrack {
    background: #dd1331;
    border-color: #fbc1c5
  }

  .qw-tracking_marker.qw-tracking_AtRisk {
    background: #fbda23;
    border-color: #fbda23
  }

.completed .overdue_icon, .overdue .overdue_icon {
  display: inline-block
}

.ownerinactive_icon {
  display: none
}

i.companyGoal {
  background: url(/img/companyGoal.png) no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin-inline-end: 3px;
  position: relative;
  z-index: 2;
  margin-block-start: -2px
}

i.privateGoal {
  background: url(/img/privateGoal.png) no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin-inline-end: 3px;
  position: relative;
  z-index: 2
}

td.goalInfo {
  width: 30%
}

td.contributorlist {
  width: 30%;
  font-size: .9em
}

  td.contributorlist em {
    display: block;
    margin-block: 7px 4px;
    margin-inline: 0
  }

.goalList li span.fa-calendar {
  margin-block: 1px 0;
  margin-inline: 3px 5px;
  float: left;
  position: relative;
  z-index: 2;
  font-size: 1.3em
}

.org-goals a.btn-updategoal {
  display: none;
  position: absolute;
  inset-inline-end: 5px;
  inset-block-start: 6px;
  z-index: 3;
  font-size: 11px;
  margin: 0 !important
}

#AddGoals a.btn-updategoal {
  inset-block-start: 0;
  inset-inline-end: auto;
  inset-inline-start: 0;
  inset-block-end: 0;
  z-index: 4;
  padding: 1px;
  line-height: 1.1em;
  border-radius: 4px
}

.goalList li:hover a.btn-updategoal, .goalList li:hover a.btn-updategoal:active, .goalList li:hover a.btn-updategoal:focus {
  display: block !important
}

.qw-your_team {
  display: block;
  clear: both;
  padding-block: 8px;
  padding-inline: 0
}

.my_team_list {
  display: flex;
  flex-wrap: wrap;
  position: relative
}

  .my_team_list > div {
    margin-block: 0 2px;
    margin-inline: 2px;
    position: initial
  }

@media (min-width: 1200px) {
  .my_team_list > div {
    position: relative
  }
}

@supports (display: grid) {
  .my_team_list {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(32px, max-content));
    grid-gap: .5rem
  }

    .my_team_list > div {
      margin: 0
    }
}

.my_team_list li.current_user {
  margin-inline-end: 7px;
  padding-inline-end: 6px;
  border-inline-end: 1px solid #ddd;
  position: relative;
  height: 35px
}

  .my_team_list li.current_user:after {
    inset-inline-start: 100%;
    inset-block-start: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(221, 221, 221, 0);
    border-inline-start-color: #ddd;
    border-width: 4px;
    margin-block-start: -4px
  }

.my_team_list li a.qw-team-avatar-link {
  display: inline-block;
  box-shadow: 0 2px 2px -2px #0054c2;
  border-radius: 50%
}

  .my_team_list li a.qw-team-avatar-link:active, .my_team_list li a.qw-team-avatar-link:hover {
    text-decoration: none;
    transform: translateY(-1px)
  }

  .my_team_list li a.qw-team-avatar-link:focus {
    outline: 0;
    text-decoration: none;
    transform: translateY(1px);
    box-shadow: 0 1px 1px -1px #0054c2
  }

.my_team_list a.spinning {
  position: relative
}

.my_team_list li.goallist_header {
  float: none;
  display: block;
  border: 0 !important;
  margin: 0;
  padding-block: 9px;
  padding-inline: 0
}

.hover_loading {
  display: none
}

svg.personal_goal {
  color: #3c88ec !important
}

svg.org_goal {
  color: #ffab00 !important
}

svg.dept_goal {
  color: #29c28a !important
}

.contributors .blockLink {
  margin-block: 0;
  margin-inline: 25px
}

.newGoalForm {
  position: relative;
  display: none
}

.qw-invite-header-brackets {
  height: 0;
  border-block-end: 1px solid #b2c0d2;
  font-size: var(--text-size-sm);
  text-transform: uppercase;
  font-weight: 700;
  color: #58606a;
  height: 8px;
  position: relative;
  margin: 40px auto
}

  .qw-invite-header-brackets::after, .qw-invite-header-brackets::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 100%;
    height: 16px;
    width: 1px;
    background: #b2c0d2
  }

  .qw-invite-header-brackets::after {
    inset-inline-start: 100%
  }

  .qw-invite-header-brackets span {
    display: inline-block;
    background: #f0f2f5;
    padding-block: 8px;
    padding-inline: 24px
  }

#ParentGoalIdBtn.select_box {
  white-space: normal
}

#parentGoalBtnGroupDiv .remove_goal {
  display: none
}

#ParentGoalIdBtn.select_box .remove_goal {
  display: block;
  inset-inline-end: 7px;
  inset-block-end: 5px;
  position: absolute;
  width: 7px;
  cursor: pointer;
  z-index: 1000;
  height: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
  background-position: 0 -7px
}

  #ParentGoalIdBtn.select_box .remove_goal:active, #ParentGoalIdBtn.select_box .remove_goal:hover {
    background-position: 0 0
  }

#parentGoalBtnGroupDiv .scroll-menu li h5 {
  padding-block: 7px;
  padding-inline: 10px;
  margin: 0;
  font-weight: 900;
  color: #999;
  text-transform: none
}

#parentGoalBtnGroupDiv ul.dropdown-menu {
  padding: 0;
  margin: 0
}

#ParentGoalIdBtn.select_box .update_name {
  background: #f3f3f3;
  color: #999;
  float: left;
  font-size: 12px;
  padding-block: 0;
  padding-inline: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-block: 1px;
  margin-inline: 0 10px;
  position: relative
}

#ParentGoalChooser .ms-ctn label {
  font-size: 12px;
  font-weight: 400;
  min-height: unset;
  display: block;
  line-height: 1em;
  position: relative;
  padding-block: 0 1px;
  padding-inline: 15px 10px;
  margin: 0
}

#parentGoalBtnGroupDiv .caret {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 13px
}

#parentGoalBtnGroupDiv li {
  min-height: unset;
  padding: 0;
  border: 0
}

  #parentGoalBtnGroupDiv li a {
    white-space: normal;
    font-size: 12px;
    padding-block: 5px;
    padding-inline: 25px 10px;
    display: block;
    font-weight: 400;
    position: relative
  }

    #parentGoalBtnGroupDiv li a i {
      position: absolute;
      inset-inline-start: 10px;
      inset-block-start: 6px
    }

#ParentGoalChooser .ms-ctn label i {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 1px
}

#parentGoalBtnGroupDiv li.search_goals {
  border-block-start: 1px solid #ddd
}

  #parentGoalBtnGroupDiv li.search_goals a {
    font-size: 13px;
    font-weight: 700;
    padding: 10px
  }

    #parentGoalBtnGroupDiv li.search_goals a i {
      position: relative;
      inset-inline-start: auto;
      inset-block-start: auto
    }

#parentGoalBtnGroupDiv li.dropdown-header {
  padding-block: 8px 0;
  padding-inline: 10px;
  border-block-start: 1px solid #ddd;
  color: #666;
  min-height: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700
}

.recognitionGoalBtnGroupDiv ul li {
  background: 0 0;
  float: none;
  display: block
}

  .recognitionGoalBtnGroupDiv ul li:hover {
    background: 0 0
  }

.desc_toggle {
  display: inline !important
}

.border-top-row p.owner-post-value.desc_toggle {
  display: inline-block !important
}

a.morelink {
  text-decoration: none;
  outline: 0;
  padding-block: 1px;
  padding-inline: 4px;
  font-size: var(--text-size-sm);
  background: #f6f7f9;
  border: 1px solid #ddecfd;
  color: #0067e6;
  border-radius: 2px;
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0
}

  a.morelink:hover {
    border-color: #c3dbf9
  }

  a.morelink:focus, a.morelink:hover {
    color: #0067e6
  }

  a.morelink:active {
    background: #ddecfd;
    box-shadow: none
  }

.morecontent span {
  display: none
}

.peek-profile.profile-popover {
  z-index: 3003;
  box-shadow: 0 4px 6px -1px rgba(52, 56, 60, .1), 0 2px 4px -1px rgba(52, 56, 60, .06);
  border-radius: 16px
}

.peek-enabled {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-grow: 1;
  min-height: 115px
}

  .peek-enabled .peek_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

.qw-peek-avatar-container {
  border-radius: 16px 0 0 16px
}

.peek-profile.profile-popover .popover-content p {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 10px;
  line-height: 14px !important;
  clear: both
}

.peek-profile .popover-content strong {
  display: block;
  text-transform: capitalize;
  font-size: 10px;
  font-weight: 700
}

input.duedate-picker {
  margin-block: 0;
  margin-inline: 0 -1px;
  padding-block: 2px;
  padding-inline: 25px 8px;
  background: url(/img/calendarIcon.png) no-repeat 8px 10px #fff
}

.input-group input.dateOkay {
  background: url(/img/calendarIcon.png) no-repeat 8px -72px #fff
}

.input-group input.dateLate {
  background: url(/img/calendarIcon.png) no-repeat 8px -34px #fff
}

.contributors {
  position: relative;
  padding-block-end: 15px
}

  .contributors ul, .side_bar .goal-property-container ul {
    margin: 0;
    padding: 0
  }

  .contributors .dropdown-toggle {
    position: relative
  }

  .contributors .dropdown-menu {
    z-index: 1;
    padding-block: 4px;
    padding-inline: 0
  }

  .contributors .goal_explorer_options .dropdown-menu {
    background: #fff;
    padding-block: 5px;
    padding-inline: 0;
    z-index: 1000
  }

  .contributors li.goallist_header .inactive {
    color: #dd1331
  }

.newGoalForm select {
  padding-block: 8px;
  padding-inline: 10px;
  margin-block-end: 7px;
  width: 100%
}

.newGoalForm h5 {
  margin-block: 3px 4px;
  margin-inline: 0;
  text-transform: none;
  font-size: 13px;
  font-weight: 700
}

.contributors li.active a {
  background: #666f7a;
  color: #f0f2f5
}

.contributors li a:hover {
  text-decoration: none
}

.contributors p {
  margin: 0
}

.contributors .alert-info {
  position: relative;
  margin-block: 10px 0;
  margin-inline: 0
}

.contributors a.newContributor, .contributors a.newObserver {
  display: none;
  margin-block: 5px;
  margin-inline: auto
}

.contributors li a.btn {
  display: none;
  min-width: 24px;
  margin-inline-end: -1px
}

.contributors li.goallist_header a.btn, .contributors li:hover a.btn {
  display: inline-block
}

li.goallist_header a.btn i {
  margin: 0
}

.contributors ul a.btn span {
  margin: 0
}

#hs-beacon iframe {
  z-index: 1103 !important
}

.commentContainer .dropdown-menu li a.delete_dropdownlink:hover, .qw-hover-list li a:hover, ul.messageMenu li a:focus, ul.messageMenu li a:hover, ul.notificationMenu li a:focus p, ul.notificationMenu li a:hover p {
  background: #f1f7fe;
  color: #0067e6;
  text-decoration: none
}

.btn-dropdown {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  text-align: start
}

.navbar-form {
  margin: 0;
  padding-inline-end: 0;
  position: relative
}

  .navbar-form li.dropdown:last-child {
    margin-inline-start: 5px
  }

.navbar-inverse .btn-navbar {
  display: none;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.navbar .nav .open .dropdown-toggle {
  background-color: #080808 !important
}

.navbar-secondary .nav .open .dropdown-toggle {
  background-color: transparent !important;
  border-color: transparent
}

.navbar .nav .btn-group.dropdown a.btn:hover {
  background: #000
}

.navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar[disabled] {
  color: #fff
}

  .navbar-inverse .btn-navbar:focus i, .navbar-inverse .btn-navbar:hover i {
    opacity: 1
  }

.currentTags p {
  margin-block: 5px 0;
  margin-inline: 5px 0;
  font-size: .8em;
  display: inline-block;
  position: relative;
  padding-block: 2px;
  padding-inline: 5px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

  .currentTags p a.close {
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 2px
  }

#EmployeeTabPane {
  z-index: 1
}

.card-back, .card-front, .flip-container, .flipper {
  width: 100%;
  height: 100%
}

.show-answers .card-back, .show-answers .card-front, .show-answers .flipper, .show-answers.flip-container {
  height: auto
}

.card-back .response .agenda-comment .qw-inline-comment-btn {
  display: none
}

.card-back .agenda-container > .col-sm-8 {
  width: 100% !important;
  inset-inline-start: 0 !important
}

.card-front .panel-body {
  margin: 0;
  background: #fff;
  padding-block: 30px;
  padding-inline: 15px
}

.card-front {
  display: block
}

.pdf .card-front {
  display: none
}

.show-answers .card-front {
  display: none
}

.card-back, .qw-booster-container {
  display: none
}

.pdf .card-back {
  display: block
}

.show-answers .card-back, .show-answers ~ .qw-booster-container {
  display: block
}

.ui-slider-horizontal .ui-slider-handle {
  inset-block-start: -.25em !important
}

.loading, .submit_transition {
  display: none
}

#PostForm .loading, #PostForm .submit_transition, .createProfilePicture .loading, .currently-loading .loading, .editProfilePicture .loading, .loadingBox .loading, .loadingBox .submit_transition, .participant-filter-form .submit_transition {
  display: block
}

.qw-loading-mask {
  opacity: 0;
  position: relative;
  animation: fadeIn .4s cubic-bezier(.42, 0, .58, 1);
  animation-fill-mode: forwards
}

  .qw-loading-mask .submit_transition {
    display: block;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    height: 100%;
    inset-inline-end: 0;
    background: rgba(68, 73, 80, .3)
  }

  .qw-loading-mask .loading {
    display: block;
    position: absolute !important;
    transform: translateX(-50%)
  }

.loading:after {
  position: absolute;
  inset-block-end: -18px;
  inset-inline-start: 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase
}

.loading-inline:after {
  content: ""
}

.loading {
  position: fixed !important;
  inset-inline-start: 49%;
  inset-block-start: 25%;
  z-index: 10000;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px
}

.loading-inline, .qw-loadanimation-inline .loading {
  position: relative !important;
  inset-inline-start: 0;
  margin-block: 0;
  margin-inline: auto
}

.qw-loadanimation-inline .loading {
  margin-block: 100px 0;
  margin-inline: auto;
  transform: translateY(-200%)
}

.qw-container-loading {
  position: relative
}

  .qw-container-loading .loading {
    inset-inline-start: 37%
  }

.submit_transition {
  position: absolute !important;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 98%;
  z-index: 1000
}

.loading-inline > div, .qw-loadanimation-inline .loading > div {
  background-color: #b2c0d2
}

#Newsfeed .loading {
  inset-block-start: 20%;
  inset-inline-start: 45%
}

.loading:after {
  margin-block-start: 50px;
  position: absolute
}

.goal_tree_container .loading:after {
  inset-block-start: 12px;
  width: 100%;
  margin: 0
}

.singleUpdate .input-group > span {
  margin-block: 2px;
  margin-inline: 0;
  padding-block: 3px;
  padding-inline: 8px
}

.enable-inline {
  color: #34383c;
  display: block;
  margin-block-end: 8px
}

  .enable-inline:focus, .enable-inline:hover {
    background-color: #f6f7f9 !important;
    text-decoration: none;
    cursor: pointer
  }

.inline-editor, .inline-editor .form-control, .inline-editor div, .inline-editor form {
  display: inline-block
}

  .inline-editor a:not(.borderless) {
    text-transform: none;
    letter-spacing: normal
  }

  .inline-editor .form-group {
    margin-block-end: 5px
  }

    .inline-editor .form-group .btn {
      box-shadow: none;
      border: none
    }

      .inline-editor .form-group .btn i {
        color: #000;
        font-size: 20px
      }

.ql-container {
  border-start-start-radius: 0;
  border-start-end-radius: 0
}

.ql-toolbar {
  border-start-start-radius: 4px;
  border-start-end-radius: 4px
}

.inline-editor .form-group .btn:not(.borderless) {
  border: solid 1px #ccc
}

.inactive-user {
  color: #666f7a
}

.inactive-feedback-recipient .qw-avatar {
  opacity: .5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity ease-in .1s
}

.inactive-feedback-recipient .employee > span::after {
  margin-inline-start: .2em;
  content: "(inactive)"
}

.pullUp .clearfix .btn-group {
  clear: both;
  display: block
}

.recognitionFilter.clearfix .btn-group {
  clear: none
}

.filter-toggle-mobile i {
  margin: 0
}

.btn-updategoal {
  display: none
}

.datepicker {
  inset-block-start: 0;
  inset-inline-start: 0;
  padding-block: 6px;
  padding-inline: 12px;
  margin-block-start: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.datepicker-dropdown {
  background: #f0f2f5;
  padding: 16px;
  border: none;
  box-shadow: 0 4px 3px -3px #94a4b8
}

  .datepicker-dropdown > div {
    background: #fff;
    padding: 8px
  }

  .datepicker-dropdown td.day {
    font-size: 1.2em;
    font-family: proxima-nova, sans-serif;
    font-weight: 700
  }

.datepicker table {
  width: 100%;
  margin: 0
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

  .datepicker td.day:hover {
    background: #eee;
    cursor: pointer
  }

  .datepicker td.day.disabled {
    color: #eee
  }

  .datepicker td.new, .datepicker td.old {
    color: #999
  }

  .datepicker td.active, .datepicker td.active:hover {
    background-repeat: repeat-x;
    background-color: #04c;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-image: linear-gradient(to bottom, #8aa94e, #425718)
  }

    .datepicker td.active.active, .datepicker td.active.disabled, .datepicker td.active:active, .datepicker td.active:focus, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active:hover.disabled, .datepicker td.active:hover:active, .datepicker td.active:hover:focus, .datepicker td.active:hover:hover, .datepicker td.active:hover[disabled], .datepicker td.active[disabled] {
      color: #fff;
      background-color: #04c
    }

  .datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
  }

    .datepicker td span:hover {
      background: #eee
    }

    .datepicker td span.active {
      color: #fff;
      background-color: #006dcc;
      background-repeat: repeat-x;
      border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      background-image: linear-gradient(to bottom, #08c, #04c);
      border-inline-start-color: #04c;
      border-inline-end-color: #04c;
      border-block-start-color: #04c;
      border-block-end-color: #002a80
    }

      .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active:active, .datepicker td span.active:focus, .datepicker td span.active:hover, .datepicker td span.active[disabled] {
        color: #fff;
        background-color: #04c
      }

    .datepicker td span.old {
      color: #999
    }

  .datepicker th.switch {
    width: 145px
  }

  .datepicker th.next, .datepicker th.prev {
    font-size: 21px
  }

.datepicker thead tr:first-child th {
  cursor: pointer
}

  .datepicker thead tr:first-child th:hover {
    background: #eee
  }

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 100%
}

@media (min-width: 600px) {
  .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto
  }

  .timepicker-sbs > .row {
    display: flex !important;
    margin: 0
  }

  .timepicker-sbs .timepicker .timepicker-hours, .timepicker-sbs .timepicker .timepicker-minutes, .timepicker-sbs .timepicker .timepicker-picker {
    margin-block-start: 50px
  }

    .timepicker-sbs .timepicker .timepicker-hours .table-condensed, .timepicker-sbs .timepicker .timepicker-minutes .table-condensed, .timepicker-sbs .timepicker .timepicker-picker .table-condensed {
      background: 0 0
    }

  .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td span {
    height: 32px;
    line-height: 32px;
    width: 32px
  }

  .timepicker-sbs {
    border: 0 !important;
    background: #ddecfd
  }

    .timepicker-sbs.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
      border-block-end: 6px solid #f1f2f3
    }

    .timepicker-sbs .datepicker .datepicker-days {
      padding-block: 10px;
      padding-inline: 0
    }

    .timepicker-sbs .hour, .timepicker-sbs .minute, .timepicker-sbs .timepicker-picker .timepicker-hour, .timepicker-sbs .timepicker-picker .timepicker-hours, .timepicker-sbs .timepicker-picker .timepicker-minute, .timepicker-sbs .timepicker-picker .timepicker-minutes {
      color: #004094;
      text-shadow: none
    }

      .timepicker-sbs .hour:hover, .timepicker-sbs .minute:hover, .timepicker-sbs .timepicker-picker .timepicker-hour:hover, .timepicker-sbs .timepicker-picker .timepicker-hours:hover, .timepicker-sbs .timepicker-picker .timepicker-minute:hover, .timepicker-sbs .timepicker-picker .timepicker-minutes:hover {
        color: #244d7c
      }

    .timepicker-sbs .datepicker {
      padding-block: 0;
      padding-inline: 16px;
      margin: 0
    }

  .datepicker.col-md-6 {
    background-color: #fff
  }

  .timepicker.col-md-6 {
    background-color: #f6f9fc
  }

  .datepicker table tr td.day.focused, .timepicker-sbs .datepicker table tr td.day:hover {
    background: #fff
  }

  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 2.2em;
    text-shadow: 1px 2px #182132;
    margin-block: 15px;
    margin-inline: auto
  }

    .bootstrap-datetimepicker-widget .timepicker-hour:hover, .bootstrap-datetimepicker-widget .timepicker-minute:hover, .bootstrap-datetimepicker-widget .timepicker-second:hover {
      text-shadow: none
    }

  .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover {
    background: #0067e6;
    border-radius: 0;
    border: 1px solid #0067e6
  }

  .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover {
    background: #f0f2f5;
    border-radius: 2px;
    color: #0067e6
  }

  .bootstrap-datetimepicker-widget table td a span {
    display: inline-block;
    border-radius: 50%;
    background: #c3dbf9;
    box-shadow: 0 4px 3px -3px #666f7a;
    color: #2b65a0
  }

  .bootstrap-datetimepicker-widget table td.separator {
    display: none
  }

  .bootstrap-datetimepicker-widget table td.today:before {
    border-block-end-color: #50565d;
    inset-block-end: 6px;
    inset-inline-end: 6px
  }

  .bootstrap-datetimepicker-widget table td.day {
    width: 30px;
    line-height: 25px;
    height: 25px;
    border-radius: 50%;
    padding-block: 6px;
    padding-inline: 9px;
    font-size: 1.2em;
    font-family: inherit;
    font-weight: 700;
    color: #363a3f
  }

  .bootstrap-datetimepicker-widget .datepicker:before {
    display: none
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 44em;
    padding: 10px !important
  }
}

.input-group.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px
}

#settings-message p {
  display: none
}

a.newPostForm.active, a.newRecognition.active {
  background: #3c88ec;
  color: #fff
}

  a.newPostForm.active svg, a.newRecognition.active svg {
    color: #fff !important
  }

.commentContainer li.commentLI {
  padding: 0;
  min-height: 0;
  border-block-end: 1px solid #d7dde5;
  background: 0 0;
  background: #fff;
  margin: 0
}

.commentContainer form {
  margin: 0
}

.viewPreviousComments {
  padding-block: 3px;
  padding-inline: 8px;
  display: inline-block
}

  .viewPreviousComments .fa-comment-o {
    font-size: 1.1em;
    padding: 5px;
    color: inherit
  }

  .text-underline, .viewPreviousComments:hover {
    text-decoration: underline
  }

.load-more-news-parent .feedTab {
  display: none
}

.feedTab img {
  display: block;
  margin-block: -8px 0;
  margin-inline: auto;
  text-align: center
}

.not-ie .feedTab .form-inline label {
  font-size: 13px;
  cursor: pointer
}

.feedTab .dropdown-menu .divider {
  margin-block: 3px;
  margin-inline: 0
}

@media (min-width: 768px) {
  .qw-homepage-offset {
    margin-block-start: -80px
  }
}

.profileStatus ol {
  list-style: none;
  flex-grow: 1
}

.profileStatus li {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border-block-end: 1px solid #f6f7f9;
  padding-block: 8px;
  padding-inline: 0
}

@media all and (-ms-high-contrast: none) {
  .profileStatus li {
    width: 100%
  }
}

.profileStatus li a {
  padding: 4px;
  font-weight: 700
}

@media all and (-ms-high-contrast: none) {
  .profileStatus li a {
    width: 100%
  }
}

.profileStatus li:last-child {
  border-block-end: 0
}

.profileStatus li.complete i {
  color: #3adfa0
}

.profileStatus li.complete a {
  display: block;
  position: relative;
  color: #444950;
  pointer-events: none
}

  .profileStatus li.complete a span {
    color: #666f7a
  }

#Loading {
  position: absolute;
  inset-block-start: 30vh;
  inset-inline-start: 50%;
  transform: translateX(-50%)
}

.loading.qw-loading {
  position: relative;
  text-align: center;
  width: 120px
}

  .loading.qw-loading:after {
    content: "Loading";
    margin-block-start: 24px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    inset-block-end: 2px;
    padding-block: 1px;
    padding-inline: 10px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 3px -3px #34383c;
    font-size: 1em;
    font-weight: 700
  }

  .loading.qw-loading.qw-loading-nocsstext:after {
    content: "";
    display: none
  }

  .loading.qw-loading > div.qw-fullspectrum {
    width: 120px;
    height: 8px;
    background-image: linear-gradient(90deg, #fbda23 0, #ffa238 6%, #ff6b70 16%, #ff47a6 27%, #bf54d4 39%, #0067e6 51%, #bf54d4 63%, #ff47a6 74%, #ff6b70 85%, #ffa238 95%, #fbda23 100%);
    background-size: 400% 1200%;
    border-radius: 4px;
    animation: colorScroll 8s cubic-bezier(.42, 0, .58, 1) infinite;
    box-shadow: 0 0 0 4px #fff, 0 2px 3px 1px #1a1c1e
  }

ul.thumbs li {
  position: relative
}

  ul.thumbs li img {
    margin-block: 5px 10px;
    margin-inline: 0
  }

  ul.thumbs li.clear h3 {
    float: none;
    text-align: center;
    margin: 0;
    line-height: 2.3em
  }

.public-filters {
  text-align: center
}

@media (min-width: 992px) {
  .public-filters {
    text-align: start
  }
}

.addRecognitionBox, .removeRecognitionBox {
  display: none
}

i.ontrack {
  color: #3582c4
}

i.pastdue {
  color: #b94a48
}

.fileupload {
  margin: 0;
  margin-block-end: 0 !important;
  position: relative;
  padding: 0;
  display: flex;
  align-items: center
}

a.org-logo:active, a.org-logo:focus, a.org-logo:hover {
  text-decoration: none
}

.org-logo img {
  max-width: 300px
}

@media (min-width: 768px) {
  .org-logo img.qw-customer-logo {
    max-width: 100%
  }
}

@media (min-width: 992px) {
  .org-logo img.qw-customer-logo {
    max-width: 300px
  }
}

.qw-card-status {
  margin-block: -1px 0;
  margin-inline: -1px;
  align-items: center;
  padding: 16px;
  border-radius: 16px 16px 0 0;
  display: flex
}

  .qw-card-status .qw-alert-icon {
    color: inherit
  }

.qw-card-status-complete {
  background: #18865e;
  color: #fff
}

.qw-card-status-incomplete {
  background: #666f7a;
  color: #fff
}

.qw-card-status-extended {
  background: #fff;
  color: #0067e6;
  border-block-end: 1px solid #d7dde5
}

.qw-card-status-abandoned {
  background: #34383c;
  color: #fff;
  border-block-end: 1px solid #7e8b9a
}

.room-status-container {
  border-block-end: 0;
  border-radius: 16px;
  margin-bottom: 24px
}

span.generated_goal {
  background: url(/img/pattern-post.png) bottom center #276294
}

p.mediaLink {
  margin: 0;
  position: relative;
  z-index: 1000
}

.withMedia {
  text-align: start
}

.mediaLink i {
  position: absolute;
  inset-block-start: 25%;
  inset-inline-start: 36%;
  font-size: 4em;
  color: #fff;
  text-shadow: 2px 2px 3px #000;
  opacity: .4;
  display: none
}

.mediaLink a:hover i {
  text-decoration: none
}

.mediaLink .video {
  position: relative
}

  .mediaLink .video i {
    display: inline
  }

.carousel {
  margin-block-end: 0;
  padding: 0 !important
}

  .carousel .thumbnails > li {
    float: none;
    display: inline-block;
    width: 26%;
    margin-block: 0;
    margin-inline: 3px
  }

.flairContent .ms-ctn .ms-sel-item {
  background: #f1f7fe;
  color: #003575;
  border: 1px solid #c3dbf9;
  font-weight: 700
}

.flairContent .specialty-options {
  display: none
}

.flairContent.showing-restricted .specialty-options {
  display: inline-block
}

.custom {
  color: #444950
}

.fileupload-exists .fileupload-preview {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--text-size-sm);
  font-weight: 700
}

.fileupload-exists + .uploadImage-error {
  padding-block: 4px;
  padding-inline: 8px;
  display: block;
  border: 1px solid #d9534f;
  background: #ffeeed;
  margin-block: 4px 0;
  margin-inline: 4px 0;
  color: #d9534f
}

.btn-file {
  overflow: hidden;
  vertical-align: middle
}

  .btn-file > input {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    margin: 0;
    opacity: 0;
    font-size: 23px;
    direction: ltr;
    cursor: pointer
  }

.file-preview-box {
  background: #fff;
  padding: 4px 8px;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: none
}

.fileupload-exists .file-preview-box {
  display: flex
}

.editProfilePicture .fileupload-new {
  padding-block: 0;
  padding-inline: 6px
}

.addImageURLContainer div.fileupload-exists:after {
  content: "";
  display: block;
  clear: both
}

.addImageURLContainer .btn-group {
  position: relative;
  z-index: 100;
  clear: both;
  display: block
}

.addImageURLContainer .btn, .addImageURLContainer .btn i, .addImageURLContainer .btn:hover {
  margin: 0 !important
}

.uploadLink, .urlImageLink, .urlVideoLink {
  display: none
}

.urlImageLink, .urlVideoLink {
  padding: 0;
  margin: 0
}

  .urlImageLink input, .urlVideoLink input {
    margin-block-end: 0
  }

.postRecognitionModal .modal iframe, .postRecognitionModal .modal img {
  max-width: 700px;
  border: 5px solid #fff;
  background: #fff;
  display: block;
  margin-block: 0;
  margin-inline: auto;
  text-align: center
}

.postRecognitionModal .modal-content {
  width: auto !important;
  background: 0 0 !important;
  margin-block-start: 75px;
  border: 0;
  -webkit-box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  box-shadow: 0 0 0 transparent !important
}

.postRecognitionModal img {
  max-width: 100%;
  max-height: 85vh
}

.recognitionContainer {
  position: initial
}

.postRecognitionModal .modal-header {
  background: 0 0;
  border: 0
}

.modal-footer .btn-primary {
  margin-block-start: 0
}

.postRecognitionModal .modal-header .close {
  color: #fff;
  font-size: 2.5em;
  opacity: 1;
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 19px
}

.modal-header h3 {
  font-size: 1.3em;
  font-weight: 900
}

.postRecognitionModal .modal-header .close:hover {
  color: #eee
}

.postRecognitionModal.modal .modal-body {
  max-height: 600px;
  padding: 0;
  position: fixed;
  inset-block-start: 35%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%)
}

.discussionPosts::-webkit-scrollbar, .modal::-webkit-scrollbar, .qw-app .snapshot-scroll-container::-webkit-scrollbar {
  width: 8px;
  margin-inline-end: 8px;
  margin-block-start: 8px
}

.discussionPosts::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track, .qw-app .snapshot-scroll-container::-webkit-scrollbar-track {
  background: #f6f7f9;
  border-radius: 4px
}

.discussionPosts::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .qw-app .snapshot-scroll-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(68, 73, 80, .5);
  max-height: 150px
}

  .discussionPosts::-webkit-scrollbar-thumb:window-inactive, .modal::-webkit-scrollbar-thumb:window-inactive, .qw-app .snapshot-scroll-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(68, 73, 80, .2)
  }

.recognitionOnly .postRecognition input.recognitionSubmit, .recognitionOnly .postRecognition select {
  display: none
}

.recognitionOnly .pullDown .flairBox {
  display: block
}

.recognitionOnly .pullDown input.recognitionSubmit {
  display: inline-block
}

#MessageThreadPanel #TaggedSingleUser {
  display: block;
  margin-block-end: 10px
}

.filter-control #TaggedUsers {
  display: block;
  border: 0
}

#GoalFilter .filter-control .input-group-addon {
  padding-block: 6px;
  padding-inline: 14px
}

.filter_form .filter-control .ms-trigger {
  display: none
}

.form-group.filter-control {
  width: 100%
}

#GoalFilter #TaggedUsers {
  border: 1px solid #ccc
}

.highlight-post .postRecognition .addImageURLContainer {
  display: block
}

.recognitionOnly .postRecognition textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.recognitionOnly .postTypeToggle li.newRecognition a {
  padding-inline-start: 0;
  border-inline-start: 0
}

.newRecognition.active:hover svg {
  color: #fff
}

.newRecognition:hover svg {
  color: #734dff;
  animation: tada 2s ease-in
}

.newRecognition:active, .newRecognition:focus {
  background: #004094 !important;
  color: #fff
}

.newPostForm {
  overflow: hidden
}

  .newPostForm:hover svg {
    color: #fff
  }

  .newPostForm:hover svg {
    color: #3adfa0;
    animation: takeoff 2s ease-in
  }

  .newPostForm:active, .newPostForm:focus {
    background: #004094 !important;
    color: #fff
  }

.qw-modal .border-label {
  margin-block: 5px;
  margin-inline: -15px;
  padding-block: 0 5px;
  padding-inline: 15px;
  border-block-start: 1px solid #eee
}

.qw-modal.qw-modal-hero {
  overflow: hidden;
  border-radius: 8px
}

  .qw-modal.qw-modal-hero .modal-header:before {
    content: "";
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: 0;
    display: block;
    height: 104px;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transform: skewY(-4deg);
    color: inherit;
    background-color: currentColor;
    transition: color .5s;
    background: radial-gradient(at bottom, #3c88ec 20%, #003575);
    transition: all .5s cubic-bezier(.42, 0, .58, 1)
  }

  .qw-modal.qw-modal-hero .modal-header .qw-avatar {
    border: 4px solid #fff;
    transition: all .5s cubic-bezier(.42, 0, .58, 1);
    transform-origin: center;
    transform: translateY(-4px);
    background: #3c88ec;
    color: #fff;
    margin-block: 16px 8px;
    margin-inline: 0
  }

  .qw-modal.qw-modal-hero .modal-header .qw-avatar-hero-image {
    position: relative;
    max-width: 120px
  }

  .qw-modal.qw-modal-hero.qw-modal-warning .qw-avatar {
    background: #fbda23;
    color: #5e5203
  }

  .qw-modal.qw-modal-hero.qw-modal-warning .modal-header:before {
    background: radial-gradient(at bottom, #fdf0aa 20%, #dcc009)
  }

  .qw-modal.qw-modal-hero.qw-modal-danger .qw-avatar {
    background: #fc5a68
  }

  .qw-modal.qw-modal-hero.qw-modal-danger .modal-header:before {
    background: radial-gradient(at bottom, #fc5a68 20%, #740617)
  }

  .qw-modal.qw-modal-hero.qw-modal-success .qw-avatar {
    background: #18865e
  }

  .qw-modal.qw-modal-hero.qw-modal-success .modal-header:before {
    background: radial-gradient(at bottom, #18865e 20%, #0d593d)
  }

  .qw-modal.qw-modal-hero .modal-footer {
    border-block-start: 0;
    background: #f6f7f9
  }

.newGoalPanel .input-group {
  margin-block-end: 0
}

.newGoalPanel input[type=submit] {
  margin: 0
}

.newGoalPanel form {
  margin: 0
}

.newGoalPanel p i {
  font-size: 1.2em;
  display: inline-block;
  margin-block-end: -5px
}

.qw-border-panel {
  padding: 24px;
  min-height: 150px;
  background: #fff;
  border-radius: 0 16px 16px 16px;
  height: 100%;
  border: 1px solid #94a4b8
}

.qw-feature-tabs a span em.updated {
  color: #8633fa;
  background: #f4ebff;
  width: 16px;
  height: 16px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-size: var(--text-size-micro);
  border-radius: 50%;
  border: 1px solid #e3cafc
}

.goal_type_1, .org-goals .personal_goal.fa-bullseye, .snapshot_container .goal_box .personal_goal .fa-bullseye, .snapshot_container .goal_box .personal_goal .fa-leaf {
  color: #3c88ec;
  float: none
}

.personal_goal.fa-leaf {
  color: #3c88ec
}

.dept_goal > i.fa-bullseye, .goal_type_2, .org-goals .dept_goal.fa-bullseye, .snapshot_container .goal_box .dept_goal .fa-bullseye {
  color: #29c28a;
  float: none
}

.goal_type_3, .org-goals .org_goal.fa-bullseye, .snapshot_container .goal_box .org_goal .fa-bullseye {
  color: #ffab00;
  float: none
}

.org-goals a:hover {
  text-decoration: none
}

.priv_color_1 {
  color: #3c88ec
}

.priv_color_2 {
  color: #444950
}

.edit_tracking {
  display: none
}

  .edit_tracking.active {
    display: block
  }

.kr_btn_toggle {
  display: inline-block
}

  .kr_btn_toggle:hover {
    cursor: pointer
  }

  .kr_btn_toggle a {
    font-weight: 900
  }

    .kr_btn_toggle a:active, .kr_btn_toggle a:focus, .kr_btn_toggle a:hover {
      text-decoration: none
    }

  .kr_btn_toggle span {
    color: #666;
    font-weight: 400
  }

.edit_tracking .form-group, .edit_tracking.form-inline .input-group {
  width: 100%
}

.binarySelector, .trackingSelector {
  transition: all .4s linear
}

.edit_tracking .numeric .input-group-addon, .edit_tracking .percentage .input-group-addon {
  border-inline-end: 0;
  border-inline-start: 0
}

.goal-create-remove-key-result-btn {
  display: none
}

.goal-create-drag-key-result {
  display: none
}

.kr_added .goal-create-drag-key-result, .kr_added .goal-create-remove-key-result-btn {
  display: inline-block
}

.smart-goal .goal-create-remove-key-result-btn, .smart-goal .kr_added .goal-create-drag-key-result {
  display: none
}

.kr_row:hover > .goal-create-remove-key-result-btn {
  display: block
}

.goal-icon {
  display: inline-block;
  font-size: 11px;
  float: left;
  margin-block: 4px 0;
  margin-inline: 0 5px;
  font-weight: 700
}

td.employee li .btn-xs, td.providers li .btn-xs {
  font-size: 10px
}

.bar:hover {
  cursor: pointer
}

.bar {
  position: relative
}

.progressUpdate {
  position: absolute;
  inset-inline-end: -40px;
  inset-block-start: 0
}

.chart {
  width: 80px;
  height: 80px;
  margin-block: 0;
  margin-inline: auto
}

.clear-keyword-search:hover {
  cursor: pointer;
  background: #d7dde5
}

.clear-keyword-search span.fa {
  margin: 0
}

.nudge {
  margin-block-start: 15px
}

.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #fff
}

.dateRangeInput {
  background: #fff;
  color: #34383c;
  padding-block: 7px;
  padding-inline: 13px;
  line-height: 18px;
  cursor: pointer;
  border: 1px solid #d7dde5;
  border-radius: 4px
}

.recognitionFilter select {
  margin-block-end: 5px
}

#FilterByGoalDate .dateRangeInput, #FilterByRecognitionDate .dateRangeInput {
  position: relative
}

  #FilterByGoalDate .dateRangeInput span {
    font-size: 14px
  }

  #FilterByGoalDate .dateRangeInput dfn, #FilterByRecognitionDate .dateRangeInput dfn {
    font-style: normal
  }

#FilterByGoalDate b.caret {
  display: none
}

#FilterByRecognitionDate b.caret {
  position: absolute;
  inset-inline-end: 12px;
  inset-block-start: 14px
}

#MessageList {
  max-height: 400px;
  overflow-y: auto;
  margin-block-start: 0
}

.messageText {
  min-height: 120px;
  margin-block: 10px;
  margin-inline: 0
}

.messageText {
  min-height: 120px;
  margin-block: 10px;
  margin-inline: 0
}

.discussionPosts {
  padding-block-start: 10px;
  clear: both;
  position: relative
}

  .discussionPosts h5 {
    clear: both;
    margin-block: 0 -1px;
    margin-inline: 0;
    padding-block: 6px;
    padding-inline: 10px;
    border: 1px solid #ccc;
    border-block-end: 0;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 5
  }

  .discussionPosts .btn-group {
    margin-block-end: 10px
  }

  .discussionPosts ul {
    margin-block: 15px 0;
    margin-inline: 0;
    padding-block: 10px;
    padding-inline: 10px 20px;
    border: 1px solid #ccc;
    border-block-end: 0;
    position: relative;
    border-start-end-radius: 8px;
    clear: both
  }

  .discussionPosts li {
    list-style: none;
    margin-block-end: 15px;
    clear: both;
    position: relative
  }

    .discussionPosts li p {
      margin: 0;
      position: relative;
      z-index: 3;
      padding-block: 10px;
      padding-inline: 20px;
      width: 72%;
      font-size: .9em;
      font-weight: 700;
      color: #000;
      border-start-end-radius: 6px;
      border-start-start-radius: 6px;
      border: 1px solid #ccc;
      background-color: #eee
    }

    .discussionPosts li.me p {
      float: right;
      margin-inline-end: 35px;
      border-end-start-radius: 6px;
      background-color: #fff
    }

    .discussionPosts li.you p {
      border-end-end-radius: 6px;
      margin-inline-start: 40px;
      float: left
    }

    .discussionPosts li.me em {
      display: block;
      float: left;
      margin-block-start: 2px;
      margin-inline-start: 24.5%;
      font-size: .8em;
      clear: both
    }

    .discussionPosts li.you em {
      display: block;
      float: right;
      margin-block-start: 2px;
      margin-inline-end: 24.5%;
      font-size: .8em;
      clear: both
    }

    .discussionPosts li.me img {
      inset-inline-end: 0
    }

  .discussionPosts dfn {
    font-style: italic;
    font-size: .7em;
    font-weight: 400;
    margin-inline-end: 4px;
    color: #666f7a
  }

.postTypeToggle h2.mute {
  color: #ccc
}

.postTypeToggle h2.unmute {
  color: #147599 !important
}

.discussionPosts {
  background: #fff;
  margin: 0;
  padding: 15px
}

ul.discussionList {
  margin: 0;
  padding: 0
}

i.warning {
  color: #dd1331
}

.createDiscussionForm div.pull-right {
  margin-inline-end: 15px;
  margin-block-start: 9px
}

.discussionPosts li img {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #ccc;
  position: absolute;
  inset-block-end: 10px
}

#AddGoal .btn-primary {
  margin: 0
}

#AddGoal h3 {
  margin: 0;
  text-align: start;
  width: 100%
}

#AddGoal div.col-md-6:nth-child(odd) {
  margin-inline-start: 0;
  clear: left
}

#AddGoal .goalInfo {
  width: 50%
}

#AddGoal th span {
  width: 60%;
  display: inline-block
}

#AddGoals .explorer-progress-container h4 {
  font-size: 13px
}

  #AddGoals .explorer-progress-container h4 i.icon-com {
    font-size: 2em;
    inset-inline-end: -33%;
    inset-block-start: -23%
  }

#AddGoals .explorer-progress-container .btn-group > .btn:first-child, .start-progress .btn {
  border-radius: 4px 0 0 4px !important
}

#AddGoals .explorer-progress-container i {
  margin: 0
}

#AddGoals .explorer-progress-container .progress {
  padding: 4px;
  height: 20px
}

#AddGoals .explorer-progress-container .start-progress {
  display: none
}

#AddGoals .no-tracking {
  display: block;
  background: #d7dde5;
  border-radius: 4px;
  text-align: center;
  height: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  position: relative
}

#OrgGoals div.col-md-6 table {
  min-height: 160px
}

#OrgGoals table .alert i {
  float: left;
  font-size: 1.4em;
  line-height: 1.5em;
  margin-inline-end: 9px
}

#OrgGoals div.moreGoalInfo a.btn, #OrgGoals div.moreGoalInfo button.btn {
  width: 10px;
  margin-block: 0;
  margin-inline: 0 2px
}

#OrgGoals .btn-group .btn-primary {
  margin: 0
}

#OrgGoals td a.btn i {
  margin: 0 !important
}

#OrgGoals table .dueDate {
  text-align: center;
  font-weight: 700;
  color: rgba(0, 0, 0, .7)
}

#OrgGoals div.col-md-6 table a.btn {
  display: block;
  width: 60%;
  margin-block: 0 10px;
  margin-inline: 0;
  float: right
}

.ui-effects-transfer {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #04c;
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  opacity: .5;
  position: relative;
  z-index: 10001;
  background-image: linear-gradient(to bottom, #08c, #04c);
  border-color: #04c;
  border-block-end-color: #002a80
}

.ui-effects-important-transfer {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #eb8a88;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eb8a88), to(#b94a48));
  background-image: -webkit-linear-gradient(top, #eb8a88, #b94a48);
  background-image: -moz-linear-gradient(top, #eb8a88, #b94a48);
  background-image: -o-linear-gradient(top, #eb8a88, #b94a48);
  background-image: linear-gradient(to bottom, #eb8a88, #b94a48);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  opacity: .5;
  position: relative;
  z-index: 10001
}

#GoalSummary .explorer-progress-container {
  margin-block: 5px;
  margin-inline: 0
}

  #GoalSummary .explorer-progress-container label {
    display: block;
    font-size: 1.3em;
    color: #0067e6
  }

  #GoalSummary .explorer-progress-container:after {
    display: table;
    content: "";
    clear: both
  }

.filterSummary {
  padding-block: 5px 0;
  padding-inline: 0
}

#RecognitionSummary .filterSummary {
  position: relative;
  inset-block-end: auto;
  width: auto;
  padding-block-end: 10px
}

.filterSummary, .filterSummary h4, .filterSummary ul {
  margin: 0;
  padding: 0
}

  .filterSummary h4 {
    font-size: 12px;
    font-weight: 900;
    padding-block: 4px 14px;
    padding-inline: 0 8px;
    line-height: 16px
  }

  .filterSummary li {
    list-style: none;
    float: left;
    display: block;
    background: #fff;
    font-weight: 700;
    padding-block: 4px;
    padding-inline: 8px 24px;
    margin-inline-end: 3px;
    border-radius: 4px;
    color: #363a3f;
    background-color: #fff;
    border: 1px solid #c2c7cb;
    position: relative;
    transition: all .2s ease-in
  }

@media (max-width: 768px) {
  .filterSummary li {
    font-size: var(--text-size-sm)
  }
}

.filterSummary li a.remove_filter {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 4px;
  color: #d7dde5
}

.filterSummary li:hover a.remove_filter {
  color: #c2c7cb
}

.goalCount {
  display: block;
  text-align: center;
  margin: 0;
  padding: 3px;
  font-size: 1.9em;
  font-weight: 900
}

#FeedFilter label {
  color: #50565d
}

#filter_setting {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

#FilterByGroup .dropdown .caret {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 15px
}

#FilterByGroup .dropdown-menu {
  width: auto !important
}

#FilterByGroup .dropdown li {
  border: 0
}

  #FilterByGroup .dropdown li a {
    padding-block: 5px;
    padding-inline: 10px
  }

#filter_setting.org {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-inline-end: 5px;
  border: 2px solid #fff;
  background: #eee
}

#filter_setting.directReports {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-inline-end: 5px;
  border: 2px solid #fff;
  background: #80a1b6
}

#filter_setting.myGoals {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-inline-end: 5px;
  border: 2px solid #fff;
  background: #ef5425
}

#filter_setting.myTeam {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-inline-end: 5px;
  border: 2px solid #fff;
  background: #1a457d
}

.feedTab .form-inline {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #f0f2f5;
  font-size: 12px;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.feedTab.fixed {
  position: fixed;
  inset-block-start: 41px;
  z-index: 1028
}

  .feedTab.fixed .form-inline {
    margin: 0;
    padding-block: 5px;
    padding-inline: 0
  }

#ProgressTypeOptions .col-md-12 .col-md-4 {
  padding-block-start: 15px;
  background: #d6ebf9;
  padding-block-end: 15px
}

#ProgressTypeOptions #StartAt:before {
  inset-block-end: 100%;
  inset-inline-start: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(102, 102, 102, 0);
  border-block-end-color: #d6ebf9;
  border-width: 8px;
  margin-inline-start: -8px
}

.advanced-panel-toggle {
  display: inline-block;
  font-size: 12px;
  margin-block: 5px;
  margin-inline: 0
}

#ProgressTypeOptions .hide {
  display: none !important
}

label.block-label {
  display: block;
  margin-block-start: 10px
}

#FeedbackCreate .preview_toggle {
  display: none
}

.watermarked {
  position: relative
}

  .watermarked::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    background: #fff;
    opacity: .3
  }

.row.feedback-create {
  padding-block-end: 50px
}

.grouped-dropdown .dropdown-toggle.btn-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-inline-end: 15px;
  overflow: hidden
}

.grouped-dropdown .dropdown-menu {
  margin-block: -1px 0;
  margin-inline: 0;
  border-radius: 0;
  width: auto;
  min-width: 100%
}

.grouped-dropdown li ~ li.dropdown-header {
  border-block-start: 1px solid #ddd;
  padding-block: 5px 3px;
  padding-inline: 10px
}

.user-generated .checkbox label {
  padding-inline-start: 5px;
  margin-block-start: 5px
}

#FeedBack .fa-ban, #QuestionList .not_rated.fa-ban, .template-preview-container .fa-ban {
  display: none
}

#PerformanceConversation .not_rated {
  display: none
}

#PerformanceConversation .not_rated_question .not_rated {
  display: block
}

  #PerformanceConversation .not_rated_question .not_rated:hover {
    color: #fc5a68
  }

.question-range .fa-ban {
  position: absolute;
  inset-inline-end: -13px;
  inset-block-start: -10px;
  color: #ccc
}

  .not_rated:hover, .question-range .fa-ban:hover {
    cursor: pointer;
    color: #666
  }

#goaltype .disabled label {
  font-style: italic;
  opacity: .6
}

#PrivacyEdit label {
  margin-block-start: 0 !important
}

#PrivacyEdit .active {
  border-color: #ccc
}

#PrivacyEdit input[type=radio] {
  visibility: hidden;
  width: 0
}

#PrivacyEdit i {
  margin-inline-end: 4px !important
}

.usergoal_panel {
  text-align: start;
  border: 0;
  border-inline-start: 5px solid #3582c4;
  border-radius: 0;
  margin-block-end: 0;
  box-shadow: 0 4px 2px -3px #d7dde5
}

  .usergoal_panel .col-sm-4 p {
    text-align: center;
    font-size: 11px;
    display: block;
    clear: both
  }

  .usergoal_panel .col-sm-4:after {
    inset-inline-start: 86%;
    inset-block-start: 46%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 238, 238, 0);
    border-inline-start-color: #eee;
    border-width: 12px;
    margin-block-start: -12px
  }

  .usergoal_panel h2 {
    font-size: 20px;
    padding: 0;
    margin-block: 5px 0;
    margin-inline: 0
  }

  .usergoal_panel h5 {
    padding: 0;
    font-size: 1.3em;
    margin-block: 3px 5px;
    margin-inline: 0
  }

.goalCountHolder {
  font-size: 1.5em;
  position: relative;
  margin-block-start: 0;
  color: #666
}

  .goalCountHolder .badge {
    line-height: normal;
    padding-block: 5px 6px;
    padding-inline: 13px;
    font-size: 1.1em;
    margin-block: 0;
    margin-inline: 3px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
  }

.center {
  text-align: center
}

.hover-access-level .disabled, .hover-access-level [disabled], .hover-access-level button[disabled], .hover-access-level input[disabled] {
  opacity: 1
}

#OrgGoals table .alert {
  color: #3582c4;
  border: 0;
  position: relative;
  padding: 5px
}

#OrgGoals table td.clear_filter {
  background-color: #d6ebf9;
  text-align: center
}

#OrgGoals table .alert:hover {
  background: rgba(255, 255, 255, .4)
}

#AddGoals .no-tracking > span {
  display: block;
  text-align: center;
  color: #182132;
  font-weight: 700;
  font-size: 10px;
  position: absolute;
  inset-block-start: 1px;
  inset-inline-start: 0;
  width: 100%;
  z-index: 3
}

#AddGoals .no-tracking > span {
  inset-block-start: 3px;
  font-style: italic
}

.user-goal-table {
  background: 0 0;
  border: 0;
  margin-block: 0 5px;
  margin-inline: 0
}

#OrgGoals > div {
  position: relative
}

.moreGoalInfo {
  position: absolute;
  z-index: 2;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 100%;
  background-color: #2f96b4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2f96b4), to(#176f87));
  background-image: -webkit-linear-gradient(top, #2f96b4, #176f87);
  background-image: -moz-linear-gradient(top, #2f96b4, #176f87);
  background-image: -o-linear-gradient(top, #2f96b4, #176f87);
  background-image: linear-gradient(to bottom, #2f96b4, #176f87);
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
  border: 1px solid #eee;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25)
}

  .moreGoalInfo.reveal {
    display: block
  }

  .moreGoalInfo > div {
    height: 100%;
    padding-block: 0;
    padding-inline: 10px;
    margin: 0;
    background-image: url(/img/moreinfoBG.png), url(/img/moreinfoBG2.png);
    background-position: top left, top right;
    background-repeat: repeat-y
  }

  .moreGoalInfo .col-md-2 {
    margin-inline-start: 0
  }

  .moreGoalInfo i {
    margin: 0;
    width: 10px
  }

  .moreGoalInfo .pull-right {
    position: absolute;
    inset-inline-end: 12px;
    inset-block-end: 10px
  }

  .moreGoalInfo h4 {
    color: #fff;
    font-size: 1em;
    margin-block: 10px 5px;
    margin-inline: 0;
    padding-block-end: 4px;
    border-block-end: 1px dashed #eee
  }

  .moreGoalInfo h5 {
    margin-block: 5px 0;
    margin-inline: 0
  }

  .moreGoalInfo label {
    font-size: .9em;
    margin: 0;
    font-weight: 700
  }

  .moreGoalInfo p {
    margin-block-end: 4px
  }

  .moreGoalInfo .badge {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6em;
    padding-block: 5px;
    padding-inline: 9px;
    background: #115a6e !important;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #2f96b4;
    text-shadow: none;
    -webkit-box-shadow: inset 2px 2px 2px 0 #000;
    box-shadow: inset 2px 2px 2px 0 #000
  }

.pdf .hide-from-pdf {
  display: none !important
}

.pdf .show-on-pdf {
  display: block !important
}

.pdf .org-logo-size img {
  max-width: 100%;
  max-height: 100px
}

.pdf #AddGoals .org-goals h4.group_owner {
  padding-block: 0;
  padding-inline: 15px
}

#ShowList {
  list-style: none
}

  #ShowList a {
    display: block;
    margin-block: 0;
    margin-inline: auto;
    width: 40%
  }

.private, .private_view {
  border: 1px dashed #ccc;
  padding-block: 0 10px;
  padding-inline: 10px;
  background: #fff;
  margin-block-start: 15px
}

.private_view {
  margin-block-start: 0;
  padding: 15px
}

.privateNotesBody .post_meta {
  font-size: 11px;
  display: inline-block;
  color: #888;
  font-weight: 700;
  opacity: .7;
  position: relative;
  margin-block: 4px;
  margin-inline: 0;
  line-height: 1em
}

.private-goal em:before, .public-goal em:before {
  display: none
}

.private h2 span {
  display: block
}

.private i, li.clearfix i.icon-lock {
  color: #eee;
  background: #ccc;
  padding-block: 4px;
  padding-inline: 10px;
  display: inline-block;
  margin-block: 5px 0;
  margin-inline: -13px -7px;
  position: relative;
  z-index: 0
}

li.clearfix i.icon-lock {
  float: left;
  margin-block: 15px 0;
  margin-inline: -15px -2px;
  padding-block: 4px;
  padding-inline: 17px 5px
}

li.clearfix i.icon-caret-right {
  float: left;
  text-align: center;
  z-index: 10;
  position: relative;
  margin-block: 16px 0;
  margin-inline: -6px 0;
  color: #eee;
  font-size: 1.5em
}

.printDateBox {
  display: none
}

a.mobile-q {
  display: none
}

.mobile-toggle {
  display: none
}

.not-ie .email-preferences-message input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-block: 0;
  margin-inline: 0 5px
}

.not-ie .goal-label input[type=checkbox] {
  width: auto;
  height: auto
}

.profile-page .panel {
  border-radius: 0;
  margin-block-start: 15px
}

.profile-page .panel-body {
  position: relative
}

.profile-page h2 {
  font-weight: 900;
  line-height: 1em;
  font-size: 1.4em;
  margin-block: 5px 10px;
  margin-inline: 0
}

  .profile-page h2 em, .profile-page h2 strong {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #a8a8a8;
    margin-block: 4px 0;
    margin-inline: 0
  }

  .profile-page h2 em {
    color: #3582c4;
    margin: 0;
    font-size: 13px
  }

.profile-page .attributes p {
  font-size: 11px;
  margin-block: 0 3px;
  margin-inline: 0
}

  .profile-page .attributes p strong {
    display: block;
    width: 46%;
    float: left
  }

.goal-summary-box div {
  background: #fff;
  border-block-start: 1px solid #fff
}

.goal-summary-box p {
  padding-block: 15px;
  padding-inline: 5px;
  font-size: 11px;
  color: #666;
  margin: 0
}

  .goal-summary-box p span {
    font-size: 1.8em;
    font-weight: 900;
    margin-inline-end: 5px;
    display: block;
    margin-block-start: -7px;
    float: left
  }

.goal-summary-badge-list {
  padding-block: 8px;
  padding-inline: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px
}

  .goal-summary-badge-list li {
    list-style: none
  }

    .goal-summary-badge-list li span {
      background: #3c88ec;
      border-radius: 50%;
      width: 42px;
      height: 42px;
      text-align: center;
      margin-block: 0 auto
    }

    .goal-summary-badge-list li img, .goal-summary-badge-list li span {
      display: block;
      position: relative
    }

    .goal-summary-badge-list li.generated_goal span {
      background: #3582c4
    }

    .goal-summary-badge-list li span.img_badge {
      background: 0 0;
      border-radius: 0
    }

    .goal-summary-badge-list li span i {
      color: #fff;
      min-height: 35px;
      text-align: center;
      line-height: 42px;
      margin: 0;
      font-size: 20px
    }

    .goal-summary-badge-list li img {
      max-width: 42px;
      max-height: 42px;
      text-align: center;
      margin: 0
    }

    .goal-summary-badge-list li span.badge {
      position: absolute;
      inset-inline-end: -5px;
      inset-block-start: -3px;
      background: #003575;
      color: #fff;
      padding: 0;
      font-size: 9px;
      border-radius: 50%;
      border: 0;
      width: auto;
      width: 20px;
      height: 20px;
      line-height: 20px;
      display: inline-block
    }

.mobile-gradient {
  display: none
}

#profile-image:hover i.expand-pic, #profile-image:hover > a {
  display: inline-block
}

#PerformanceConversation #profile-image:hover i.expand-pic {
  display: none
}

#profile-image .thumb_container a:hover {
  background-color: #347ec0;
  color: #fff
}

#profile-image .moveable_container .dropdown-menu i {
  margin-inline-end: 4px;
  width: 15px
}

.post-date, .post-source {
  display: inline-block;
  position: relative;
  margin-block-start: 2px;
  line-height: 1em
}

.post-date {
  cursor: pointer;
  color: #58606a
}

.owner-comment-container .post-date {
  margin-block-start: 2px
}

  .owner-comment-container .post-date .likeCount {
    color: #3582c4
  }

ul.notificationMenu .post-date {
  padding-block: 0 6px;
  padding-inline: 0;
  display: block
}

.grey-close {
  color: #666 !important;
  opacity: .4
}

.report-reviewed {
  position: relative;
  min-height: 40px;
  margin-block: 15px;
  margin-inline: 0;
  padding-block: 3px;
  padding-inline: 70px 10px;
  text-align: start;
  background: #fff
}

  .report-reviewed span.icon-stack {
    position: absolute;
    font-size: 7em;
    color: #666;
    text-align: center;
    inset-inline-start: 37%;
    inset-block-start: -22%;
    display: block;
    z-index: 1
  }

  .report-reviewed span i.icon-exclamation, .report-reviewed span i.icon-ok {
    font-size: .5em;
    opacity: .7
  }

  .report-reviewed span i.icon-ok {
    color: #2790ce
  }

  .report-reviewed h5 {
    text-align: center;
    position: relative;
    color: #666;
    font-size: 1.2em;
    z-index: 2;
    font-weight: 400
  }

    .report-reviewed h5 a {
      font-weight: 700
    }

.app_icon {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 50px;
  height: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease
}

  .app_icon span {
    position: absolute;
    font-size: 16px;
    display: block;
    width: 100%;
    inset-block-start: 15px;
    text-align: center;
    font-weight: 900;
    opacity: .8;
    transform: translateY(-50%)
  }

.perf_icon span {
  color: #80b2e0
}

.report_icon span {
  color: #3582c4
}

.add_icon span {
  color: #92a83b;
  font-size: 1.4em
}

.create_icon span {
  color: #0067e6;
  font-size: 1.4em
}

.close_icon span {
  color: #363a3f;
  font-size: 1.4em
}

.remove_icon span {
  color: #bd2d28;
  font-size: 1.4em
}

.close_icon span i, .create_icon span i {
  inset-inline-start: 14px;
  position: absolute
}

.dead-link {
  color: #0067e6
}

.report-reviewed span.icon-stack {
  inset-inline-start: 5px;
  inset-block-start: 5px;
  font-size: 3em;
  width: 37px;
  height: 37px
}

.report-reviewed h5 {
  text-align: start;
  font-size: 1em;
  margin: 0;
  line-height: normal
}

  .report-reviewed h5.info {
    color: #666
  }

    .report-reviewed h5.info a {
      color: #0067e6
    }

.alert-grey {
  color: #6a737b
}

.alert-btn {
  text-align: center;
  z-index: 3;
  position: relative;
  float: right;
  margin-inline-end: 15%
}

.progress {
  position: relative;
  margin: 0;
  height: auto;
  background-color: #f0f2f5;
  box-shadow: none;
  -webkit-box-shadow: none
}

.start-progress {
  width: 4%;
  float: left
}

  .start-progress .btn {
    padding: 3px;
    margin: 0;
    z-index: 0;
    display: block;
    width: 100%;
    border: 1px solid #fff;
    border-inline-end: 1px solid #eee
  }

    .start-progress .btn:hover {
      z-index: 0
    }

  .start-progress i {
    padding-block: 4px;
    padding-inline: 3px
  }

.org-goals {
  margin-block-end: 25px
}

#AddGoals .org-goals > h4 {
  margin-block-start: 8px
}

.org-goals h4 a {
  position: relative;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block
}

.org-goals em {
  display: inline-block
}

#GoalSummary .start-progress .btn {
  border: 1px solid #ddd;
  border-inline-end: 0
}

#update-progress-holder .maskNumber {
  width: 32%;
  margin-inline-end: 3px;
  float: left
}

.organizational-goaltype-alert, .private-alert {
  clear: both;
  margin-block: 10px;
  margin-inline: 0
}

#Date-Selector .datepicker {
  margin-block-start: 0
}

#Date-Selector i {
  margin: 0
}

#CurrentlyAt label, #StartAt label, #Target label {
  font-weight: 700
}

input.input-number {
  text-align: center
}

.white-bg {
  background: #fff !important;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}

.highlight-post {
  background: url(/img/pattern.png) #effaff !important
}

#PerformanceConversation label.mobile-only, .mobile-only, .mobile-only-label, .pullUp .clearfix .mobile-only, p.mobile-only {
  display: none !important
}

#CompanyMobileUsers_chosen, #CompanyUsers_chosen {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.searchDD select#CompanyUsers {
  display: none
}

#NoGoals {
  padding-block: 30px 220px;
  padding-inline: 40px;
  text-align: center;
  position: relative
}

  #NoGoals h2 {
    font-weight: 400;
    margin-block: 0 25px;
    margin-inline: 0
  }

    #NoGoals h2 span {
      font-weight: 700
    }

.notificationPage button.close, .postRecognitionModal button.close, .report-reviewed button.close {
  z-index: 1000;
  position: relative;
  color: #666
}

.postRecognitionModal.modal button.close {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  background: #fff
}

.tagged-goal {
  display: none
}

.new-text {
  -webkit-animation: fadeInUp .5s;
  -moz-animation: fadeInUp .5s;
  -ms-animation: fadeInUp .5s;
  -o-animation: fadeInUp .5s;
  animation: fadeInUp .5s
}

.performance-progress .clear, .performance-progress .start-progress {
  display: none
}

.performance-progress {
  margin-block: 0;
  margin-inline: 10px;
  height: 20px
}

  .performance-progress .progress {
    float: none;
    width: auto;
    margin: 0;
    position: initial;
    border-radius: 4px 0 0 4px
  }

.stat-box {
  float: right
}

.stat-box-header {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 8px
}

.goal-duedate i {
  margin-inline-end: 4px
}

.stat-box .goal-duedate, .stat-box .goalposts, .stat-box .goalusers {
  color: #333;
  font-size: .8em;
  float: left;
  margin: 0
}

.stat-box .goalusers {
  color: #3582c4
}

.stat-box .goalposts, .stat-box-header .goalposts {
  color: #80a1b6
}

.progress-box {
  background: #eee;
  border-radius: 0 0 4px 4px
}

  .progress-box .performance-progress {
    padding-block: 8px;
    padding-inline: 0;
    position: relative
  }

.avoid-print-break {
  page-break-inside: avoid
}

.pdf #PerformanceConversation {
  margin: 0
}

.pdf .feedback_container .owner-comment-container {
  min-height: 40px
}

  .pdf .feedback_container .owner-comment-container p {
    word-break: normal
  }

.pdf .printDateBox {
  display: block;
  font-size: 7pt;
  font-style: italic
}

.pdf .signed .panel-body {
  padding: 0
}

.pdf #PerformanceConversation .panel label {
  page-break-inside: avoid
}

body.pdf {
  background: 0 0;
  width: 100%;
  font-size: 10pt
}

.pdf table {
  width: 100%;
  border: 0;
  font-size: 60%
}

.pdf tr {
  page-break-inside: avoid
}

body.pdf .darkBG, body.pdf .header {
  display: none;
  padding: 0;
  margin: 0;
  float: none;
  overflow: hidden
}

body.pdf .container {
  width: 100%;
  border: 0;
  padding: 0 !important;
  margin: 0 !important;
  float: none;
  clear: both;
  background: 0 0
}

body.pdf .goalPostTableContainer {
  page-break-after: always;
  padding: 0
}

body.pdf .progress-box {
  width: 100%;
  clear: both
}

.pdf .add-on {
  display: none
}

.pdfInline, .pdfOnly, .qw-pdf-block {
  display: none
}

.pdf .qw-pdf-block {
  display: block !important
}

.pdf .pdfOnly {
  display: inline-block
}

body.pdf .pdfInline {
  display: inline
}

body.pdf .js-npscount, body.pdf .js-npspercent {
  display: inline-block
}

body.pdf .feedback_Model_container .nps-label-container {
  width: 20% !important
}

body.pdf .feedback_Model_container .nps-table-container {
  width: 80% !important
}

body.pdf .nps-table-container .table {
  table-layout: auto
}

body.pdf .nps-label-container {
  width: 15% !important
}

body.pdf .nps-table-container {
  width: 85% !important
}

body.pdf .js-npsbreakdown .js-npscount, body.pdf .js-npsbreakdown .js-npspercent, body.pdf .js-npsbreakdowntable th {
  font-size: 10px !important
}

.pdf .hidden-pdf {
  display: none !important
}

body.pdf .nps-label-container {
  margin-block-start: 53px
}

  body.pdf .nps-label-container p {
    padding-block: 8px 6px;
    padding-inline: 0;
    font-size: 10px
  }

body.pdf .js-npsbreakdown {
  display: block !important;
  padding: 8px !important;
  width: 100% !important
}

body.pdf .nps-distribution-toggle {
  display: none
}

body.pdf td .pdf---hidden {
  display: none
}

body.pdf span.pdfOnly {
  font-size: 8pt !important;
  font-weight: 400
}

body.pdf h2 {
  border: 0;
  font-size: 12pt;
  width: 100%;
  float: none
}

body.pdf h4.section-header {
  font-size: 18px !important;
  margin-block-end: 0 !important
}

body.pdf .question-header h4 {
  font-size: 18px !important;
  margin-block-end: 15px
}

body.pdf span.pdf-light {
  font-weight: 400;
  font-size: 9pt
}

body.pdf .well-connector:after, body.pdf .well-connector:before {
  display: none
}

body.pdf .aggregate_reporting h1.main {
  font-size: 24px !important
}

.pdf .ownerinactive {
  background: #f9eded !important
}

.pdf .comment-block {
  page-break-inside: avoid
}

body.pdf #PerformanceReview h4 {
  display: block;
  float: none;
  clear: both;
  width: 100%
}

body.pdf .start-progress {
  display: none
}

body.pdf .row table td[class * =col], body.pdf .row table th[class * =col], body.pdf .table th, body.pdf table td[class * =col], body.pdf table th[class * =col] {
  padding-block: 8px !important;
  padding-inline: 0 !important;
  background: 0 0 !important;
  border: 0 !important;
  font-size: 10pt
}

body.pdf .discussionList li ul, body.pdf h5.startDate {
  background: 0 0 !important
}

body.pdf .discussionList li {
  background: #fff !important;
  page-break-inside: avoid
}

.printHeader {
  display: none
}

body.pdf .printHeader {
  display: block;
  font-size: 10pt;
  color: #666
}

  body.pdf .printHeader h1 {
    height: auto;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    max-width: 260px;
    margin: 0 !important
  }

.pdf i, body.pdf .toggle-container li {
  display: none
}

  .pdf i.fa-ban {
    display: block
  }

.pdf #GoalList i {
  display: inline-block
}

.pdf .timeline-header {
  margin-block: 0;
  margin-inline: 15px
}

.pdf #GoalSummary {
  margin: 0 !important;
  padding-block-start: 0 !important
}

  .pdf #GoalSummary h1 {
    margin: 0
  }

.pdf #WayFinder i, .pdf i.fa-rss {
  display: inline-block
}

.pdf .comment-container, .pdf .question-feedback-review {
  page-break-inside: avoid
}

.pdf #ProviderList h4 {
  margin-block-start: 15px
}

body.pdf #WayFinder h1 {
  margin: 0
}

h5.pdf_waypoint_header {
  background: #3582c4;
  padding-block: 8px;
  padding-inline: 25px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 10
}

  h5.pdf_waypoint_header:before {
    inset-block-end: 100%;
    inset-inline-start: 58px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 139, 68, 0);
    border-block-end-color: #3582c4;
    border-width: 7px;
    margin-inline-start: -7px
  }

.pdf .feedback_container #PerformanceConversation label, .pdf .feedback_container .question-feedback-review, body.pdf #PerformanceConversation .question-feedback-review {
  page-break-inside: avoid
}

.pdf .subtitle {
  margin: 0
}

.pdf p.context {
  margin-block: 15px;
  margin-inline: 0;
  padding-block: 10px;
  padding-inline: 0;
  border-block-end: 1px solid #ddd;
  color: #666;
  font-size: 1.1em
}

.pdf #PerformanceConversation label h4 {
  padding: 0;
  font-size: inherit !important
}

.pdf #WayFinder {
  border: 0 !important
}

.pdf .feedback_container #PerformanceConversation {
  padding: 0;
  border-inline-end: 0
}

  .pdf .feedback_container #PerformanceConversation .commentContainer {
    margin-inline-start: 0 !important
  }

body.pdf #PerformanceConversation .commentContainer li.comment {
  padding-inline-start: 50px
}

.pdf .feedback_container .question-feedback-review {
  margin-block-start: 10px
}

.pdf .stat-box .goal-duedate {
  padding-block: 4px;
  padding-inline: 10px
}

.pdf .performance-progress {
  clear: left;
  margin: 0;
  padding-block: 8px;
  padding-inline: 10px
}

.scroll-menu {
  max-height: 270px;
  overflow: auto
}

  .scroll-menu.css-scroll {
    max-height: 200px;
    padding: 0
  }

  .scroll-menu ul {
    margin: 0;
    padding: 0
  }

  .scroll-menu li {
    list-style: none;
    position: relative;
    padding: 0;
    border-block-start: 1px solid #eee
  }

    .scroll-menu li:first-child, ul.nav li ul.messageMenu li.unread:first-child {
      border-block-start: 0
    }

#moderation_results .post-container .owner-edit-submit {
  clear: both
}

#PostOnly .comment-container {
  display: none
}

#PostOnly .comment-edit {
  width: 80%;
  margin-block-end: 0;
  font-size: 1em;
  line-height: 1.2em
}

.btn-xs [class * =" icon-"], .btn-xs [class^=icon-] {
  margin-inline-end: 0
}

.post .post-date {
  display: block;
  float: left;
  margin-block-start: 3px
}

.post-meta {
  margin: 0;
  line-height: 1.3
}

  .post-meta .post-date {
    margin-block-start: 2px
  }

.goal-page-only {
  display: none;
  color: #666f7a;
  font-size: 12px
}

.goalpage-only .goal-page-only {
  display: inline
}

.private-goal-icon i {
  margin-inline-end: 4px
}

.text-danger {
  color: #dd1331
}

.text-success {
  color: #18865e
}

.text-dark {
  color: #1a1c1e !important
}

.environment_dev {
  color: #18865e
}

.environment_stage {
  color: #0067e6
}

.environment_prod {
  display: none
}

#Performance img.logo {
  margin-block-start: 25px
}

#Performance #ConversationSummary {
  margin-block-start: 28px;
  padding-block-start: 10px;
  background: #fff;
  border-radius: 4px 4px 0 0
}

.not-ie .feature-title-icon {
  background-image: linear-gradient(#6aa4f1, #0067e6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-inline-end: 4px;
  padding-block-start: 4px
}

.timeline-header h2 {
  color: #f0f2f5
}

.timeline-header .nav-tabs a {
  font-size: var(--text-size-micro);
  background: rgba(60, 136, 236, .3);
  border-radius: 4px;
  color: #f0f2f5;
  padding: 8px;
  text-align: center
}

  .timeline-header .nav-tabs a:focus {
    background-color: rgba(60, 136, 236, .3)
  }

  .timeline-header .nav-tabs a span {
    display: block;
    font-size: 11px
  }

  .timeline-header .nav-tabs a i {
    margin-inline-end: 0
  }

.timeline-header .nav-tabs li {
  margin-inline-end: 8px
}

  .timeline-header .nav-tabs li.active a {
    background: #f0f2f5
  }

@media (min-width: 768px) {
  .timeline-header h2 {
    color: #58606a
  }

  .timeline-header .nav-tabs li {
    margin-inline-end: 0
  }

    .timeline-header .nav-tabs li.active a {
      background: #fff;
      padding-block: 8px;
      padding-inline: 16px
    }

    .timeline-header .nav-tabs li a {
      font-size: var(--text-size-h4);
      background: 0 0;
      color: #666f7a;
      border-radius: 4px 4px 0 0;
      text-align: start
    }

      .timeline-header .nav-tabs li a span {
        display: inline-block;
        font-size: var(--text-size-sm)
      }

      .timeline-header .nav-tabs li a i {
        margin-inline-end: 8px
      }
}

.timeline-header .qw-alert {
  border-inline-end: 0;
  border-block-start: 0;
  border-block-end: 0
}

.timeline-header .btn {
  border: 0;
  box-shadow: 0 2px 1px -1px #b2c0d2
}

.timeline-header .btn-link {
  box-shadow: none
}

.conversationFilter .btn-group {
  display: block;
  width: 100%
}

.conversationFilter .form-control {
  padding-inline-start: 28px
}

.conversationFilter .ms-ctn {
  padding-inline-start: 12px
}

.filter_form .filter-control .btn.dropdown-toggle {
  width: 100% !important;
  text-overflow: ellipsis;
  overflow: hidden
}

  .filter_form .filter-control .btn.dropdown-toggle + .dropdown-menu {
    inset-inline-end: 15px;
    inset-inline-start: auto;
    inset-block-start: 31px;
    border-radius: 0;
    min-width: 100%;
    max-width: 250px
  }

.filter_form label {
  text-transform: capitalize
}

.filter_form .ms-res-ctn label, .qw-view-visibleform .ms-sel-ctn label {
  margin-block: 0;
  margin-inline: 0 3px
}

.filter_form .checkbox label {
  margin-block: 2px;
  margin-inline: 0
}

.filter_form .ms-sel-ctn input, .qw-view-visibleform .ms-sel-ctn input {
  min-width: 100% !important
}

.filter_form .ms-sel-ctn, .qw-view-visibleform .ms-sel-ctn {
  padding-inline-end: 0;
  margin-inline-start: 0
}

.ms-ctn {
  padding-block: 8px;
  padding-inline: 16px
}

.filter_form .ms-res-ctn {
  width: 100%;
  min-width: 245px;
  inset-inline-start: auto;
  inset-inline-end: -1px;
  border-radius: 0
}

.conversationFilter .btn-primary {
  color: #fff
}

#FilterByUserID {
  inset-inline-start: auto;
  inset-inline-end: 0;
  padding-block: 5px;
  padding-inline: 0
}

#FilterByUserID {
  max-height: 280px;
  overflow-y: auto;
  inset-inline-end: 0 !important
}

#ConversationSummary .open .btn-info + #FilterByUserID {
  background: #5bc0de !important;
  border: 1px solid #269abc !important;
  border-block-start: 0 !important;
  z-index: 5
}

  #ConversationSummary .open .btn-info + #FilterByUserID a {
    color: #fff
  }

.show-open-lg {
  padding: 0;
  font-size: 1.4em
}

.scale_legend .qw-color-scale_5 + .qw-favorability-gradient, .scale_legend .qw-color-scale_6 + .qw-favorability-gradient {
  height: 8px;
  background: #b2c0d2;
  margin-block: 8px 0;
  margin-inline: 0;
  border-radius: 2px;
  display: none !important
}

  .scale_legend .qw-color-scale_5 + .qw-favorability-gradient > div, .scale_legend .qw-color-scale_6 + .qw-favorability-gradient > div {
    box-shadow: inset -4px 0 #f0f2f5
  }

    .scale_legend .qw-color-scale_5 + .qw-favorability-gradient > div:first-child, .scale_legend .qw-color-scale_5 + .qw-favorability-gradient > div:nth-child(2), .scale_legend .qw-color-scale_6 + .qw-favorability-gradient > div:first-child, .scale_legend .qw-color-scale_6 + .qw-favorability-gradient > div:nth-child(2) {
      background: #dd1331
    }

    .scale_legend .qw-color-scale_5 + .qw-favorability-gradient > div:last-child, .scale_legend .qw-color-scale_5 + .qw-favorability-gradient > div:nth-last-child(2), .scale_legend .qw-color-scale_6 + .qw-favorability-gradient > div:last-child, .scale_legend .qw-color-scale_6 + .qw-favorability-gradient > div:nth-last-child(2) {
      background: #0067e6
    }

.scale_legend .avg-only {
  display: block;
  text-align: center;
  color: #80a1b6
}

.scale_legend .fav-score-legend .avg-only {
  display: none
}

.scale_legend .qw-color-scale_5 + .qw-favorability-gradient, .scale_legend .qw-color-scale_6 + .qw-favorability-gradient {
  display: flex !important
}

.feedback_container .high-chart {
  height: 80px;
  margin-block-start: 5px
}

.dropdown-toggle {
  text-align: start !important
}

.open .dropdown-toggle {
  background: #fff;
  box-shadow: none
}

.dropdown-menu li {
  margin: 0;
  padding: 0
}

.dropdown .dropdown-menu li {
  margin: 0;
  padding: 0
}

.dropdown-menu li .qw-dropdown-link-danger {
  color: #dd1331
}

ol.ie-space-hack li, ul.ie-space-hack li {
  list-style-type: none !important;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.dropdown-menu li.divider {
  box-sizing: border-box
}

.dropdown-menu li.dropdown-header {
  padding-block: 3px;
  padding-inline: 10px
}

.dropdown-menu li a:not(.btn) {
  padding-block: 4px;
  padding-inline: 16px;
  color: #444950
}

  .dropdown-menu li a:not(.btn):hover {
    color: inherit
  }

.dropdown-menu li.active a:not(.btn) {
  background: #f0f2f5
}

#NewsFeed > h1.text-center {
  margin-block-start: 40px;
  color: #ccc
}

#NewsFeed > h2.text-center span {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4em;
  margin-block-start: 5px
}

body .tour-backdrop {
  opacity: .5
}

.orphan h3.popover-title {
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
  padding: 15px
}

.orphan .popover-content {
  padding-block: 10px;
  padding-inline: 15px;
  font-size: 1.2em;
  color: #666;
  line-height: 1.5em
}

.popover-navigation {
  background: #ddecfd;
  clear: both;
  padding: 8px !important
}

.popover.orphan.tour-tour-1 img, .popover.orphan.tour-tour-2 img {
  max-width: 300px;
  margin-block-end: 10px
}

.compact-toggle-content {
  display: none
}

.show-compact-toggle .compact-toggle-content {
  display: inline-block
}

.sectionDescription span.highlight, label span.highlight {
  background: #c3dbf9;
  display: inline-block;
  margin: 0;
  padding-block: 0;
  padding-inline: 2px;
  border-radius: 4px
}

#FeedbackCreate h1 {
  margin-block-end: 25px
}

#FeedbackCreate .panel-body.success, #PerformanceConversation .panel-body.success {
  position: relative
}

#FeedbackCreate .add-particpant input[disabled] {
  background: 0 0
}

#FeedbackCreate .template_preview textarea, .template_preview .elaborate_preview {
  height: auto;
  margin-block-end: 10px;
  background: 0 0
}

.template_preview .elaborate_preview {
  background: 0 0;
  min-height: 39px
}

#FeedbackCreate .panel-body.success:before, #PerformanceConversation .panel-body.success:before {
  content: "";
  position: absolute;
  inset-inline-end: 5px;
  inset-block-start: 5px;
  color: #21a675;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.3em
}

#PerformanceConversation .panel-body.success h2.step {
  background: #21a675
}

.template-preview-container .selected p {
  white-space: pre-line
}

.feedback-template-select .template-preview-container .selected p {
  margin-block-start: 10px
}

.feedback-template-select .review_form {
  padding: 15px
}

  .feedback-template-select .review_form .sectionDescription {
    padding-block-end: 10px;
    margin-block-end: 10px;
    border-block-end: 1px solid #f0f2f5;
    white-space: pre-line
  }

.qw-survey_scale-choice label.error {
  display: none !important
}

.review_form label.error {
  display: none
}

.review_form .qw-box_error.required_input textarea {
  border-color: #dd1331;
  border-inline-start-width: 1px
}

.review_form .qw-box_error {
  border: 0
}

  .review_form .qw-box_error .required_response .qw-survey_radio-label:before {
    border-color: #dd1331
  }

  .review_form .qw-box_error .required_input textarea {
    border-color: #dd1331;
    border-inline-start-width: 1px
  }

  .review_form .qw-box_error .scale_text_short .qw-survey_scale-choice .qw-survey_radio-label:before {
    content: "";
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    height: 50px;
    width: 100%;
    margin-block-start: 24px;
    border: 1px solid #e91635;
    border-inline-start-width: 0;
    border-inline-end-width: 0;
    inset-block-start: 6px;
    inset-inline-start: 0;
    position: absolute
  }

  .review_form .qw-box_error .scale_text_short .qw-survey_scale-choice:first-child .qw-survey_radio-label:before {
    border-start-start-radius: 10em;
    border-end-start-radius: 10em;
    border-inline-start-width: 1px;
    inset-inline-start: 6px
  }

  .review_form .qw-box_error .scale_text_short .qw-survey_scale-choice:last-child .qw-survey_radio-label:before {
    border-start-end-radius: 10em;
    border-end-end-radius: 10em;
    border-inline-end-width: 1px;
    inset-inline-start: auto
  }

  .review_form .qw-box_error .qw-checkbox label:before, .review_form .qw-box_error .qw-radio label:before {
    border-color: #dd1331
  }

  .review_form .qw-box_error .validate label.error {
    color: #dd1331;
    display: inline-block
  }

.review_form .panel {
  margin-block-end: 0;
  border-radius: 0
}

.review_form .qw-box.panel-error.panel-corrected {
  background: #fff
}

.review_form .qw-box.panel-error label {
  color: #dd1331
}

.review_form .qw-box.panel-error.panel-corrected label {
  color: #34383c
}

.review_form .panel:last-child {
  border-radius: 0 0 4px 4px;
  box-shadow: none
}

#FeedBack .help-block {
  font-size: 12px
}

#FeedBack #FeedbackProvider .help-block {
  font-size: 1.1em;
  padding: 0;
  margin-block: 1px 10px;
  margin-inline: 0
}

.truncate_toggle {
  margin-block: 0;
  margin-inline: 3px
}

#FeedBack .panel-top {
  margin-block-start: 15px
}

.feedback-template-select .review_form p.shared {
  display: none
}

.focus-label {
  opacity: 0;
  z-index: -1;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  color: #666f7a;
  transition: all .6s cubic-bezier(.42, 0, .58, 1)
}

.input-focus-transition {
  transition: all .2s cubic-bezier(.42, 0, .58, 1)
}

  .input-focus-transition:focus {
    padding-block: 16px 0;
    padding-inline: 16px;
    background: #fff
  }

    .input-focus-transition:focus ~ .focus-label {
      opacity: 1;
      position: absolute;
      inset-block-start: 2px;
      inset-inline-start: 16px;
      padding: 1px;
      font-size: var(--text-size-micro);
      color: #666f7a;
      z-index: 4
    }

.qw-search-input {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border: 1px solid #d7dde5;
  border-radius: 4px;
  position: relative
}

  .qw-search-input i {
    margin-inline-start: 8px;
    backface-visibility: hidden;
    transition: all .1s cubic-bezier(.42, 0, .58, 1)
  }

  .qw-search-input input[type=text] {
    border: 0;
    box-shadow: none
  }

    .qw-search-input input[type=text]:active, .qw-search-input input[type=text]:focus {
      outline: 0
    }

      .qw-search-input input[type=text]:active ~ i, .qw-search-input input[type=text]:focus ~ i {
        color: #3c88ec;
        transform: scale(1.13)
      }

.input-group .qw-search-input i {
  z-index: 4
}

#PerformanceConversation .template-preview-container {
  min-height: 320px
}

.waypoints {
  display: flex;
  justify-content: center
}

  .waypoints p {
    font-size: var(--text-size-micro);
    margin-block-end: 0;
    text-align: center
  }

  .waypoints > div {
    flex: 1;
    display: flex;
    color: #58606a;
    position: relative;
    padding-block: 0;
    padding-inline: 8px;
    justify-content: center
  }

    .waypoints > div:before {
      content: "";
      position: absolute;
      inset-block-start: 24px;
      inset-inline: 0;
      height: 4px;
      background: #b2c0d2
    }

    .waypoints > div:first-child:before {
      inset-inline-start: 50%
    }

    .waypoints > div:last-child:before {
      inset-inline-end: 50%
    }

    .waypoints > div.meet-callout.active i {
      color: #003575
    }

    .waypoints > div.meet-callout.active:before {
      background: #003575
    }

    .waypoints > div.complete {
      opacity: 1
    }

      .waypoints > div.complete:before {
        background: #0067e6
      }

      .waypoints > div.complete i {
        color: #0067e6;
        opacity: 1
      }

    .waypoints > div:first-child {
      border-radius: 0 0 0 4px
    }

    .waypoints > div:last-child {
      border-radius: 0 0 4px 0;
      border-inline-end: 0
    }

    .waypoints > div h3, .waypoints > div i {
      background: #f0f2f5;
      min-width: 35px;
      padding-block: 0;
      padding-inline: 8px;
      line-height: 35px;
      text-align: center;
      z-index: 6;
      position: relative;
      margin: 0
    }

.qw-app .waypoints > div h3, .qw-app .waypoints > div i {
  background: #f6f7f9
}

.waypoints > div.active h3, .waypoints > div.active p {
  color: #003575
}

.waypoints > div.active.complete h3, .waypoints > div.active.complete p {
  color: #58606a
}

.waypoints > div i {
  display: block
}

.waypoints > div h4 {
  align-items: center
}

.waypoints > div:first-child {
  box-shadow: none
}

.waypoints .complete p {
  color: #444950;
  opacity: 1
}

.review_process .active {
  opacity: 1
}

  .review_process .active h4, .review_process .active p {
    color: #0067e6
  }

#Performance .review_process .panel {
  padding: 0
}

.table .tablesorter-header-inner {
  white-space: nowrap
}

table.table tr.qw-draft_mode td {
  font-style: italic;
  background: #fffcf3 !important
}

  table.table tr.qw-draft_mode td.border_box {
    background: #f7f3e7 !important;
    font-weight: 400
  }

table.table td i {
  margin-inline-end: 4px;
  transition: .3s transform ease-in-out
}

.qw-switch-toggle, .qw-transition-tablerowshim {
  height: 0;
  opacity: 0
}

.qw-switch-toggle {
  overflow: hidden
}

  .qw-switch-toggle.open, .snapshot-vitals .qw-transition-tablerowshim, tr.collapse.in .qw-transition-tablerowshim {
    transition: .3s all ease-in-out;
    height: auto;
    opacity: 1;
    overflow: visible
  }

.qw-table td.align_top {
  vertical-align: top
}

.qw-statuslight-notstarted:before {
  background-color: #dd1331
}

.qw-statuslight-started:before {
  background-color: #58606a
}

.qw-statuslight-shared:before {
  background-color: #6aa4f1
}

.qw-statuslight-sharedpendingapproval:before {
  background-color: #fbda23
}

.qw-statuslight-signed:before {
  background-color: #0067e6
}

.qw-statuslight-hollow:before {
  background-color: #fff;
  border: 1px dashed #b2c0d2
}

td.notstarted {
  border-inline-start: 5px solid #b63c3f !important;
  border-block-end: 1px solid #eee !important
}

td.most {
  border-inline-start: 5px solid #345466 !important
}

td.started {
  border-inline-start: 5px solid #666 !important;
  border-block-end: 1px solid #eee !important
}

td.shared {
  border-inline-start: 5px solid #6baee8 !important;
  border-block-end: 1px solid #eee !important
}

td.sharedpendingapproval {
  border-inline-start: 5px solid #e1ab35 !important;
  border-block-end: 1px solid #eee !important
}

td.signed {
  border-inline-start: 5px solid #3582c4;
  border-block-end: 1px solid #eee !important
}

td.hollow {
  border-inline-start: 5px solid transparent
}

.goal_box-body {
  padding-inline-start: 25px
}

.goal_box-DueDate {
  font-size: 12px;
  margin-block-end: 5px
}

#FixedPanel .goal_progress {
  height: 20px
}

.goal-closed .goal_box-DueDate {
  font-style: italic
}

  .goal-closed .goal_box-DueDate:before {
    font-family: FontAwesome;
    content: ""
  }

.zero-complete-goal {
  display: inline-block;
  font-weight: 700;
  color: #34383c;
  margin-block: 1px;
  margin-inline: 4px
}

.progress.okr_panel {
  background-color: #f5f5f5;
  margin: 0;
  padding: 4px;
  height: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.okr_panel .progress-bar {
  background: #80b2e0;
  min-width: 0;
  border-radius: 0 2px 2px 0;
  text-align: center;
  height: 12px;
  border: 0;
  box-shadow: none;
  max-width: 100% !important
}

.post_panel, .ra_progress_panel {
  display: none
}

#FixedPanel .employee-side.EmployeeTabPane, #FixedPanel .manager-side.ManagerTabPane, .employee-side.EmployeeTabPane, .manager-side.ManagerTabPane {
  display: none;
  width: 100%
}

  #FixedPanel .employee-side.EmployeeTabPane.active, #FixedPanel .manager-side.ManagerTabPane.active, .employee-side.EmployeeTabPane.active, .manager-side.ManagerTabPane.active {
    display: block
  }

#PerformanceConversation .template-selector-container .review_form {
  min-height: 0
}

.email_header {
  border-block-end: 1px solid #b2c0d2;
  background: #fff
}

.email-container {
  padding: 20px;
  background: #f0f2f5
}

.email-content {
  padding-block: 10px 30px;
  padding-inline: 10px;
  background: #fff
}

.email-footer {
  padding: 10px;
  background: #34383c;
  height: 40px
}

#PerformanceConversation #profile-image em {
  text-transform: uppercase;
  font-size: 13px;
  color: #666f7a;
  font-style: normal;
  display: block
}

#PerformanceConversation .review_process .panel {
  padding: 0;
  position: relative;
  border: 0
}

#PerformanceConversation .review_process .d-flex > div:last-child {
  border-inline-end: 0
}

#PerformanceConversation .complete .fa-stack {
  display: none
}

.review_process .complete h4 i {
  opacity: 1
}

.one-on-one-section + .one-on-one-section {
  margin-block-start: 24px
}

.steps p {
  font-size: var(--text-size-sm);
  font-weight: 700;
  margin: 0
}

#PerformanceConversation .segment_selector.fixed h5 {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 700;
  clear: left
}

.qw-detail-dropdown a i {
  transition: all .2s cubic-bezier(.42, 0, .58, 1)
}

.qw-detail-dropdown-220 {
  min-width: 220px
}

.qw-detail-dropdown {
  min-width: 400px !important;
  max-width: 70rem;
  border-radius: 4px;
  border-color: #d7dde5;
  box-shadow: 0 4px 3px -3px #b2c0d2
}

  .qw-detail-dropdown a {
    min-width: unset !important
  }

    .qw-detail-dropdown a.btn {
      padding-block: 4px;
      padding-inline: 8px
    }

  .qw-detail-dropdown .qw-detail-dropdown-link {
    padding: 0;
    font-size: 1em
  }

  .qw-detail-dropdown .fa {
    transform-origin: center center;
    transition: all .1s cubic-bezier(.37, 1.06, 1, 1)
  }

  .qw-detail-dropdown a:active, .qw-detail-dropdown a:focus, .qw-detail-dropdown a:hover {
    background: #f6f7f9 !important;
    text-decoration: none
  }

    .qw-detail-dropdown a:active .fa, .qw-detail-dropdown a:focus .fa, .qw-detail-dropdown a:hover .fa {
      transform: scale(1.15)
    }

  .qw-detail-dropdown li.active a, .qw-detail-dropdown li.active a:active, .qw-detail-dropdown li.active a:focus, .qw-detail-dropdown li.active a:hover {
    background: #58606a !important;
    color: #fff !important;
    border-radius: 4px
  }

.qw-animation-btn .qw-fa-animation-rocket {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 26px;
  margin-block: -4px -6px;
  margin-inline: 0;
  display: block;
  float: left
}

@media (min-width: 768px) {
  .qw-animation-btn .qw-fa-animation-rocket {
    width: 16px;
    margin-block: -4px -6px;
    margin-inline: 0 4px
  }
}

.qw-animation-btn .qw-fa-animation-rocket .fa {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 0;
  transform: rotate(-44deg);
  animation: flyInOutVert 3s ease-out;
  animation-iteration-count: 1
}

.qw-animation-btn:hover .fa {
  animation-iteration-count: infinite
}

.steps p span {
  background: #f0f2f5;
  display: inline-block
}

.snapshot_container .steps p span {
  background: #fff
}

.pdf #PerformanceConversation .steps p span {
  background: #fff
}

.conversation_pdf .col-print-12 {
  width: 100%;
  float: none;
  inset-inline: auto;
  clear: both;
  left: 0;
  right: 0
}

.conversation_pdf .conversationresponse {
  border: 0
}

.conversation_pdf .answer-bar {
  margin-block-start: 24px
}

.conversation_pdf .review_form {
  margin-block-start: 16px
}

.conversation_pdf p {
  page-break-inside: avoid
}

.page-break-after {
  page-break-after: always
}

.page-break-before {
  page-break-before: always
}

.waypoints .meet-callout.complete h4 {
  color: #58606a
}

.waypoints .meet-callout.active:after {
  border-inline-start-color: #6aa4f1;
  inset-block-start: 45%
}

#PerformanceConversation .review_process .panel .complete:after {
  border-inline-start-color: #666f7a
}

#PerformanceConversation .review_process .col-xs-15 #PerformanceConversation .review_process .col-xs-15 h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 700
}

#PerformanceConversation .complete .success {
  display: inline-block;
  font-size: 2.8em;
  text-shadow: -2px -2px 1px #444950
}

#PerformanceConversation #profile-image .btn-group .btn {
  position: relative;
  inset-block-start: auto;
  inset-inline-end: auto;
  text-transform: none
}

#PerformanceConversation #profile-image .moveable_container .btn-group .btn-warning {
  margin-block: 0 !important;
  margin-inline: -1px 0 !important;
  position: relative;
  inset-inline-end: auto;
  inset-block-start: auto;
  color: #fff;
  background: #f0ad4e
}

@media (min-width: 768px) {
  #PerformanceConversation .text-md-right .thumb_container {
    float: right;
    margin-inline-end: 0
  }
}

#PerformanceConversation .moveable_container .dropdown-menu .btn {
  display: block;
  border: 0;
  text-align: start;
  color: #333 !important;
  border-radius: 0
}

  #PerformanceConversation .moveable_container .dropdown-menu .btn:active, #PerformanceConversation .moveable_container .dropdown-menu .btn:focus, #PerformanceConversation .moveable_container .dropdown-menu .btn:hover {
    box-shadow: none;
    background: rgba(53, 130, 196, .8) !important;
    color: #fff !important
  }

#PerformanceConversation .text-right .thumb_container .cl_admin {
  text-align: start
}

.status_FeedbackProvidersInvited, .status_NotStarted {
  color: #dd1331
}

.status_Started {
  color: #58606a
}

.status_SharedPendingApproval {
  color: #7c6c04
}

.status_Shared {
  color: #0067e6
}

.status_Approved {
  color: #18865e
}

.status_Signed {
  color: #004094
}

.connector .status_NotStarted {
  background: #b63c3f
}

.connector .status_Started {
  background: #666
}

.connector .status_SharedPendingApproval {
  background: #e1ab35
}

.connector .status_Shared {
  background: #6baee8;
  color: #fff !important
}

.connector .status_Signed {
  background: #3582c4
}

#ExtendDateField {
  position: relative
}

  #ExtendDateField i {
    position: absolute;
    inset-inline-start: 10px;
    inset-block-start: 10px
  }

  #ExtendDateField .datepicker-modal {
    padding: 6px;
    padding-inline: 30px 12px
  }

.change-participant-status-container {
  display: none;
  border-radius: 4px;
  position: relative;
  clear: both
}

.text-right .change-participant-status-container:after, .text-right .change-participant-status-container:before {
  inset-inline-start: 90%
}

.change-participant-status-container:after {
  border-color: rgba(221, 221, 221, 0);
  border-block-end-color: #ddd;
  border-width: 6px;
  margin-inline-start: -6px
}

.change-participant-status-container:before {
  border-color: rgba(204, 204, 204, 0);
  border-block-end-color: #ccc;
  border-width: 7px;
  margin-inline-start: -7px
}

#PerformanceConversation .change-participant-status-container .btn-primary {
  margin-block-start: 5px
}

#PerformanceConversation #profile-image .moveable_container .qw-avatar-md, #PerformanceConversation #profile-image .moveable_container .status, #PerformanceConversation #profile-image .moveable_container em {
  display: none;
  font-style: normal;
  font-weight: 900
}

.qw-vitals-update-needed + #PerformanceConversation #profile-image .fixed {
  inset-block-start: 120px
}

.fixed_menu {
  display: none
}

@media screen and (min-width: 1580px) {
  #PerformanceConversation #profile-image .moveable_container.fixed .status {
    display: inline-block;
    font-size: 12px
  }

  .fixed .wide_menu, .fixed_menu {
    display: none
  }

  .fixed .fixed_menu {
    display: block
  }

  #PerformanceConversation #profile-image .moveable_container.fixed .qw-avatar-md, #PerformanceConversation #profile-image .moveable_container.fixed .status, #PerformanceConversation #profile-image .moveable_container.fixed em {
    display: block
  }

  #PerformanceConversation #profile-image .fixed, .qw-vitals-update-needed + #PerformanceConversation #profile-image .fixed {
    width: 220px !important;
    position: fixed;
    border-block-end: 5px solid #d7dde5;
    margin: 0;
    z-index: 5;
    border-block-start: 0;
    min-height: 65px;
    margin-inline-start: -355px;
    inset-block-start: 200px;
    background: #fff;
    border-radius: 8px;
    padding: 8px
  }

    #PerformanceConversation #profile-image .fixed:after {
      inset-inline-start: 100%;
      inset-block-start: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-inline-start-color: #fff;
      border-width: 10px;
      margin-block-start: -10px
    }

    #PerformanceConversation #profile-image .fixed:before {
      inset-inline-start: 100%;
      inset-block-start: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-inline-start-color: #bbb;
      border-block-width: 9px 17px;
      border-inline-width: 10px 8px;
      margin-block-start: -8px;
      border-block-start-color: rgba(0, 128, 0, 0);
      border-block-end-color: rgba(0, 128, 0, 0)
    }

    #PerformanceConversation #profile-image .fixed em {
      display: block
    }
}

#PerformanceConversation .col-xs-6.text-right #profile-image .moveable_container.fixed .status {
  margin-inline-start: 0
}

#PerformanceConversation .no-stick #profile-image .fixed {
  display: none !important
}

#PerformanceConversation .col-xs-6.text-right #profile-image .fixed em {
  display: block
}

#PerformanceConversation #profile-image .fixed .btn-group {
  float: right
}

#PerformanceConversation .col-xs-6.text-right #profile-image .fixed .btn-group {
  float: left
}

#PerformanceConversation .review_form .panel label {
  margin-block: 10px 5px;
  margin-inline: 0
}

#PerformanceConversation .panel .list-question label {
  margin-block: 10px 15px;
  margin-inline: 0
}

#PerformanceConversation .panel p.help-block {
  font-size: 1.1em;
  padding: 0;
  margin-block: 1px 10px;
  margin-inline: 0
}

#PerformanceConversation .question-range p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere
}

  #PerformanceConversation .question-range p.signed {
    margin-block-start: -20px
  }

#PerformanceConversation .review_form .panel {
  border-radius: 0;
  position: relative
}

.review_form .panel .panel {
  box-shadow: none !important
}

#PerformanceConversation .employee .panel .panel, #PerformanceConversation .manager .panel .panel {
  margin-block-end: 0
}

#PerformanceConversation .signed .panel {
  padding: 15px
}

#PerformanceConversation .pending_approval .owner-comment-edit-container {
  display: none
}

#PerformanceConversation .template_preview .panel {
  padding: 15px
}

#PerformanceConversation .employee .unshareForm, #PerformanceConversation .manager .unshareForm {
  position: relative;
  padding-block-end: 20px
}

#PerformanceConversation .insufficient-col {
  border-radius: 4px
}

.conversationresponse, .elaborate_preview {
  font-size: 15px
}

textarea.elaborate_preview {
  overflow: hidden
}

.required_input {
  position: relative;
  overflow: visible !important
}

  .required_input .helper.required {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    font-size: 20px;
    color: #dd1331;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s ease-in
  }

  .required_input .helper i, .required_input .helper.has_content strong {
    display: none
  }

  .required_input .helper.has_content {
    color: #18865e;
    inset-block-end: 8px;
    font-size: 16px !important
  }

    .required_input .helper.has_content i {
      display: inline-block
    }

.elaborate_preview:focus {
  border-color: #d7dde5
}

.pdf .elaborate_preview, .pdf .qw-insight-column, .pdf .qw-insights-col-header, .pdf .review_process, .signed .elaborate_preview {
  display: none !important
}

.striped {
  display: block;
  background: repeating-linear-gradient(45deg, #f6f7f9, #f6f7f9 30px, #f0f2f5 30px, #f0f2f5 60px);
  height: 100%;
  border-radius: 16px;
  flex-grow: 1
}

.EmployeeNotShared h2, .EmployeeNotSharedClosed h2, .EmployeeSharedHidden h2, .EmployeeSharedHiddenMgrSharePending h2, .ManagerNotShared h2, .ManagerNotSharedClosed h2, .ManagerSharedHidden h2 {
  background: #fff;
  font-size: 3em;
  padding: 20px;
  text-align: center;
  font-weight: 900;
  line-height: normal
}

  .EmployeeNotShared h2 img, .EmployeeNotSharedClosed h2 img, .EmployeeSharedHidden h2 img, .EmployeeSharedHiddenMgrSharePending h2 img, .ManagerNotShared h2 img, .ManagerNotSharedClosed h2 img, .ManagerSharedHidden h2 img {
    display: block;
    text-align: center;
    margin-block: 5px;
    margin-inline: auto;
    border: 2px solid #ccc;
    border-radius: 50%
  }

  .EmployeeNotShared h2 span, .EmployeeNotSharedClosed h2 span, .EmployeeSharedHidden h2 span, .EmployeeSharedHiddenMgrSharePending h2 span, .ManagerNotShared h2 span, .ManagerNotSharedClosed h2 span, .ManagerSharedHidden h2 span {
    clear: both;
    display: block;
    font-size: 22px;
    padding-block: 10px;
    padding-inline: 40px;
    font-weight: 400
  }

.notshared p, p.shared, p.signed {
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  color: #444950;
  line-height: 1.618em
}

#PerformanceConversation .ManagerReviewNotShared .panel {
  display: none
}

#PerformanceConversation .btn-primary {
  margin-block-start: 0
}

#extendDateHelpBlock {
  padding-inline-start: 25px;
  position: relative
}

  #extendDateHelpBlock i {
    position: absolute;
    inset-inline-start: 8px;
    inset-block-start: 3px
  }

#PerformanceConversation .commentContainer {
  border: 0;
  padding: 0;
  position: relative;
  clear: both
}

.qw-conversation-date-marker {
  font-family: inherit;
  margin: 0;
  position: sticky;
  inset-block-start: 0;
  z-index: 7;
  background: #f1f7fe;
  padding: 8px;
  margin-block-end: 8px;
  border-block-end: 1px solid #d7dde5
}

  .qw-conversation-date-marker > strong {
    display: inline-block
  }

.review_feedback #PerformanceConversation .anon_feedback_alignment {
  margin-block-end: 5px
}

#PerformanceConversation .commentContainer li.comment:first-child {
  padding-block-start: 15px;
  border-block-start: 1px solid #c3dbf9
}

#PerformanceConversation .commentContainer li:first-child:after {
  inset-block-start: -1px;
  inset-inline-start: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-block-start-color: #fff;
  border-width: 10px;
  margin-inline-start: -10px;
  background: 0 0
}

#PerformanceConversation .no-panel-comment li.comment {
  margin-block-end: -1px
}

  #PerformanceConversation .no-panel-comment li.comment:first-child:after {
    border-block-start-color: #f0f2f5
  }

#PerformanceConversation .no-panel-comment ol li.comment {
  border: 1px solid #c3dbf9
}

#PerformanceConversation .commentContainer li:first-child:before {
  inset-block-start: 0;
  inset-inline-start: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-block-start-color: #c3dbf9;
  border-width: 11px;
  margin-inline-start: -11px;
  background: 0 0
}

#PerformanceConversation .commentContainer ul.dropdown-menu-right li:after, #PerformanceConversation .commentContainer ul.dropdown-menu-right li:before {
  display: none
}

#PerformanceConversation .commentContainer li.comment {
  border: 0;
  padding-block: 4px;
  padding-inline: 0;
  background: 0 0
}

#PerformanceConversation .commentContainer h5 {
  margin-block: -3px 4px !important;
  margin-inline: 32px 0 !important;
  font-size: 12px;
  line-height: 1.4em;
  padding-block: 0 3px !important;
  padding-inline: 0 45px !important;
  word-break: break-all
}

#PerformanceConversation textarea:disabled, .privateNotesBody textarea:disabled {
  background: 0 0
}

.subheader-caps {
  text-transform: uppercase;
  letter-spacing: .1em
}

.privateNotesBody textarea:disabled, .qw-conversation-note {
  background: repeating-linear-gradient(to bottom, #f6f7f9, #f6f7f9 22px, #d7dde5 2px, #f6f7f9);
  background-size: 100% 24px;
  line-height: 24px;
  color: #444950;
  padding-block: 0;
  padding-inline: 8px
}

.agenda-comment .hide-on-agendatype {
  display: none
}

#PerformanceConversation .template-preview-container textarea:disabled {
  border: 1px solid #d7dde5;
  border-radius: 4px
}

.template-selector-container .review_process .col-xs-15 h4 {
  font-size: 12px
}

#ConversationSign > .btn-group {
  margin-block-start: 0 !important
}

#WayFinder p {
  font-weight: 700;
  padding: 0
}

#WayFinder div.complete h1, #WayFinder div.complete p, #WayFinder div.complete span {
  color: #666f7a
}

.thankyou-feedback {
  transition: all 1s ease-in
}

  .thankyou-feedback .jumbotron {
    background-color: #f0f2f5
  }

    .thankyou-feedback .jumbotron h3 strong {
      color: #0067e6
    }

  .thankyou-feedback .fa-stack {
    width: 20%;
    float: left;
    height: 6em
  }

  .thankyou-feedback .fa {
    margin-inline-end: 0
  }

#FeedBack .container {
  margin-block-start: 50px
}

.elaborate_focus {
  transition: all .2s ease-in
}

div.required label {
  padding-inline-end: 15px
}

  .required .qw-survey_question-text .qw-required_helper, div.required label .helper, div.required_input label .helper {
    display: inline-block;
    color: #dd1331
  }

  div.required label .helper_success {
    display: inline-block;
    color: #dd1331;
    position: absolute;
    inset-inline-end: 5px;
    inset-block-start: 0;
    font-size: 1.2em !important
  }

  .user_selected div.required label .helper, div.required label .helper_success {
    display: none
  }

.user_selected div.required label .helper_success {
  display: block;
  color: #18865e;
  font-size: 1em !important
}

  .user_selected div.required label .helper_success i {
    display: inline-block
  }

#PerformanceConversation .elaborate_focus {
  min-height: 0 !important;
  background: 0 0;
  padding-inline-end: 40px;
  height: 40px
}

#FeedbackReport > .container, .feedback_container #PerformanceConversation {
  min-height: 100vh
}

  #FeedbackReport > .container > .panel:first-child, .feedback_container #PerformanceConversation > .panel:first-child {
    border-block-start: 0;
    border-radius: 4px 4px 0 0
  }

#FeedBack .feedback_container #PerformanceConversation {
  min-height: 0;
  padding-block: 0 15px;
  padding-inline: 0;
  margin: 0;
  border-inline-end: 0
}

#CollectingFeedback p {
  position: relative
}

#CollectingFeedback + .template-preview-container p {
  text-align: center
}

  #CollectingFeedback + .template-preview-container p.help-block {
    display: block;
    text-align: start;
    font-size: 1.1em;
    line-height: 1.618em;
    margin-block: 0 10px;
    margin-inline: 0
  }

.commentContainer .dropdown-menu li a.delete_dropdownlink, .dropdown-menu > li > a.delete_dropdownlink {
  color: #dd1331;
  font-size: 12px
}

.dropdown-menu .async-delete, .dropdown-menu .async-delete-with-confirm {
  color: #dd1331
}

.dropdown-menu > li > a.delete_dropdownlink:hover {
  color: #fff
}

.qw-red {
  color: #dd1331
}

.feedback_container #WayFinder {
  margin-block: 0 15px;
  margin-inline: 0
}

.sidebar-pullup-link {
  margin-block-start: -60px;
  z-index: 5;
  position: relative
}

  .sidebar-pullup-link .pull-right {
    margin-inline-start: 5px
  }

.feedback_container #WayFinder p {
  margin-block-start: 15px
}

.feedback_container #WayFinder p, .feedback_container #WayFinder span {
  font-size: 12px
}

#FeedBack label h2 {
  margin-block: 0 10px;
  margin-inline: 0
}

td.employee ul, td.providers ul {
  margin: 0;
  padding: 0
}

td.employee > span {
  display: block;
  padding-block: 3px 0;
  padding-inline: 0;
  vertical-align: middle
}

td.providers li {
  list-style: none;
  margin: 0
}

td.employee li, td.providers ul.thumbs li {
  list-style: none;
  float: left;
  position: relative;
  margin-inline-end: 5px;
  margin-block-end: 5px
}

  td.providers ul.thumbs li img {
    margin: 0
  }

td.providers ul.thumbs {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: grid;
  grid-template-columns: repeat(3, 32px) 32fr;
  grid-column-gap: 4px
}

  td.providers ul.thumbs li {
    opacity: 0
  }

  td.providers ul.thumbs.open {
    height: auto;
    visibility: visible;
    overflow: visible
  }

    td.providers ul.thumbs.open li {
      animation: fadeIn .3s cubic-bezier(.42, 0, .58, 1);
      animation-fill-mode: forwards
    }

      td.providers ul.thumbs.open li:nth-child(1n) {
        animation-delay: 80ms
      }

      td.providers ul.thumbs.open li:nth-child(2n) {
        animation-delay: .16s
      }

      td.providers ul.thumbs.open li:nth-child(3n) {
        animation-delay: .24s
      }

      td.providers ul.thumbs.open li:nth-child(4n) {
        animation-delay: .32s
      }

      td.providers ul.thumbs.open li:nth-child(5n) {
        animation-delay: .4s
      }

      td.providers ul.thumbs.open li:nth-child(6n) {
        animation-delay: .48s
      }

      td.providers ul.thumbs.open li:nth-child(7n) {
        animation-delay: .56s
      }

      td.providers ul.thumbs.open li:nth-child(8n) {
        animation-delay: .64s
      }

      td.providers ul.thumbs.open li:nth-child(9n) {
        animation-delay: .72s
      }

      td.providers ul.thumbs.open li:nth-child(10n) {
        animation-delay: .8s
      }

      td.providers ul.thumbs.open li:nth-child(11n) {
        animation-delay: .88s
      }

      td.providers ul.thumbs.open li:nth-child(12n) {
        animation-delay: .96s
      }

      td.providers ul.thumbs.open li:nth-child(13n) {
        animation-delay: 1.04s
      }

      td.providers ul.thumbs.open li:nth-child(14n) {
        animation-delay: 1.12s
      }

      td.providers ul.thumbs.open li:nth-child(15n) {
        animation-delay: 1.2s
      }

      td.providers ul.thumbs.open li:nth-child(16n) {
        animation-delay: 1.28s
      }

      td.providers ul.thumbs.open li:nth-child(17n) {
        animation-delay: 1.36s
      }

      td.providers ul.thumbs.open li:nth-child(18n) {
        animation-delay: 1.44s
      }

      td.providers ul.thumbs.open li:nth-child(19n) {
        animation-delay: 1.52s
      }

      td.providers ul.thumbs.open li:nth-child(20n) {
        animation-delay: 1.6s
      }

      td.providers ul.thumbs.open li:nth-child(21n) {
        animation-delay: 1.68s
      }

      td.providers ul.thumbs.open li:nth-child(22n) {
        animation-delay: 1.76s
      }

      td.providers ul.thumbs.open li:nth-child(23n) {
        animation-delay: 1.84s
      }

      td.providers ul.thumbs.open li:nth-child(24n) {
        animation-delay: 1.92s
      }

      td.providers ul.thumbs.open li:nth-child(25n) {
        animation-delay: 2s
      }

      td.providers ul.thumbs.open li:nth-child(26n) {
        animation-delay: 2.08s
      }

      td.providers ul.thumbs.open li:nth-child(27n) {
        animation-delay: 2.16s
      }

      td.providers ul.thumbs.open li:nth-child(28n) {
        animation-delay: 2.24s
      }

      td.providers ul.thumbs.open li:nth-child(29n) {
        animation-delay: 2.32s
      }

      td.providers ul.thumbs.open li:nth-child(30n) {
        animation-delay: 2.4s
      }

td.providers li.slide-active:after {
  inset-block-start: 110%;
  inset-inline-start: 45%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(221, 221, 221, 0);
  border-inline-start-color: transparent;
  border-block-start-color: #ddd;
  border-width: 5px;
  margin-inline-start: -5px
}

.qw-avatar-status:hover .qw-avatar-text, .qw-avatar-status:hover img {
  box-shadow: 0 4px 5px -2px #94a4b8
}

.qw-avatar-status:after {
  z-index: 1
}

table.table-micro td {
  font-size: var(--text-size-micro);
  color: #666f7a;
  padding-block: 3px !important;
  padding-inline: 5px !important;
  border: 0 !important
}

table.table-micro thead th {
  background: 0 0;
  font-size: var(--text-size-micro);
  color: #666f7a
}

a.thumb_toggle {
  color: #666f7a
}

.thumb_toggle .progress {
  display: block;
  background: #f0f2f5;
  position: relative;
  height: 4px;
  max-width: 120px
}

.thumb_toggle.no-toggle {
  cursor: default;
  text-decoration: none
}

.thumb_toggle .progress-bar {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  background: #0067e6
}

.thumb_toggle.opened .progress {
  display: none
}

.thumb_toggle.opened:after {
  inset-block-start: 100%;
  inset-inline-start: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(221, 221, 221, 0);
  border-block-start-color: #ddd;
  border-width: 4px;
  margin-inline-start: -4px
}

td.providers li.message:hover {
  box-shadow: none
}

.popover.bottom .popover-title {
  background-color: #f0f2f5;
  border-radius: 0
}

.popover.bottom .arrow {
  border-block-end-color: #f0f2f5
}

  .popover.bottom .arrow::after {
    border-block-end-color: #f0f2f5
  }

.popover-content {
  display: none
}

.popover .popover-content {
  display: block;
  padding: 15px
}

.profile-popover .popover-content {
  padding: 0;
  border-radius: 8px
}

  .profile-popover .popover-content a.tt-body i {
    color: #0067e6
  }

  .profile-popover .popover-content a.async-wide-modal {
    border-inline-end: 1px solid #6aa4f1 !important
  }

.popover .popover-content > p {
  padding: 0
}

.profile-popover .popover-content p {
  padding: 5px
}

.profile-popover {
  border: 0;
  padding: 0 !important;
  z-index: 3005;
  border-radius: 16px;
  min-width: 300px;
  max-width: 0
}

.pop:hover {
  cursor: pointer
}

.profile-popover h3 {
  font-weight: 900;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.1
}

.profile-popover .peek-disabled h3, .profile-popover .peek-enabled h3 {
  margin-block: 0 5px;
  margin-inline: 0
}

.profile-popover h3 span {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-block-start: 4px;
  overflow: hidden;
  line-height: 1em;
  white-space: nowrap;
  text-overflow: ellipsis
}

.peek-profile h3 span {
  white-space: normal
}

.review_feedback {
  padding-block-end: 16px
}

  .review_feedback .owner-comment-container {
    margin-inline-start: 40px
  }

  .review_feedback label.h4 {
    margin-block-end: 0
  }

.review_form .owner-comment-container {
  margin-inline-start: 0
}

  .review_form .owner-comment-container span {
    white-space: pre-line
  }

p.owner-comment-container {
  line-height: 1.618em
}

.EmployeeClosedShowResponses .elaborate_preview, .ManagerClosedShowResponses .elaborate_preview {
  display: none
}

.owner-comment-container p {
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto
}

.feedback_container .anon-comment-container p, .feedback_container .owner-comment-container p {
  line-height: 1.445em;
  color: #666;
  font-size: 13px;
  margin-block-end: 5px
}

.feedback_container.review_feedback p.owner-comment-value {
  margin-block-end: 5px;
  min-height: 30px
}

p.respondent-answer {
  line-height: 1.618;
  margin: 0;
  white-space: pre-line;
  word-break: break-word
}

a.add_comment_toggle {
  font-size: var(--text-size-sm);
  padding-block: 4px;
  padding-inline: 0;
  clear: both;
  color: #58606a;
  position: relative;
  z-index: 4;
  display: none
}

.feedback_container .add_comment_toggle {
  display: block
}

.review_feedback.feedback_container .add_comment_toggle {
  margin-block-start: 0;
  padding-block: 5px;
  padding-inline: 0
}

a.add_comment_toggle:hover {
  color: #3582c4
}

.feedback_container #PerformanceConversation {
  margin-block-start: 0
}

#PerformanceConversation .group-name {
  font-size: var(--text-size-sm) !important;
  text-transform: uppercase;
  color: #666f7a
}

.attached_comments {
  padding-block: 0 10px;
  padding-inline: 5px;
  font-size: 13px;
  margin-block-start: 8px
}

  .attached_comments p {
    line-height: 1.618em;
    margin: 0;
    padding-block: 10px;
    padding-inline: 15px;
    background: #f6f7f9;
    border: 1px solid #f0f2f5
  }

.single_review .feedback_container #PerformanceConversation label {
  clear: both
}

.single_review p.no_feedback {
  padding-block: 5px;
  padding-inline: 0;
  margin-inline-start: 55px;
  margin-block-end: 2px;
  font-weight: 400;
  font-size: .9em
}

.single_review.anon_feedback .anon_feedback_alignment .anon_response, .single_review.anon_feedback .anon_feedback_alignment .initials, .single_review.anon_feedback p.no_feedback {
  display: none
}

.feedback_container h3 {
  font-weight: 900
}

.feedback_container h4 {
  font-weight: 700;
  margin-block: 15px 10px;
  margin-inline: -15px;
  padding-block: 5px;
  padding-inline: 15px
}

.single_review .feedback_container h4 {
  margin-block: 5px 10px;
  margin-inline: 0;
  padding: 0
}

.feedback_container .list-question.horizontal-list .answer-bar {
  margin-inline-start: 0;
  margin-block-end: 10px
}

.single_review .feedback_container .question-feedback-review {
  padding: 0 !important;
  page-break-inside: avoid
}

.feedback_container .comment-container {
  margin-inline-start: 35px
}

.commentContainer .comment-container {
  margin-inline-start: 0
}

.feedback_container.review_feedback .createcommentform {
  margin-block-end: 8px
}

.feedback_container.review_feedback .feedback_comments .createcommentform {
  margin-inline-start: 20px
}

.feedback-comments-open .qw-comment-form-container, .feedback-readonly .createcommentform {
  display: none
}

.qw-insight-column, .qw-insights-col-header {
  display: none
}

.feedback_booster_container .qw-insight-column {
  display: flex
}

.feedback_booster_container .qw-insights-col-header {
  display: block
}

.feedback_container .createcommentform.visible {
  visibility: visible !important
}

.feedback_container #PerformanceConversation h5 {
  font-size: 12px;
  line-height: 1.4em;
  margin-inline-start: 35px !important;
  position: relative;
  margin-block-start: 2px;
  font-weight: 400
}

#ProviderList .alert {
  margin-block-end: 15px
}

.opt-out {
  color: #7e8b9a
}

ul.provider-review-list li p {
  margin: 0
}

  ul.provider-review-list li p strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

.inactive .step-container {
  opacity: .4
}

  .inactive .step-container .add-particpant, .inactive .template-preview-container {
    display: none
  }

h2.step {
  padding-block: 4px;
  padding-inline: 16px;
  background: #f0f2f5;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

.add-participants, .add-single-participant {
  margin-block: 40px 10px;
  margin-inline: 0;
  display: none
}

  .add-participants .ms-ctn .ms-sel-ctn input, .add-single-participant .ms-ctn .ms-sel-ctn input {
    width: 100% !important
  }

  .add-participants .ms-ctn .ms-sel-item, .add-single-participant .ms-ctn .ms-sel-item {
    text-transform: none !important;
    max-width: 207px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-block: 0;
    padding-inline: 4px 18px
  }

    .add-participants .ms-ctn .ms-sel-item .ms-close-btn, .add-single-participant .ms-ctn .ms-sel-item .ms-close-btn {
      position: absolute;
      inset-inline-end: 4px;
      inset-block-start: 6px;
      margin: 0
    }

    .add-participants .ms-ctn .ms-sel-item .add-particpant, .add-single-participant .ms-ctn .ms-sel-item .add-particpant {
      padding-block: 25px;
      padding-inline: 50px;
      margin-block: 15px 25px;
      margin-inline: 0;
      border: 1px solid #f0f2f5
    }

  .add-participants label, .add-single-participant label {
    display: block;
    line-height: 1.4em;
    font-size: 12px
  }

  .add-participants .sidebar_helptext, .add-single-participant .sidebar_helptext {
    inset-block-end: 105%;
    inset-block-start: auto;
    width: 100%;
    background: #fff;
    inset-inline-end: 1px
  }

.badge-permissions-select-users-container, .template-edit-permissions-select-departments-container, .template-edit-permissions-select-users-container {
  padding-block: 10px;
  padding-inline: 15px;
  margin-block: 15px 25px;
  margin-inline: 0;
  border: 1px solid #eee
}

  .add-particpant .ms-sel-item, .add-particpant .ms-sel-item:hover, .add-particpant + .ms-collector .ms-sel-item, .advanced-panel .ms-sel-item, .advanced-panel .ms-sel-item:hover, .badge-permissions-select-users-container .ms-sel-item, .badge-permissions-select-users-container .ms-sel-item:hover, .ms-img-container .ms-sel-item, .ms-img-container .ms-sel-item:hover, .template-edit-permissions-select-users-container .ms-sel-item, .template-edit-permissions-select-users-container .ms-sel-item:hover {
    width: 100%;
    position: relative;
    padding: 0;
    border: 0;
    background: #fff;
    margin-block-end: 10px
  }

.qw-threecol-ms-select .ms-sel-ctn .ms-sel-item p {
  padding-inline-end: 16px
}

.ms-img-container .ms-sel-item, .ms-img-container .ms-sel-item:hover {
  background-color: transparent
}

  .add-particpant .ms-sel-item, .add-particpant .ms-sel-item:hover, .ms-img-container .ms-sel-item, .ms-img-container .ms-sel-item:hover {
    margin-block-end: 3px
  }

.ms-no-trigger {
  display: flex;
  flex-direction: column
}

  .ms-no-trigger .ms-helper {
    position: relative;
    inset-inline: auto;
    display: none;
    inset-block-start: auto;
    color: #666f7a
  }

  .ms-no-trigger.ms-show-help .ms-helper {
    display: block !important;
    opacity: 0;
    animation: fadeInUp .2s ease-in;
    animation-fill-mode: forwards;
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom
  }

.add-particpant .ms-no-trigger {
  flex-flow: column-reverse
}

.advanced-panel .ms-sel-item, .advanced-panel .ms-sel-item:hover {
  background: 0 0;
  margin-block: 10px 0;
  margin-inline: 0
}

  .advanced-panel .ms-sel-item:hover > div, .advanced-panel .ms-sel-item > div {
    background: #fff
  }

div.select-facilitator-container {
  margin-block-start: 8px
}

tr.select-facilitator-container {
  display: table-row
}

tr.display-row {
  display: table-row !important
}

.select-facilitator-container span.help-text {
  display: block;
  margin-block: -5px 8px;
  margin-inline: 0;
  font-size: 11px
}

.select-facilitator-container span.warning-text {
  display: block;
  margin-block: -5px 8px;
  margin-inline: 0;
  font-size: 11px;
  color: #c5112c
}

tr.select-facilitator-container td {
  background: #f0f2f5;
  padding: 16px
}

.select-facilitator-container .ms-ctn {
  margin-block-end: 12px
}

div.select-facilitator-container > div {
  padding: 16px;
  background: #f6f7f9;
  border-radius: 8px;
  margin-block-end: 8px;
  position: relative
}

.advanced-panel .ms-sel-item p, .badge-permissions-select-users-container .ms-sel-item p, .template-edit-permissions-select-users-container .ms-sel-item p {
  margin-block: 4px 0;
  margin-inline: 0
}

.add-particpant .ms-sel-item p, .add-particpant + .ms-sel-ctn .ms-sel-item p, .ms-img-container .ms-sel-item p {
  margin-block: 4px 0;
  margin-inline: 0;
  padding-inline-end: 4px
}

  .add-particpant .ms-sel-item p span, .add-particpant + .ms-sel-ctn .ms-sel-item p span, .ms-img-container .ms-sel-item p span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    color: #666f7a
  }

  .add-particpant .ms-sel-item p strong, .add-particpant + .ms-sel-ctn .ms-sel-item p strong, .advanced-panel .ms-sel-item p strong, .badge-permissions-select-users-container .ms-sel-item p strong, .ms-img-container .ms-sel-item p strong, .template-edit-permissions-select-users-container .ms-sel-item p strong {
    font-size: 1.3em;
    color: #444950;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
  }

.advanced-panel .ms-sel-item p strong {
  font-size: 14px
}

.advanced-panel .ms-sel-item p {
  font-size: 12px;
  line-height: 1.2em
}

.add-particpant .ms-sel-ctn, .advanced-panel .ms-sel-ctn, .ms-img-container .ms-sel-ctn {
  padding: 0;
  overflow: visible
}

.add-particpant .ms-sel-item div.clearfix, .advanced-panel .ms-sel-item div.clearfix, .badge-permissions-select-users-container .ms-sel-item div.clearfix, .ms-img-container .ms-sel-item > div, .template-edit-permissions-select-users-container .ms-sel-item div.clearfix {
  background-color: #fff;
  border: 1px solid #b2c0d2
}

.badge-permissions-select-users-container .ms-sel-ctn, .template-edit-permissions-select-users-container .ms-sel-ctn {
  padding-block: 10px 0;
  padding-inline: 0
}

.add-particpant .ms-sel-item:nth-child(3n + 1) div.clearfix, .advanced-panel .ms-sel-item:nth-child(3n + 1) div.clearfix, .badge-permissions-select-users-container .ms-sel-item:nth-child(3n + 1) div.clearfix, .ms-img-container .ms-sel-item:nth-child(3n + 1) > div, .template-edit-permissions-select-users-container .ms-sel-item:nth-child(3n + 1) div.clearfix {
  margin-inline-start: 0;
  background-color: #fff
}

.add-particpant .ms-sel-ctn .ms-sel-item .ms-close-btn, .add-particpant + .ms-sel-ctn .ms-sel-item .ms-close-btn, .advanced-panel .ms-sel-ctn .ms-sel-item .ms-close-btn, .badge-permissions-select-users-container .ms-sel-ctn .ms-sel-item .ms-close-btn, .ms-img-container .ms-close-btn, .template-edit-permissions-select-users-container .ms-sel-ctn .ms-sel-item .ms-close-btn {
  position: absolute;
  inset-inline-end: 7px;
  inset-block-start: 3px
}

.add-particpant .ms-sel-item strong, .advanced-panel .ms-sel-item strong, .badge-permissions-select-users-container .ms-sel-item strong, .template-edit-permissions-select-users-container .ms-sel-item strong {
  display: block
}

.add-particpant .ms-ctn {
  margin-block: 10px;
  margin-inline: 0
}

.add-particpant .ms-ctn {
  margin-block: 0 10px;
  margin-inline: 0
}

.add-particpant .segment_description {
  margin-block: 0;
  margin-inline: -15px;
  padding-block: 0 4px;
  padding-inline: 15px
}

.add-particpant h3 {
  margin-block: 5px 10px;
  margin-inline: 0;
  font-weight: 700;
  font-size: 1.4em
}

  .add-particpant h3 span.help-block {
    font-size: 12px;
    padding-block: 4px;
    padding-inline: 8px;
    margin: 0;
    border-radius: 0;
    display: none
  }

.grid-container {
  justify-content: center;
  align-content: start;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  grid-gap: 16px
}

@media (min-width: 768px) {
  .grid-container > div:only-child {
    grid-column: 1/3;
    margin-inline-start: 25%;
    margin-inline-end: 25%
  }
}

.systemSelected {
  border-block-start: 1px dashed #b2c0d2
}

.qw-card-top-overlap {
  display: block;
  font-size: 2em;
  margin-block: -40px 0;
  margin-inline: auto
}

.qw-card-connect-up {
  margin-block-start: -28px;
  border-radius: 0 0 16px 16px !important;
  border-block-start: 0 !important;
  box-shadow: 0 2px 3px 0 rgba(52, 56, 60, .1), 0 2px 2px 0 rgba(52, 56, 60, .06)
}

.qw-card-connect-down {
  margin-block-end: -2px !important;
  border-radius: 4px 4px 0 0 !important;
  border-block-end: 0 !important;
  background: #f0f2f5 !important;
  box-shadow: none !important
}

.ms-ctn-disabled {
  display: none
}

.add-participants .form-control, .add-single-participant .form-control {
  margin-block-end: 10px
}

.advanced-options-toggle {
  margin-block-start: 5px;
  display: inline-block
}

.advanced-options-panel .col-md-8 label input, .anytime-cycle-options .col-md-8 label input {
  position: absolute;
  inset-inline-start: 0
}

.EmployeeNotShared h2 span, .EmployeeNotSharedClosed h2 span, .ManagerNotShared h2 span, .ManagerNotSharedClosed h2 span {
  clear: both;
  display: block;
  font-size: 22px;
  padding-block: 10px;
  padding-inline: 40px;
  font-weight: 400
}

.incomplete-languages {
  position: relative;
  z-index: 3
}

#Modal .modal-dialog {
  width: 840px
}

#Modal.modal .modal-content {
  background: #fff !important;
  border-radius: 8px 8px 0 0
}

#Modal.modal .modal-body {
  position: relative;
  inset-inline-start: auto;
  max-height: 0
}

  #Modal.modal .modal-body .tab-content {
    background: #fff;
    padding-block: 0 15px;
    padding-inline: 15px;
    min-height: 300px
  }

#Modal .noUpdates {
  text-align: center
}

#Modal.modal .close {
  color: #ccc;
  inset-inline-end: 15px;
  background: #fff;
  margin-block-start: -47px;
  padding-block: 5px;
  padding-inline: 10px;
  font-size: 1.4em;
  border-radius: 8px 8px 0 0
}

#Modal .nav-tabs {
  margin-block-start: -57px;
  border-block-end: 0
}

  #Modal .nav-tabs li {
    margin-inline-end: 5px
  }

  #Modal .nav-tabs a {
    background: #f0f2f5;
    color: #666f7a
  }

  #Modal .nav-tabs .active a {
    color: #666f7a;
    background: #fff;
    font-weight: 700
  }

#PerformanceConversation #oneonone .commentContainer h5 {
  padding-block: 0 3px !important;
  padding-inline: 0 15px !important
}

#PerformanceConversation #oneonone .panel {
  margin-block-end: 0
}

.not_shared_background {
  background: #fff;
  padding: 10px;
  margin: 0
}

.popover {
  border: 0;
  padding: 0
}

  .popover[class * =tour-] {
    z-index: 3005 !important;
    max-width: 300px
  }

.group-nudge-recipients {
  margin: 0;
  padding: 0
}

  .group-nudge-recipients li {
    list-style: none;
    clear: both;
    display: block;
    padding-block: 4px;
    padding-inline: 0;
    border-block-end: 1px solid #d7dde5
  }

    .group-nudge-recipients li:last-child {
      border: 0
    }

    .group-nudge-recipients li h5 {
      margin: 0;
      text-transform: none;
      font-weight: 400
    }

  .group-nudge-recipients h5 span.email-address {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

span.notstarted {
  display: inline-block;
  background: #dd1331;
  padding-block: 2px;
  padding-inline: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-block: 4px 0;
  margin-inline: 0;
  border-radius: 3px;
  border: 0
}

li p.shared {
  padding-block: 3px;
  padding-inline: 5px 0
}

.profile-popover > div:after {
  inset-block-start: 100%;
  inset-inline-start: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(236, 47, 31, 0);
  border-block-start-color: #fff;
  border-width: 8px;
  margin-inline-start: -8px
}

.employee .popover-content .fa-stack, .employee .popover-content i.fa, .providers .popover-content .fa-stack, .providers .popover-content i.fa {
  float: none;
  margin-inline-end: 4px;
  color: #666f7a
}

td.employee .popover.profile-popover {
  inset-inline-start: -5px !important
}

td.employee .profile-popover > div:after {
  inset-inline-start: 7%
}

span.started {
  display: inline-block;
  background: #666f7a;
  padding-block: 2px;
  padding-inline: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-block: 4px 0;
  margin-inline: 0;
  border-radius: 3px;
  border: 0
}

span.shared {
  display: inline-block;
  background: #0067e6;
  padding-block: 2px;
  padding-inline: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin-block: 4px 0;
  margin-inline: 0;
  border-radius: 3px;
  border: 0
}

#GoalList > .panel {
  border: 0;
  box-shadow: none;
  clear: both
}

.conversationFilter .caret, .feedback-template-select .btn-block.dropdown-toggle .caret {
  position: absolute;
  inset-inline-end: 8px;
  inset-block-start: 15px
}

.showInHomeNewsFeed-checkbox-container {
  display: none
}

.template-preview-container {
  position: relative;
  min-height: 0;
  margin-block-start: 24px;
  padding: 24px;
  border: 8px solid #f0f2f5;
  border-radius: 8px;
  transition: all .4s cubic-bezier(.42, 0, .58, 1)
}

  .template-preview-container .qw-sticky-preview-selector {
    position: sticky;
    z-index: 7;
    inset-block-start: 0;
    padding: 8px
  }

  .template-preview-container .qw-preview-header {
    text-align: center;
    margin: 0;
    position: sticky;
    inset-block-start: 8px;
    z-index: 6;
    margin-block-start: -40px;
    margin-block-end: 8px
  }

  .template-preview-container .selected {
    opacity: .9
  }

.fac-normal td:first-child {
  box-shadow: inset 5px 0 transparent
}

.fac-noproviders td:first-child {
  box-shadow: inset 5px 0 #0067e6
}

.fac-inactive .name, .fac-noproviders .name, .fac-normal .name, .fac-notmanager .name, .par-inactive-not-shared .name, .par-inactive-shared .name {
  padding-inline-end: 13px
}

  .fac-inactive .name:after, .fac-noproviders .name:after, .fac-notmanager .name:after, .par-inactive-not-shared .name:after, .par-inactive-shared .name:after {
    float: right;
    font-family: fontAwesome;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px
  }

  .fac-noproviders .name:after {
    content: "";
    color: #dd1331
  }

  .fac-inactive .name:after {
    content: "";
    color: #dd1331
  }

  .fac-notmanager .name:after {
    content: "";
    color: #0054c2
  }

  .par-inactive-not-shared .name:after {
    content: "";
    color: #dd1331
  }

  .par-inactive-shared .name:after {
    content: "";
    color: #9ec5f5
  }

#CloseGoalModal .fa-bullseye, #CloseGoalModal .fa-leaf {
  position: absolute;
  inset-inline-start: -2px;
  inset-block-start: 40%;
  font-size: 1.6em;
  transform: translateY(-50%)
}

#CloseGoalModal .goal-name {
  font-size: 18px;
  line-height: 2.1rem;
  margin-block: 0 10px;
  margin-inline: 0;
  padding-inline-start: 40px;
  position: relative;
  min-height: 28px
}

#CloseGoalModal p.goal-close-warning {
  margin-block: 12px 10px;
  margin-inline: 28px 0;
  color: #666f7a
}

#CloseGoalModal fieldset {
  border: 1px solid #b2c0d2;
  padding-block: 0 9px;
  padding-inline: 9px
}

#CloseGoalModal #PostResponseValue {
  margin-block-end: 10px
}

#CloseGoalModal legend {
  width: auto;
  border: none;
  font-size: 14px;
  font-weight: 600;
  margin-block-end: 16px;
  color: #666f7a
}

i.handle {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  inset-inline-start: 5px;
  margin-inline-end: 0 !important;
  padding: 5px;
  text-align: center;
  inset-block-start: 5px;
  width: 30px
}

.form-control::-webkit-input-placeholder {
  color: #ccc
}

.form-control:-moz-placeholder {
  color: #ccc
}

.form-control::-moz-placeholder {
  color: #ccc
}

.form-control:-ms-input-placeholder {
  color: #ccc
}

.qw-edit-panel {
  background: #fff;
  padding: 16px;
  border-radius: 4px;
  margin-block-end: 16px
}

.template-question-edit {
  display: none
}

  .template-question-edit.open .qw-edit-panel {
    border-inline-start: 4px solid #6aa4f1
  }

#NewFeedbackTemplateNewQuestion, #QuestionListHeader, #newTemplateSaveBtn {
  display: none
}

.new-template-form .question-text-url {
  display: none
}

.company-hashtag-horiz-picker .company-hashtag {
  cursor: pointer;
  position: relative
}

.company-hashtag.motion:before {
  content: attr(data-hashtag-name);
  position: absolute;
  width: 100%;
  inset-block-end: 100%;
  inset-inline-start: 0;
  padding-block: 3px;
  padding-inline: 6px;
  color: #734dff;
  background: #f9f7ff;
  border: 1px dashed #734dff;
  border-radius: 8px;
  animation: fadeUp 2s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.multi-line {
  white-space: pre-line
}

.grouped-dropdown .dropdown-toggle {
  border-radius: 4px
}

#SendingNudgesMessage {
  margin-inline-end: 4px;
  display: none
}

.question-text-container a {
  text-decoration: none !important
}

.question-text-container .dropdown-toggle {
  cursor: pointer
}

.question-text-container a i {
  margin-inline-end: 0
}

.question-text-container .open .dropdown-toggle {
  border: 1px solid rgba(0, 0, 0, .15) !important;
  border-block-end: 1px solid #fff !important
}

.question-text-container .dropdown .dropdown-menu {
  margin-block-start: 25px
}

.employee-text-container .dropdown-toggle, .facilitator-text-container .dropdown-toggle {
  text-decoration: none
}

.employee-text-container .open .dropdown-toggle, .facilitator-text-container .open .dropdown-toggle {
  border: 1px solid rgba(0, 0, 0, .15) !important;
  border-block-end: 1px solid #fff !important
}

.employee-text-container .dropdown .dropdown-menu, .facilitator-text-container .dropdown .dropdown-menu {
  margin-block-start: -1px
}

.bulletdata {
  list-style-type: none;
  position: relative
}

  .bulletdata:before {
    content: "•";
    position: absolute;
    top: 5px;
    inset-inline-start: -12px;
    font-size: 16px
  }

  .bulletdata .form-control:focus {
    border-color: #d7dde5 !important
  }

.bullet_textarea {
  display: inline-block !important;
  vertical-align: top
}

.bullet-point-done, .bullet-point-done li, .bullet-point-preview {
  position: relative
}

  .bullet-point-preview li {
    font-style: italic;
    font-size: 12px;
    color: #666f7a;
    padding-block: 5px;
    padding-inline: 0;
    position: relative;
    text-align: start
  }

.bullet-point-container .bullet-point-preview li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #9ec5f5;
  inset-inline-start: -29px;
  inset-block-start: 14px
}

.bullet-point-container .bullet-point-preview::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 69px;
  background: #9ec5f5;
  inset-inline-start: 10px;
  inset-block-start: 0
}

.bullet-point-done {
  margin: 0
}

  .bullet-point-done li {
    padding-block-end: 10px
  }

    .bullet-point-done li:last-child {
      padding-block-end: 0
    }

    .bullet-point-done li p {
      margin: 0
    }

.bullet-point-container .bullet-point-done li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #c3dbf9;
  inset-inline-start: -29px;
  inset-block-start: 12px
}

.bullet-point-container .bullet-point-done li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #c3dbf9;
  inset-inline-start: -29px;
  inset-block-start: -3px
}

.bullet-point-container .bullet-point-done li:last-child::after {
  height: 16px
}

.qw-box.panel-error .bulletdata textarea {
  padding-inline-start: 10px;
  padding-block-start: 5px
}

.shared_bulletpoint li, .signed_bulletpoints li {
  margin-block-end: 8px
}

.bullet_point_review li {
  padding-block: 10px;
  padding-inline: 0
}

  .bullet_point_review li p {
    padding-block-start: 5px
  }

.blue {
  color: #3a7a9b
}

.favorability-indicator {
  padding-block-start: 27px;
  padding-inline-end: 5px;
  padding-block-end: 15px;
  padding-inline-start: 5px;
  font-size: 12px
}

.favorability-indicator-bar {
  width: 5px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
  background-color: #333;
  background: linear-gradient(#dd1331, #dd1331 15%, #0067e6 85%)
}

.media, .media-body {
  overflow: visible
}

.createcommentform .media {
  margin-block-start: 5px !important
}

.single_review .createcommentform .media .media-left {
  padding-inline-end: 15px
}

.media-body {
  width: 100%
}

.media-object {
  display: block
}

  .media-object.img-thumbnail {
    max-width: none
  }

.media-right, .media > .pull-right {
  padding-inline-start: 10px
}

.media-left, .media > .pull-left {
  padding-inline-end: 10px
}

.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top
}

.media-heading {
  margin-block-start: 0;
  margin-block-end: 5px
}

.media-list {
  padding-inline-start: 0;
  list-style: none
}

.daterangepicker.dropdown-menu {
  z-index: 30000
}

.collaborative-question-header {
  background-color: #d7dde5
}

  .collaborative-question-header p {
    color: #666f7a;
    font-weight: 400;
    letter-spacing: .2em;
    text-transform: uppercase
  }

  .collaborative-question-header span {
    color: #6a737b;
    cursor: pointer;
    z-index: 10
  }

  .collaborative-question-header .popover {
    font-weight: 400;
    z-index: 1000;
    width: 100%
  }

    .collaborative-question-header .popover h3.popover-title {
      padding-block: 8px;
      padding-inline: 14px;
      margin: 0 !important;
      font-size: 14px !important;
      color: #50565d;
      font-weight: 900 !important
    }

.template-question-display .collaborative-question-header {
  background-color: #f0f2f5;
  border: 1px solid #d7dde5;
  border-radius: 4px
}

.is-qw-admin-only-action:before {
  content: "";
  font-family: FontAwesome;
  color: #ef5425
}

.radius-top-left-0 {
  border-start-start-radius: 0
}

.radius-top-right-0 {
  border-start-end-radius: 0
}

.z-1 {
  z-index: 1
}

.z-2 {
  z-index: 2
}

.z-3 {
  z-index: 3
}

.z-4 {
  z-index: 4
}

.z-5 {
  z-index: 5
}

.z-6 {
  z-index: 6
}

.qw-micro {
  font-size: 9px;
  text-transform: uppercase;
  display: block;
  line-height: 9px;
  font-weight: 700
}

.validation-summary-errors .qw-alert {
  font-size: 1.1em
}

.qw-error-list .qw-alert {
  font-size: 13px !important
}

.skeleton_empty {
  background: #f0f2f5;
  border-radius: 4px
}

.qw-skeleton-background {
  background-image: linear-gradient(90deg, #f0f2f5 0, #d7dde5 20%, #f0f2f5 40%);
  background-size: 700px;
  animation: skeleton-lines 1.6s infinite linear
}

.mega-dropdown {
  position: absolute !important;
  width: 100%
}

  .mega-dropdown.mega-dropdown-up {
    inset-block-start: auto;
    inset-block-end: 100%;
    border-radius: 16px;
    overflow: hidden
  }

.mega-dropdown-menu {
  padding: 0;
  margin: 0;
  width: auto;
  width: 100%
}

.question_type_btns .mega-dropdown-menu {
  width: auto
}

.mega-dropdown-menu li {
  list-style: none
}

  .mega-dropdown-menu li > a {
    display: block;
    padding: 4px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #444950;
    white-space: normal;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    min-width: 140px
  }

    .mega-dropdown-menu li > a i {
      color: #7e8b9a
    }

.mega-dropdown-menu > li ul > li > a:hover {
  text-decoration: none;
  color: #444950;
  background-color: #f0f2f5
}

.mega-dropdown-menu > li ul > li > a.active:hover {
  background-color: #d7dde5
}

.mega-dropdown-menu li.dropdown-header {
  color: #7e8b9a;
  padding-block: 0;
  padding-inline: 4px
}

  .mega-dropdown-menu li.dropdown-header p {
    margin-block-end: 4px
  }

.qw-dropdown-col-2, .qw-dropdown-col-3, .qw-dropdown-col-4 {
  columns: 2;
  padding: 8px
}

.qw-dropdown-col-1 {
  columns: 1;
  padding: 0
}

.mega-dropdown-menu .qw-dropdown-col-1 li > a {
  padding-block: 5px;
  padding-inline: 10px 20px
}

.nav-pill-separator {
  height: 43px;
  width: 43px;
  background: #fff;
  color: #58606a;
  font-weight: 700;
  border-radius: 50%;
  margin-block: 0 !important;
  margin-inline: 8px !important;
  text-align: center;
  border: 1px solid #b2c0d2;
  line-height: 40px
}

.feedback_rec {
  transition: all .8s cubic-bezier(.42, 0, .58, 1);
  transform-origin: center center
}

.feedback_rec {
  display: block;
  font-size: var(--text-size-sm);
  font-weight: 400;
  color: #58606a;
  margin: 0
}

#AdhocTemplateArea .js-include-in-rating, #AdhocTemplateArea .js-new-question-category-container, #AdhocTemplateArea .question-merge-library-container, #AdhocTemplateArea .qw-categories-link, #AdhocTemplateArea .qw-disable-question, #AdhocTemplateArea .qw-moreoptions-panel, #AdhocTemplateArea .scale-list ~ a.btn {
  display: none
}

.progress-indicator {
  list-style: none;
  width: 100%;
  margin-block: 0;
  margin-inline: auto;
  padding: 0;
  display: table;
  table-layout: fixed
}

  .progress-indicator > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 1.5em
  }

    .progress-indicator > li span {
      position: absolute;
      color: #7e8b9a;
      font-weight: 600;
      font-size: .875rem;
      letter-spacing: .05px;
      text-transform: uppercase;
      inset-inline: 0
    }

    .progress-indicator > li::before {
      content: attr(data-step);
      display: block;
      margin-block: 0;
      margin-inline: auto;
      background: #b2c0d2;
      border: 4px solid #b2c0d2;
      height: 2em;
      width: 2em;
      text-align: center;
      margin-block-end: .25em;
      line-height: 1.5;
      font-size: var(--text-size-micro);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      z-index: 1;
      font-family: inherit;
      font-weight: 900;
      color: #fff;
      transition: all .2s cubic-bezier(.42, 0, .58, 1)
    }

    .progress-indicator > li::after {
      content: "";
      position: absolute;
      display: block;
      background: #b2c0d2;
      width: 100%;
      height: 4px;
      inset-block-start: 50%;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      inset-inline-start: 50%;
      z-index: 0;
      transition: all .2s cubic-bezier(.42, 0, .58, 1)
    }

    .progress-indicator > li:last-child:after {
      display: none
    }

    .progress-indicator > li.is-complete {
      color: #a4abb1
    }

      .progress-indicator > li.is-complete::after, .progress-indicator > li.is-complete::before {
        color: #fefefe;
        background: #444950
      }

      .progress-indicator > li.is-complete.is-off:after {
        background: #ddd
      }

      .progress-indicator > li.is-complete span {
        color: #444950
      }

  .progress-indicator li.is-current span {
    color: #444950;
    font-weight: 700
  }

  .progress-indicator > li.is-current::before {
    background: #444950;
    color: #fff;
    border: 4px solid #444950
  }

.created-questions, .using-template {
  display: none
}

.progress-indicator > li.is-complete::before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "";
  color: #0067e6;
  border: 4px solid #444950;
  line-height: 25px;
  background: #fff;
  width: 2.2em;
  height: 2.2em
}

.progress-indicator li.is-off::before, .progress-indicator li.is-on::before {
  content: "";
  color: #b2c0d2
}

.progress-indicator li.is-off.is-complete::before {
  content: ""
}

.progress-indicator li.is-off.is-complete::before, .progress-indicator li.is-on.is-complete::before {
  color: #0067e6
}

.ms-sel-item:hover > div, .ms-sel-item > div, .review-participants > div {
  border-radius: 8px;
  border: 0 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.review-participants {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0;
  overflow: visible
}

@media (min-width: 992px) {
  .review-participants {
    grid-template-columns: 1fr 1fr
  }
}

.review-participants .ms-close-btn {
  display: none
}

.review-participants p {
  margin: 0
}

  .review-participants p strong {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #666f7a
  }

  .review-participants p span {
    color: #7e8b9a;
    font-size: var(--text-size-sm);
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
  }

.qw-step-progress-container {
  position: relative;
  width: 100%
}

  .qw-step-progress-container .qw-steps {
    scroll-snap-type: x mandatory
  }

    .qw-step-progress-container .qw-steps .qw-form-step, .qw-step-progress-container .qw-steps .qw-step {
      scroll-snap-align: start;
      clear: both;
      opacity: 0;
      height: 0;
      overflow: hidden
    }

      .qw-step-progress-container .qw-steps .qw-form-step.active, .qw-step-progress-container .qw-steps .qw-form-step.active .qw-step.active, .qw-step-progress-container .qw-steps .qw-step.active {
        animation: fadeInUp .6s cubic-bezier(.42, 0, .58, 1);
        animation-fill-mode: forwards;
        height: auto;
        overflow: visible
      }

    .qw-step-progress-container .qw-steps .qw-step-complete {
      height: 0;
      animation: fadeOut .2s cubic-bezier(.42, 0, .58, 1);
      animation-fill-mode: forwards;
      overflow: hidden
    }

.qw-fa-slice-svg {
  position: absolute;
  inset-inline-start: 1px;
  inset-block-start: 6px;
  width: 100%;
  height: 54%;
  transform: rotate(45deg);
  display: block;
  margin-block: 0;
  margin-inline: auto;
  text-align: center
}

.slice_details_button.active.focus, .slice_details_button.active:focus, .slice_details_button.focus, .slice_details_button:active.focus, .slice_details_button:active:focus, .slice_details_button:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px
}

.slice_details_button .qw-fa-slice-svg {
  height: 100% !important;
  inset-inline-start: 1px;
  inset-block-start: auto;
  width: 92%
}

.qw-template-row-active i {
  color: #0067e6
}

.qw-template-row-draft i {
  color: #666f7a
}

.qw-template-row-inactive td {
  background: #f0f2f5
}

.qw-template-row-inactive i {
  color: #dd1331
}

.js-cz-panel-icon, .nav .js-cz-panel-icon {
  display: none
}

body #cz_success_center_launcher_frame.bottom-tab {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden
}

body #cz_success_center_launcher_frame.tabbed-avatar .cz-chat-button-2 {
  background-size: 100% !important;
  border: none !important;
  background-color: transparent !important;
  animation: none !important
}

.qw-cz-announcement-panel .badge {
  display: none
}

.qw-cz-panel-active .badge-success {
  background: 0 0;
  display: block
}

  .qw-cz-panel-active .badge-success em {
    background-color: #29c28a
  }

.qw-nav-pills-flat a {
  padding-block: 6px !important;
  padding-inline: 12px !important
}

.qw-nav-pills-flat .active a {
  background-color: #444950 !important
}

.qw-nav-tabs-flat {
  border: 0
}

  .qw-nav-tabs-flat > li > a:hover {
    border-color: transparent;
    background: 0 0
  }

  .qw-nav-tabs-flat > li > a {
    color: #444950;
    font-weight: 700
  }

@media (min-width: 992px) {
  .nav-tabs > li > a {
    font-size: 1.1em
  }
}

.pending_nav_container {
  position: relative;
  padding-block: 8px;
  padding-inline: 0
}

@media (min-width: 992px) {
  .pending_action {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
    grid-auto-flow: dense
  }
}

@media (min-width: 1600px) {
  .pending_action {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
  }
}

.qw-box_stacked {
  position: relative;
  overflow: visible !important
}

  .qw-box_stacked:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    position: absolute;
    inset-inline-end: -3px;
    inset-block-start: 4px;
    z-index: -1;
    box-shadow: 0 4px 3px -3px #94a4b8
  }

.qw-fillcontainer-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  font-size: 0;
  inset-inline-start: 0
}

.pending_action li p {
  font-size: 12px;
  margin-block-end: 0
}

.qw-carousel-btn {
  position: absolute;
  inset-block-start: 106%;
  inset-inline-start: 0;
  padding-block: 6px;
  padding-inline: 12px;
  width: 45px;
  height: 25px;
  background: rgba(255, 255, 255, .9);
  color: #58606a;
  text-align: center;
  border-radius: 0 4px 4px 0;
  z-index: 3;
  line-height: 0;
  outline: 0 !important;
  transform: translateY(-50%)
}

.qw-carousel-prev {
  display: none
}

.qw-carousel-next {
  inset-inline-start: auto;
  inset-inline-end: 0;
  display: none;
  border-radius: 4px 0 0 4px
}

.pending_container {
  margin: 0
}

@media (min-width: 1200px) {
  .pending_container {
    max-width: 75%
  }
}

.pending_container .qw-avatar-md .qw-avatar {
  box-shadow: 0 4px 3px -1px #b2c0d2
}

.pending_container_shadow {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  z-index: 2;
  display: none
}

  .pending_container_shadow:after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    width: 18px;
    inset-inline-end: 0;
    background: linear-gradient(90deg, rgba(106, 115, 123, 0) 0, rgba(106, 115, 123, .2833508403) 100%)
  }

.qw-inset-toggle {
  z-index: 4;
  position: absolute;
  inset-inline-end: 4px;
  inset-block-start: 4px
}

.qw-inset-right {
  inset-inline-end: -100%;
  inset-block-start: 0;
  inset-block-end: 0;
  position: absolute;
  z-index: 5;
  background: #58606a;
  color: #fff;
  transform-origin: right center;
  width: 100%;
  transition: all .4s cubic-bezier(.42, 0, .58, 1);
  opacity: 0;
  overflow: hidden
}

  .qw-inset-right::before {
    content: "";
    position: absolute;
    inset-inline-end: -20px;
    inset-block-start: -30px;
    width: 40px;
    height: 80px;
    background: #34383c;
    transform: rotate(-45deg)
  }

  .qw-inset-right .close {
    font-size: 12px;
    opacity: .6;
    text-shadow: none;
    padding: 4px;
    margin: -5px
  }

    .qw-inset-right .close:active, .qw-inset-right .close:focus, .qw-inset-right .close:hover {
      text-decoration: none;
      color: #d7dde5
    }

  .qw-inset-right.in {
    animation: fadeIn .6s forwards;
    animation-iteration-count: 1;
    inset-inline-end: 0
  }

    .qw-inset-right.in a {
      border-radius: 4px;
      padding-block: 4px;
      padding-inline: 8px;
      color: #b2c0d2
    }

      .qw-inset-right.in a:active, .qw-inset-right.in a:focus, .qw-inset-right.in a:hover {
        text-decoration: none;
        background: #444950
      }

@media (min-width: 768px) {
  .qw-carousel-btn {
    inset-block-start: 50%;
    border-radius: 4px;
    inset-inline-start: -15px;
    box-shadow: 0 4px 3px -3px #b2c0d2
  }

  .qw-carousel-next {
    inset-block-start: 50%;
    inset-inline-start: auto;
    inset-inline-end: -15px
  }
}

@media (min-width: 1200px) {
  .qw-carousel-btn {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: -50px;
    padding: 12px;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, .9);
    color: #50565d;
    text-align: center;
    border-radius: 4px;
    z-index: 2;
    line-height: 20px;
    outline: 0 !important;
    transform: translateY(-50%)
  }

  .qw-app .qw-carousel-btn {
    inset-inline-start: -8px;
    z-index: 3;
    color: #0067e6;
    background: #fff
  }

  .qw-carousel-next {
    inset-inline-start: auto;
    inset-inline-end: -50px
  }

  .qw-app .qw-carousel-next {
    inset-inline-start: auto;
    inset-inline-end: -8px
  }
}

.js-wysiwyg.form-control {
  padding: 0
}

  .js-wysiwyg.form-control.wysiwyg-inactive {
    border-start-start-radius: 4px;
    border-start-end-radius: 4px
  }

.qw-about-me-edit span:hover, .qw-about-me-edit:hover {
  cursor: pointer;
  color: #0054c2
}

.qw-about-me-edit, .qw-about-me-edit span, .qw-about-me-text, .qw-about-me-text span {
  word-break: break-word;
  white-space: pre-wrap
}

.qw-smart-booster_suggestion {
  border-block-end: 1px solid #f6f7f9
}

  .qw-smart-booster_suggestion:last-child {
    border-block-end: 0
  }

.qw-modal-scroll_body {
  max-height: 60vh;
  padding: 0;
  overflow-y: auto
}

.qw-modal-scroll_sidebar {
  position: sticky;
  inset-block-start: 0;
  padding-block: 0;
  padding-inline: 16px;
  background: #f0f2f5
}

.qw-modal-scroll_content {
  background-color: #fff
}

.qw-modal_template-selector {
  position: sticky;
  inset-block-end: 0;
  padding: 8px;
  z-index: 1;
  background-color: #ddecfd;
  border-block-start: 1px solid #c3dbf9
}

.qw-app {
  height: 100vh;
  display: flex
}

.qw-app_nav {
  flex-shrink: 0;
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  width: 220px;
  overflow: auto;
  border-inline-end: 1px solid #d7dde5;
  background-color: #fff;
  transform: translateX(-100%);
  transition: all ease-in-out .2s
}

  .qw-app_nav.is-open {
    transform: translateX(0)
  }

@media (min-width: 992px) {
  .qw-app_nav.is-open {
    position: static
  }
}

@media (min-width: 992px) {
  .qw-sidebar {
    width: 420px;
    flex-shrink: 0
  }
}

@media (min-width: 1600px) {
  .qw-sidebar {
    width: 480px
  }
}

@media (min-width: 1200px) {
  .qw-app_nav {
    position: static;
    transform: translateX(0)
  }
}

.qw-app_nav-heading {
  color: #a0aec0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase
}

  .qw-app_nav-heading:not(first-child) {
    margin-block-start: 40px
  }

.qw-app_content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column
}

  .qw-app_content footer {
    display: none
  }

@media (min-width: 1200px) {
  .qw-app_content footer {
    display: block
  }
}

.search-users-container {
  display: flex;
  gap: 4px;
  align-items: center
}

  .search-users-container .btn-icon {
    transition: none
  }

  .search-users-container .search-users {
    opacity: 0;
    width: 0;
    padding: 0 !important;
    transition: width .5s ease-out;
    transform-origin: center right
  }

.search-user-check:checked ~ .search-users-container {
  border: 1px solid #b2c0d2;
  border-radius: 16px;
  padding: 4px 8px;
  min-width: 20rem
}

  .search-user-check:checked ~ .search-users-container:focus-within {
    border-color: #6aa4f1;
    box-shadow: 0 0 8px rgba(106, 164, 241, .6)
  }

  .search-user-check:checked ~ .search-users-container .btn-icon {
    font-size: var(--text-size-sm);
    height: 24px;
    width: 24px
  }

  .search-user-check:checked ~ .search-users-container .search-users {
    opacity: 1;
    width: auto;
    flex-grow: 1;
    padding: 4px
  }

    .search-user-check:checked ~ .search-users-container .search-users #topNavigateToUser {
      border: 0
    }

.qw-app_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  padding: 2px;
  background-color: #fff;
  border-block-end: 1px solid #f0f2f5
}

  .qw-app_header .nav-is-open {
    display: none
  }

@media (min-width: 480px) {
  .qw-app_header {
    padding-block: 2px;
    padding-inline: 8px
  }
}

.qw-app_main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  scroll-padding-inset-block-start: 50px
}

@media (min-width: 1200px) {
  .qw-app_main {
    overflow: auto;
    position: relative
  }
}

.qw-app_nav-heading {
  color: #a0aec0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase
}

  .qw-app_nav-heading:not(first-child) {
    margin-block-start: 40px
  }

.qw-app_nav-link {
  display: flex;
  align-items: center;
  margin-block: 0;
  margin-inline: -8px;
  padding: 8px;
  color: #444950
}

  .qw-app_nav-link:hover {
    background-color: #f0f2f5;
    border-radius: 4px;
    text-decoration: none
  }

.active .qw-app_nav-link {
  font-weight: 700
}

.qw-feature-icon, .qw-status-icon {
  height: 20px;
  width: 20px
}

  .qw-feature-icon.qw-feature-icon-micro, .qw-status-icon.qw-feature-icon-micro {
    height: 8px;
    width: 8px
  }

  .qw-feature-icon.qw-feature-icon-xs, .qw-status-icon.qw-feature-icon-xs {
    height: 14px;
    width: 14px
  }

  .qw-feature-icon.qw-feature-icon-sm, .qw-status-icon.qw-feature-icon-sm {
    height: 16px;
    width: 16px
  }

  .qw-feature-icon.qw-feature-icon-md, .qw-status-icon.qw-feature-icon-md {
    height: 24px;
    width: 24px
  }

  .qw-feature-icon.qw-feature-icon-avatar-match, .qw-status-icon.qw-feature-icon-avatar-match {
    height: 32px;
    width: 32px
  }

  .qw-feature-icon.qw-feature-icon-lg, .qw-status-icon.qw-feature-icon-lg {
    height: 36px;
    width: 36px
  }

  .qw-feature-icon.qw-feature-icon-xl, .qw-status-icon.qw-feature-icon-xl {
    height: 46px;
    width: 46px
  }

  .qw-feature-icon.qw-feature-icon-xxl, .qw-status-icon.qw-feature-icon-xxl {
    height: 122px;
    width: 126px
  }

.qw-app_nav .qw-feature-icon, .qw-app_nav .qw-status-icon {
  color: #94a4b8
}

.qw-app_nav .active .qw-feature-icon, .qw-app_nav .active .qw-status-icon {
  color: #218af0
}

#FixedPanel .qw-feature-icon.qw-feature-icon-lg, #FixedPanel .qw-status-icon.qw-feature-icon-lg {
  height: 28px;
  width: 28px
}

.qw-aside {
  width: 320px;
  background: #fff
}

@media (min-width: 1200px) {
  .qw-aside {
    width: 420px
  }
}

.qw-feature-header {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-shrink: 0;
  background: #fff;
  border-block-end: 1px solid #f0f2f5;
  padding-block: 24px 16px;
  padding-inline: 16px;
  position: relative;
  width: 100%
}

  .qw-feature-header:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    height: 8px;
    background: #0054c2
  }

  .qw-feature-header.qw-draftgoal_header:before {
    background: #b69f07
  }

.qw-progress {
  background: #f0f2f5
}

  .qw-progress .qw-progress-text-inside {
    z-index: 2;
    white-space: nowrap
  }

.qw-app .qw-progress .qw-progress-bar {
  position: relative;
  z-index: 1
}

.qw-one-on-one-layout #hubspot-messages-iframe-container {
  display: none !important
}

@media (min-width: 992px) {
  .qw-one-on-one-layout #hubspot-messages-iframe-container {
    display: block !important;
    inset-block-end: 65px !important
  }
}

@media (min-width: 1200px) {
  .qw-one-on-one-layout #hubspot-messages-iframe-container {
    inset-block-end: 80px !important
  }
}

.qw-one-on-one-layout .qw-conv-paddingbottom {
  padding-block-end: 160px
}

@media (min-width: 1200px) {
  .qw-one-on-one-layout .qw-conv-paddingbottom {
    padding-block-end: 25px
  }
}

.qw-tablesort-nojquery th {
  position: relative;
  cursor: pointer
}

  .qw-tablesort-nojquery th[role=columnheader]:not(.no-sort):after {
    content: "";
    position: absolute;
    inset-inline-end: 5px;
    inset-block-start: 11px;
    border-block-width: 0 4px;
    border-inline-width: 4px;
    border-style: solid;
    border-color: #666f7a transparent;
    visibility: hidden;
    opacity: 0;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .qw-tablesort-nojquery th[aria-sort=ascending]:not(.no-sort):after {
    border-block-end: none;
    border-block-width: 4px 0;
    border-inline-width: 4px
  }

  .qw-tablesort-nojquery th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: .4
  }

  .qw-tablesort-nojquery th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 1
  }

.qw-feature-color-turnover {
  color: #0054c2
}

.qw-feature-color-flight_risk {
  color: #0054c2
}

.qw-feature-color-performance_impact {
  color: #0054c2
}

.qw-feature-color-usage {
  color: #58606a
}

.qw-feature-color-recognition {
  color: #dcc009
}

.qw-feature-color-feedback {
  color: #29c28a
}

.qw-feature-color-feedback-focused {
  color: #a057ff
}

.qw-feature-color-1on1 {
  color: #3c88ec
}

.qw-feature-color-survey {
  color: #b67aff
}

.qw-feature-color-talent_review {
  color: #04c3dc
}

.qw-feature-color-goals {
  color: #fc6e7a
}

.qw-feature-color-goals_org {
  color: #ffab00
}

.qw-feature-color-goals_dept {
  color: #29c28a
}

.qw-feature-color-goals_personal {
  color: #3c88ec
}

.qw-feature-color-settings {
  color: #58606a
}

.qw_icon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px
}

.qw-green-4-text .qw_icon {
  stroke: #29c28a
}

.qw-indigo-4-text .qw_icon {
  stroke: #ab94ff
}

.qw-teal-4-text .qw_icon {
  stroke: #04c3dc
}

.qw-orange-4-text .qw_icon {
  stroke: #f6803c
}

.qw-gray-7-text .qw_icon {
  stroke: #58606a
}

.qw_icon-bold {
  fill: currentColor
}

[id=peekpreview] a {
  pointer-events: none
}

.qw-tracking-input {
  width: 25% !important
}

.qw-textarea-toggle {
  display: block
}

.qw-textarea-other {
  display: none
}

.qw-textarea-toggle input[type=radio]:checked ~ .qw-textarea-other {
  display: block
}

.opacity-50 {
  opacity: .5
}

.qw-overflow-hidden {
  overflow: hidden !important
}

.qw-lab-optout {
  display: none
}

.dropdown-menu > li > a.disabled:hover {
  background: #f0f2f5 !important
}

.tt-highlight {
  background: #c1fbdf;
  font-weight: 700;
  padding: 0 1px;
  border-radius: 2px;
  color: #14714f
}

.qw-validation-baranimation .qw-progress-bar {
  width: 0;
  animation: barSlide 1.2s cubic-bezier(.42, 0, .58, 1);
  animation-fill-mode: forwards
}

.qw-validation-baranimation > div:nth-child(1) .qw-progress-bar {
  animation-delay: .6s
}

.qw-validation-baranimation > div:nth-child(2) .qw-progress-bar {
  animation-delay: 1.2s
}

.qw-validation-baranimation > div:nth-child(3) .qw-progress-bar {
  animation-delay: 1.8s
}

@keyframes barSlide {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

.qw-success-message-validate {
  opacity: 0;
  animation: fadeIn .2s ease-in;
  animation-delay: 3.6s;
  animation-fill-mode: forwards
}

.qw-donut-chart {
  max-width: 100px
}

.qw-donut-chart-ring, .qw-donut-chart-segment {
  stroke-width: 3px;
  fill: transparent;
  stroke: #f0f2f5;
  transition: all .2s cubic-bezier(.42, 0, .58, 1)
}

.qw-donut-chart-segment {
  stroke: #b2c0d2;
  stroke-linecap: round;
  transform-origin: center
}

.qw-donut-chart-text {
  fill: #1a1c1e;
  transform: translateY(.2em)
}

.qw-donut-chart-number {
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  text-anchor: middle
}

.qw-ontrack_color {
  stroke: #18865e
}

.qw-offtrack_color {
  stroke: #dd1331
}

.qw-atrisk_color {
  stroke: #fbda23
}

.qw-donut-container .num {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 50px;
  width: 100%;
  text-align: center
}

.border-list > div {
  border-bottom: 1px solid #f0f2f5
}

  .border-list > div:last-child {
    border-bottom: 0
  }

.qw-template-question-holder li.outcome-item:after {
  content: " *";
  color: #34383c;
  font-weight: 700
}

.qw-avatar-empty {
  border: 2px dashed #d7dde5
}

.svg-pulse {
  animation: shakeIt 4s ease-in-out infinite;
  transform-origin: center;
  transform: translateY(-16px)
}

.ai-loading-container {
  border-bottom: none !important;
  border-radius: 8px 8px 4px 4px;
  padding: 16px;
  position: relative
}

.ai-loading-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #d7dde5;
  overflow: hidden;
  border-radius: 0 0 16px 16px
}

  .ai-loading-box .radial-bar {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #b67aff 50%, rgba(0, 0, 0, 0) 100%);
    animation: ailoading 2s linear infinite;
    width: 33%;
    left: -33%;
    height: 100%;
    position: relative
  }

@keyframes ailoading {
  0% {
    left: -33%
  }

  100% {
    left: 100%
  }
}

.btn-accent {
  background: #a057ff;
  color: #fff
}

  .btn-accent:active, .btn-accent:focus, .btn-accent:hover {
    background: #6806e0;
    color: #fff
  }

.btn-accent-outline {
  background: #fff;
  border-color: #8633fa;
  color: #8633fa
}

  .btn-accent-outline:active, .btn-accent-outline:focus, .btn-accent-outline:hover {
    background: #f9f5ff;
    color: #4b00ad
  }

.js-goal-result-set p {
  padding-top: 2px
}

#js-goalwriter-waiting #qw-icon-writing, #js-keyresultwriter-waiting #qw-icon-writing {
  fill: #34383c
}

.goal-title-input-container:after, .goal-title-input-container:before, .key-result-input-container:after, .key-result-input-container:before {
  position: absolute;
  content: "";
  display: block;
  width: 120%;
  height: 140%;
  left: -10%;
  z-index: -1000;
  background-repeat: no-repeat;
  opacity: 0
}

.goal-title-input-container:before, .key-result-input-container:before {
  top: -75%;
  background-image: radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, transparent 20%, #b67aff 20%, transparent 30%), radial-gradient(circle, #18865e 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, transparent 10%, #b67aff 15%, transparent 20%), radial-gradient(circle, #18865e 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%);
  background-size: 20px 20px, 30px 30px, 25px 25px, 30px 30px, 28px 28px, 20px 20px, 25px 25px, 20px 20px, 28px 28px
}

.goal-title-input-container:after, .key-result-input-container:after {
  bottom: -75%;
  background-image: radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, transparent 10%, #18865e 15%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%), radial-gradient(circle, #18865e 20%, transparent 20%), radial-gradient(circle, #b67aff 20%, transparent 20%);
  background-size: 25px 25px, 30px 30px, 28px 28px, 30px 30px, 28px 28px, 20px 20px, 30px 30px
}

.goal-title-input-container .ai-add-topic-border, .key-result-input-container .ai-add-topic-border {
  position: relative;
  height: 0
}

.goal-title-input-container.animate:before, .key-result-input-container.animate:before {
  animation: topBubbles ease-out 1.3s forwards;
  animation-delay: .7s
}

.goal-title-input-container.animate:after, .key-result-input-container.animate:after {
  animation: bottomBubbles ease-out 1.3s forwards;
  animation-delay: .7s
}

.goal-title-input-container.animate .ai-add-topic-border:before, .key-result-input-container.animate .ai-add-topic-border:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  border-bottom: solid 3px #b67aff;
  animation: border_anim 1s cubic-bezier(.42, 0, .58, 1) forwards;
  border-radius: 0 0 4px 4px
}

@keyframes border_anim {
  0% {
    width: 0%;
    opacity: 1
  }

  90% {
    width: 100%;
    opacity: 1
  }

  100% {
    width: 100%;
    opacity: 0
  }
}

@keyframes inputAnimation {
  20% {
    transform: translateY(-3px)
  }

  80% {
    transform: translateY(2px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes topBubbles {
  0% {
    opacity: 0;
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
  }

  2% {
    opacity: 1
  }

  50% {
    opacity: 1;
    background-position: 0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
  }

  100% {
    opacity: 1;
    background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0
  }
}

@keyframes bottomBubbles {
  0% {
    opacity: 0;
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
  }

  2% {
    opacity: 1
  }

  50% {
    opacity: 1;
    background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
  }

  100% {
    opacity: 1;
    background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0
  }
}

.goal-rating__review__individual-goal__header-container .qw-avatar-employee:after {
  color: #fff;
  background-color: #008c9e
}

.goal-rating__review__individual-goal__left {
  width: 120px
}

.goal-rating__review__individual-goal__tabs.nav-pills > li > a {
  padding: 4px 16px;
  color: #58606a;
  border-radius: 0
}

.goal-rating__review__individual-goal__tabs.nav-pills > li.active > a, .goal-rating__review__individual-goal__tabs.nav-pills > li.active > a:active, .goal-rating__review__individual-goal__tabs.nav-pills > li.active > a:focus, .goal-rating__review__individual-goal__tabs.nav-pills > li.active > a:hover {
  color: #0067e6;
  background: 0 0;
  font-weight: 900
}

.goal-rating__review__individual-goal__tabs.nav-pills .active a {
  font-weight: 700
}

.goal-rating__review__individual-goal__tabs__tab:last-of-type {
  margin-top: auto !important
}

.goal-rating__review__individual-goal__content-container {
  min-height: 200px;
  max-height: 360px;
  overflow-y: auto
}

.goal-rating__review__individual-goal__content-container__inner .qw-avatar-xs ~ div p {
  margin-block-start: 2px
}

.goal-rating__review__individual-goal__content-container__inner .media-body p a {
  color: #34383c
}

.goal-rating__review__individual-goal__content-container__inner .media-left {
  padding-inline-end: 8px
}

.qw-pill_employee {
  color: #fff;
  background-color: #008c9e
}

.qw-pill_facilitator {
  color: #fff;
  background-color: #6806e0
}

@media (min-width: 1200px) {
  .qw-one-on-one-layout:has(.feature-header-alert) .sticky-section-header {
    top: 37px !important
  }
}

.ven-label-connect {
  position: relative;
  margin-top: 4px
}

  .ven-label-connect:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 40px;
    width: 2px;
    background: #003575;
    transform: translateX(-50%);
    border-radius: 4px
  }

.ven-container {
  display: flex;
  flex-direction: column;
  width: 60%;
  flex-grow: 0;
  gap: 8px
}

.ven-diagram {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center
}

  .ven-diagram .ven-circle {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border: 2px solid #6aa4f1;
    background: rgba(158, 197, 245, .6);
    border-radius: 50%;
    mix-blend-mode: multiply
  }

    .ven-diagram .ven-circle span {
      margin-inline: 8px
    }

    .ven-diagram .ven-circle:first-child {
      margin-inline-end: -24px
    }

.qw-pill_review {
  background-color: #e7fcfe;
  border-color: #73e5fc;
  color: #007180
}

@charset "UTF-8";

.qw-min-height-360 {
  min-height: 360px
}

.qw-modal-scroll {
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: auto
}

.qw-scroll-400 {
  max-height: 400px
}

.qw-scroll-300 {
  max-height: 300px
}

.qw-scroll-200 {
  max-height: 200px
}

.w-max-1200 {
  max-width: 1200px
}

.pdf .qw-modal-scroll {
  max-height: unset;
  overflow: visible
}

@media (min-width: 768px) {
  .qw-goalreview-shared .mh-md-200 {
    min-height: 200px
  }

  .text-md-left {
    text-align: start
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: start
  }
}

.qw-feed-post-media .fa-stack {
  font-size: 24px;
  margin-inline-start: -4px
}

.qw-feed-post-actions + .like-list {
  padding-inline-start: 4px
}

.d-flex-soft {
  display: flex;
  flex: 1
}

@media (min-width: 992px) {
  .d-md-flex-soft {
    display: flex
  }
}

.qw-progress-reset .qw-progress {
  height: 8px
}

@media (min-width: 480px) {
  .fs-md-small {
    font-size: 13px
  }
}

@media (min-width: 768px) {
  .qw-modal-small {
    width: 400px
  }

  .text-md-right {
    text-align: end
  }
}

.table .valign-top {
  vertical-align: top
}

@media all and (-ms-high-contrast: none) {
  .d-flex-ie-reset {
    flex: 1
  }
}

.border-radius-bottom-right-xl {
  border-end-end-radius: 16px
}

.qw-table-responsive {
  border: 0
}

.qw-box.qw-box-tab {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-inline-end: 0
}

[aria-expanded=true].qw-caret-rotate i {
  transform: rotate(90deg)
}

.qw-caret-rotate i {
  transition: .3s transform ease-in-out
}

.qw-caret-rotate.collapsed i {
  transform: rotate(0)
}

.nav-tabs.accent-tabs > li > a:focus, .nav-tabs.qw-new-nav-tabs > li > a:hover {
  background-color: transparent;
  color: #0054c2;
  border-block-end: transparent;
  text-decoration: none
}

.nav-tabs.qw-new-nav-tabs {
  border-width: 0
}

  .nav-tabs.qw-new-nav-tabs > li > a {
    color: #58606a;
    border-width: 0;
    border-block-end: 3px solid transparent
  }

    .nav-tabs.qw-new-nav-tabs > li > a:focus, .nav-tabs.qw-new-nav-tabs > li > a:hover {
      background-color: transparent;
      color: #0054c2
    }

  .nav-tabs.qw-new-nav-tabs > li.active > a, .nav-tabs.qw-new-nav-tabs > li.active > a:focus, .nav-tabs.qw-new-nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-width: 0;
    border-block-end: 3px solid transparent;
    border-block-end-color: #0067e6;
    color: #0067e6;
    font-weight: 700
  }

.u-sticky-top {
  position: sticky;
  top: var(--sticky-top-distance, -1px);
  z-index: 2
}

@media (min-width: 992px) {
  .u-sticky-md-top {
    position: sticky;
    top: var(--sticky-top-distance, -1px);
    z-index: 2
  }
}

.bootstrap-touchspin {
  min-width: 120px;
  max-width: 130px
}

.qw-avatar-signed::after {
  background-color: #0067e6
}

.qw-avatar-approved::after {
  background-color: #18865e
}

.border-dashed {
  border: 2px dashed #6aa4f1
}

@media (min-width: 992px) {
  .d-flex-md-soft {
    display: flex
  }
}

.qw-rotate-cc-45 {
  transform: rotate(-45deg)
}

.qw-modal-xxlarge {
  width: 90%
}

@media (min-width: 992px) {
  .qw-modal-xxlarge {
    width: 80%
  }
}

@media (min-width: 1200px) {
  .qw-modal-xxlarge {
    width: 75%
  }
}

.qw-toast.fadeToast {
  z-index: 1060
}

.qw-conversation_content .qw-toast .fadeToast {
  z-index: 1041
}

.help-block {
  color: #666f7a
}

@media (min-width: 992px) {
  .qw-flow-md-content > * + * {
    margin-block-start: 16px
  }

  .qw-flow-md-content_condensed > * + * {
    margin-block-start: 8px
  }

  .qw-flow-md-content_extended > * + * {
    margin-block-start: 24px
  }
}

.breadcrumb {
  background-color: transparent
}

a.handle {
  cursor: grab
}

  a.handle:active, a.handle:focus {
    cursor: grabbing;
    box-shadow: none;
    background: #f6f7f9
  }

.qw-pill_recognition {
  padding-inline-start: 0
}

.qw-smile-dots {
  position: absolute;
  inset-block-end: 100%;
  width: 100%;
  overflow: visible;
  inset-inline-end: 0;
  inset-block-start: 4px;
  display: flex;
  justify-content: flex-end
}

@media (min-width: 768px) {
  .qw-smile-dots {
    inset-block-start: 0
  }
}

.qw-smile-dots_item {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-inline-end: 8px;
  flex-shrink: 0;
  transform: translateY(8px);
  transition: all .6s cubic-bezier(.42, 0, .58, 1);
  background: #ab94ff
}

@media (max-width: 768px) {
  .qw-smile-dots_item {
    transform: translateY(-2px)
  }
}

.qw-smile-dots_item:nth-child(2) {
  transition-delay: .1s;
  background: #ca99ff
}

@media (max-width: 768px) {
  .qw-smile-dots_item:nth-child(2) {
    transform: translateY(2px)
  }
}

.qw-smile-dots_item:nth-child(3) {
  transition-delay: .1s;
  background: #6aa4f1
}

@media (max-width: 768px) {
  .qw-smile-dots_item:nth-child(3) {
    transform: translateY(2px)
  }
}

.qw-smile-dots_item:nth-child(4) {
  background: #25dcf8
}

@media (max-width: 768px) {
  .qw-smile-dots_item:nth-child(4) {
    transform: translateY(-2px)
  }
}

.newPost .qw-smile-dots {
  inset-inline-end: 24px;
  inset-block-start: 24px
}

.pullDown .qw-smile-dots_item, .qw-feed-post-recognition:hover .qw-smile-dots_item {
  transform: translateY(-2px)
}

  .pullDown .qw-smile-dots_item:nth-child(2), .qw-feed-post-recognition:hover .qw-smile-dots_item:nth-child(2) {
    transition-delay: .1s;
    transform: translateY(2px)
  }

  .pullDown .qw-smile-dots_item:nth-child(3), .qw-feed-post-recognition:hover .qw-smile-dots_item:nth-child(3) {
    transition-delay: .1s;
    transform: translateY(2px)
  }

  .pullDown .qw-smile-dots_item:nth-child(4), .qw-feed-post-recognition:hover .qw-smile-dots_item:nth-child(4) {
    transform: translateY(-2px)
  }

.qw-link-wrap {
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}

.centered-button {
  display: flex;
  align-items: center
}

  .centered-button:after, .centered-button:before {
    content: "";
    height: 1px;
    background-color: #d7dde5;
    flex-grow: 1
  }

.dropdown-menu-center {
  inset-inline-end: auto;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.dropdown-menu-lg-center {
  inset-inline: 0;
  transform: none
}

@media (min-width: 1200px) {
  .dropdown-menu-lg-center {
    inset-inline-end: auto;
    inset-inline-start: 50%;
    transform: translate(-50%, 0)
  }
}

.qw-moonshot_modal .modal-content {
  border-radius: 16px
}

.qw-table-overflow {
  max-height: 40vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #d7dde5;
  border-radius: 4px
}

  .qw-table-overflow thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: 2
  }

  .qw-table-overflow.qw-table-overflow-55vh-y {
    max-height: 55vh
  }

  .qw-table-overflow .qw-table tbody td, .qw-table-overflow .qw-table tbody th, .qw-table-overflow .qw-table thead th {
    padding-block: 4px;
    padding-inline: 0
  }

@media (min-width: 992px) {
  .qw-table-overflow .qw-table tbody td, .qw-table-overflow .qw-table tbody th, .qw-table-overflow .qw-table thead th {
    padding: 16px
  }
}

.qw-table tbody thead th {
  padding-block: 4px;
  padding-inline: 16px;
  border-block-start: none !important
}

.qw-sticky-thead th {
  position: sticky;
  top: 0;
  z-index: 2
}

.qw-warning-dark-text {
  color: #7c6c04
}

.well {
  border-radius: 16px
}

.qw-modal.modal-content:before {
  content: none
}

.qw-avatar-sharedpendingapproval:after {
  background-color: #5e5203 !important
}

.qw-legend-checkbox {
  color: inherit
}

.qw-box-scroll {
  overflow: auto
}

  .qw-box-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px
  }

  .qw-box-scroll::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f6f7f9
  }

  .qw-box-scroll::-webkit-scrollbar-thumb {
    background-image: linear-gradient(45deg, #94a4b8, #7e8b9a);
    border-radius: 8px
  }

input[type=number].no-spinner::-webkit-inner-spin-button, input[type=number].no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .btn svg, a svg {
    pointer-events: none
  }

  .qw-ie11-mb-100 {
    margin-block-end: 100px
  }

  .flex-grow-ie11-hack {
    flex: 1
  }
}

.has-error .help-block {
  color: #dd1331
}

.has-error .form-control {
  border-color: #dd1331
}

@media (min-width: 1600px) {
  .d-xxl-flex {
    display: flex
  }
}

.qw-hero-data-link {
  position: relative;
  color: #444950;
  padding-block: 8px;
  padding-inline: 4px;
  border-radius: 16px;
  margin-block-end: 16px;
  display: block;
  width: 100%;
  text-align: center;
  transition: all .2s cubic-bezier(.42, 0, .58, 1)
}

  .qw-hero-data-link:active, .qw-hero-data-link:focus, .qw-hero-data-link:hover {
    color: #34383c;
    text-decoration: none;
    background: #f1f7fe
  }

    .qw-hero-data-link:active .qw-donut-chart-ring, .qw-hero-data-link:focus .qw-donut-chart-ring, .qw-hero-data-link:hover .qw-donut-chart-ring {
      stroke: #d7dde5
    }

  .qw-hero-data-link .qw-radio-check {
    color: #0067e6
  }

  .qw-hero-data-link.active {
    background: #f6f7f9
  }

.goal-tabs {
  margin-block: 8px;
  margin-inline: 0
}

  .goal-tabs .tab-content .tab-pane {
    padding: 24px;
    min-height: 150px;
    background: #fff;
    border-radius: 0 16px 16px 0;
    height: 100%;
    border: 1px solid #94a4b8
  }

  .goal-tabs .nav-tabs > li {
    width: 20%
  }

.qw-modal .goal-tabs .nav-tabs > li {
  width: 25%
}

.goal-tabs .nav-tabs a {
  display: block;
  text-align: center;
  font-size: 10px;
  margin: 0;
  height: 100%
}

  .goal-tabs .nav-tabs a span {
    position: relative
  }

  .goal-tabs .nav-tabs a em {
    position: absolute;
    inset-inline-end: 7px;
    inset-block-start: -13px;
    font-style: normal;
    font-weight: 900
  }

.goal-tabs .nav-pills li {
  font-weight: 700
}

  .goal-tabs .nav-pills li a {
    color: #666f7a;
    border-radius: 4px 0 0 4px
  }

@media (min-width: 1200px) {
  .goal-tabs .nav-pills li a {
    padding: 16px
  }
}

.goal-tabs .nav-pills li.active > a {
  background: #fff;
  border: 1px solid #94a4b8;
  border-radius: 16px 0 0 16px;
  margin-inline-end: -1px;
  border-inline-end: 1px solid #fff;
  color: #444950
}

.goal-tabs .nav-pills a span em.updated {
  color: #8633fa;
  animation: magnify .4s ease-out;
  background: #f4ebff;
  width: 16px;
  height: 16px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-size: var(--text-size-micro);
  border-radius: 50%;
  border: 1px solid #e3cafc
}

.goal-tabs .nav-tabs a:hover {
  background: #fcfcfc
}

.goal-tabs .nav-tabs i.fa {
  display: block;
  font-size: 2em;
  margin: 0
}

.has-date {
  display: none
}

.has-duedate .no-date {
  display: none
}

.has-duedate .has-date {
  display: inline-block
}

@media (max-width: 768px) {
  .mobile-collapse {
    display: none
  }
}

.qw-sticky-top-72 {
  position: sticky;
  inset-block-start: 72px;
  z-index: 5
}

.qw-pill-dropdown {
  padding-block: 4px;
  padding-inline: 8px;
  border-color: #b2c0d2
}

.qw-omnisearch-input {
  height: auto;
  border-radius: 24px;
  font-size: var(--text-size-h4);
  padding-block: 8px;
  padding-inline: 40px 8px
}

.kr-container-box + .kr-container-box {
  padding-block-start: 24px
}

.qw-box-hero {
  margin-block-start: 48px
}

  .qw-box-hero .qw-avatar-hero {
    margin-block-start: -48px;
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
  }

.qw-avatar-hero .qw-avatar {
  border: 4px solid #fff
}

.well {
  background: #f6f7f9;
  border: none;
  box-shadow: 0 1px 3px 0 rgba(52, 56, 60, .1), 0 1px 2px 0 rgba(52, 56, 60, .06)
}

#FixedPanel .qw-col-snapshot-12 {
  width: 100% !important;
  inset-inline: 0
}

#FixedPanel .qw-sticky-fixpanel-heading {
  inset-block-start: -16px;
  position: sticky
}

.step-review-clickable a:hover:before {
  box-shadow: 0 0 0 4px rgba(178, 192, 210, .2)
}

.qw-modal--has-overflow {
  overflow: visible !important
}

  .qw-modal--has-overflow .modal-header {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    overflow: hidden
  }

  .qw-modal--has-overflow .modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
  }

  .qw-modal--has-overflow #SelectNextTemplate {
    flex-grow: 1
  }

  .qw-modal--has-overflow .qw-detail-dropdown {
    min-width: auto !important
  }

  .qw-modal--has-overflow .dropdown-menu {
    max-height: 33vh;
    overflow-y: auto
  }

#SelectTemplate .dropdown-menu {
  min-width: 280px !important;
  max-width: 100%;
  max-height: 40vh;
  overflow-y: auto
}

#SelectNextTemplate .dropdown-menu {
  min-width: 100% !important;
  max-height: 33vh;
  overflow-y: auto
}

@media (min-width: 768px) {
  .qw-modal--has-overflow #SelectNextTemplate .qw-detail-dropdown {
    min-width: 360px !important
  }
}

.qw-modal-hero .btn-success {
  background: #18865e !important;
  color: #fff
}

.flex-gap-sm, .gap-2 {
  gap: 8px
}

.qw-streamline-spin {
  animation: spinCC 1s linear infinite
}

.qw-autosave-confirm {
  animation: fadeIn .3s ease-in;
  animation-fill-mode: forwards
}

.btn-icon-danger:hover {
  color: #fff
}

.qw-daterange {
  display: flex;
  border: 1px solid #d7dde5;
  background: #fff
}

  .qw-daterange.qw-daterange-lg {
    padding: 24px;
    border-radius: 32px;
    justify-content: center;
    font-size: var(--text-size-h4)
  }

.daterangepicker {
  border-color: #d7dde5;
  box-shadow: 0 1px 3px 0 rgba(52, 56, 60, .1), 0 1px 2px 0 rgba(52, 56, 60, .06)
}

  .daterangepicker td.today {
    background: rgba(0, 103, 230, .12)
  }

    .daterangepicker td.today.active {
      background: #0067e6;
      color: #fff
    }

  .daterangepicker .drp-selected {
    color: #58606a;
    font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: var(--text-size-sm)
  }

  .daterangepicker .drp-buttons .btn {
    font-weight: inherit
  }

  .daterangepicker td.off {
    color: #7e8b9a
  }

    .daterangepicker td.off:hover {
      color: #fff
    }

  .daterangepicker td.in-range {
    background: #f6f7f9
  }

  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #b2c0d2
  }

  .daterangepicker td.active, .daterangepicker td.active:hover {
    background: #0067e6
  }

  .daterangepicker .ranges {
    margin-block: 5px;
    margin-inline: 0
  }

    .daterangepicker .ranges li {
      padding-block: 6px;
      padding-inline: 20px;
      color: #34383c;
      border: none;
      font-size: var(--text-size-base, 14px)
    }

      .daterangepicker .ranges li:hover {
        background: #f1f7fe;
        color: #0054c2;
        border: none
      }

      .daterangepicker .ranges li.active {
        background: #0067e6;
        color: #fff;
        border: none
      }

@media (max-width: 768px) {
  .daterangepicker .calendar, .daterangepicker .ranges {
    clear: both;
    float: none
  }
}

@media (min-width: 992px) {
  .mw-md-40rem {
    min-width: 40rem
  }

  .pull-md-left {
    float: left
  }
}

.qw-icon-calendar-input-svg {
  position: absolute;
  inset-inline-start: 8px;
  inset-block-start: 7px
}

.highcharts-background, .highcharts-legend, .highcharts-plot-background, .highcharts-plot-border {
  fill: transparent
}

.qw-app .highcharts-container {
  width: 100%;
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-data-label > text tspan:first-child {
  display: none
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-color-0 {
  fill: #05292e
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-color-1 {
  fill: #005a66
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-color-2 {
  fill: #008c9e
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-color-3 {
  fill: #04c3dc
}

.qw-app .qw-highcharts-colorsequential-a .highcharts-color-4 {
  fill: #73e5fc
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-0 {
  fill: #01a6bc
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-1 {
  fill: #6625c4
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-2 {
  fill: #ff1a6c
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-3 {
  fill: #fc9446
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-4 {
  fill: #809afd
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-5 {
  fill: #ffa3b5
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-6 {
  fill: #f1c21b
}

.qw-app .qw-highcharts-colorsqual .highcharts-color-7 {
  fill: #444950
}

.qw-app .qw-highcharts-colorsmono .highcharts-point {
  fill: #01a6bc
}

.qw-app .qw-highcharts-colorsmono .highcharts-yaxis-grid .highcharts-grid-line {
  fill: none;
  stroke: #d7dde5
}

.qw-app .highcharts-tooltip-box {
  fill: #34383c;
  fill-opacity: 1;
  stroke-width: 0
}

.qw-app .highcharts-tooltip text {
  fill: #f0f2f5 !important
}

.qw-feature-header-analytics {
  padding: 16px;
  border-block-end: 1px solid #f0f2f5;
  position: relative;
  background-color: #003575;
  color: #fff;
  background-image: radial-gradient(circle at 0 190%, #25dcf8, rgba(0, 90, 102, 0) 42%), radial-gradient(circle at 80% -100%, rgba(252, 90, 104, .8), rgba(104, 6, 224, 0) 65%), radial-gradient(circle at 100% -100%, rgba(182, 159, 7, .8), rgba(152, 132, 6, 0) 25%);
  background-image: linear-gradient(60deg, #0054c2 0, #0064c2 10%, #0074c2 20%, #007db8 30%, #0084a8 40%, #008c9e 50%, #0081b8 60%, #5073c3 70%, #9852ad 80%, #c22475 90%, #c5112c 100%)
}

  .qw-feature-header-analytics:before {
    display: none
  }

.detail-page-background-cell {
  padding: 16px;
  position: relative;
  background-color: #003575;
  background-image: radial-gradient(circle at 0 190%, #25dcf8, rgba(0, 90, 102, 0) 42%), radial-gradient(circle at 80% -100%, rgba(252, 90, 104, .8), rgba(104, 6, 224, 0) 65%), radial-gradient(circle at 100% -100%, rgba(182, 159, 7, .8), rgba(152, 132, 6, 0) 25%);
  background-image: linear-gradient(60deg, #0054c2 0, #0064c2 10%, #0074c2 20%, #007db8 30%, #0084a8 40%, #008c9e 50%, #0081b8 60%, #5073c3 70%, #9852ad 80%, #c22475 90%, #c5112c 100%)
}

@supports (mix-blend-mode: color-dodge) {
  .detail-page-background-cell:after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 100%;
    z-index: 0;
    background-color: transparent;
    background-image: url(../../img/splashheader_bg.svg);
    background-attachment: fixed;
    background-size: cover;
    mix-blend-mode: color-dodge
  }
}

@supports (mix-blend-mode: color-dodge) {
  .qw-feature-header-analytics:after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 100%;
    z-index: 0;
    background-color: transparent;
    background-image: url(../../img/splashheader_bg.svg);
    background-attachment: fixed;
    background-size: cover;
    mix-blend-mode: color-dodge
  }
}

.btn-link_splash {
  background-color: rgba(26, 28, 30, .6);
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  border-radius: 8px;
  border: none
}

  .btn-link_splash:active, .btn-link_splash:focus, .btn-link_splash:hover {
    background-color: rgba(26, 28, 30, .8) !important;
    color: #fff !important
  }

.qw-input-group {
  padding: 8px;
  background: #f6f7f9;
  display: flex;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d7dde5;
  gap: 8px
}

  .qw-input-group input {
    border: 0;
    padding: 0;
    background: 0 0 !important;
    flex-grow: 1;
    box-shadow: none;
    color: #7e8b9a;
    text-overflow: ellipsis
  }

.qw-modal .close {
  font-size: var(--text-size-h2)
}

.qw-line-clamp-1 {
  line-clamp: 1;
  -webkit-line-clamp: 1
}

.people-search-container {
  position: relative
}

  .people-search-container:before {
    content: "";
    position: absolute;
    inset-inline-start: 16px;
    inset-block-start: 11px;
    color: #6b7c93;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 1;
    z-index: 1
  }

  .people-search-container .form-control {
    border-radius: 32px;
    padding-block: 8px;
    padding-inline: 40px 24px;
    height: auto
  }

.border-radius-xl {
  border-radius: 16px
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr
}

.action-checklist-item:has(input[type=checkbox]:checked) .action-description {
  text-decoration: line-through;
  color: #58606a
}

.qw-avatar-status-scheduled {
  position: relative
}

  .qw-avatar-status-scheduled svg {
    position: absolute;
    inset-block-end: -2px;
    inset-inline-end: -4px;
    z-index: 2;
    animation: fadeIn .4s ease-in;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-delay: .2s;
    background: #fff;
    border-radius: 50%
  }

.qw-modal.qw-modal-hero .qw-modal-hero-overflow {
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  position: relative
}

.qw-modal.qw-modal-hero.modal-content {
  border-radius: 16px
}

.qw-modal.qw-modal-hero .modal-footer {
  border-radius: 0 0 16px 16px
}

.qw-white-text-link {
  color: #fff
}

  .qw-white-text-link:active, .qw-white-text-link:focus, .qw-white-text-link:hover {
    color: #fff;
    text-decoration: underline
  }

.qw-search .qw-search-input:not(:placeholder-shown) ~ button[data-action=clearsearch] {
  display: block
}

.qw-ms-helpertext {
  position: absolute;
  top: 100%;
  font-size: var(--text-size-micro);
  left: 0
}

#conversation-attachments {
  margin: 0
}

.dz-default .fa-file-o {
  font-size: 2.7em;
  inset-inline-start: 0;
  inset-block-start: -11px
}

.dropzone .dz-preview .dz-error-message {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: auto;
  text-align: center;
  font-size: 12px;
  background: #b94a48;
  border-radius: 0;
  padding-block: 15px;
  padding-inline: 5px
}

  .dropzone .dz-preview .dz-error-message:after {
    display: none
  }

.dropzone .dz-preview {
  margin-block: 0;
  margin-inline: 5px
}

  .dropzone .dz-preview .dz-success-mark svg g path {
    fill: #8aa94e
  }

  .dropzone .dz-preview .dz-error-mark svg g path {
    fill: #b94a48
  }

  .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    inset-block-start: 42%
  }

  .dropzone .dz-preview .dz-progress {
    inset-block-start: auto;
    inset-block-end: 29px;
    border: 0;
    inset-inline-start: 0;
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    height: 6px;
    opacity: 1 !important
  }

  .dropzone .dz-preview.dz-processing .dz-upload {
    background: #666
  }

  .dropzone .dz-preview.dz-complete .dz-progress .dz-upload {
    background: #8aa94e
  }

  .dropzone .dz-preview.dz-error .dz-progress .dz-upload {
    background: #b94a48
  }

.padding-box {
  border-block-start: 1px solid #ddd;
  padding-block: 15px 45px;
  padding-inline: 0;
  margin-block-start: 10px
}

.dropzone {
  border: 2px dashed #3582c4
}

  .dropzone .dz-preview .dz-image, .dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 0
  }

  .dropzone .dz-preview .dz-remove {
    padding-block: 6px;
    padding-inline: 3px;
    font-size: 12px
  }

  .dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: none !important
  }

.qw-card {
  border: 0
}

.qw-box, .qw-card, .qw-feed-post {
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(52, 56, 60, .1), 0 1px 2px 0 rgba(52, 56, 60, .06)
}

.qw-modal.modal-content {
  box-shadow: none
}

.tiered-header {
  letter-spacing: .25em;
  font-size: var(--text-size-micro);
  text-transform: uppercase
}

.qw-alert-danger.qw-alert-bold .qw-alert-link, .qw-alert-info.qw-alert-bold .qw-alert-link, qw-alert-success.qw-alert-bold .qw-alert-link {
  color: #fff;
  text-decoration: underline
}

.btn-toast {
  color: #fff;
  border-color: #fff;
  background: 0 0
}

:root {
  --spinner-animation-rate: 1s;
  --ring-size: 4px
}

.gradient-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--ring-size) * 2);
  padding: calc(var(--ring-size) * 2);
  text-transform: uppercase;
  font-weight: 700
}

  .gradient-wrapper:after {
    content: attr(data-label)
  }

.gradient {
  position: relative;
  height: calc(var(--ring-size) * 8);
  width: calc(var(--ring-size) * 8);
  border-radius: 50%;
  background-image: conic-gradient(#fffbe6, #f7c1a1, #dd1331, #0067e6, #ca99ff, #dbbafd, #fc6e7a, #fdf0aa);
  animation: spinner var(--spinner-animation-rate) linear infinite
}

  .gradient.gradient-xl {
    height: calc(var(--ring-size) * 24);
    width: calc(var(--ring-size) * 24)
  }

  .gradient:after {
    content: "";
    position: absolute;
    top: var(--ring-size);
    right: var(--ring-size);
    left: var(--ring-size);
    bottom: var(--ring-size);
    background-color: #fff;
    border-radius: 50%
  }

  .gradient:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: conic-gradient(#dcc009, #f7c1a1, #dd1331, #0067e6, #ca99ff, #dbbafd, #fc6e7a, #fbda23);
    border-radius: 50%;
    filter: blur(calc(var(--ring-size) * .5));
    z-index: -1
  }

.gradient-percent-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-55%);
  color: #444950;
  z-index: 5;
  font-size: 1.8em;
  font-family: inherit
}

@keyframes spinner {
  to {
    transform: rotate(360deg)
  }
}

.qw-statuslight:before {
  flex-shrink: 0
}

@media (min-width: 768px) {
  .ellipse-sm-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

@media (min-width: 992px) {
  .ellipse-md-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

.click-spin {
  animation: rotateCC 1.4s linear infinite;
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
  display: none
}

.add-tag {
  padding: 8px;
  display: block
}

.minimized_widget {
  display: none
}

.hidden-widget ~ .minimized_widget {
  display: block
}

.recurring-widget__donut-chart {
  max-width: 33%
}

@media (min-width: 1200px) {
  .recurring-widget__donut-chart {
    max-width: 120px
  }
}

.recurring-widget__divider {
  width: 1px;
  height: 16px;
  background-color: #d7dde5
}

.recurring-widget__toggle {
  white-space: nowrap
}

  .recurring-widget__toggle .rotate-180 {
    transform: rotate(180deg)
  }

.nested-instance:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: -8px;
  top: 0;
  background-color: #d7dde5
}

.nested-instance:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 1px;
  top: 16px;
  left: -8px;
  background-color: #d7dde5
}

.nested-instance:last-of-type:before {
  height: 50%;
  top: 0
}

.text-wrap-balance {
  text-wrap: balance
}

.qw-feature-color-reviews {
  color: #04c3dc
}

.qw-table-transparent {
  background-color: transparent
}

.tooltip-inner {
  background: #1a1c1e;
  border-radius: 8px
}

.tooltip.top .tooltip-arrow {
  border-top-color: #1a1c1e;
  bottom: 1px
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1a1c1e;
  top: 1px
}

.tooltip.left .tooltip-arrow {
  border-left-color: #1a1c1e
}

.tooltip.right .tooltip-arrow {
  border-right-color: #1a1c1e
}

.bootstrap-touchspin {
  display: flex
}

  .bootstrap-touchspin .input-group-btn {
    display: flex;
    width: auto
  }

.qw-card-bottom-radius {
  border-radius: 0 0 13px 13px
}

.goal-rating__review__individual-goal__main-container {
  display: flex
}

.goal-rating__review__individual-goal__conversation-container {
  border-left: 1px solid #d7dde5
}

.qw-template-setting {
  cursor: pointer
}

#specificUsers .form-control {
  padding-inline-start: 8px;
  padding-inline-end: 40px
}

  #specificUsers .form-control input {
    width: 100%
  }

#specificUsers .qw-avatar-sm .qw-avatar {
  width: 24px;
  height: 24px
}

#specificUsers strong {
  display: block;
  font-size: var(--text-size-sm)
}

#specificDemographics .form-control input {
  width: 100% !important
}

svg.sparkle-animation {
  transform: rotate3d(.001deg)
}

  svg.sparkle-animation .qw_icon-bold {
    backface-visibility: hidden
  }

.spark_1 {
  transform-origin: 80% 25%
}

.spark_1--limited {
  animation: sparkle-pulse 1.5s linear 0s 3
}

.spark_1--infinite {
  animation: sparkle-pulse 1.5s linear 0s infinite
}

.spark_2 {
  transform-origin: 35% 55%
}

.spark_2--limited {
  animation: sparkle-pulse 1.5s linear .5s 3
}

.spark_2--infinite {
  animation: sparkle-pulse 1.5s linear .5s infinite
}

.spark_3 {
  transform-origin: 90% 90%
}

.spark_3--limited {
  animation: sparkle-pulse 1.5s linear 1s 3
}

.spark_3--infinite {
  animation: sparkle-pulse 1.5s linear 1s infinite
}

.qw-table td.align-cell_middle {
  vertical-align: middle
}

.centered-mega-dropdown .question-panel {
  background: #f6f7f9;
  border-right: 1px solid #d7dde5
}

.centered-mega-dropdown .dropdown-menu {
  position: absolute !important;
  inset: auto auto 0 0;
  margin: 0;
  transform: translate3d(-30%, -44px, 0);
  border-radius: 16px;
  overflow: hidden
}

@media (min-width: 1200px) {
  .centered-mega-dropdown .dropdown-menu {
    width: 540px
  }
}

.centered-mega-dropdown .dropdown-menu li a {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: var(--text-size-base);
  white-space: nowrap
}

.qw-modal-hero .modal-header .qw-pill {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 7
}

.qw-flow-content .conversationautosaved + .qw-flow-content {
  margin-top: 0
}

@media (min-width: 992px) {
  .qw-md-col-2 {
    column-count: 2
  }
}

.btn-link-inline {
  padding: 0;
  color: #0067e6;
  background: 0 0
}

  .btn-link-inline:hover {
    color: #004094;
    text-decoration: underline
  }

  .btn-link-inline:active, .btn-link-inline:focus {
    color: #004094;
    box-shadow: none
  }

@keyframes sparkle-pulse {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(1.15)
  }

  75% {
    transform: scale(.85)
  }

  100% {
    transform: scale(1)
  }
}

a.not-allowed {
  cursor: not-allowed
}

.qw-draft_mode th, .qw-row-inactive th {
  background: #f6f7f9
}

.qw-draft_mode td, .qw-row-inactive td {
  font-style: italic;
  background: #f6f7f9
}

.tablesorter-default .tablesorter-header {
  padding-block: 4px;
  padding-inline: 16px 24px
}

.fa-inverse {
  color: #fff
}

.qw-badge-select {
  display: flex;
  flex-wrap: wrap
}

.qw-badge-select-item {
  display: flex;
  flex-grow: 0;
  flex-basis: calc(100% / 3)
}

@media (min-width: 480px) {
  .qw-badge-select-item {
    flex-basis: 25%
  }
}

@media (min-width: 768px) {
  .qw-badge-select-item {
    flex-basis: 25%
  }
}

@media (min-width: 992px) {
  .qw-badge-select-item {
    flex-basis: 20%
  }
}

@media (min-width: 1200px) {
  .qw-badge-select-item {
    flex-basis: calc(100% / 6)
  }
}

.qw-badge-select-link {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  margin-block: 0 8px;
  margin-inline: 0 8px;
  padding: 4px;
  border: 1px solid #f0f2f5;
  border-radius: 4px;
  color: #0067e6;
  text-align: center;
  font-size: 12px
}

.qw-radio-check {
  display: none;
  inset-inline-start: 8px;
  inset-block-start: 8px;
  position: absolute;
  color: #6aa4f1
}

.active .qw-radio-check {
  display: block
}

.qw-radio-empty {
  inset-inline-start: 8px;
  inset-block-start: 8px;
  position: absolute;
  color: #c3dbf9
}

.qw-badge-select-link:hover .qw-radio-empty {
  color: #6aa4f1
}

.active .qw-radio-empty {
  display: none
}

.qw-badge-select-link.active {
  background-color: #fff;
  border-color: #6aa4f1
}

.qw-badge-select-link:focus, .qw-badge-select-link:hover {
  background: #fff;
  text-decoration: none
}

.qw-badge-select-link-icon {
  color: #0067e6;
  font-size: 32px
}

.qw-badge-image {
  max-height: 32px;
  max-width: 32px
}

@media (min-width: 480px) {
  .qw-badge-select-link-icon {
    font-size: 40px
  }

  .qw-badge-image {
    max-height: 40px;
    max-width: 40px
  }
}

.restricted_badge {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-end: 4px;
  opacity: .25
}

.qw-app .qw-badge-select-item .restricted_badge {
  inset-inline-end: 6px;
  inset-block-start: 8px
}

.qw-badge-select-item.active .restricted_badge, .qw-badge-select-link:hover .restricted_badge {
  opacity: 1
}

.qw-legend-label {
  margin-block-end: 5px;
  border: 0;
  font-size: 14px;
  font-weight: 700
}

.highcharts-tooltip-box {
  fill: #34383c;
  fill-opacity: 1;
  stroke-width: 0
}

.highcharts-tooltip text {
  fill: #f0f2f5
}

.highcharts-container {
  width: 100%;
  font-family: proxima-nova,-apple-system,BlinkMacSystemFont,Arial,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.highcharts-color-0 {
  fill: #01a6bc
}

.highcharts-color-1 {
  fill: #6625c4
}

.highcharts-color-2 {
  fill: #ff1a6c
}

.highcharts-color-3 {
  fill: #fc9446
}

.highcharts-color-4 {
  fill: #809afd
}

.highcharts-color-5 {
  fill: #ffa3b5
}

.highcharts-color-6 {
  fill: #f1c21b
}

.highcharts-color-7 {
  fill: #444950
}

.highcharts-data-labels .highcharts-data-label-connector {
  fill: none
}

.highcharts-data-labels .highcharts-color-0 {
  stroke: #01a6bc
}

.highcharts-data-labels .highcharts-color-1 {
  stroke: #6625c4
}

.highcharts-data-labels .highcharts-color-2 {
  stroke: #ff1a6c
}

.highcharts-data-labels .highcharts-color-3 {
  stroke: #fc9446
}

.highcharts-data-labels .highcharts-color-4 {
  stroke: #809afd
}

.highcharts-data-labels .highcharts-color-5 {
  stroke: #ffa3b5
}

.highcharts-data-labels .highcharts-color-6 {
  stroke: #f1c21b
}

.highcharts-data-labels .highcharts-color-7 {
  stroke: #444950
}

.qw-progress-overflow {
  overflow: visible
}

  .qw-progress-overflow .qw-progress-bar {
    border-start-start-radius: 4px;
    border-end-start-radius: 4px
  }

    .qw-progress-overflow .qw-progress-bar.favorable {
      color: #fff
    }

    .qw-progress-overflow .qw-progress-bar ~ .qw-progress-bar {
      border-start-start-radius: 0;
      border-end-start-radius: 0
    }

.qw-comparison-pin {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: currentColor;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1);
  transform: translateX(-1px);
  z-index: 2;
  inset-block-end: 0
}

  .qw-comparison-pin:before {
    position: absolute;
    inset-block-start: -14px;
    inset-inline-start: -7px
  }

.qw-comparison-pin-1 {
  background-color: #b449ea
}

  .qw-comparison-pin-1:before {
    content: url(/Content/img/data-viz/CirclePurpleDS.svg)
  }

.qw-comparison-pin-2 {
  background-color: #e5479c
}

  .qw-comparison-pin-2:before {
    content: url(/Content/img/data-viz/TrianglePinkDS.svg)
  }

.qw-comparison-pin-3 {
  background-color: #f1c21b
}

  .qw-comparison-pin-3:before {
    content: url(/Content/img/data-viz/SquareYellowDS.svg);
    inset-block-start: -13px;
    inset-inline-start: -6px;
    transform: scale(1.13)
  }

.qw-comparison-pin-4 {
  background-color: #fc7824
}

  .qw-comparison-pin-4:before {
    content: url(/Content/img/data-viz/DiamondOrangeDS.svg);
    transform: scale(1.13)
  }

.qw-comparison-pin-5 {
  background-color: #938aff
}

  .qw-comparison-pin-5:before {
    content: url(/Content/img/data-viz/PentagonBlueDS.svg);
    inset-block-start: -15px
  }

.qw-comparison-marker {
  width: 12px
}

.qw-comparison-marker-1:before {
  content: url(/img/CirclePurple.svg)
}

.qw-comparison-marker-2:before {
  content: url(/img/TrianglePink.svg)
}

.qw-comparison-marker-3:before {
  content: url(/img/SquareYellow.svg)
}

.qw-comparison-marker-4:before {
  content: url(/img/DiamondOrange.svg)
}

.qw-comparison-marker-5:before {
  content: url(/img/PentagonBlue.svg)
}

.performance-review-listing__timeline .qw-timeline-step {
  padding-block-end: 28px
}

  .performance-review-listing__timeline .qw-timeline-step:after {
    inset-block-start: unset;
    inset-block-end: 33px
  }

.performance-review-listing__timeline a {
  padding-block-end: 20px;
  pointer-events: none
}

  .performance-review-listing__timeline a:before {
    inset-block-start: unset;
    inset-block-end: 0
  }

.performance-review__sticky {
  z-index: 11
}

.performance-review__section__accordion-trigger:active, .performance-review__section__accordion-trigger:focus, .performance-review__section__accordion-trigger:hover {
  color: #34383c !important;
  text-decoration: underline
}

.performance-review__card__tabs > li > a {
  padding: 4px 16px;
  color: #58606a;
  border-radius: 0
}

.performance-review__card__tabs > li.active > a, .performance-review__card__tabs > li.active > a:active, .performance-review__card__tabs > li.active > a:focus, .performance-review__card__tabs > li.active > a:hover {
  color: #0067e6;
  background: 0 0;
  font-weight: 700
}

.performance-review__card__tabs > li:nth-last-child(2) {
  margin-block-end: 16px
}

.performance-review__card__tabs__tab:last-of-type {
  margin-block-start: auto !important
}

.performance-review__card__content__block--single {
  max-width: 768px
}

.performance-review__card__content__table__cell {
  border: none !important;
  vertical-align: middle !important
}

.performance-review__card__content__table__cell--header {
  color: #34383c !important;
  background-color: #d7dde5 !important
}

.performance-review__card__content__tab-pane--content {
  max-height: 360px;
  overflow-y: auto
}

.performance-review__card__content__tab-pane--notes .qw-box_footer {
  border-end-start-radius: 0
}

.performance-review__card__content--competencies .performance-review__card__content__tab-pane {
  max-height: 360px;
  overflow-y: auto
}

.performance-review__card__content--competencies .performance-review__card__content__tab-pane--notes {
  max-height: 100vh;
  overflow-y: hidden
}

.performance-review__card__content__competency__comments__group + .performance-review__card__content__competency__comments__group {
  padding-block-start: 16px;
  border-top: 1px solid #d7dde5
}

.performance-review__card__content__add-note {
  min-height: 160px;
  max-height: 360px;
  overflow-y: auto
}

  .performance-review__card__content__add-note .comment-reply .media-body {
    display: block
  }

    .performance-review__card__content__add-note .comment-reply .media-body .comment-container {
      margin-block-start: 4px;
      margin-inline-start: 40px
    }

  .performance-review__card__content__add-note .qw-avatar-xs .qw-avatar {
    width: 32px;
    height: 32px
  }

  .performance-review__card__content__add-note .owner-comment-edit-container {
    order: 1
  }

  .performance-review__card__content__add-note .comment-reply.media {
    margin-inline-start: 0 !important
  }

  .performance-review__card__content__add-note .input-group-btn {
    display: flex;
    height: 100%;
    inset-block-start: 0
  }

.performance-review__summary__preview__body-copy {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden
}

@media (min-width:768px) {
  .performance-review__summary__preview__body-copy {
    -webkit-line-clamp: 3
  }
}

.goal-rating__review__individual-goal__description {
  max-width: 768px
}

.goal-rating__review__individual-goal .performance-review__card__content__add-note, .goal-rating__review__individual-goal__content-container {
  min-height: unset;
  max-height: unset;
  overflow-y: unset
}

  .goal-rating__review__individual-goal .performance-review__card__content__add-note .tab-pane, .goal-rating__review__individual-goal__content-container .tab-pane {
    min-height: 200px;
    max-height: 360px;
    overflow-y: auto
  }

  .goal-rating__review__individual-goal .performance-review__card__content__add-note .tab-pane--meeting-notes, .goal-rating__review__individual-goal__content-container .tab-pane--meeting-notes {
    max-height: 100vh;
    overflow: hidden
  }

    .goal-rating__review__individual-goal .performance-review__card__content__add-note .tab-pane--meeting-notes .performance-review__card__content__tab-pane--notes, .goal-rating__review__individual-goal__content-container .tab-pane--meeting-notes .performance-review__card__content__tab-pane--notes {
      min-height: 160px;
      max-height: 360px;
      overflow-y: auto
    }

  .goal-rating__review__individual-goal .performance-review__card__content__add-note .qw-box_footer, .goal-rating__review__individual-goal__content-container .qw-box_footer {
    border-end-start-radius: 0
  }

.goal-rating__review__card__left {
  width: 15%;
  max-width: 140px
}

.goal-rating__review__card__tabs__tab:last-of-type {
  margin-top: auto !important
}

.goal-rating__review__card__content {
  min-height: 240px;
  max-height: 360px;
  overflow-y: auto
}

.goal-rating__review__card__content__block--single {
  max-width: 768px
}

.goal-rating__review__card__content__table__cell {
  border: none !important;
  vertical-align: middle !important
}

.goal-rating__review__card__content__table__cell--header {
  color: #34383c !important;
  background-color: #d7dde5 !important
}

.goal-rating__review__card__content__table .qw-pill_facilitator {
  color: #fff;
  background-color: #6806e0
}

.goal-rating__review__card__content__table__add-note {
  bottom: 0
}

  .goal-rating__review__card__content__table__add-note textarea {
    padding-right: 64px
  }

  .goal-rating__review__card__content__table__add-note .input-group-btn {
    display: flex;
    height: 100%;
    inset-block-start: 0
  }

.goal-rating__review .qw-pill_employee {
  color: #fff;
  background-color: #008c9e
}

.goal-rating__review .goal-rating__review__individual-goal__tabs-container .active a {
  font-weight: 700
}

.performance-review__waiting {
  box-shadow: 0 1px 3px 0 rgba(52,56,60,.1),0 1px 2px 0 rgba(52,56,60,.06)
}

  .performance-review__waiting .divider {
    width: 1px;
    height: 16px;
    background-color: #c3dbf9
  }

  .performance-review__waiting .qw-icon {
    width: 40px;
    height: 40px;
    fill: #666f7a
  }

.svg-pulse {
  animation: fa-pulse 1.4s ease-in-out 2;
  transform-origin: center
}

  .svg-pulse.delay-1 {
    animation-delay: .4s
  }

.qw-highchart-responsive-shim {
  display: grid
}

.performance-review__summary {
  scroll-margin-top: 96px
}


.hidden {
    display:none !important;
}

.js-render-sample, .js-render-limited {
    display:none;
}

.js-render-messages-sample .js-render-sample, .js-render-messages-limited .js-render-limited {
    display: block;
}