#login-buttons-image-azureAd {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAELSURBVDhPYyAE6s885bLf/1ZHZ8f7APlNbwolN7yaJrHh1R4g/UB03aunEEUn3vB5HHhvqLr5TaDMxtdl0htez9HY+qZSZcvrVQJrX/3hXfPqPzbMv+bVCwalza+vABX9Q5cEGrJMBmgTujgyBhsAtPElNsmRZIDetjfLFDe/3o6Odba9Ltfd9roNmxwMK29+s4xBc9vbNun1r6agY/UtbxKAUZmDTQ6GZTa8bhuNBaABSpvf3OBfiylJtAHgzHTlg5DNvjfmSpvfRshsfFMrtfHNIrWtb2qVt7xex7/mJUY+gWG4AfhA/a1/fDY7XxtrbnkbJrvhdYXkxtdzJTa8PiS+/vUzoXWvnwMAnxNZyqNeh1IAAAAASUVORK5CYII=');
}@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon/icomoon.eot?p6bh47');
  src: url('fonts/icomoon/icomoon.eot?p6bh47#iefix')
      format('embedded-opentype'),
    url('fonts/icomoon/icomoon.ttf?p6bh47') format('truetype'),
    url('fonts/icomoon/icomoon.woff?p6bh47') format('woff'),
    url('fonts/icomoon/icomoon.svg?p6bh47#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tmb-mood-sad .path1:before {
  content: '\e909';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-sad .path2:before {
  content: '\e90a';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad .path3:before {
  content: '\e90b';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad .path4:before {
  content: '\e90c';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad .path5:before {
  content: '\e90d';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad .path6:before {
  content: '\e90e';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad .path7:before {
  content: '\e90f';
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-tmb-mood-happy .path1:before {
  content: '\e910';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-happy .path2:before {
  content: '\e911';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy .path3:before {
  content: '\e912';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy .path4:before {
  content: '\e913';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy .path5:before {
  content: '\e914';
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-tmb-mood-happy .path6:before {
  content: '\e915';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-angry .path1:before {
  content: '\e916';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-angry .path2:before {
  content: '\e917';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-angry .path3:before {
  content: '\e918';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-angry .path4:before {
  content: '\e919';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad2 .path1:before {
  content: '\e91a';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-sad2 .path2:before {
  content: '\e91b';
  margin-left: -1em;
  color: rgb(189, 221, 244);
}
.icon-tmb-mood-sad2 .path3:before {
  content: '\e91c';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad2 .path4:before {
  content: '\e91d';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad2 .path5:before {
  content: '\e91e';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad2 .path6:before {
  content: '\e91f';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-sad2 .path7:before {
  content: '\e920';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-cool .path1:before {
  content: '\e921';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-cool .path2:before {
  content: '\e922';
  margin-left: -1em;
  color: rgb(41, 47, 51);
}
.icon-tmb-mood-cool .path3:before {
  content: '\e923';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy-2 .path1:before {
  content: '\e924';
  color: rgb(255, 204, 77);
}
.icon-tmb-mood-happy-2 .path2:before {
  content: '\e925';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy-2 .path3:before {
  content: '\e926';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-mood-happy-2 .path4:before {
  content: '\e927';
  margin-left: -1em;
  color: rgb(102, 69, 0);
}
.icon-tmb-feed-icon:before {
  content: '\e900';
}
.icon-tmb-ask-icon:before {
  content: '\e901';
}
.icon-tmb-comment-icon:before {
  content: '\e902';
}
.icon-tmb-camera-icon:before {
  content: '\e903';
}
.icon-tmb-camera-roll-icon:before {
  content: '\e904';
}
.icon-tmb-edit-icon:before {
  content: '\e905';
}
.icon-tmb-retap-icon:before {
  content: '\e906';
}
.icon-tmb-tap-icon:before {
  content: '\e907';
}
.icon-tmb-chat-icon:before {
  content: '\e908';
}

.icon-tmb-ai-icon:before {
  content: '\e928';
}

.skillModal {
  margin-left: 190px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.listOfSKills {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 500px;
}

.listOfSKills::-webkit-scrollbar {
  display: block !important;
  width: 4px !important;
}

.listOfSKills::-webkit-scrollbar-thumb {
  background-color: darkgrey !important;
}

@media only screen and (max-width: 500px) {
  .skillModal {
    width: 80% !important;
  }
}

@media only screen and (max-width: 750px) {
  .skillModal {
    margin-left: 0;
  }
}@media only screen and (max-width: 320px) {
  .cardMobile {
    margin: 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    opacity: .5;
  }
  25% {
    opacity: .15;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: .15;
  }
  100% {
    opacity: .5;
  }
}
.animateBell {
  -webkit-animation: ring 4s 2s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  transform-origin: 50% 4px;
  -moz-animation: ring 4s 2s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 2s ease-in-out infinite;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.form-checkbox {
  align-self: self-start;
  padding-top: 0 !important;
}
.signForm {
  height: 100vh;
  padding-top: 5vh !important;
  flex-wrap: nowrap !important;
  max-width: 1200px;
  margin: 0 auto !important;
}
.signForm .auth_img {
  width: auto;
  max-height: 400px;
  height: 50vh;
}
.signForm .header {
  text-align: left;
  margin-bottom: 20px;
}
.signForm .header img {
  width: 50vw;
  max-width: 160px;
}
.signForm .headerRegister {
  text-align: left;
  margin-bottom: 20px;
}
.signForm .headerRegister img {
  width: 50vw;
  max-width: 160px;
}
.signForm .body {
  text-align: center;
  max-width: 475px;
  width: 100%;
}
.signForm .body .title {
  color: black;
  margin-bottom: 0;
}
.signForm .body .field {
  width: 100%;
  color: black;
  margin-bottom: 10px;
}
.signForm .body input {
  color: black !important;
}
.signForm .body .input input {
  color: black;
}
.signForm .body .label {
  color: black;
}
@media only screen and (max-width: 320px) {
  .signForm .body .label {
    font-size: 14px;
  }
  .signForm .body .input input {
    font-size: 14px;
  }
  .signForm .body input {
    font-size: 14px;
  }
  .signForm .headerRegister img {
    width: 0;
    margin-top: -2vh;
  }
}
.signForm .body .labelSmaller {
  color: black;
  font-size: 12px;
  text-align: left;
}
.signFormButtons {
  margin-top: 20px !important;
}
.registerFormButtons {
  margin-top: 20px !important;
}
@media only screen and (min-height: 568px) {
  .registerFormButtons {
    margin-top: 20px !important;
  }
}
.signFormButtons button,
.signFormButtons a,
.registerFormButtons button {
  margin-bottom: 10px;
  width: 100%;
}
.signFormButtons .loginButtonRow {
  width: 50%;
}
.signFormButtons .loginButtonRow .loginButtonRowText {
  font-size: 12px !important;
  color: black;
}
.signFormButtonsRow button {
  margin-bottom: 10px;
  padding: 5px;
}
.signFormButtonsRowLeft {
  flex-grow: 1 !important;
}
.signFormButtonsRowRight {
  flex-grow: 1 !important;
}
.logoLoginButton {
  width: 18px;
  position: absolute;
  left: 10%;
}
.whiteButton {
  color: white !important;
}
.react-phone-number-input__input {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.react-phone-number-input__input--invalid,
.react-phone-number-input__input--invalid:focus {
  border-bottom: 2px solid #cc0000 !important;
}
input.react-phone-number-input__input.react-phone-number-input__phone::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
}
input.react-phone-number-input__input.react-phone-number-input__phone:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}
input.react-phone-number-input__input.react-phone-number-input__phone::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}
.react-phone-number-input__input:-webkit-autofill {
  box-shadow: none !important;
}
.react-phone-number-input__row {
  height: 48px;
}
.react-phone-number-input__country-select-arrow {
  color: black !important;
  opacity: 0.54 !important;
  border-width: 0.4em 0.25em 0 0.25em !important;
}
.menuOptions {
  margin-top: 10px !important;
  max-height: calc(100vh - 85px);
  overflow: scroll;
  height: 100%;
}
.menuOptionsBottom {
  margin-top: 10px !important;
  max-height: calc(100vh);
  overflow: scroll;
  height: 100%;
}
@-moz-document url-prefix() {
  .menuOptionsBottom {
    overflow: hidden;
  }
  .menuOptions {
    overflow: hidden;
  }
}
.menuText {
  flex: 1;
  text-align: left;
  padding-left: 0 !important;
}
.menuTextTypographyIcon {
  font-size: 15px !important;
  margin-left: 5px !important;
  margin-bottom: -5px;
  padding: 2px 0;
}
.menuTextTypographyIconChangeOrg {
  font-size: 21px !important;
  margin-right: -4px;
}
.menuTextTypographyIconTap {
  font-size: 14px !important;
  margin-right: 3px;
}
.menuTextTypographyColor {
  text-align: left;
}
.menuTextTypographyNameProfile {
  font-size: 0.85rem !important;
  margin-top: 5px !important;
  max-width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuTextTypographyColorCheckProfile {
  font-size: 0.7rem !important;
  cursor: pointer;
}
.removeLeftPadding {
  padding-left: 0 !important;
}
.menuAvatar {
  margin: 15px 0px 10px 15px;
  height: 35px !important;
  width: 35px !important;
}
.leftSideBarLogo {
  width: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
  margin: 0 auto;
  margin-top: -4px;
}
.leftSideBarHeader {
  height: 90px !important;
  margin-bottom: 0px !important;
  align-items: center;
  display: flex;
}
.leftSideBarHeaderBack {
  height: 75px !important;
  margin-bottom: -5px !important;
}
.marginBottom5 {
  margin-bottom: 5px !important;
}
@-moz-document url-prefix() {
  .leftSideBarHeader {
    margin-top: -10px !important;
    margin-bottom: 20px !important;
  }
}
@supports (-ms-ime-align: auto) {
  .leftSideBarHeader {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
}
.leftSideBarOptions {
  flex-wrap: nowrap !important;
}
.leftSideBarOption {
  width: 90% !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
  /*
  .responsive(
    1075px,
    { height: 50px !important; }
  )
  */
}
@media only screen and (max-width: 320px) {
  .leftSideBarOption {
    padding-top: 3px;
    padding-bottom: 3px !important;
  }
}
.leftSideBarOptionBorder {
  width: 100% !important;
  height: 60px;
}
@media only screen and (max-width: 1075px) {
  .leftSideBarOptionBorder {
    height: 50px;
  }
}
.leftSideBarOptionBottom {
  width: 100% !important;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 0 !important;
}
.sideBarButtonBottomItem {
  width: 100% !important;
  text-transform: none !important;
  padding: 10px !important;
}
.sideBarButtonHeader {
  width: 100% !important;
  height: 75px !important;
  text-transform: none !important;
  padding-right: 5px !important;
}
.sideBarButtonHeader:hover {
  background-color: transparent !important;
}
.sideBarButtonItem {
  width: 100% !important;
  height: auto !important;
  text-transform: none !important;
  /*
  .responsive(
    1075px,
    { height: 50px !important; }
  )
  */
}
.menuTextTypographyHeader {
  font-size: 11px !important;
  line-height: 11px !important;
}
.menuTextTypographyHeader span {
  font-size: 17px !important;
}
.notificationsDivider {
  display: block !important;
  height: 1px !important;
  border: 0 !important;
  border-top: 1px solid #ccc !important;
  margin: 0.3em 0 !important;
  padding: 0 !important;
}
.notificationsContainer {
  color: white;
  flex-wrap: nowrap !important;
}
.alignItemLeft {
  flex: 1 !important;
  text-align: left !important;
}
.item-menu-simple {
  width: 100%;
  text-align: left;
  margin-top: 15px !important;
  padding: 0 30px !important;
}
.item-menu-simple p {
  color: rgba(0, 0, 0, 0.65);
  font-size: 11px;
  font-weight: 300;
}
.navBar {
  height: 90px;
  flex-wrap: initial !important;
  -moz-transition: all 1.5s linear;
  -webkit-transition: all 1.5s linear;
  -ms-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
@media only screen and (max-width: 320px) {
  .navBar {
    height: 55px;
  }
}
.navBar h1 {
  line-height: 24px;
}
@media only screen and (max-width: 600px) {
  .navBar h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 320px) {
  .navBar h1 {
    font-size: 20px;
  }
}
.navBarLogo {
  flex: 1 !important;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .navBarLogo {
    max-width: 75vw !important;
  }
}
.disabledButton {
  cursor: default !important;
}
.headerLogo {
  height: 100% !important;
  text-transform: none !important;
}
.headerLogo:hover {
  background: none !important;
}
.headerLogo img {
  max-height: 55px;
  max-width: 40vw;
}
.notificationsTopBar {
  display: none !important;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.notificationsTopBarButton {
  background-color: #f6db8a !important;
  border-radius: 0 !important;
  width: 100%;
}
.notificationsTopBarButtonText {
  color: #3f3f3f !important;
  text-transform: none !important;
  font-size: 14px !important;
}
@media only screen and (max-width: 620px) {
  .notificationsTopBarButtonText {
    width: 80%;
  }
}
.notificationsTopBarClose {
  position: absolute !important;
  right: 0;
  padding: 0 !important;
  height: 100%;
}
.notificationsTopBarClose .material-icons {
  color: #3f3f3f !important;
}
.notificationsTopBarCloseIcon {
  color: #3f3f3f !important;
}
.react-autosuggest__container {
  display: flex;
  flex-direction: column;
}
.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.suggestionsContainer {
  max-height: 50vh;
  overflow: scroll;
}
.searchListButtonItem {
  width: 100%;
}
.searchListButtonItem .email {
  text-transform: lowercase;
  font-size: 0.65rem;
}
.dummyAlert {
  margin-top: 20px !important;
}
.dummyAlertText {
  width: 90% !important;
}
.evaluationSlider {
  width: 50%;
}
.badgeSlider {
  padding: 20px 0;
}
.customHandler {
  text-align: center;
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -20px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
  pointer-events: auto;
  z-index: 1;
}
.customHandler .answer-skill-avatar-component {
  margin: 0 auto;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1);
}
.imgHandler {
  margin: 0 auto;
  margin-bottom: 10px;
}
.textHandler {
  /*
  width: 100px;
  margin-left: -25px !important;
  */
  text-align: center;
  padding: 0 20px;
}
.sliderTooltipText {
  color: #fff;
}
.peerEvalDivider {
  margin-top: 15px !important;
}
.peerEvalRange {
  width: 35px !important;
  text-align: center;
}
.badgeMoreInfo {
  padding: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
}
.badgeMoreInfo:hover {
  background-color: transparent !important;
}
.badgeMoreInfo .avatarMoreInfo {
  width: 18px !important;
  height: 18px !important;
  font-size: 10px !important;
}
.personalFeedbackBadgeAvatar {
  width: 60px !important;
  height: 60px !important;
}
.feedbackComment {
  font-style: italic !important;
}
.loadMoreButton {
  margin: 20px 0 !important;
  height: 60px !important;
}
.titleCard {
  text-align: center;
  font-weight: bold !important;
  text-transform: uppercase;
}
.descriptionCountChars {
  position: absolute;
  right: -27px;
  top: 21px;
}
@media only screen and (max-width: 485px) {
  .descriptionCountChars {
    right: 2px;
    top: -22px;
  }
}
.newTapPhoto {
  width: 45px !important;
  height: 45px !important;
  margin-left: 0 !important;
}
.newTapPhoto span {
  font-size: 22px !important;
}
.cardTopLeft {
  flex-grow: 1 !important;
}
.cardTopMiddle {
  flex-grow: 1 !important;
}
.cardTopRight {
  flex-grow: 1 !important;
}
.alignInfo {
  height: 100%;
  width: 100%;
  flex-grow: 1 !important;
}
.avatar {
  width: 100px !important;
  height: 100px !important;
  font-size: 50px !important;
}
@media only screen and (max-width: 990px) {
  .avatar {
    width: 80px !important;
    height: 80px !important;
    font-size: 45px !important;
  }
}
@media only screen and (max-width: 875px) {
  .avatar {
    width: 100px !important;
    height: 100px !important;
    font-size: 50px !important;
  }
}
@media only screen and (max-width: 630px) {
  .avatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
  }
}
.avatarSmaller {
  width: 65px !important;
  height: 65px !important;
  font-size: 35px !important;
}
@media only screen and (max-width: 990px) {
  .avatarSmaller {
    width: 60px !important;
    height: 60px !important;
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 875px) {
  .avatarSmaller {
    width: 65px !important;
    height: 65px !important;
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 630px) {
  .avatarSmaller {
    width: 50px !important;
    height: 50px !important;
    font-size: 25px !important;
  }
}
.avatarSmallest {
  width: 50px !important;
  height: 50px !important;
  font-size: 30px !important;
}
@media only screen and (max-width: 990px) {
  .avatarSmallest {
    width: 50px !important;
    height: 50px !important;
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 875px) {
  .avatarSmallest {
    width: 40px !important;
    height: 40px !important;
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 630px) {
  .avatarSmallest {
    width: 40px !important;
    height: 40px !important;
    font-size: 25px !important;
  }
}
.avatarTiny {
  width: 40px !important;
  height: 40px !important;
  font-size: 20px !important;
}
@media only screen and (max-width: 990px) {
  .avatarTiny {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 875px) {
  .avatarTiny {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 630px) {
  .avatarTiny {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
  }
}
.avatarFeedback {
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
}
@media only screen and (max-width: 630px) {
  .avatarFeedback {
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }
}
.avatarFeedbackOrg {
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
}
.avatarFeedbackOrg img {
  object-fit: contain !important;
}
@media only screen and (max-width: 630px) {
  .avatarFeedbackOrg {
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }
}
.avatarFeedbackPlus {
  background-color: rgba(0, 0, 0, 0.54) !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
}
.avatarFeedbackPlus span {
  font-size: 14px !important;
}
@media only screen and (max-width: 630px) {
  .avatarFeedbackPlus {
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }
  .avatarFeedbackPlus span {
    font-size: 12px !important;
  }
}
.editProfileAvatar {
  width: 120px !important;
  height: 120px !important;
  margin-left: 4px !important;
  width: 100px !important;
  height: 100px !important;
  font-size: 50px !important;
}
@media only screen and (max-width: 990px) {
  .editProfileAvatar {
    width: 80px !important;
    height: 80px !important;
    font-size: 45px !important;
  }
}
@media only screen and (max-width: 875px) {
  .editProfileAvatar {
    width: 100px !important;
    height: 100px !important;
    font-size: 50px !important;
  }
}
@media only screen and (max-width: 630px) {
  .editProfileAvatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 360px) {
  .editProfileAvatar {
    margin-left: unset !important;
    width: 90px !important;
    height: 90px !important;
  }
}
.profileAvatar {
  margin: 0 20px;
  border: 5px solid white;
  width: 120px !important;
  height: 120px !important;
  width: 100px !important;
  height: 100px !important;
  font-size: 50px !important;
}
@media only screen and (max-width: 990px) {
  .profileAvatar {
    width: 80px !important;
    height: 80px !important;
    font-size: 45px !important;
  }
}
@media only screen and (max-width: 875px) {
  .profileAvatar {
    width: 100px !important;
    height: 100px !important;
    font-size: 50px !important;
  }
}
@media only screen and (max-width: 630px) {
  .profileAvatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 360px) {
  .profileAvatar {
    width: 50px !important;
    height: 50px !important;
    font-size: 20px !important;
    margin: 10px !important;
  }
}
.achievementsAvatar {
  margin: 0 20px;
  width: 100px !important;
  height: 100px !important;
  font-size: 50px !important;
}
@media only screen and (max-width: 990px) {
  .achievementsAvatar {
    width: 80px !important;
    height: 80px !important;
    font-size: 45px !important;
  }
}
@media only screen and (max-width: 875px) {
  .achievementsAvatar {
    width: 100px !important;
    height: 100px !important;
    font-size: 50px !important;
  }
}
@media only screen and (max-width: 630px) {
  .achievementsAvatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 360px) {
  .achievementsAvatar {
    width: 50px !important;
    height: 50px !important;
    font-size: 20px !important;
    margin: 10px !important;
    margin-left: 0px !important;
  }
}
.UserAvatarContainer {
  position: relative;
  min-height: 65px;
  margin-right: 5px;
}
.UserAvatarContainer .badgeAvatar {
  position: absolute;
  right: -20px;
  top: 25px;
  width: 40px !important;
  height: 40px !important;
  font-size: 20px !important;
}
.UserAvatarContainer .badgeAvatarMultiple {
  position: absolute;
  right: -10px;
  top: 25px;
}
.UserAvatarContainer .multipleAvatar {
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 500px) {
  .UserAvatarContainer {
    margin: 0 auto;
  }
}
.tapDescription {
  color: rgba(0, 0, 0, 0.54) !important;
  font-size: 15px !important;
  margin-top: -5px !important;
  margin-left: 5px !important;
}
.multipleAvatar {
  width: 65px !important;
  height: 65px !important;
  font-size: 40px !important;
}
.multipleAvatarPlus {
  width: 65px !important;
  height: 65px !important;
  font-size: 20px !important;
}
.tapsActionAvatar {
  width: 45px !important;
  height: 45px !important;
  font-size: 25px !important;
  transition: background-color 250ms linear;
}
.tapsActionAvatar span {
  font-size: 25px;
}
.tapsActionAvatarDisabled {
  background-color: lightgray !important;
  color: white !important;
  cursor: auto;
}
.tapRetapFixedPos {
  right: 80px;
  position: absolute !important;
  top: -25px;
  z-index: 10;
  text-align: center;
  transition: background-color 250ms linear;
  cursor: pointer;
}
.tapRetapFixedPos:hover {
  background-color: transparent !important;
}
@media only screen and (max-width: 420px) {
  .tapRetapFixedPos {
    right: calc(50% + 20px);
  }
}
.tapCommentFixedPos {
  right: 20px;
  position: absolute !important;
  top: -25px;
  z-index: 10;
  text-align: center;
  cursor: pointer;
  transition: background-color 250ms linear;
}
@media only screen and (max-width: 420px) {
  .tapCommentFixedPos {
    right: calc(50% - 80px);
  }
}
.avatarMargin {
  margin-top: 10px !important;
}
.multipleAvatarHeader {
  padding: 4px !important;
}
.multipleUsersContainer {
  margin: 10px 5px !important;
}
.multipleUsersItem {
  margin: 5px 0 !important;
  padding-top: 2px !important;
}
.inputAjdustFont {
  font-size: 14px !important;
}
@media only screen and (max-width: 395px) {
  .inputAjdustFont {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 355px) {
  .inputAjdustFont {
    font-size: 10px !important;
  }
}
/* fix for safari browsers: for tap container with badge name, retap button...*/
_::-webkit-full-page-media,
_:future,
:root .fixTapRight {
  margin-top: 5%;
  margin-left: 5%;
}
.tap-wrapper {
  position: relative;
}
.tap-wrapper .menu-anchor {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0px;
  opacity: 0.75;
  z-index: 10;
}
.delete-btn {
  color: #F44336 !important;
  border: 1px solid #F44336 !important;
  background-color: transparent !important;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
}
.delete-btn:hover {
  color: white !important;
  background-color: #F44336 !important;
}
.delete-btn-card {
  color: white !important;
  background-color: #F44336 !important;
}
.delete-btn-card:hover {
  background-color: #ea1c0d !important;
}
.tapsAction {
  margin-right: 7px;
}
.tapActionText {
  font-size: 13px !important;
  padding-top: 5px;
}
.tapActionText.didRetap {
  font-weight: 700;
}
.tapActionText:not(.didRetap) {
  color: rgba(0, 0, 0, 0.57) !important;
}
.photoContainer {
  width: 100%;
  height: 25vw;
  max-height: 420px;
  text-align: center;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 380px) {
  .photoContainer {
    height: 180px !important;
  }
}
@media only screen and (max-width: 450px) {
  .photoContainer {
    height: 240px;
  }
}
.right-header-description .name-header {
  font-weight: 700;
}
.right-header-description .desc-badge {
  color: #b6b6b6;
}
.right-header-description .desc-badge strong {
  color: #7d7d7d;
}
@media only screen and (max-width: 500px) {
  .right-header-description {
    padding: 8px 0 0px 0;
  }
}
.tapGiver {
  width: 30px !important;
  height: 30px !important;
  font-size: 24px !important;
  margin-left: 5px;
}
.tapGiverName {
  padding-left: 10px !important;
}
.tapGiverName .bold {
  font-weight: 700;
}
.editBadgePic {
  position: relative;
}
.editBadgePic .removePic {
  position: absolute;
  top: 10px;
  right: 10px;
}
.editBadgePic .newPic {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.editBadgePic .removePic,
.editBadgePic .newPic {
  width: 36px !important;
  height: 36px !important;
}
.messageHasComments {
  font-weight: 700 !important;
  color: white !important;
  padding-top: 10px;
  text-align: center;
}
.tapHasComments {
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.54) !important;
  padding: 10px 20px;
  display: flex !important;
  align-items: center;
  padding-left: 10px;
}
.commentInput label {
  font-weight: 700;
}
.messageCommentInput label {
  color: white !important;
}
.messageCommentInput input {
  color: white !important;
}
.messageCommentInput ::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
@media only screen and (max-width: 420px) {
  .messageCommentInput {
    margin-left: 0px !important;
  }
}
.comments-list {
  padding-left: 20px !important;
}
.comments-list .bold {
  font-weight: 700;
}
.message .comments-list {
  padding-left: 0px !important;
}
.message .commentTextContainer {
  padding-left: 5px !important;
}
.message .submitCommentButton {
  right: 0px !important;
}
.message .commentInputAvatar {
  margin-left: -15px !important;
}
.rowContainer ::-webkit-scrollbar {
  display: block;
  height: 5px;
}
.rowContainer ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.rowContainer ::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.commentsContainer .commentsContentContainer {
  width: 100%;
}
@media only screen and (max-width: 500px) {
  .commentsContainer .commentsContentContainer {
    width: 100%;
    padding-left: 0;
  }
}
.commentsContainer .commentsContentContainer ::-webkit-scrollbar {
  display: block;
  width: 4px;
}
.commentsContainer .commentsContentContainer ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.commentsContainer .commentsContentContainer ::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.commentsContainer .commentsToupContainer {
  width: 60px;
}
@media only screen and (max-width: 500px) {
  .commentsContainer .commentsToupContainer {
    width: 100%;
    text-align: center;
    margin-top: -20px;
  }
}
.commentsToupContainer {
  text-align: center;
  cursor: pointer;
}
.message .commentsToupContainer button {
  padding: 0;
}
.marginTapHeaderItemMultiple {
  margin-right: 15px !important;
}
.marginTapHeaderItemSingle {
  margin-right: 25px !important;
}
.commentInputArea {
  margin-top: -20px;
  padding-left: 20px !important;
}
.commentInputAvatar {
  width: 30px !important;
  height: 30px !important;
  margin-right: 5px !important;
}
@media only screen and (max-width: 420px) {
  .commentInputAvatar {
    margin-left: 0px;
  }
}
.commentInputAvatar,
.commentAvatar {
  width: 30px !important;
  height: 30px !important;
  margin-right: 0px;
}
@media only screen and (max-width: 420px) {
  .commentTextContainer * {
    font-size: 12px !important;
  }
}
.commentTextContainer {
  align-self: center;
  padding-right: 50px !important;
  padding-left: 10px !important;
}
@media only screen and (max-width: 420px) {
  .comments-list {
    padding-top: 6px;
    padding-bottom: 0;
  }
}
.divWithActions {
  width: 100%;
  height: 1px;
  position: relative;
}
@media only screen and (max-width: 420px) {
  .divWithActions.noPhoto {
    margin-top: 20px;
  }
}
.editPhotoTap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.editPhotoTapNew {
  width: 80%;
  height: 300px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.commentPhoto {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.tapUsersMoreTop {
  position: absolute;
  right: -15px;
  top: 0px;
}
.tapUsersMoreTop h3 {
  font-weight: 700 !important;
}
.Card360Badges .recharts-cartesian-axis-tick-value {
  font-size: 12px;
}
@media only screen and (max-width: 400px) {
  .Card360Badges .recharts-cartesian-axis-tick-value {
    font-size: 10px;
  }
}
.commentsList {
  margin-top: 5px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-bottom: 5px !important;
  max-height: 50vh !important;
  overflow-x: hidden !important;
  flex-wrap: nowrap !important;
}
.submitComment {
  flex-grow: 0.1 !important;
}
.submitCommentButton {
  right: 10px !important;
}
.editingComment aside span {
  text-decoration: line-through;
}
.commentDate {
  margin-top: 1px !important;
  font-size: 10px !important;
}
.onBoardingButton {
  width: 100% !important;
}
_::-webkit-full-page-media,
_:future,
:root .fixFlexBasis {
  flex-basis: 0px !important;
}
.leaderboardBody {
  max-height: 320px;
  overflow-y: scroll;
}
@media (min-width: 460px) {
  .leaderboardBody {
    max-height: 320px;
    overflow-y: scroll;
  }
  /* IE scroll bar */
  scrollbar-arrow-color: lightgrey;
  scrollbar-track-color: lightgrey;
  -ms-overflow-style: scrollbar !important;
  scrollbar-face-color: darkgray;
}
.leaderboardBody::-webkit-scrollbar-thumb {
  background-color: darkgrey !important;
}
.leaderboardBody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.leaderboardBody::-webkit-scrollbar {
  display: block !important;
  width: 6px !important;
}
.leaderboardBody::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.leaderboardBody::-webkit-scrollbar-thumb:horizontal {
  background-color: darkgrey !important;
}
.leaderboardBody::-webkit-scrollbar-track:horizontal {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.leaderboardNumber {
  width: 60px;
  text-align: center !important;
}
@media (max-width: 393px) {
  .leaderboardNumber {
    width: 57px;
  }
}
@media (min-width: 768px) {
  .leaderboardNumber {
    width: 55px;
  }
}
.leaderboardTotal {
  width: 60px;
  text-align: center !important;
}
.clickable {
  cursor: pointer;
}
.leaderboardRank {
  width: 50px !important;
  text-align: center !important;
}
.chartContainer {
  width: 100%;
  height: 452px;
}
@media (max-width: 375px) {
  .chartContainer {
    width: 90%;
    height: 452px;
  }
}
.loadingContainer {
  height: 40vh;
}
.loadingChart {
  margin-top: 20vh;
}
@media only screen and (max-width: 480px) {
  .analyticsType {
    width: 100% !important;
  }
}
@media (max-width: 412px) {
  .graph {
    width: 90% !important;
    height: 90% !important;
  }
}
@media (max-width: 412px) {
  .lineChart {
    font-size: 10px;
    margin: 1px;
  }
}
@media (max-width: 412px) {
  .graphContainer {
    direction: "column";
    justify-content: "center";
    align-Items: "center";
    max-width: 990px;
  }
}
@media only screen and (max-width: 600px) {
  .billingFeatureList {
    padding: 0 !important;
    margin: 0 0 !important;
  }
}
.billingFeatureBold li:first-child div p {
  font-weight: bold;
}
.billingRenewDate {
  align-self: flex-end;
}
.inputBillingUsersItem {
  padding: 8px 0 !important;
}
.inputBillingUsersValue {
  max-width: 80px;
  width: 65px;
}
.inputBillingUsersValue input {
  text-align: left;
  padding: 10px;
}
.alignBillingInfo {
  margin-bottom: -5px !important;
}
.card {
  margin: 0px !important;
  border-radius: 24px !important;
  border: 1px solid #d3d5db;
}
.box {
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
}
.img-preview {
  margin: 0 auto;
  overflow: hidden;
}
.badgeLeft {
  flex: 0.05 !important;
  margin: 5%;
}
.badgeRight {
  margin: 5%;
  padding-left: 20px;
  padding-right: 5px;
  flex-grow: 1 !important;
  flex: 0.93 !important;
}
/*IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .badgeRight {
    margin: 5%;
    padding-left: 20px;
    flex-grow: 1 !important;
    flex: 0.93 !important;
  }
  .badgeLeft {
    flex: 0.05 !important;
    margin: 5%;
    padding: 20px;
  }
}
.badgeClose {
  margin: 5%;
  flex: auto !important;
}
.usersInput {
  max-height: 40vh !important;
  flex-wrap: nowrap !important;
  overflow: scroll !important;
  margin: 5px auto !important;
}
@media only screen and (max-width: 320px) {
  .card {
    margin: 0;
  }
}
.editable {
  position: relative;
  margin: 0px !important;
  border-radius: 24px !important;
  border: 1px solid #d3d5db;
  border-radius: 16px !important;
  max-width: 580px;
  margin: 0 auto;
  box-shadow: none !important;
  border: 1px solid #cbd5e1;
}
@media only screen and (max-width: 320px) {
  .editable {
    margin: 0;
  }
}
.cardTextField {
  width: 100%;
}
.cardList p {
  color: white;
}
.cardList h3 {
  color: white;
}
@-moz-document url-prefix() {
  .editableFix {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* fix for safari browsers: for editable card delete button...*/
_::-webkit-full-page-media,
_:future,
:root .deleteBtn_fixSafari {
  bottom: 40px;
  position: absolute;
}
.inviteEnter {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 11px;
}
.inputUsers {
  width: 70%;
}
.marginTop {
  margin-top: 20px !important;
}
.card-manage-small h2 {
  white-space: initial;
  padding-right: 20px;
}
.listElement {
  width: fit-content;
  font-weight: 450;
}
.icon-container {
  border-radius: 50%;
  width: 50px !important;
  height: 50px;
  background-color: #fff;
}
.edit-badge-container {
  margin-top: 20px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.change-pic-button {
  margin-right: 18px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
}
.change-pic-button:hover {
  cursor: pointer;
  filter: brightness(0.6);
}
.limit-text {
  max-height: 67px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.avatar-size {
  width: 50px !important;
  height: 50px !important;
}
@media only screen and (min-width: 1244px) {
  .card-container {
    max-width: 33.33% !important;
  }
}
.exportDivider {
  margin-top: 9px !important;
}
@media (max-width: 360px) {
  .title {
    width: 30% !important;
  }
  .description {
    width: 30% !important;
  }
}
.modalTextField {
  width: 100%;
  color: #fff !important;
}
.modalTextField input {
  color: #fff !important;
}
.newModalTextField {
  width: 100%;
  color: #000 !important;
}
.newModalTextField input {
  color: #000 !important;
}
.react-modal-overlay {
  z-index: 1400;
}
.react-modal-content {
  z-index: 1500;
}
.searchTextField {
  width: 100%;
  color: #fff !important;
  margin-left: 15px;
}
.searchTextField input {
  color: #000 !important;
}
.newSearchTextField {
  width: 100%;
  color: #000 !important;
  margin-left: 15px;
}
.newSearchTextField input {
  color: #000 !important;
}
.searchLabel {
  color: #000 !important;
}
.modalInput {
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.modalInput input {
  color: #fff !important;
}
.modalLabel {
  color: #fff !important;
}
.newModalLabel {
  color: #000 !important;
}
.modalTitleTop {
  text-align: center;
  text-transform: uppercase;
}
.crossAvatar {
  position: absolute !important;
  right: 7px !important;
  top: 12px !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
}
.crossAvatar span {
  font-size: 14px !important;
  color: black !important;
}
.modalConfirmButton {
  color: #fff !important;
  position: absolute !important;
  bottom: 20px !important;
  width: 100% !important;
  left: 0 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.newModalConfirmButton {
  color: #fff !important;
  width: 100% !important;
  left: 0 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.modalConfirmButton:hover,
.newModalConfirmButton:hover {
  background-color: #000000 !important;
}
.modalConfirmButtonSelected {
  color: #fff !important;
  position: absolute !important;
  bottom: 40px !important;
  width: 100% !important;
  left: 0 !important;
  font-size: 1rem !important;
}
.modalTop {
  flex-grow: 2 !important;
}
.modalList {
  flex-grow: 4 !important;
}
.modalBottom {
  flex-grow: 0.5 !important;
}
.listItems {
  max-height: 55vh !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
@media only screen and (max-width: 350px) {
  .listItems {
    max-height: 42vh !important;
  }
}
@media only screen and (min-width: 1920px) {
  .moodContainer {
    width: 228% !important;
  }
}
.listNoClickableItems {
  overflow: scroll !important;
}
.dateSelection {
  border-radius: 8px;
  display: flex !important;
  flex-direction: row;
  margin-top: 2.5px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .dateSelection {
    padding: 8px 0px;
  }
}
.dateSelection .DateInput {
  width: 100px !important;
}
.CalendarDay {
  border: 1px solid #e4e7e7;
  padding: 0;
  box-sizing: border-box;
  color: #565a5c;
  cursor: pointer;
}
.CalendarDay__button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  box-sizing: border-box;
}
.CalendarDay__button:active {
  outline: 0;
}
.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default;
}
.CalendarDay--highlighted-calendar:active {
  background: #007a87;
}
.CalendarDay--outside {
  border: 0;
  cursor: default;
}
.CalendarDay--outside:active {
  background: #fff;
}
.CalendarDay--hovered {
  background: #e4e7e7;
  border: 1px double #d4d9d9;
  color: inherit;
}
.CalendarDay--blocked-minimum-nights {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default;
}
.CalendarDay--blocked-minimum-nights:active {
  background: #fff;
}
.CalendarDay--selected-span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}
.CalendarDay--selected-span.CalendarDay--hovered,
.CalendarDay--selected-span:active {
  background: #33dacd;
  border: 1px double #00a699;
}
.CalendarDay--selected-span.CalendarDay--last-in-range {
  border-right: #00a699;
}
.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}
.CalendarDay--hovered-span:active,
.CalendarDay--after-hovered-start:active {
  background: #80e8e0;
}
.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}
.CalendarDay--selected-start:active,
.CalendarDay--selected-end:active,
.CalendarDay--selected:active {
  background: #00a699;
}
.CalendarDay--blocked-calendar {
  background: #cacccd;
  color: #82888a;
  cursor: default;
}
.CalendarDay--blocked-calendar:active {
  background: #cacccd;
}
.CalendarDay--blocked-out-of-range {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default;
}
.CalendarDay--blocked-out-of-range:active {
  background: #fff;
}
.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CalendarMonth table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-caption-side: initial;
}
.CalendarMonth--horizontal:first-of-type,
.CalendarMonth--vertical:first-of-type {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%;
}
.CalendarMonth--vertical {
  display: block;
}
.CalendarMonth__caption {
  color: #3c3f40;
  margin-top: 7px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 2px;
  caption-side: initial;
}
.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 15px 0 35px;
}
.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0;
}
.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left;
}
.CalendarMonthGrid--animating {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  z-index: 1;
}
.CalendarMonthGrid--horizontal {
  position: absolute;
  left: 9px;
}
.CalendarMonthGrid--vertical {
  margin: 0 auto;
}
.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}
.DayPicker--horizontal {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker--horizontal.DayPicker--portal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}
.DayPicker--vertical.DayPicker--portal {
  position: initial;
}
.DayPicker__focus-region {
  outline: none;
}
.DayPicker__week-headers {
  position: relative;
}
.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 9px;
}
.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left;
}
.DayPicker__week-header ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
}
.DayPicker__week-header li {
  display: inline-block;
  text-align: center;
}
.DayPicker--vertical .DayPicker__week-header {
  left: 50%;
}
.DayPicker--vertical-scrollable {
  height: 100%;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: white;
}
.DayPicker--vertical-scrollable .transition-container--vertical {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.transition-container--horizontal {
  transition: height 0.2s ease-in-out;
}
.transition-container--vertical {
  width: 100%;
}
.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none;
}
.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  border: 1px solid #dce0e0;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation__prev--default:focus,
.DayPickerNavigation__prev--default:hover,
.DayPickerNavigation__next--default:focus,
.DayPickerNavigation__next--default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation__prev--default:active,
.DayPickerNavigation__next--default:active {
  background: #f2f2f2;
}
.DayPickerNavigation--horizontal {
  position: relative;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev,
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  z-index: 2;
  position: absolute;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev {
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
  left: auto;
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
  right: auto;
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
  height: 19px;
  width: 19px;
  fill: #82888a;
}
.DayPickerNavigation--vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev,
.DayPickerNavigation--vertical .DayPickerNavigation__next {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  border-left: 0;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  text-align: center;
  font-size: 2.5em;
  padding: 5px;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
  height: 42px;
  width: 42px;
  fill: #484848;
}
.DayPickerNavigation--vertical-scrollable {
  position: relative;
}
.DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
  width: 100%;
}
.DayPickerKeyboardShortcuts__show,
.DayPickerKeyboardShortcuts__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
}
.DayPickerKeyboardShortcuts__show:active,
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}
.DayPickerKeyboardShortcuts__show {
  width: 22px;
  position: absolute;
  z-index: 2;
}
.DayPickerKeyboardShortcuts__show--bottom-right {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--bottom-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
  bottom: 0;
  right: -28px;
}
.DayPickerKeyboardShortcuts__show--top-right {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--top-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  right: -28px;
}
.DayPickerKeyboardShortcuts__show--top-left {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts__show--top-left:hover {
  border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  left: -28px;
}
.DayPickerKeyboardShortcuts__show_span {
  color: #fff;
  position: absolute;
}
.DayPickerKeyboardShortcuts__panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
}
.DayPickerKeyboardShortcuts__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.DayPickerKeyboardShortcuts__list {
  list-style: none;
  padding: 0;
}
.DayPickerKeyboardShortcuts__close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}
.DayPickerKeyboardShortcuts__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPickerKeyboardShortcuts__close svg:hover,
.DayPickerKeyboardShortcuts__close svg:focus {
  fill: #82888a;
}
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}
.KeyboardShortcutRow {
  margin: 6px 0;
}
.KeyboardShortcutRow__key-container {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px;
}
.KeyboardShortcutRow__key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 2px 6px;
}
.KeyboardShortcutRow__action {
  display: inline;
  word-break: break-word;
  margin-left: 8px;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
  margin-bottom: 16px;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
  width: auto;
  text-align: left;
  display: inline;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action {
  display: inline;
}
.DateInput_input {
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  color: #4b5b69 !important;
  font-family: 'Quicksand', sans-serif !important;
  padding: 5px 2px !important;
  margin: 0;
  background: transparent;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 395px) {
  .DateInput_input {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 320px) {
  .DateInput_input {
    font-size: 12px;
    line-height: 24px;
  }
}
.SingleDatePicker .DateInput_input {
  border: 1.5px solid #cbd5e1 !important;
  outline: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.15px;
  border-radius: 8px;
  background-color: #fff;
  padding: 11px !important;
}
.SingleDatePicker .DateInput input {
  width: auto;
}
.SingleDatePicker .DateInput {
  width: 150px;
}
.SingleDatePicker {
  font-family: 'Quicksand', sans-serif !important;
}
.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  border-top: 0;
  left: 22px;
  z-index: 2;
}
.DateInput--with-caret::before {
  top: 62px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.DateInput--with-caret::after {
  top: 63px;
  border-bottom-color: #fff;
}
.DateInput--disabled {
  background: transparent;
  opacity: 0.5;
}
.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.DateInput__input[readonly] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DateInput__display-text {
  font-weight: normal;
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
}
.DateInput__display-text--has-input {
  color: #484848;
}
.DateInput__display-text--focused {
  background: #99ede6;
  border-color: #99ede6;
  border-radius: 3px;
  color: #007a87;
}
.DateInput__display-text--disabled {
  font-style: inherit;
}
.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.DateRangePicker {
  position: relative;
  display: inline-block;
}
.DateRangePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: inherit;
  top: 72px;
  font-family: Quicksand, Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.DateRangePicker__picker--rtl {
  direction: rtl;
}
.DateRangePicker__picker--direction-left {
  left: 0;
}
.DateRangePicker__picker--direction-right {
  right: 0;
}
.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999999;
}
.DateRangePicker__picker--full-screen-portal {
  background-color: #fff;
}
.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.DateRangePicker__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DateRangePicker__close:hover,
.DateRangePicker__close:focus {
  color: #b0b3b4;
  text-decoration: none;
}
.DateRangePickerInput {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.26);
  display: inline-block;
  font-family: Quicksand, Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  border-radius: 4px;
  width: fit-content !important;
}
.DateRangePickerInput--disabled {
  background: transparent;
}
.DateRangePickerInput--rtl {
  direction: rtl;
}
.DateRangePickerInput__arrow {
  display: inline-block;
  vertical-align: middle;
}
.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height: 18px;
  width: 18px;
  opacity: 0.65;
  margin-top: -5px;
}
.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}
@media only screen and (max-width: 480px) {
  .DateRangePickerInput__clear-dates {
    padding: 0px;
    margin: 0 5px 0 5px;
  }
}
.DateRangePickerInput__clear-dates svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.DateRangePickerInput__clear-dates--hide {
  visibility: hidden;
}
.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: -5px -5px 0 10px;
}
.DateRangePickerInput__calendar-icon svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.SingleDatePicker {
  position: relative;
  display: inline-block;
}
.SingleDatePicker__picker {
  z-index: 100;
  background-color: #fff;
  position: absolute;
  top: 72px;
}
.SingleDatePicker__picker--rtl {
  direction: rtl;
}
.SingleDatePicker__picker--direction-left {
  left: 0;
}
.SingleDatePicker__picker--direction-right {
  right: 0;
}
.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff;
}
.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.SingleDatePicker__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.SingleDatePicker__close:hover,
.SingleDatePicker__close:focus {
  color: #b0b3b4;
  text-decoration: none;
}
.SingleDatePickerInput {
  background-color: #fff;
  border: none !important ;
}
.SingleDatePickerInput--rtl {
  direction: rtl;
}
.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}
.SingleDatePickerInput__clear-date svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.SingleDatePickerInput__clear-date--hide {
  visibility: hidden;
}
.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.SingleDatePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.SingleDatePickerInput__calendar-icon svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.simple-button {
  text-transform: initial !important;
  transition: unset !important;
}
.simple-button:hover {
  background-color: transparent !important;
}
.simple-button.mood-simple-button {
  padding: 0 !important;
}
@media only screen and (max-width: 420px) {
  .simple-button.mood-simple-button {
    max-width: 30%;
    padding: 0;
  }
}
.mood-anonymous-active {
  font-weight: bold !important;
}
.mood-anonymous-inactive {
  color: #888 !important;
}
.mood-form-area h2 {
  text-transform: uppercase !important;
  letter-spacing: 2px;
}
.mood-form-area .mood-active-label {
  font-size: 28px !important;
  text-transform: uppercase;
}
.mood-form-area .mood-active-icon .material-icons {
  font-size: 35px;
}
.mood-user-form h1 {
  color: #999;
}
.mood-user-form .descriptionText {
  text-align: center;
  color: #888 !important;
  font-size: 13px;
}
.mood-user-form .moodContainer {
  margin: 0;
}
.mood-user-form .moodContainer .mood-icon-container {
  font-size: 48px;
  height: 68px;
}
.mood-user-form .moodContainer .mood-icon-label p {
  font-size: 12px !important;
  text-transform: initial;
}
.mood-user-form .moodContainer .mood-choice-button {
  width: 100%;
}
.mood-user-form .moodContainer .mood-choice-button:hover {
  background-color: transparent !important;
  padding: 0 !important;
}
.mood-user-form .moodContainer .mood-choice-button:hover .icon-tmb-mood {
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  -webkit-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
}
.mood-already-answer .title-high {
  line-height: 0;
}
.mood-already-answer .big-icon .icon-tmb-mood {
  font-size: 75px;
}
@media only screen and (max-width: 450px) {
  .mood-already-answer .big-icon .icon-tmb-mood {
    font-size: 40px;
    margin-top: 10px;
    display: inline-block;
  }
}
.mood-already-answer .medium-icon .icon-tmb-mood {
  font-size: 40px;
}
@media only screen and (max-width: 450px) {
  .mood-already-answer .medium-icon .icon-tmb-mood {
    font-size: 20px;
  }
}
.mood-already-answer .big-icon-label {
  text-transform: uppercase;
}
.mood-already-answer .mood-yn-bnts button {
  height: auto;
  padding: 0;
}
.mood-already-answer .mood-yn-bnts button span {
  color: #FFF;
}
.mood-already-answer .mood-yn-bnts button span aside {
  color: #FFF;
}
@media only screen and (max-width: 400px) {
  .mood-already-answer .mood-yn-bnts button {
    min-width: 66px;
  }
}
.mood-menu-user {
  position: absolute;
  bottom: 15%;
  right: 0;
  font-size: 18px;
  height: 18px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  z-index: 99;
  line-height: 0;
}
.mood-menu-user:hover {
  animation: scale 0.5s;
  transform: scale(1.3);
  border-radius: 50%;
}
@keyframes scale {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.3);
  }
}
.mood-profile-user {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.mood-profile-user .icon-tmb-mood {
  font-size: 40px;
}
@media only screen and (max-width: 630px) {
  .mood-profile-user .icon-tmb-mood {
    font-size: 35px;
  }
}
@media only screen and (max-width: 360px) {
  .mood-profile-user .icon-tmb-mood {
    font-size: 30px;
  }
}
.mood-analytics-graphs {
  margin-top: 20px;
}
.mood-analytics-graphs .mood-bar-label-in-item {
  padding-top: 15px;
}
.mood-analytics-graphs .mood-bar-label-in-item .icon-tmb-mood {
  font-size: 30px;
}
@media only screen and (max-width: 400px) {
  .mood-analytics-graphs .mood-bar-label-in-item .icon-tmb-mood {
    font-size: 25px;
  }
}
@media only screen and (max-width: 370px) {
  .mood-analytics-graphs .mood-bar-label-in-item .icon-tmb-mood {
    font-size: 20px;
  }
}
.mood-analytics-graphs .mood-bar-label-in-item .label-text {
  font-size: 11px;
}
@media only screen and (max-width: 570px) {
  .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 10px;
  }
}
@media only screen and (max-width: 520px) {
  .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 9px;
  }
}
@media only screen and (max-width: 470px) {
  .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 9px;
  }
}
@media only screen and (max-width: 420px) {
  .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 9px;
  }
}
@media only screen and (max-width: 370px) {
  .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    display: none;
  }
}
.mood-analytics-graphs .bar-labels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mood-analytics-graphs .bar-labels .positive {
  top: 50px;
  position: absolute;
}
.mood-analytics-graphs .bar-labels .neutral {
  top: 130px;
  position: absolute;
}
.mood-analytics-graphs .bar-labels .negative {
  top: 190px;
  position: absolute;
}
.mood-analytics-graphs .day-picker button {
  min-width: auto !important;
  padding: 2px !important;
}
.mood-analytics-graphs .day-picker button:hover {
  background-color: transparent !important;
}
.mood-analytics-graphs .day-picker button .material-icons {
  font-size: 25px !important;
}
.mood-analytics-graphs .peridiocity-picker {
  padding-bottom: 30px;
  padding-top: 20px;
}
.mood-analytics-graphs .peridiocity-picker .item {
  min-height: 26px !important;
  text-transform: none !important;
  padding: 0 !important;
  border: solid 1px #999;
}
.mood-analytics-graphs .peridiocity-picker .item.item-first {
  border-right: 0 none transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mood-analytics-graphs .peridiocity-picker .item.item-middle {
  border-radius: 0 !important;
}
.mood-analytics-graphs .peridiocity-picker .item.item-last {
  border-left: 0 none transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mood-analytics-graphs .lineGraphBarInfo .label-text {
  padding-bottom: 5px;
}
.mood-analytics-graphs .lineGraphBarInfo .icon-tmb-mood {
  margin: 1px;
  font-size: 18px;
}
.mood-analytics-graphs .graph-card-title {
  text-align: left;
  padding-left: 20px;
}
.mood-analytics-graphs .custom-tooltip {
  background-color: #FFF;
  padding: 0px 10px;
  border: solid 1px #666;
}
.feeling-of-the-day {
  position: relative;
}
.feeling-of-the-day .feeling-label {
  text-align: center;
}
.feeling-of-the-day .feeling-label .icon-tmb-mood {
  font-size: 48px;
}
.feeling-of-the-day .feeling-label p {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
.feeling-of-the-day .feeling-title {
  font-size: 18px;
  padding-bottom: 5px;
}
.feeling-of-the-day .listUsersBody {
  max-height: 200px;
  overflow-y: scroll;
}
.profile-wall .mood-analytics-graphs .lineGraphBarInfo .label-text {
  font-size: 11px;
  font-weight: bold;
}
.profile-wall .mood-analytics-graphs .lineGraphBarInfo .icon-tmb-mood {
  font-size: 15px;
}
.profile-wall .mood-analytics-graphs .mood-bar-label-in-item .label-text {
  display: none;
  font-size: 8px;
}
@media only screen and (max-width: 600px) {
  .profile-wall .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 9px;
    display: block;
  }
}
@media only screen and (max-width: 420px) {
  .profile-wall .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    font-size: 8px;
  }
}
@media only screen and (max-width: 350px) {
  .profile-wall .mood-analytics-graphs .mood-bar-label-in-item .label-text {
    display: none;
  }
}
.profile-wall .mood-analytics-graphs .mood-bar-label-in-item .icon-tmb-mood {
  font-size: 20px;
}
.profile-wall .mood-analytics-graphs .custom-tooltip .label {
  font-size: 11px;
}
.profile-wall .mood-analytics-graphs .custom-tooltip .icon-tmb-mood {
  font-size: 10px !important;
}
.profile-wall .mood-analytics-graphs .custom-tooltip .marginTopBody {
  margin-top: -5px;
  margin-bottom: 5px;
}
.profile-wall .mood-analytics-graphs .custom-tooltip .subhead {
  font-size: 11px !important;
  padding: 0;
  margin-top: -10px;
}
.permissions-container {
  padding: 20px 20px;
  max-width: 660px;
  margin: 0 auto !important;
}
.permissions-container .title-area h2 {
  font-weight: 300;
}
.permissions-container .title-area-bold {
  margin-top: -10px !important;
}
.permissions-container .title-area-bold h2 {
  font-size: 1.5125rem;
}
.permissions-container .intro h3 {
  padding-top: 30px;
  padding-bottom: 10px;
  font-weight: 600;
}
.permissions-container .title-item h1 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 5px;
}
.permissions-container .text-item p {
  font-size: 1rem;
  font-weight: 300;
}
.permissions-container .checkAllBtn {
  border: solid 1px #BBB;
  color: #AAA;
  border-radius: 5px;
}
.permissions-container .buttons-container button {
  width: 90%;
}
.profile-wall,
.stickyColumn {
  width: object-fit !important;
}
.profile-wall .choice-type-box-item,
.stickyColumn .choice-type-box-item {
  padding: 10px 20px;
  /*
    .choice-type-box-item{
      padding: 20px;
      padding: 5px;
      min-width: 130px;
      font-size: 11px;
      min-width: auto;
      .choice-type-text{
        display:none;
      }
  */
}
@media only screen and (max-width: 950px) {
  .profile-wall .choice-type-box-item,
  .stickyColumn .choice-type-box-item {
    padding: 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 570px) {
  .profile-wall .choice-type-box-item,
  .stickyColumn .choice-type-box-item {
    padding: 5px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 570px) {
  .profile-wall .choice-type-box-item,
  .stickyColumn .choice-type-box-item {
    min-width: auto;
  }
}
.profile-wall .choice-type-box-item .choice-type-text,
.stickyColumn .choice-type-box-item .choice-type-text {
  padding-left: 5px;
}
@media only screen and (max-width: 700px) {
  .profile-wall .choice-type-box-item .choice-type-text,
  .stickyColumn .choice-type-box-item .choice-type-text {
    padding: 5px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 570px) {
  .profile-wall .choice-type-box-item .choice-type-text,
  .stickyColumn .choice-type-box-item .choice-type-text {
    display: none;
  }
}
.profile-wall .choice-type-box-item.normal,
.stickyColumn .choice-type-box-item.normal {
  background-color: #FFF;
}
.profile-wall .choice-type-box-item .full-icon,
.stickyColumn .choice-type-box-item .full-icon {
  font-size: 40px;
}
.profile-wall .choice-type-box-item .choice-type-box-item-label,
.stickyColumn .choice-type-box-item .choice-type-box-item-label {
  justify-content: flex-start;
}
.profile-wall .wall-filter-by,
.stickyColumn .wall-filter-by {
  color: #777;
  font-size: 14px;
  display: inline-block;
  font-style: italic;
  font-weight: 200;
  padding-right: 10px;
}
.profile-wall .max-width-element,
.stickyColumn .max-width-element {
  max-width: 564px;
  width: 95%;
  text-align: center;
}
.profile-wall .wall-title-responsive,
.stickyColumn .wall-title-responsive {
  padding: 10px 0;
  text-align: center;
  display: none;
}
@media only screen and (max-width: 570px) {
  .profile-wall .wall-title-responsive,
  .stickyColumn .wall-title-responsive {
    display: block;
  }
}
.profile-wall .title-in-wall,
.stickyColumn .title-in-wall {
  text-transform: uppercase;
  color: #777;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  text-align: center;
}
.profile-wall .summary-card,
.stickyColumn .summary-card {
  position: relative;
  margin: 0 auto;
}
.profile-wall .summary-card .summary-description,
.stickyColumn .summary-card .summary-description {
  color: #999;
  font-size: 10px;
}
.profile-wall .summary-card .summary-card-inner,
.stickyColumn .summary-card .summary-card-inner {
  padding: 20px 20px 20px 20px;
}
.profile-wall .filter-btn,
.stickyColumn .filter-btn {
  border-radius: 0;
  padding: 0 10px;
  min-height: 26px;
}
.profile-wall .filter-btn.selected p,
.stickyColumn .filter-btn.selected p {
  color: #FFF;
}
.profile-wall .filter-btn:last-child.normal,
.stickyColumn .filter-btn:last-child.normal {
  border-left: solid 1px #DDD;
}
.profile-wall .filter-btn:first-child.normal,
.stickyColumn .filter-btn:first-child.normal {
  border-right: solid 1px #DDD;
}
.profile-wall .filter-btn .buttton-inner-text,
.stickyColumn .filter-btn .buttton-inner-text {
  font-size: 11px;
  text-transform: none;
}
.profile-wall .summary-box-value .summary-box-value-title,
.stickyColumn .summary-box-value .summary-box-value-title {
  font-size: 9px;
  font-weight: 200;
  text-transform: uppercase;
  min-height: 25px;
  display: flex;
  align-items: flex-end;
}
.profile-wall .summary-box-value .summary-box-value-value,
.stickyColumn .summary-box-value .summary-box-value-value {
  font-size: 26px;
  font-weight: bold;
  margin-top: -5px;
}
.profile-wall .card-box,
.stickyColumn .card-box {
  background-color: rgba(244, 125, 122, 0.5);
  border: solid 1px black;
  margin: 5;
  padding: 5;
}
.profile-wall .flat-borders,
.stickyColumn .flat-borders {
  border-radius: 0;
}
.profile-wall .title-card,
.stickyColumn .title-card {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 365px) {
  .profile-wall .title-card,
  .stickyColumn .title-card {
    font-size: 9px;
  }
}
.profile-wall .title-card-subtitle,
.stickyColumn .title-card-subtitle {
  color: #999;
  font-size: 12px;
}
.profile-wall .padding-card,
.stickyColumn .padding-card {
  padding: 20px 20px 20px 20px;
}
.profile-wall .link-bottom,
.stickyColumn .link-bottom {
  border-top: solid 1px #CCC;
  width: 100%;
  display: block;
  text-align: center;
  padding: 8px 0 12px 0;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
}
.profile-wall .link-bottom p,
.stickyColumn .link-bottom p {
  color: #999;
  font-size: 10px;
  text-decoration: underline;
}
.profile-wall .box-card,
.stickyColumn .box-card {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
.profile-wall .balloonarea,
.stickyColumn .balloonarea {
  width: auto;
  min-height: 100px;
}
@media only screen and (max-width: 480px) {
  .profile-wall .balloonarea,
  .stickyColumn .balloonarea {
    width: 20%;
  }
}
@media only screen and (max-width: 375px) {
  .profile-wall .balloonarea,
  .stickyColumn .balloonarea {
    width: 25%;
  }
}
@media only screen and (max-width: 340px) {
  .profile-wall .balloonarea,
  .stickyColumn .balloonarea {
    width: 30%;
  }
}
.profile-wall .balloonarea:first-child,
.stickyColumn .balloonarea:first-child {
  margin-right: 5%;
}
.profile-wall .balloonarea:last-child,
.stickyColumn .balloonarea:last-child {
  margin-left: 5%;
}
.profile-wall .balloonarea .balloon-container,
.stickyColumn .balloonarea .balloon-container {
  text-align: center;
  overflow: hidden;
  word-break: break-word;
}
.profile-wall .balloonarea .balloon-container .ballon-button,
.stickyColumn .balloonarea .balloon-container .ballon-button {
  padding: 0;
}
.profile-wall .balloonarea .balloon-container .ballon-button:hover,
.stickyColumn .balloonarea .balloon-container .ballon-button:hover {
  background-color: transparent !important;
}
.profile-wall .balloonarea .balloon-container .avatar-user,
.stickyColumn .balloonarea .balloon-container .avatar-user {
  width: 55px;
  height: 55px;
}
@media only screen and (max-width: 300px) {
  .profile-wall .balloonarea .balloon-container .avatar-user,
  .stickyColumn .balloonarea .balloon-container .avatar-user {
    width: 40px;
    height: 40px;
  }
}
.profile-wall .balloonarea .balloon-container .balloon-value,
.stickyColumn .balloonarea .balloon-container .balloon-value {
  background-color: yellow;
}
.profile-wall .balloonarea .title-container,
.stickyColumn .balloonarea .title-container {
  color: #999;
  font-size: 11px;
  min-height: 30px;
}
.profile-wall .balloonarea .big-number,
.stickyColumn .balloonarea .big-number {
  color: #999;
  font-weight: bold;
  font-size: 22px;
}
.profile-wall .balloonarea .small-text,
.stickyColumn .balloonarea .small-text {
  color: #999;
  font-size: 10px;
}
.profile-wall .fixed-clear,
.stickyColumn .fixed-clear {
  content: "";
  clear: both;
}
.profile-wall .empty-element,
.stickyColumn .empty-element {
  padding: 20px 0;
}
.profile-wall .top-skills-skill-item,
.stickyColumn .top-skills-skill-item {
  padding-bottom: 10px;
  cursor: pointer;
}
.profile-wall .top-skills-skill-item .skill-title,
.stickyColumn .top-skills-skill-item .skill-title {
  color: #999;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
}
.profile-wall .top-skills-skill-item .left-class,
.stickyColumn .top-skills-skill-item .left-class {
  width: calc(100% - 40px);
  text-align: left;
}
.profile-wall .top-skills-skill-item .left-class .skill-bar-horizontal,
.stickyColumn .top-skills-skill-item .left-class .skill-bar-horizontal {
  height: 16px;
  margin-top: 4px;
  background-color: blue;
}
.profile-wall .top-skills-skill-item .right-class .skill-box-value,
.stickyColumn .top-skills-skill-item .right-class .skill-box-value {
  margin-left: 14px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #CCC;
}
.profile-wall .top-skills-skill-item .right-class .skill-box-value .skill-box-value-text,
.stickyColumn .top-skills-skill-item .right-class .skill-box-value .skill-box-value-text {
  text-align: center;
  color: #000;
  font-size: 11px;
  padding-top: 4px;
}
.profile-wall .skill-item-box,
.stickyColumn .skill-item-box {
  background-color: green;
  padding: 10px;
  border-radius: 6px;
  width: '100%';
  margin: 0 auto;
  text-align: center;
}
.profile-wall .skill-item-box .skill-name,
.stickyColumn .skill-item-box .skill-name {
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
}
.profile-wall .skill-item-box .skill-value,
.stickyColumn .skill-item-box .skill-value {
  color: #FFF;
  font-size: 20px;
}
.profile-wall .skill-item-box .skill-average,
.stickyColumn .skill-item-box .skill-average {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: bold;
}
.profile-wall .mood-weight-labels,
.stickyColumn .mood-weight-labels {
  text-align: center;
}
.profile-wall .mood-weight-labels .mood-weight-strong,
.stickyColumn .mood-weight-labels .mood-weight-strong {
  color: #999;
  font-size: 22px;
}
.profile-wall .mood-weight-labels .mood-weight-normal,
.stickyColumn .mood-weight-labels .mood-weight-normal {
  color: #999;
  font-size: 10px;
  line-height: 11px;
}
.profile-wall .helpful-inside-title,
.stickyColumn .helpful-inside-title {
  padding: 0 !important;
}
.profile-wall .helpful-inside-title p,
.stickyColumn .helpful-inside-title p {
  font-weight: bold;
  font-size: 12px;
}
@-moz-document url-prefix() {
  .fixFirefoxImageProfile {
    margin-top: 20px !important;
  }
}
.userProfileBio span {
  font-weight: bold;
}
@media only screen and (max-width: 400px) {
  .userProfileName {
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    font-family: "Quicksand", "Roboto", "Helvetica", "Arial", sans-serif !important;
    line-height: 1.35417em !important;
  }
}
.profileEditButtonSpacing {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.removeBtnStyles .profileAvatar {
  margin: 0 !important;
}
.withoutcolor.icon-tmb-mood-happy-2 .path1:before {
  color: #bdbdbd;
}
.withoutcolor.icon-tmb-mood-happy-2 .path2:before,
.withoutcolor.icon-tmb-mood-happy-2 .path3:before,
.withoutcolor.icon-tmb-mood-happy-2 .path4:before {
  color: #fff;
}
.skill-evolution-graph-area {
  padding: 0 15px;
}
.profileOtherDisclaimer {
  width: 110%;
  text-align: center;
  padding: 10px;
  margin-top: -30px;
  margin-bottom: 30px;
  margin-right: -25px;
  margin-left: -25px;
  background-color: #f6db8a !important;
}
.stickyColumn .box-card {
  max-width: 680px;
  margin-bottom: 0px;
  box-shadow: 0px 1px 22px -2px rgba(194, 191, 191, 0.4) !important;
}
.stickyColumn .summary-card {
  max-width: 680px;
  margin-bottom: 0px;
  box-shadow: 0px 1px 22px -2px rgba(194, 191, 191, 0.4) !important;
}
#profile-container .stickyColumn {
  position: fixed;
  margin-top: 110px;
  margin-right: 0px;
}
#profile-container {
  margin-top: 1rem;
}
.profile-wall {
  margin: 0 !important;
}
#rewardsList::-webkit-scrollbar-thumb {
  background-color: darkgrey !important;
}
#rewardsList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#rewardsList::-webkit-scrollbar {
  display: block !important;
  width: 4px !important;
}
.helper-badge-btn-position {
  position: absolute;
  top: 18px;
  right: 12px;
}
.helper-badge-btn-position .helper-badge-btn {
  text-transform: none;
  font-size: 10px !important;
  padding: 0;
  min-width: auto;
}
.helper-badge-btn-position .helper-badge-btn:hover {
  background-color: transparent !important;
}
.helper-badge-btn-position .helper-badge-btn .helper-badge-btn-avatar {
  height: 20px;
  width: 20px;
  font-size: 14px;
}
.helper-badge-texts {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 10px;
}
.badge-list-item {
  position: relative;
}
.badge-list-item .badge-list-avatar {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 495px) {
  .badge-list-item .badge-list-avatar {
    position: static;
    width: 85px;
    margin: 0 auto;
  }
}
.badge-list-item .badge-list-description-area {
  padding-left: 80px;
  text-align: left;
  padding-top: 10px;
}
.badge-list-item .badge-list-description-area.without-description {
  padding-top: 20px;
}
@media only screen and (max-width: 495px) {
  .badge-list-item .badge-list-description-area {
    padding-left: 0px;
    text-align: center;
  }
  .badge-list-item .badge-list-description-area.without-description {
    padding-top: 10px;
  }
}
.dynamic-grid {
  flex-grow: 1;
  padding-left: 20px;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width: 500px) {
  .skill-container {
    flex-direction: column;
  }
}
.feedback-hub-templates .headerContainer {
  padding: 20px 50px !important;
}
@media only screen and (max-width: 550px) {
  .feedback-hub-templates .headerContainer {
    padding: 20px 0px !important;
  }
}
.feedback-hub-templates .choice-type-box-item {
  padding: 20px;
  min-width: 200px;
}
@media only screen and (max-width: 950px) {
  .feedback-hub-templates .choice-type-box-item {
    padding: 10px;
    min-width: 200px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 570px) {
  .feedback-hub-templates .choice-type-box-item {
    padding: 5px;
    min-width: 170px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 570px) {
  .feedback-hub-templates .choice-type-box-item {
    min-width: 140px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 320px) {
  .feedback-hub-templates .choice-type-box-item {
    min-width: 100px;
    font-size: 11px;
  }
}
.feedback-hub-templates .choice-type-box-item .choice-type-text {
  padding-left: 5px;
}
@media only screen and (max-width: 700px) {
  .feedback-hub-templates .choice-type-box-item .choice-type-text {
    padding: 5px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 570px) {
  .feedback-hub-templates .choice-type-box-item .choice-type-text {
    padding: 0px;
    font-size: 12px;
  }
}
.feedback-hub-templates .choice-type-box-item.normal {
  background-color: #FFF;
}
.feedback-hub-templates .choice-type-box-item .choice-type-box-item-label {
  justify-content: center;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(fonts/MaterialIcons-Regular.woff2) format('woff2'), url(fonts/MaterialIcons-Regular.woff) format('woff'), url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. /
  -webkit-font-smoothing: antialiased;
  / Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
*:focus {
  outline: none;
}
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  -ms-overflow-style: none;
}
* {
  -ms-overflow-style: none;
}
*::-webkit-scrollbar {
  display: none;
}
.showScroller .ReactVirtualized__Grid {
  overflow-x: scroll !important;
  -ms-overflow-style: scrollbar !important;
}
.showScroller .ReactVirtualized__Grid::-webkit-scrollbar {
  display: block !important;
  -ms-overflow-style: scrollbar !important;
  height: 10px;
}
.showScroller .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(137, 137, 137, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.showScroller .ReactVirtualized__Grid::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.showScrollerAll .ReactVirtualized__Grid {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -ms-overflow-style: scrollbar !important;
}
.showScrollerAll .ReactVirtualized__Grid::-webkit-scrollbar {
  display: block !important;
  -ms-overflow-style: scrollbar !important;
  height: 10px;
  width: 10px;
}
.showScrollerAll .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(137, 137, 137, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.showScrollerAll .ReactVirtualized__Grid::-webkit-scrollbar-corner {
  background-color: transparent;
}
.showScrollerAll .ReactVirtualized__Grid::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.scrollY {
  overflow-x: hidden;
  overflow-y: auto !important;
  -ms-overflow-style: scrollbar !important;
}
.scrollY::-webkit-scrollbar {
  display: block !important;
  -ms-overflow-style: scrollbar !important;
  height: 10px;
  width: 10px;
}
.scrollY::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(137, 137, 137, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.scrollY::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scrollY::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
body {
  background-color: #fff;
  margin: 0;
  -moz-transition: all 1.5s linear;
  -webkit-transition: all 1.5s linear;
  -ms-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
#bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-size: cover !important;
  background: url('img/bg_1.jpg') right bottom no-repeat fixed;
}
#bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transition: all 1.5s linear;
  -webkit-transition: all 1.5s linear;
  -ms-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
#app-blocker {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: #00a57d;
  text-align: center;
  padding-top: 20%;
  z-index: 99999999 !important;
}
@media only screen and (max-height: 480px) {
  #app-blocker {
    padding-top: 0%;
  }
}
.android {
  display: none;
}
.ios {
  display: none;
}
.app-blocker-title {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  color: #fff;
  font-size: 24px;
  margin-bottom: 5vh;
}
.logo {
  width: 75%;
  max-width: 40vh;
  margin-bottom: 5vh;
}
.app-blocker-text {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  color: #fff;
  font-size: 22px;
  padding: 0 5%;
}
.app-blocker-text-smaller {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}
.download {
  width: 50%;
  max-width: 30vh;
}
.bottom {
  position: absolute;
  bottom: 5vh;
  width: 100%;
}
.close-app-blocker-text {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  margin-top: 3vh;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5);
  z-index: 9999999;
}
a {
  text-decoration: none;
  color: inherit;
}
.error-app {
  height: 100vh;
  text-align: center;
  color: #fff;
}
.errorButton {
  margin-top: 20px;
}
.userModal {
  box-shadow: 0px 1px 22px -2px rgba(0, 0, 0, 0.8) !important;
}
.appContent {
  margin: 45px auto !important;
  width: 96%;
  flex: 1;
}
@media (max-width: 1115px) {
  .appContent {
    margin: 20px auto !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 800px) {
  .appContent {
    margin: 16px auto !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 599px) {
  .appContent {
    margin: 6px auto !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 320px) {
  .appContent {
    margin: 40px auto !important;
    margin-bottom: 50px !important;
  }
}
.app-content {
  height: 105vh;
  margin-left: 0px !important;
  flex: 1 !important;
  overflow-x: hidden !important;
  margin-top: -15px !important;
  max-width: 1150px;
}
@media only screen and (max-width: 959px) {
  .app-content {
    margin-left: 0px;
  }
}
.app-content-tv {
  margin-left: 0px !important;
}
.dialog-popup-ask-template {
  margin-left: 0px !important;
}
@media only screen and (max-width: 959px) {
  .dialog-popup-ask-template {
    margin-left: 0px;
  }
}
.scrollShow {
  display: none;
}
.quickActions {
  z-index: 995;
  position: fixed;
  right: 0;
  bottom: 60px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .quickActions {
    bottom: 108px;
  }
}
.loading {
  height: 100%;
  position: relative;
}
.loading-app {
  height: 90vh;
  position: relative;
}
.loading-app-full {
  height: 100vh !important;
}
.card {
  border-radius: 16px !important;
  max-width: 580px;
  margin: 0 auto;
  box-shadow: none !important;
  border: 1px solid #cbd5e1;
}
.cardWithNoMaxWidth {
  border-radius: 16px !important;
  margin: 0 auto;
  box-shadow: none !important;
  border: 1px solid #cbd5e1;
}
.centeredCard {
  margin: 0 auto !important;
}
.cardMaxWidth {
  max-width: 900px;
  margin: 0 auto;
}
.card-shadow {
  border-radius: 16px !important;
  box-shadow: 0px 1px 22px -2px #cbd5e1 !important;
  border: '0.5px solid #CBD5E1';
}
.card-disabled {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.feedbackCard_new {
  max-width: 580px;
  margin: 0 auto;
  box-shadow: 0px 1px 22px -2px rgba(194, 191, 191, 0.4) !important;
}
@media only screen and (max-width: 580px) {
  .feedbackCard_new {
    max-width: 100%;
  }
}
.shadow {
  box-shadow: 0px 1px 22px -2px rgba(194, 191, 191, 0.4) !important;
}
.disabled {
  opacity: 0.5 !important;
  margin: 0px !important;
  border-radius: 24px !important;
  border: 1px solid #d3d5db;
  border-radius: 16px !important;
  max-width: 580px;
  margin: 0 auto;
  box-shadow: none !important;
  border: 1px solid #cbd5e1;
}
@media only screen and (max-width: 320px) {
  .disabled {
    margin: 0;
  }
}
.pointer {
  cursor: pointer;
}
.removePointer {
  cursor: auto;
}
.flex {
  flex: 1 !important;
}
.flexGrow {
  flex-grow: 1 !important;
}
.noWrap {
  flex-wrap: nowrap !important;
}
.resetHeight {
  height: 0px;
}
.resetWidth {
  width: 0px;
}
.fixWidth {
  width: 100%;
}
.forceWidth {
  width: 100% !important;
}
.fixWidthTooltip {
  white-space: nowrap;
  width: auto;
}
.fixWidthTooltipHidden {
  display: none;
}
.topCloserTooltip {
  margin-bottom: -10px;
}
.fixWidthFeedback {
  width: 99%;
}
.fixHeight {
  height: 100%;
}
.centeredText {
  text-align: center !important;
}
.alignSelfCenter {
  align-self: center !important;
}
.centeredDiv {
  margin: 0 auto !important;
}
.buttonAlignLeft {
  margin-left: -16px !important;
}
.correctingWidth {
  width: auto !important;
}
.manageAccountInfo {
  flex-grow: 1;
  text-align: center;
}
.manageAccountInfo .manageAccountInfoBtn {
  padding: 10px !important;
  border-radius: 10px !important;
}
.buttonAlignLeftWithBtn {
  margin-left: -8px !important;
}
.cardFix15Spacing {
  padding: 15px;
  flex-wrap: nowrap !important;
}
.cardFix20Spacing {
  padding: 20px;
  flex-wrap: nowrap !important;
}
.cardSpacing {
  overflow: hidden;
  padding: 20px !important;
  flex-wrap: nowrap !important;
  z-index: 1;
}
@media (max-width: 768px) {
  .cardSpacing {
    padding: 6px !important;
  }
}
.cardSpacing.alwaysExpand {
  padding: 24px 2px !important;
  overflow: hidden;
  flex-wrap: nowrap !important;
  z-index: 1;
}
.cardSpacingNoBottom {
  overflow: hidden;
  padding: 20px !important;
  padding-bottom: 0px !important;
  flex-wrap: nowrap !important;
  z-index: 1;
}
.cardSpacingNoBottomNoTop {
  overflow: hidden;
  padding: 20px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  flex-wrap: nowrap !important;
  z-index: 1;
}
.buttonWithoutRipple {
  color: white !important;
}
.buttonWithoutRipple:hover {
  background: none !important;
}
.buttonWithoutHover:hover {
  background: none !important;
  z-index: 99;
}
.example-appear {
  opacity: 0.01;
  height: 0%;
}
.example-appear.example-appear-active {
  opacity: 1;
  height: 100%;
  transition: opacity 0.5s ease-in;
  transition: height 0.5s ease-in;
}
.text-row.undefined {
  animation: placeHolderShimmer 5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}
.hidden {
  display: none;
}
.fixWrap {
  flex-wrap: nowrap !important;
}
@media only screen and (max-width: 600px) {
  .fixWrap {
    flex-wrap: wrap;
  }
}
.closeBadgeWhite {
  padding-bottom: 100% !important;
  color: white !important;
}
@media only screen and (max-width: 450px) {
  .hideSpacer {
    display: none;
  }
}
.closeBtn {
  position: absolute !important;
  right: 0;
}
@media only screen and (max-width: 361px) {
  .giveModalButton {
    margin: 7px 10px !important;
  }
  .giveTapOptionsButton {
    width: 80%;
    margin: 12px auto 10px auto !important;
  }
  .dialog-middle {
    margin: 24px 0px !important;
  }
  .draftDate {
    padding-right: unset !important;
  }
  .draftDateContainer {
    width: 100%;
    text-align: center;
  }
  .draftsContainer {
    width: 100%;
    display: flex;
    justify-content: inherit;
    padding: 7px 0 7px 0;
  }
  #textFieldQuestionAsk {
    white-space: nowrap;
  }
  .item-title-bold {
    font-size: 5vw !important;
  }
  .submitComment {
    padding: 6px;
  }
  .mood-yn-bnts {
    padding-top: 25px;
  }
  .moodContainer {
    margin: 37px 0px 0px 7px;
  }
  .wall-filter-by {
    width: 46px;
  }
  .max-width-element {
    padding: 0;
  }
}
/* fix for firefox browsers: editable card close button */
@-moz-document url-prefix() {
}
.removeBtnStyles {
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.alignCloseBtn {
  margin-left: -50px !important;
}
.alignNameEdit {
  width: 100% !important;
  text-align: left !important;
}
.removeTopBottomPadding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.removeTopPadding {
  padding-top: 0px !important;
}
.adjustMargin {
  margin: -10px 0px !important;
}
.invite_text {
  width: 100%;
}
.invite_text textarea {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.achievementLeftMargin {
  margin-left: 1px !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fixPadding {
    padding-right: 7em;
  }
}
.fixiOSInput {
  z-index: 20;
  width: 50%;
  left: 25%;
  height: 100px;
  display: block;
  top: initial;
  position: absolute;
  opacity: 0;
}
.fixiOSInputHide {
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0;
}
.fixiOSInputHideTap {
  z-index: 20;
  height: 100%;
  width: 30px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.fixiOSInputHideTapPicture {
  z-index: 20;
  height: 50px;
  right: 0;
  bottom: 0;
  width: 50px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.relative {
  position: relative;
}
.bolder {
  font-weight: bolder !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.warningColor {
  color: #ff9800 !important;
}
.onTop {
  z-index: 17 !important;
}
.recharts-legend-item-text,
.recharts-layer .recharts-cartesian-axis-tick,
.recharts-text .recharts-cartesian-axis-tick-value tspan,
.recharts-default-tooltip,
.recharts-wrapper .recharts-y-axis .recharts-cartesian-axis-tick text,
.recharts-tooltip-wrapper {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}
.recharts-text .recharts-polar-angle-axis-tick-value tspan {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 12px;
}
.recharts-layer.recharts-cartesian-axis.recharts-xAxis.xAxis {
  display: none;
}
.withXAxis .recharts-layer.recharts-cartesian-axis.recharts-xAxis.xAxis {
  display: block;
  font-size: 10px;
}
.withXAxisSmallFont .recharts-layer.recharts-cartesian-axis.recharts-xAxis.xAxis {
  display: block;
  font-size: 9px;
}
.withFontYAxis .recharts-layer.recharts-cartesian-axis.recharts-yAxis.yAxis {
  display: block;
  font-size: 10px;
}
text.recharts-text.recharts-label {
  font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 10px;
}
.label-white span {
  color: #fff;
}
.label-gray span {
  color: #666;
}
.errorCheck span {
  color: #cc0000 !important;
}
.seeMoreBtn {
  padding: 0;
  text-transform: none !important;
}
.photoContainer {
  width: 100%;
  height: 25vw;
  max-height: 420px;
  text-align: center;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  background-color: #ffffff;
}
@media only screen and (max-width: 380px) {
  .photoContainer {
    height: 180px;
  }
}
@media only screen and (max-width: 450px) {
  .photoContainer {
    height: 240px;
  }
}
.custom-text-perms {
  border: solid 1px #eee;
  border-radius: 5px;
  padding: 20px;
}
.custom-text-perms.with-text {
  padding: 40px 20px 20px 20px;
}
.custom-text-perms.with-text label {
  top: -20px;
}
.custom-text-perms.without-text {
  padding: 10px 20px;
}
.custom-text-perms.without-text .custom-text-empty {
  padding: 15px 5px;
}
@media only screen and (max-width: 800px) {
  .custom-text-perms.without-text .custom-text-empty {
    padding: 15px 5px;
  }
}
@media only screen and (max-width: 800px) {
  .custom-text-perms.without-text .custom-text-empty {
    padding: 25px 5px;
  }
}
@media only screen and (max-width: 480px) {
  .custom-text-perms.without-text .custom-text-empty {
    padding: 35px 5px;
  }
}
.custom-text-perms .custom-text-withtext label {
  color: #666;
}
.custom-text-perms label {
  transform: none !important;
}
.features-items-container {
  padding: 0 40px;
}
@media only screen and (max-width: 780px) {
  .features-items-container {
    padding: 0;
  }
}
.fill-dialog-features .feature-content-popup {
  padding: 0 5px 5px 5px !important;
}
.deleteButtonSkillLabel {
  position: absolute !important;
  right: 0;
  bottom: -5px;
}
@media only screen and (max-width: 410px) {
  .twoLinesResponsive textarea {
    padding: 10px 5px;
  }
}
.recharts-legend-wrapper {
  bottom: -5px !important;
}
#intercomLauncher {
  opacity: 0;
}
.helpcrunch-iframe-wrapper {
  display: none;
}
@media (max-width: 1023px) {
  .helpcrunch-iframe-wrapper iframe {
    bottom: 64px !important;
  }
}
#onboarding_progress {
  display: flex;
  display: none;
}
.bolder {
  font-weight: 600;
}
@media only screen and (max-width: 320px) {
  .tap_give_cta {
    margin: 5px auto !important;
  }
  .buttonAlignLeftWithBtn {
    display: none !important;
  }
}
@media only screen and (max-width: 375px) {
  .tap_give_cta {
    margin: 5px auto !important;
  }
}
@media only screen and (max-width: 410px) {
  .tap_give_cta {
    margin: 5px 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .buttonAlignLeftWithBtn {
    display: none !important;
  }
  .renderAddCard {
    height: 120px;
  }
}
/* slider */
.slick-dots-feedback {
  list-style: none;
  display: flex !important;
  justify-content: center;
  padding-left: unset;
  margin: 0;
}
.slick-prev:before,
.slick-next:before {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  color: black;
  padding: 10px;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
ul.slick-dots-feedback li button {
  border: none;
  margin: 0 4px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 0;
  background-color: gray;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  cursor: pointer;
}
ul.slick-dots-feedback li button:hover {
  transform: scale(1.2);
}
.slick-active button {
  border: 1.5px solid black !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #eae7e0 !important;
}
.good-bad-feedback-container {
  overflow: hidden;
}
.good-bad-feedback {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 480px) {
  .mood-feedback-title {
    padding: unset;
  }
  .good-bad-feedback-separator {
    display: none;
  }
  .good-bad-feedback {
    flex-direction: column;
  }
  .good-bad-feedback-container {
    margin-top: 15px;
    overflow-y: scroll;
  }
  .good-bad-feedback-container::-webkit-scrollbar {
    display: block;
    width: 2px;
  }
  .good-bad-feedback-container::-webkit-scrollbar-thumb {
    background-color: darkgrey;
  }
  #bad-feedback {
    margin-top: 20px;
  }
  .good-bad-feedback-column {
    height: 100% !important;
  }
}
.mood-icon-container-smaller {
  font-size: 36px;
}
.mood-icon-container-smallest {
  font-size: 26px;
}
.mood-icon-label-smaller span {
  font-size: 10px !important;
  margin-top: -5px;
}
.mood-choice-button-smaller {
  width: 100%;
}
.mood-choice-button-smaller:hover {
  background-color: transparent !important;
  padding: 4px 2px !important;
}
.mood-choice-button-smaller:hover .icon-tmb-mood {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  -webkit-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
}
.mood-choice-button-smaller-selected {
  width: 100%;
}
.mood-choice-button-smaller-selected .icon-tmb-mood {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
}
.mood-choice-button-smaller-selected:hover {
  background-color: transparent !important;
  padding: 4px 2px !important;
}
.mood-choice-button-smaller-selected:hover .icon-tmb-mood {
  -webkit-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 28px -5px rgba(0, 0, 0, 0.75);
}
.mood-already-answer .closeBtnArea span {
  margin-top: -2px;
}
.templateCardsContainer {
  padding: 0 20px !important;
}
@media only screen and (max-width: 470px) {
  .templateCardsContainer {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 470px) {
  .templateCardsContainerResponsive {
    padding: 0 20px;
  }
}
.templateCardHeight {
  min-height: 255px;
}
.templateCardSpacing {
  padding: 16px !important;
  flex-wrap: nowrap !important;
  z-index: 1;
  max-width: 580px;
  margin: 0 auto;
}
.templateCardImage {
  height: 10vh;
  width: auto;
  max-width: 160px;
  max-height: 160px;
  margin: 10px auto;
}
.templateFeedbackCardText {
  min-height: 70px;
  margin: 10px auto;
}
.templatePulseCardText {
  min-height: 120px;
  margin: 10px auto;
}
.templateCardTitle {
  margin-bottom: 5px !important;
  font-weight: bold !important;
}
.templateCardDescription {
  min-height: 60px;
}
.pulseSurveysContainerTitle {
  width: 100%;
  margin-bottom: 16px !important;
  margin-left: 20px !important;
}
@media only screen and (max-width: 600px) {
  .pulseSurveysContainerTitle {
    text-align: center;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .cardWithoutMarginMobile {
    margin: 5%;
  }
}
.scaleAnswerProgress {
  height: 2.5vh !important;
  background-color: transparent !important;
}
.openAnswerItemDate {
  font-size: 12px !important;
}
.inlineText {
  display: inline !important;
  margin-left: 5px !important;
}
.removeBottomPadding {
  padding-bottom: 0;
}
.loadingPulseChart {
  margin-top: 20vh;
}
.relative {
  position: relative;
}
.denseCardExplanation {
  box-shadow: none !important;
  overflow: visible !important;
  background: none !important;
  padding: 0 !important;
  max-width: fit-content;
}
.helpIconExplanationDense {
  position: absolute !important;
  right: -50px;
  top: -10px;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  .helpIconExplanationDense {
    top: -4px;
  }
}
.helpIconExplanation {
  position: absolute !important;
  right: 10px;
  top: 8px;
  opacity: 0.5;
}
.simpleCardBottomMargin {
  margin-bottom: 200px !important;
}
.removePaddingTop {
  padding-top: 0 !important;
}
.removePaddingBottom {
  padding-bottom: 0 !important;
}
.removeMarginBottom {
  margin-bottom: 0 !important;
}
.hideElement {
  display: none;
}
.emojiDialog {
  z-index: 1700;
}
.textFieldWithEmoji {
  position: relative;
  display: flex;
}
.textFieldWithEmoji:focus-within .emojiButton {
  pointer-events: inherit;
  opacity: 1;
}
.textFieldWithEmoji input {
  padding-right: 3.5rem;
}
.textFieldWithEmoji textarea {
  padding-right: 3.5rem;
}
.textFieldWithEmojiMobile {
  position: relative;
  display: flex;
}
.textFieldWithEmojiMobile:focus-within .emojiButton {
  pointer-events: inherit;
  opacity: 1;
}
.textFieldWithEmojiMobile input {
  padding-right: 3.5rem;
}
.textFieldWithEmojiMobile textarea {
  padding-right: 3.5rem;
}
.emojiButton {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  align-items: center;
  box-sizing: border-box;
  margin-right: 0.55rem;
  opacity: 0;
  pointer-events: none;
  transition: all 250ms ease-in-out;
}
.emojiButton button {
  height: 2.5rem !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .emojiButton {
    pointer-events: all;
  }
}
/*
.emoji-mart-preview {
  height: 40px !important;
}*/
.emoji-mart-title-label {
  font-size: initial !important;
}
.emoji-mart-preview-skins {
  cursor: pointer;
}
.my-masonry-grid {
  display: flex;
  margin-left: -10px;
  /* gutter size offset */
  width: auto;
}
.my-masonry-grid_column {
  padding-left: 10px;
  /* gutter size */
  background-clip: padding-box;
}
.my-masonry-grid_column > div {
  margin-bottom: 10px;
}
.gif-masonry-grid {
  display: flex;
  width: auto;
}
.gif-masonry-grid_column {
  background-clip: padding-box;
}
.gif-masonry-grid_column > div {
  margin-bottom: 10px;
}
.stickyColumn {
  position: sticky;
  overflow: scroll;
  height: 100vh;
  top: 0px;
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin-left: -12px;
  margin-right: -27px;
  padding-right: 20px;
}
.react-tel-input {
  margin-top: 15px;
  margin-bottom: 15px;
}
.react-tel-input .special-label {
  top: -5px !important;
  left: 10px !important;
  font-size: 11px !important;
}
.react-tel-input .form-control {
  width: 100% !important;
}
#mainContent {
  height: auto;
}
.supportroll {
  transform: translate(0%, 0);
  animation-delay: 0s;
  /* instead of 1 sec */
  animation-play-state: running;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
  /* instead of 5 sec */
  animation-name: supportanimation;
  opacity: 1;
  /* fade-in effect */
}
.tmb_card_v2 {
  position: relative;
  border-radius: 12px;
  border: 1px solid var(--primary-01, #d3f5eb);
  background: #fff;
  box-shadow: 0px 0px 8px 4px rgba(127, 198, 178, 0.25);
}
.tmb_font_black {
  color: var(--black-02, #706b6b);
}
.tmb_font_16 {
  color: var(--black-01-base, #3a3a3a);
  text-align: center;
  /* quicksand/Type@16 */
  font-family: Quicksand;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}
.tmb_font_10 {
  /* roboto/Type@10 */
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 12px */
}
@keyframes supportanimation {
  from {
    transform: translate(200%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
.borderless-container * {
  border: none !important;
  /* Removes borders from all child elements */
}
.borderless-container div,
.borderless-container button {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px !important;
  color: '#706B6B';
  font-weight: 400;
}
.chip-filter .MuiInputBase-root {
  padding: 0.26rem !important;
  font-family: 'Quicksand', sans-serif;
}
.chip-filter .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 6px 0 8px 0 !important;
  margin: 0 0 4px 0 !important;
}
.chip-filter .css-1dybbl5-MuiChip-label,
.chip-filter .css-113d811-MuiFormLabel-root-MuiInputLabel-root {
  padding: 8px 14px;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  color: #706b6b;
  opacity: 0.88;
}
.chip-filter .MuiAutocomplete-listbox {
  color: #706b6b;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  max-width: 0px !important;
}
.chip-filter .MuiAutocomplete-paper {
  max-width: 400px !important;
  min-width: 400px !important;
}
.tmbSearchTextField .MuiOutlinedInput-root {
  border-radius: 16px;
}
.no-padding-checkbox {
  padding: 0 12px 0px 12px !important;
}
.no-border-input .MuiInput-underline {
  border: none !important;
}
.tmbTableCellPadding > td {
  padding: 12px 0px !important;
}
.show-on-mobile-tablet,
.show-on-desktop {
  display: none;
}
@media (max-width: 959.95px) {
  .show-on-mobile-tablet {
    display: block;
  }
  .show-on-desktop {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .show-on-mobile-tablet {
    display: none !important;
  }
  .show-on-desktop {
    display: block;
  }
}
.SingleDatePicker_picker__directionLeft {
  left: -61px !important;
}
.DateRangePicker {
  border: none !important;
}
.DateRangePickerInput {
  border: none !important;
  display: flex !important;
  width: fit-content !important;
  align-items: center;
}
.DateRangePickerInput_calendarIcon {
  margin: -5px 15px 0px 5px !important;
  padding: 0px !important;
}
.DateRangePickerInput_arrow {
  margin-right: 11px !important;
}
.calendarSelect {
  padding: 5px 2px;
  margin-top: -8px;
  border: 1.5px solid #cbd5e1;
  border-radius: 8px;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  color: #4b5b69 !important;
  font-family: 'Quicksand', sans-serif !important;
}
.DateRangePicker_picker {
  z-index: 999999 !important;
}
.MuiBottomNavigation-root {
  border: 1px solid #CBD5E1 !important;
}