@charset "UTF-8";
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-badge-small .mat-badge-content {
  font-size: 6px; }

.mat-badge-large .mat-badge-content {
  font-size: 24px; }

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }

.mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }

.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
  .mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px; }

.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em; }

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em; }

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em; }

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px; }

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card-title {
  font-size: 24px;
  font-weight: 500; }

.mat-card-header .mat-card-title {
  font-size: 20px; }

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px; }

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px; }

.mat-chip {
  font-size: 14px;
  font-weight: 500; }
  .mat-chip .mat-chip-trailing-icon.mat-icon,
  .mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px; }

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-header-cell {
  font-size: 12px;
  font-weight: 500; }

.mat-cell, .mat-footer-cell {
  font-size: 14px; }

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-calendar-body {
  font-size: 13px; }

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500; }

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400; }

.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400; }

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-form-field-wrapper {
  padding-bottom: 1.34375em; }

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125; }

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em; }
  .mat-form-field-prefix .mat-icon-button .mat-icon,
  .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125; }

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent; }

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
.mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em; }

.mat-form-field-label {
  top: 1.34375em; }

.mat-form-field-underline {
  bottom: 1.34375em; }

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.66667em;
  top: calc(100% - 1.79167em); }

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0; }

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper
.mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
.mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em; }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.54167em;
  top: calc(100% - 1.66667em); }

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75); }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper
.mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75); }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
.mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75); } }

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0; }

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em; }

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
.mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0; }

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em; }

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
.mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.33334%; }

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px; }
  .mat-grid-tile-header .mat-line,
  .mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-grid-tile-header .mat-line:nth-child(n+2),
    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
      font-size: 12px; }

input.mat-input-element {
  margin-top: -0.0625em; }

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px; }

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select-trigger {
  height: 1.125em; }

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500; }

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-step-label {
  font-size: 14px;
  font-weight: 400; }

.mat-step-sub-label-error {
  font-weight: normal; }

.mat-step-label-error {
  font-size: 14px; }

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500; }

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0; }

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px; }

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px; }

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-list-base .mat-list-item {
  font-size: 16px; }
  .mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list-base .mat-list-option {
  font-size: 16px; }
  .mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-list-base[dense] .mat-list-item {
  font-size: 12px; }
  .mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list-base[dense] .mat-list-option {
  font-size: 12px; }
  .mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500; }

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px; }

.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px; }

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500; }

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px; }

.mat-ripple {
  overflow: hidden;
  position: relative; }

.mat-ripple.mat-ripple-unbounded {
  overflow: visible; }

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0); }
  @media (-ms-high-contrast: active) {
    .mat-ripple-element {
      display: none; } }

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.cdk-overlay-container {
  position: fixed;
  z-index: 1000; }
  .cdk-overlay-container:empty {
    display: none; }

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000; }

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%; }

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0; }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1; }
    @media screen and (-ms-high-contrast: active) {
      .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6; } }

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32); }

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0; }

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px; }

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }

@keyframes cdk-text-field-autofill-start {
  /*!*/ }

@keyframes cdk-text-field-autofill-end {
  /*!*/ }

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start; }

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end; }

textarea.cdk-textarea-autosize {
  resize: none; }

textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important; }

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-option {
  color: rgba(0, 0, 0, 0.87); }
  .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87); }
  .mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5; }

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081; }

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336; }

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54); }
  .mat-pseudo-checkbox::after {
    color: #fafafa; }

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081; }

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5; }

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336; }

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0; }

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.mat-theme-loaded-marker {
  display: none; }

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-autocomplete-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white; }
    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
      color: rgba(0, 0, 0, 0.87); }

.mat-badge-content {
  color: white;
  background: #3f51b5; }
  @media (-ms-high-contrast: active) {
    .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white; }

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336; }

.mat-badge {
  position: relative; }

.mat-badge-hidden .mat-badge-content {
  display: none; }

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38); }

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none; }

.mat-badge-content.mat-badge-active {
  transform: none; }

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px; }

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px; }

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px; }

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px; }

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px; }

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px; }

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px; }

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px; }

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px; }

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px; }

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px; }

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px; }

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px; }

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px; }

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px; }

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px; }

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px; }

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px; }

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent; }
  .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
    color: #3f51b5; }
  .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #ff4081; }
  .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #f44336; }
  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5; }
  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081; }
  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336; }
  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent; }
  .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
    opacity: 0.1;
    background-color: currentColor; }

.mat-button-focus-overlay {
  background: black; }

.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12); }

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white; }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    color: white; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: white; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: white; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: #3f51b5; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #ff4081; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #f44336; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.12); }
  .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }
  .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }
  .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }

.mat-stroked-button:not([class*='mat-elevation-z']), .mat-flat-button:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-raised-button:not([class*='mat-elevation-z']) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-raised-button:not([disabled]):active:not([class*='mat-elevation-z']) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-raised-button[disabled]:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-fab:not([class*='mat-elevation-z']), .mat-mini-fab:not([class*='mat-elevation-z']) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-fab:not([disabled]):active:not([class*='mat-elevation-z']), .mat-mini-fab:not([disabled]):active:not([class*='mat-elevation-z']) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-fab[disabled]:not([class*='mat-elevation-z']), .mat-mini-fab[disabled]:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none; }

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38); }
  .mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.12); }

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white; }
  .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: black; }

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12); }

[dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54); }
  .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87); }

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee; }
  .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: white; }
  .mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd; }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12); }

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-card:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  .mat-card.mat-card-flat:not([class*='mat-elevation-z']) {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-checkmark {
  fill: #fafafa; }

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important; }
  @media (-ms-high-contrast: black-on-white) {
    .mat-checkbox-checkmark-path {
      stroke: #000 !important; } }

.mat-checkbox-mixedmark {
  background-color: #fafafa; }

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081; }

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336; }

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0; }

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0; }

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54); }

@media (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5; } }

@media (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: none; } }

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: #3f51b5; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ff4081; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: #f44336; }

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87); }
  .mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4; }
  .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
  .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54; }
  .mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4; }
  .mat-chip.mat-standard-chip::after {
    background: black; }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-table {
  background: white; }

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit; }

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12); }

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54); }

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87); }

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54); }

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12); }

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent; }

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18); }

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white; }

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4); }

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white; }

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: white; }
  .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, 0.4); }
  .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px white; }
  .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: white; }
  .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4); }
  .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px white; }

.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-datepicker-toggle-active {
  color: #3f51b5; }
  .mat-datepicker-toggle-active.mat-accent {
    color: #ff4081; }
  .mat-datepicker-toggle-active.mat-warn {
    color: #f44336; }

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12); }

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-expansion-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])
.mat-expansion-panel-header:hover {
    background: white; } }

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87); }

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-expansion-panel-header[aria-disabled='true'] {
  color: rgba(0, 0, 0, 0.26); }
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
    color: inherit; }

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-hint {
  color: rgba(0, 0, 0, 0.6); }

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336; }

.mat-focused .mat-form-field-required-marker {
  color: #ff4081; }

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336; }

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336; }
  .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
  .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336; }

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336; }

.mat-error {
  color: #f44336; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54); }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02); }

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent; }

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12); }

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87); }

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5; }

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081; }

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336; }

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336; }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06); }

.mat-icon.mat-primary {
  color: #3f51b5; }

.mat-icon.mat-accent {
  color: #ff4081; }

.mat-icon.mat-warn {
  color: #f44336; }

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38); }

.mat-input-element {
  caret-color: #3f51b5; }
  .mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42); }

.mat-accent .mat-input-element {
  caret-color: #ff4081; }

.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336; }

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336; }

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87); }

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87); }

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54); }

.mat-list-item-disabled {
  background-color: #eeeeee; }

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04); }

.mat-menu-panel {
  background: white; }
  .mat-menu-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87); }
  .mat-menu-item[disabled], .mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, 0.38); }

.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04); }

.mat-paginator {
  background: white; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54); }

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54); }

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54); }

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-progress-bar-background {
  fill: #c5cae9; }

.mat-progress-bar-buffer {
  background-color: #c5cae9; }

.mat-progress-bar-fill::after {
  background-color: #3f51b5; }

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab; }

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab; }

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081; }

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2; }

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2; }

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336; }

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5; }

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081; }

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336; }

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5; }

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5; }

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081; }

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081; }

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336; }

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336; }

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38); }

.mat-radio-button .mat-ripple-element {
  background-color: black; }

.mat-select-value {
  color: rgba(0, 0, 0, 0.87); }

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38); }

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54); }

.mat-select-panel {
  background: white; }
  .mat-select-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.12); }

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5; }

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081; }

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336; }

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336; }

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38); }

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-drawer.mat-drawer-push {
    background-color: white; }
  .mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12); }
  .mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, 0.12);
    border-right: none; }

[dir='rtl'] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none; }
  [dir='rtl'] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, 0.12); }

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6); }

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081; }

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54); }

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081; }

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5; }

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54); }

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5; }

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336; }

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54); }

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336; }

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black; }

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa; }

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5; }

.mat-primary .mat-slider-thumb-label-text {
  color: white; }

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081; }

.mat-accent .mat-slider-thumb-label-text {
  color: white; }

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336; }

.mat-warn .mat-slider-thumb-label-text {
  color: white; }

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2); }

.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26); }

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7); }

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .mat-step-header:hover {
    background: none; } }

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54); }

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white; }

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: white; }

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336; }

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87); }

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336; }

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white; }

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12); }

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-sort-header-arrow {
  color: #757575; }

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none; }

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87); }
  .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87); }

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
  border-bottom: none;
  border-top: none; }

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3); }

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5; }

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3); }

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081; }

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3); }

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336; }

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3); }

.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5; }

.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3); }

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081; }

.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3); }

.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336; }

.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87); }
  .mat-toolbar.mat-primary {
    background: #3f51b5;
    color: white; }
  .mat-toolbar.mat-accent {
    background: #ff4081;
    color: white; }
  .mat-toolbar.mat-warn {
    background: #f44336;
    color: white; }
  .mat-toolbar .mat-form-field-underline,
  .mat-toolbar .mat-form-field-ripple,
  .mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor; }
  .mat-toolbar .mat-form-field-label,
  .mat-toolbar .mat-focused .mat-form-field-label,
  .mat-toolbar .mat-select-value,
  .mat-toolbar .mat-select-arrow,
  .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit; }
  .mat-toolbar .mat-input-element {
    caret-color: currentColor; }

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9); }

.mat-tree {
  background: white; }

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87); }

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-simple-snackbar-action {
  color: #ff4081; }

.wt-standard-dialog-backdrop {
  opacity: 0.9;
  background-color: #1d2026;
  background: rgba(0, 0, 0, 0.32);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.wt-bonus-commission-plan-tiers-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.watch-videos-component {
  border-radius: 50px; }

.wt-bonus-commission-plan-tiers-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0px; }
  .wt-bonus-commission-plan-tiers-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-bonus-commission-plan-tiers-dialog .mat-dialog-container {
    background-color: transparent;
    box-shadow: none; }

.wt-rbo-activity-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

@media only screen and (max-width: 1090px) {
  .round-radius {
    width: auto;
    height: auto; } }

.round-radius .mat-dialog-container {
  border-radius: 10px;
  padding: 0;
  position: relative; }
  @media only screen and (max-width: 1090px) {
    .round-radius .mat-dialog-container {
      width: auto;
      height: auto;
      margin: auto; } }

.wt-pro-platinum-upgrade-modal .mat-dialog-container {
  background: transparent;
  box-shadow: none; }

.wt-rbo-activity-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: 25px;
  padding-bottom: 25px; }
  .wt-rbo-activity-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-rbo-activity-dialog .mat-dialog-container {
    background: transparent;
    box-shadow: none;
    padding: 0px; }

@media only screen and (max-width: 1024px) {
  .wt-rbo-activity-dialog {
    width: auto; } }

.wt-standard-transparent-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.wt-standard-transparent-stripe-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.wt-standard-transparent-stripe-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px; }
  .wt-standard-transparent-stripe-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-transparent-stripe-dialog .mat-dialog-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: initial;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 330px;
    top: 0px; }
    @media only screen and (max-width: 1024px) {
      .wt-standard-transparent-stripe-dialog .mat-dialog-container {
        position: relative; } }

.wt-standard-transparent-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px; }
  .wt-standard-transparent-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-transparent-dialog .mat-dialog-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: initial;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 330px;
    top: 0px; }
    @media only screen and (max-width: 1024px) {
      .wt-standard-transparent-dialog .mat-dialog-container {
        position: relative; } }
    @media only screen and (max-width: 768px) {
      .wt-standard-transparent-dialog .mat-dialog-container {
        padding-top: 25px; } }

.wt-standard-pop-trans-dialog {
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px; }
  .wt-standard-pop-trans-dialog::-webkit-scrollbar {
    display: none; }
  .wt-standard-pop-trans-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-pop-trans-dialog .mat-dialog-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: initial;
    width: 100%;
    top: 0px; }
    @media only screen and (max-width: 1024px) {
      .wt-standard-pop-trans-dialog .mat-dialog-container {
        position: relative; } }
    @media only screen and (max-width: 768px) {
      .wt-standard-pop-trans-dialog .mat-dialog-container {
        padding-top: 25px; } }

.wt-standard-image-display-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 20px; }
  .wt-standard-image-display-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-image-display-dialog .mat-dialog-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0px; }
    @media only screen and (max-width: 1024px) {
      .wt-standard-image-display-dialog .mat-dialog-container {
        position: relative; } }

.wt-standard-recommendation-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.wt-standard-recommendation-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important;
  top: 0px; }
  .wt-standard-recommendation-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-recommendation-dialog .mat-dialog-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 965.8px;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 330px;
    top: 0px; }
    @media only screen and (max-width: 1024px) {
      .wt-standard-recommendation-dialog .mat-dialog-container {
        position: relative; } }

@media only screen and (max-width: 600px) {
  .wt-standard-image-display-dialog {
    padding: 2px; }
  .wt-standard-transparent-dialog {
    overflow-y: scroll;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */ }
    .wt-standard-transparent-dialog .mat-dialog-container::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .wt-standard-transparent-dialog .mat-dialog-container {
      overflow-y: scroll;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE 10+ */
      background: transparent;
      padding: 0;
      box-shadow: none;
      border-radius: 0px;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 625px;
      width: 100%;
      position: absolute;
      padding-top: 0px;
      padding-bottom: 0px;
      top: 0px; }
  .wt-standard-recommendation-dialog::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-recommendation-dialog {
    overflow-y: scroll;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */ }
    .wt-standard-recommendation-dialog .mat-dialog-container::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .wt-standard-recommendation-dialog .mat-dialog-container {
      overflow-y: scroll;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE 10+ */
      background: transparent;
      padding: 0;
      box-shadow: none;
      border-radius: 0px;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 625px;
      width: 100%;
      position: absolute;
      padding-top: 0px;
      padding-bottom: 0px;
      top: 0px; } }

.wt-pro-upgrade-prompt-modal .mat-dialog-container {
  padding: 0px; }

.wt-notification-info-prompt-modal .mat-dialog-container {
  border-radius: 10px;
  padding: 0px; }
  @media only screen and (max-width: 800px) {
    .wt-notification-info-prompt-modal .mat-dialog-container {
      border-radius: 0; } }

.cdk-overlay-container {
  z-index: 4000; }

.modal-container2 .cdk-overlay-container, .modal-contact-cards-container .cdk-overlay-container {
  z-index: 3039; }

.cdk-overlay-container.lower-z-index {
  z-index: 3000; }

.wt-downgrade-dialog::-webkit-scrollbar {
  width: 0px; }

.wt-upgrade-standard-dialog .mat-dialog-container {
  padding: 0; }

.wt-downgrade-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  width: 100%; }
  .wt-downgrade-dialog .mat-dialog-container {
    padding: 0;
    box-shadow: none;
    background: transparent; }

.wt-slack-channel-dialog {
  overflow-y: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }
  .wt-slack-channel-dialog .mat-dialog-container {
    padding: 0;
    box-shadow: none;
    background: transparent; }

.wt-calculator-dialog .mat-dialog-container {
  padding: 0; }

.wt-share-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.wt-share-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  padding-top: 20px;
  padding-bottom: 20px; }
  .wt-share-dialog .mat-dialog-container {
    padding: 0;
    box-shadow: none;
    background: transparent; }

.wt-subscription-deals-dialog .mat-dialog-container {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border-radius: 0px;
  overflow: hidden; }

@media only screen and (max-width: 1090px) {
  .cdk-overlay-pane.wt-subscription-deals-dialog {
    width: auto; } }

@media only screen and (max-width: 900px) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane.wt-subscription-deals-dialog {
    margin: 0 auto;
    padding-top: 109px;
    height: 100%;
    width: 100%;
    max-width: fit-content !important; } }

@media only screen and (max-width: 600px) {
  .wt-slack-channel-dialog .mat-dialog-container {
    border-radius: 0px; }
  .wt-downgrade-dialog .mat-dialog-container {
    border-radius: 0px; }
  .wt-share-dialog {
    padding-top: 0px;
    padding-bottom: 0px; }
    .wt-share-dialog .mat-dialog-container {
      border-radius: 0px; }
  .wt-subscription-deals-dialog .mat-dialog-container {
    border-radius: 0px; }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.wt-subscription-deals-dialog {
    margin: auto;
    padding-top: 0px;
    height: 100%;
    width: 100%;
    max-width: 100% !important; }
    .cdk-global-overlay-wrapper .cdk-overlay-pane.wt-subscription-deals-dialog .mat-dialog-container {
      overflow: auto; } }

.wt-alert-dialog {
  background-color: transparent; }
  .wt-alert-dialog .mat-dialog-container {
    background-color: transparent;
    padding: 0;
    box-shadow: none; }

.wt-contact-info-dialog::-webkit-scrollbar {
  width: 0;
  height: 0; }

.wt-contact-info-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }
  .wt-contact-info-dialog .mat-dialog-container {
    padding: 0px; }
    @media only screen and (max-width: 900px) {
      .wt-contact-info-dialog .mat-dialog-container {
        border-radius: 0px; } }

.wt-are-you-sure-dialog .mat-dialog-container {
  border-radius: 18px;
  padding: 0;
  max-width: 909px;
  margin: 0 auto; }
  @media only screen and (max-width: 900px) {
    .wt-are-you-sure-dialog .mat-dialog-container {
      border-radius: 0px; } }

.wt-standard-dialog {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  position: absolute !important; }
  .wt-standard-dialog .mat-dialog-container::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .wt-standard-dialog .mat-dialog-container {
    padding: 0; }
    @media only screen and (max-width: 800px) {
      .wt-standard-dialog .mat-dialog-container {
        border-radius: 0; } }
    .wt-standard-dialog .mat-dialog-container .spot-light-post-star {
      margin: 0; }

.wt-contact-card-dialog {
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100%;
  overflow-y: auto; }
  .wt-contact-card-dialog .mat-dialog-container {
    padding: 0;
    overflow: hidden;
    max-height: 877px;
    width: 740px;
    margin: 0 auto; }

.wt-mutual-contact-card-dialog {
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100%;
  overflow-y: auto; }
  .wt-mutual-contact-card-dialog .mat-dialog-container {
    padding: 0;
    overflow: hidden;
    max-height: 733px;
    width: 702px;
    margin: 0 auto; }

.wt-empty-inbox-dialog {
  margin-top: 120px;
  height: 100%;
  overflow-y: auto; }
  .wt-empty-inbox-dialog .mat-dialog-container {
    padding: 0;
    overflow: hidden;
    max-height: 652px;
    max-width: 980px;
    height: 652px;
    width: 980px;
    margin: 0 auto; }

@media only screen and (max-width: 735px) {
  .wt-contact-card-dialog {
    padding-top: 0px;
    padding-bottom: 0px; }
    .wt-contact-card-dialog .mat-dialog-container {
      width: 100%;
      height: 100vh;
      max-height: 100%;
      border-radius: 0px; }
  .wt-mutual-contact-card-dialog {
    padding-top: 0px;
    padding-bottom: 0px; }
    .wt-mutual-contact-card-dialog .mat-dialog-container {
      width: 100%;
      height: 100vh;
      max-height: 100%;
      border-radius: 0px; }
  .wt-empty-inbox-dialog {
    margin-top: 0px; }
    .wt-empty-inbox-dialog .mat-dialog-container {
      width: 100%;
      height: 100vh;
      max-height: 100%;
      border-radius: 0px; } }

.cdk-overlay-pane {
  max-width: 100vw !important; }
  .cdk-overlay-pane.estimated-rewards-info {
    width: 609px;
    margin-top: 90px;
    max-height: 90vh; }

.wt-filter-standard-dialog .mat-dialog-container {
  padding: 0;
  height: auto;
  border-radius: 4px; }

.cdk-overlay-dark-backdrop {
  background-color: #1d2026;
  opacity: 0.9; }

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.9; }

@media only screen and (max-width: 1090px) {
  .cdk-overlay-pane {
    width: 100vw; } }

@media only screen and (max-width: 900px) {
  .cdk-overlay-pane {
    height: 100%;
    width: 100%;
    max-width: 100% !important; } }

@media only screen and (max-width: 900px) {
  div.wt-filter-standard-dialog {
    max-width: 100% !important; }
  div.wt-standard-dialog {
    max-width: 100% !important; }
  .cdk-global-overlay-wrapper {
    display: block; }
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
      height: 100%;
      width: 100%;
      max-width: 100% !important; } }

div.wt-standard-dialog {
  overflow: auto; }

.wt-mobile-tour .mat-dialog-container {
  margin: auto;
  height: unset;
  overflow: inherit;
  max-width: 290px;
  padding: 0 20px 0 20px; }

@media only screen and (max-width: 900px) {
  .wt-pro-upgrade-prompt-modal .mat-dialog-container, .wt-pro-message-upgrade-prompt-modal .mat-dialog-container {
    padding: 0; } }

.modal-container-preview {
  width: 100vw; }
  .modal-container-preview .mat-dialog-container {
    box-shadow: none;
    background: none;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 90px 90px 90px; }
    @media only screen and (max-width: 800px) {
      .modal-container-preview .mat-dialog-container {
        padding: 0; } }
    .modal-container-preview .mat-dialog-container .modal__content {
      text-align: center;
      background-color: #15181B;
      width: 100%;
      height: auto; }

.reaction-prompt-modal .mat-dialog-container {
  overflow: hidden; }
  @media only screen and (max-width: 800px) {
    .reaction-prompt-modal .mat-dialog-container {
      border-radius: 0px; } }

.profile-comp-style {
  width: 90vw; }
  .profile-comp-style .mat-dialog-container {
    background: transparent; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix {
  min-height: 0; }
  .ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse; }
  .ui-helper-clearfix:after {
    clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }
  .ui-widget .ui-widget {
    font-size: 1em; }
  .ui-widget input,
  .ui-widget select,
  .ui-widget textarea,
  .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222; }
  .ui-widget-content a {
    color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }
  .ui-widget-header a {
    color: #222222; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636; }
  .ui-state-highlight a,
  .ui-widget-content .ui-state-highlight a,
  .ui-widget-header .ui-state-highlight a {
    color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }
  .ui-state-error a,
  .ui-widget-content .ui-state-error a,
  .ui-widget-header .ui-state-error a {
    color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

.ui-widget-overlay {
  background: #aaaaaa url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }
  .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em; }

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0; }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none; }
  .ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute; }
  .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%; }
    .ui-menu .ui-menu-item a {
      text-decoration: none;
      display: block;
      padding: 2px .4em;
      line-height: 1.5;
      min-height: 0;
      font-weight: normal; }
      .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
        font-weight: normal;
        margin: -1px; }
  .ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0; }
  .ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5; }
    .ui-menu .ui-state-disabled a {
      cursor: default; }
  .ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em; }
  .ui-menu .ui-menu-icon {
    position: static;
    float: right; }

.ui-menu-icons {
  position: relative; }
  .ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #0aa1d8; }
  .ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #cfd4db !important;
    padding: 9px 10px; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  text-decoration: none; }
  .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none; }
  .ui-button .ui-button-text {
    display: block;
    line-height: normal; }

.ui-button-icon-only {
  width: 3.4em; }

button.ui-button-icon-only {
  width: 3.7em; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

input.ui-button {
  padding: .4em 1em; }

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-buttonset {
  margin-right: 7px; }
  .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.login-button {
  background: transparent;
  border: 1px solid #DCDEDE;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  height: 41px;
  line-height: 38px;
  padding: 0;
  transition: border-color 0.5s ease; }

.truncate-tooltip {
  max-width: 207px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tooltip-wrap.angular-tooltip {
  position: absolute;
  z-index: 9999;
  padding: 4px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 12px;
  color: #FFFFFF;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 207px;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  background-color: #1d2026; }

.angular-tooltip:before, .angular-tooltip:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.angular-tooltip:before {
  border-color: transparent;
  border-width: 8px; }

.angular-tooltip:after {
  border-color: transparent;
  border-width: 5px; }

.angular-tooltip.angular-tooltip-top:before, .angular-tooltip.angular-tooltip-top:after, .angular-tooltip.angular-tooltip-top-center:before, .angular-tooltip.angular-tooltip-top-center:after, .angular-tooltip.angular-tooltip-top-middle:before, .angular-tooltip.angular-tooltip-top-middle:after {
  top: 100%;
  left: 50%; }

.angular-tooltip.angular-tooltip-top:before, .angular-tooltip.angular-tooltip-top-center:before, .angular-tooltip.angular-tooltip-top-middle:before {
  margin-left: -8px;
  border-top-color: #000000; }

.angular-tooltip.angular-tooltip-top:after, .angular-tooltip.angular-tooltip-top-center:after, .angular-tooltip.angular-tooltip-top-middle:after {
  margin-left: -5px;
  border-top-color: #000000; }

.angular-tooltip.angular-tooltip-top-right:before, .angular-tooltip.angular-tooltip-top-right:after {
  top: 100%;
  right: calc(100% - 8px); }

.angular-tooltip.angular-tooltip-top-right:before {
  margin-right: -8px;
  border-top-color: #000000; }

.angular-tooltip.angular-tooltip-top-right:after {
  margin-right: -5px;
  border-top-color: #000000; }

.angular-tooltip.angular-tooltip-right-top:before, .angular-tooltip.angular-tooltip-right-top:after {
  top: calc(100% - 8px);
  right: 100%; }

.angular-tooltip.angular-tooltip-right-top:before {
  margin-top: -8px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-right-top:after {
  margin-top: -5px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-right:before, .angular-tooltip.angular-tooltip-right:after, .angular-tooltip.angular-tooltip-right-center:before, .angular-tooltip.angular-tooltip-right-center:after, .angular-tooltip.angular-tooltip-right-middle:before, .angular-tooltip.angular-tooltip-right-middle:after {
  top: 50%;
  right: 100%; }

.angular-tooltip.angular-tooltip-right:before, .angular-tooltip.angular-tooltip-right-center:before, .angular-tooltip.angular-tooltip-right-middle:before {
  margin-top: -8px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-right:after, .angular-tooltip.angular-tooltip-right-center:after, .angular-tooltip.angular-tooltip-right-middle:after {
  margin-top: -5px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-right-bottom:before, .angular-tooltip.angular-tooltip-right-bottom:after {
  bottom: calc(100% - 8px);
  right: 100%; }

.angular-tooltip.angular-tooltip-right-bottom:before {
  margin-bottom: -8px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-right-bottom:after {
  margin-bottom: -5px;
  border-right-color: #000000; }

.angular-tooltip.angular-tooltip-bottom-right:before, .angular-tooltip.angular-tooltip-bottom-right:after {
  bottom: 100%;
  right: calc(100% - 8px); }

.angular-tooltip.angular-tooltip-bottom-right:before {
  margin-right: -8px;
  border-bottom-color: #000000; }

.angular-tooltip.angular-tooltip-bottom-right:after {
  margin-right: -5px;
  border-bottom-color: #000000; }

.angular-tooltip.angular-tooltip-bottom:before, .angular-tooltip.angular-tooltip-bottom:after, .angular-tooltip.angular-tooltip-bottom-center:before, .angular-tooltip.angular-tooltip-bottom-center:after, .angular-tooltip.angular-tooltip-bottom-middle:before, .angular-tooltip.angular-tooltip-bottom-middle:after {
  bottom: 100%;
  left: 50%; }

.angular-tooltip.angular-tooltip-bottom:before, .angular-tooltip.angular-tooltip-bottom-center:before, .angular-tooltip.angular-tooltip-bottom-middle:before {
  margin-left: -8px;
  border-bottom-color: #000000; }

.angular-tooltip.angular-tooltip-bottom:after, .angular-tooltip.angular-tooltip-bottom-center:after, .angular-tooltip.angular-tooltip-bottom-middle:after {
  margin-left: -5px;
  border-bottom-color: #000000; }

.angular-tooltip.angular-tooltip-bottom-left:before, .angular-tooltip.angular-tooltip-bottom-left:after {
  bottom: 100%;
  left: calc(100% - 8px); }

.angular-tooltip.angular-tooltip-bottom-left:before {
  display: none;
  margin-left: -8px;
  border-bottom-color: #000000; }

.tooltip-wrap.angular-tooltip.angular-tooltip-bottom-left:after {
  margin-left: -13px;
  border-bottom-color: #000000; }

.angular-tooltip.angular-tooltip-left-bottom:before, .angular-tooltip.angular-tooltip-left-bottom:after {
  bottom: calc(100% - 8px);
  left: 100%; }

.angular-tooltip.angular-tooltip-left-bottom:before {
  margin-bottom: -8px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-left-bottom:after {
  margin-bottom: -5px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-left:before, .angular-tooltip.angular-tooltip-left:after, .angular-tooltip.angular-tooltip-left-center:before, .angular-tooltip.angular-tooltip-left-center:after, .angular-tooltip.angular-tooltip-left-middle:before, .angular-tooltip.angular-tooltip-left-middle:after {
  top: 50%;
  left: 100%; }

.angular-tooltip.angular-tooltip-left:before, .angular-tooltip.angular-tooltip-left-center:before, .angular-tooltip.angular-tooltip-left-middle:before {
  margin-top: -8px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-left:after, .angular-tooltip.angular-tooltip-left-center:after, .angular-tooltip.angular-tooltip-left-middle:after {
  margin-top: -5px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-left-top:before, .angular-tooltip.angular-tooltip-left-top:after {
  top: calc(100% - 8px);
  left: 100%; }

.angular-tooltip.angular-tooltip-left-top:before {
  margin-top: -8px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-left-top:after {
  margin-top: -5px;
  border-left-color: #000000; }

.angular-tooltip.angular-tooltip-top-left:before, .angular-tooltip.angular-tooltip-top-left:after {
  top: 100%;
  left: calc(100% - 8px); }

.angular-tooltip.angular-tooltip-top-left:before {
  margin-left: -8px;
  border-top-color: #000000; }

.angular-tooltip.angular-tooltip-top-left:after {
  margin-left: -5px;
  border-top-color: #000000; }

.tooltip-list {
  display: grid; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev-hover,
  .ui-datepicker .ui-datepicker-next-hover {
    top: 1px; }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px; }
  .ui-datepicker .ui-datepicker-next {
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px; }
  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 0;
    padding: 1px; }
    .ui-datepicker td span,
    .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: right;
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }
  .ui-datepicker .ui-datepicker-multi {
    width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
      right: 1px;
      left: auto; }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
      left: 1px;
      right: auto; }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left; }
      .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: right; }
  .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }
  .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative; }
  .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px; }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto; }
  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right; }
      .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        margin: .5em .4em .5em 0;
        cursor: pointer; }
  .ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }
  .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%; }
  .ui-progressbar .ui-progressbar-overlay {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/animated-overlay.gif);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-slider {
  position: relative;
  text-align: left; }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
    height: 14px;
    width: 14px; }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0; }
  .ui-slider.ui-state-disabled .ui-slider-handle,
  .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit; }
  .ui-slider .ui-state-default {
    background: #FFF;
    border: 0;
    border-radius: 50%; }

.ui-slider-horizontal {
  background: #B1B1B1;
  border: 0;
  border-radius: 2px;
  height: 4px;
  margin: 0 1px 10px;
  width: 100px; }
  .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em; }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%; }
  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
    background: #3B99FA; }
  .ui-slider-horizontal .ui-slider-range-max {
    right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }
  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em; }
  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%; }
  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0; }
  .ui-slider-vertical .ui-slider-range-max {
    top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }
  .ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none; }
  .ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0; }
  .ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  vertical-align: middle;
  margin: .2em 22px .2em .4em; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  padding: .2em; }
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0; }
    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap; }
      .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        cursor: pointer; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px; }
        .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          cursor: pointer; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
        cursor: text; }
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

tags-input {
  display: block; }

tags-input *, tags-input *:before, tags-input *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%; }

tags-input .host:active {
  outline: none; }

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid darkgray;
  box-shadow: 1px 1px 1px 0 lightgray inset;
  height: 100%; }

tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); }

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); }

tags-input .tags .tag-item.selected {
  background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); }

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858; }

tags-input .tags .tag-item .remove-button:active {
  color: #ff0000; }

tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 5px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

tags-input .tags .input.invalid-tag {
  color: #ff0000; }

tags-input .tags .input::-ms-clear {
  display: none; }

tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }

tags-input[disabled] .host:focus {
  outline: none; }

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default; }

tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%); }

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default; }

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858; }

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default; }

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative; }

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf; }

tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf; }

tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

.selectize-control {
  position: relative; }
  .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff; }
  .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden; }
  .selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  .selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important; }
    .selectize-control.plugin-remove_button [data-value] .remove {
      z-index: 1;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 17px;
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      color: #303030;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block;
      padding: 2px 0 0 0;
      border-left: 1px solid #d0d0d0;
      -webkit-border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      border-radius: 0 2px 2px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .selectize-control.plugin-remove_button [data-value] .remove:hover {
        background: rgba(0, 0, 0, 0.05); }
    .selectize-control.plugin-remove_button [data-value].active .remove {
      border-left-color: #cacaca; }
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff; }
    .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
      background: none; }
  .selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px; }
  .selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0; }
    .selectize-control.multi .selectize-input > div.active {
      background: #e8e8e8;
      color: #303030;
      border: 0 solid #cacaca; }
  .selectize-control.multi .selectize-input.disabled > div,
  .selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff; }
  .selectize-control.single .selectize-input {
    cursor: pointer;
    padding-top: 10px; }
    .selectize-control.single .selectize-input input {
      cursor: pointer;
      padding-top: 10px; }
    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
      cursor: text; }
    .selectize-control.single .selectize-input:after {
      content: ' ';
      display: block;
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -3px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #808080 transparent transparent transparent; }
    .selectize-control.single .selectize-input.dropdown-active:after {
      margin-top: -4px;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #808080 transparent; }
    .selectize-control.single .selectize-input.disabled {
      opacity: 0.5;
      background-color: #fafafa; }
    .selectize-control.single .selectize-input.input-active {
      background: #ffffff;
      display: inline-block; }
  .selectize-control.single.rtl .selectize-input:after {
    left: 15px;
    right: auto; }
  .selectize-control.single.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important; }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }
  .selectize-dropdown-header-close:hover {
    color: #000000; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }
  .selectize-dropdown .plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .selectize-dropdown .plugin-optgroup_columns .optgroup:last-child {
      border-right: 0 none; }
    .selectize-dropdown .plugin-optgroup_columns .optgroup:before {
      display: none; }
  .selectize-dropdown .plugin-optgroup_columns .optgroup-header {
    border-top: 0 none; }
  .selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
    padding: 5px 8px; }
    .selectize-dropdown [data-selectable] .highlight {
      background: rgba(125, 168, 208, 0.2);
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      border-radius: 1px; }
  .selectize-dropdown .optgroup-header {
    padding: 5px 8px;
    color: #303030;
    background: #ffffff;
    cursor: default; }
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none; }
  .selectize-dropdown .active {
    color: #495c68; }
    .selectize-dropdown .active.create {
      color: #ffffff; }
  .selectize-dropdown .create {
    color: white; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  cursor: text; }
  .selectize-input.full {
    background-color: #ffffff; }
  .selectize-input.disabled,
  .selectize-input.disabled * {
    cursor: default !important; }
  .selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
  .selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; }
  .selectize-input > * {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; }
  .selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .selectize-input > input::-ms-clear {
      display: none; }
    .selectize-input > input:focus {
      outline: none !important; }
  .selectize-input::after {
    content: ' ';
    display: block;
    clear: left; }
  .selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0; }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px; }

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    transition: background-color 100ms ease-out; }
    .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
      position: relative;
      z-index: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-left: 48px;
      margin-left: 0;
      transition: background-color 100ms ease-out; }
    .intl-tel-input input .iti-invalid-key {
      transition: background-color 100ms ease-out;
      background-color: #FFC7C7; }
    .intl-tel-input input[disabled] + .flag-dropdown:hover,
    .intl-tel-input input[readonly] + .flag-dropdown:hover,
    .intl-tel-input input[disabled] + .flag-container:hover,
    .intl-tel-input input[readonly] + .flag-container:hover {
      cursor: default; }
      .intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag,
      .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag,
      .intl-tel-input input[disabled] + .flag-container:hover .selected-flag,
      .intl-tel-input input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent; }
  .intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
    .intl-tel-input .flag-dropdown:hover {
      cursor: pointer; }
      .intl-tel-input .flag-dropdown:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
    .intl-tel-input .flag-container:hover {
      cursor: pointer; }
      .intl-tel-input .flag-container:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .arrow {
      position: relative;
      top: 50%;
      margin-top: -2px;
      left: 24px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
    .intl-tel-input .selected-flag .arrow.up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list .flag {
      display: inline-block;
      width: 20px;
      vertical-align: middle;
      margin-right: 6px; }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
      .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .country-name {
      vertical-align: middle;
      margin-right: 6px; }
    .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
  .intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background: #DBDBDB url(https://wtdemo.webtalk.co/static/public/app/assets/images/flags.png) 100% 100%; }
  .iti-flag.ac {
    height: 10px;
    background-position: -189px -222.5px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -63px -31.5px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -247px -77px; }
  .iti-flag.af {
    height: 13.5px;
    background-position: -147px -150px; }
  .iti-flag.ag {
    height: 13.5px;
    background-position: -63px -135.5px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -247px -132px; }
  .iti-flag.al {
    height: 14.5px;
    background-position: -42px -32px; }
  .iti-flag.am {
    height: 10px;
    background-position: -210px -234px; }
  .iti-flag.ao {
    height: 13.5px;
    background-position: -84px -43.5px; }
  .iti-flag.aq {
    height: 13.5px;
    background-position: -21px -77.5px; }
  .iti-flag.ar {
    height: 12.5px;
    background-position: -100px -193.5px; }
  .iti-flag.as {
    height: 10px;
    background-position: -84px -234px; }
  .iti-flag.at {
    height: 13.5px;
    background-position: -126px -87px; }
  .iti-flag.au {
    height: 10px;
    background-position: -247px -33px; }
  .iti-flag.aw {
    height: 13.5px;
    background-position: 0px -121px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -37px -193.5px; }
  .iti-flag.az {
    height: 10px;
    background-position: -42px -245px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -268px -33px; }
  .iti-flag.bb {
    height: 13.5px;
    background-position: -147px -135.5px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -210px -118px; }
  .iti-flag.be {
    height: 15px;
    background-position: 0px -193.5px;
    width: 17.5px; }
  .iti-flag.bf {
    height: 13.5px;
    background-position: -168px -101.5px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -210px -66px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -210px -79px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -210px -144px; }
  .iti-flag.bj {
    height: 13.5px;
    background-position: -21px -63px; }
  .iti-flag.bl {
    height: 13.5px;
    background-position: -42px -63px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -210px -222.5px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -21px -234px; }
  .iti-flag.bo {
    height: 13.5px;
    background-position: -63px -63px; }
  .iti-flag.bq {
    height: 13.5px;
    background-position: -84px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -63px -46.5px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -247px -55px; }
  .iti-flag.bt {
    height: 13.5px;
    background-position: -84px -29px; }
  .iti-flag.bv {
    height: 14.5px;
    background-position: 0px -32px; }
  .iti-flag.bw {
    height: 13.5px;
    background-position: -84px -58px; }
  .iti-flag.by {
    height: 10px;
    background-position: -84px -256px; }
  .iti-flag.bz {
    height: 13.5px;
    background-position: 0px -77.5px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -268px -55px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -268px -121px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -42px 0px; }
  .iti-flag.cf, .iti-flag.media, .iti-flag.media__actions, .iti-flag.island, .iti-flag.spinner-box, .iti-flag.islet, .iti-flag.list--icon-select, .iti-flag.header__nav, .iti-flag.nav-main, .iti-flag.separator, .iti-flag.separator--center {
    height: 13.5px;
    background-position: -42px -77.5px; }
  .iti-flag.cg {
    height: 13.5px;
    background-position: -63px -77.5px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -231px 0px;
    width: 15px; }
  .iti-flag.ci {
    height: 13.5px;
    background-position: -105px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -247px -22px; }
  .iti-flag.cl {
    height: 13.5px;
    background-position: -105px -14.5px; }
  .iti-flag.cm {
    height: 13.5px;
    background-position: -105px -29px; }
  .iti-flag.cn {
    height: 13.5px;
    background-position: -105px -43.5px; }
  .iti-flag.co {
    height: 13.5px;
    background-position: -105px -58px; }
  .iti-flag.cp {
    height: 13.5px;
    background-position: -105px -72.5px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -84px -209.5px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -126px -256px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -63px -209.5px; }
  .iti-flag.cw {
    height: 13.5px;
    background-position: -42px -92px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -268px -77px; }
  .iti-flag.cy {
    height: 13.5px;
    background-position: -63px -92px; }
  .iti-flag.cz {
    height: 13.5px;
    background-position: -84px -92px; }
  .iti-flag.de {
    height: 12px;
    background-position: -42px -209.5px; }
  .iti-flag.dg {
    height: 10px;
    background-position: 0px -234px; }
  .iti-flag .iti-flag.dj {
    height: 13.5px;
    background-position: 0px -106.5px; }
  .iti-flag .iti-flag.dk {
    height: 15px;
    background-position: -21px -16px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -189px -234px; }
  .iti-flag.do {
    height: 12.5px;
    background-position: -210px -13.5px; }
  .iti-flag.dz {
    height: 13.5px;
    background-position: -63px -106.5px; }
  .iti-flag.ea {
    height: 13.5px;
    background-position: -84px -106.5px; }
  .iti-flag.ec {
    height: 13.5px;
    background-position: -105px -106.5px; }
  .iti-flag.ee {
    height: 12.5px;
    background-position: -210px 0px; }
  .iti-flag.eg {
    height: 13.5px;
    background-position: -126px -14.5px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -247px -165px; }
  .iti-flag.er {
    height: 10px;
    background-position: -247px -209px; }
  .iti-flag.es {
    height: 13.5px;
    background-position: -126px -29px; }
  .iti-flag.et {
    height: 10px;
    background-position: -189px -245px; }
  .iti-flag.eu {
    height: 13.5px;
    background-position: -126px -43.5px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -210px -183px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -210px -256px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -268px 0px; }
  .iti-flag.fm {
    height: 10.5px;
    background-position: -21px -222.5px; }
  .iti-flag.fo {
    height: 14.5px;
    background-position: -21px -32px; }
  .iti-flag.fr {
    height: 13.5px;
    background-position: -126px -101.5px; }
  .iti-flag.ga {
    height: 15px;
    background-position: 0 0; }
  .iti-flag.gb {
    height: 10px;
    background-position: -268px -132px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -210px -157px; }
  .iti-flag.ge {
    height: 13.5px;
    background-position: -42px -121px; }
  .iti-flag.gf {
    height: 13.5px;
    background-position: -63px -121px; }
  .iti-flag.gg {
    height: 13.5px;
    background-position: -84px -121px; }
  .iti-flag.gh {
    height: 13.5px;
    background-position: -105px -121px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -105px -234px; }
  .iti-flag.gl {
    height: 13.5px;
    background-position: -126px -121px; }
  .iti-flag.gm {
    height: 13.5px;
    background-position: -147px 0px; }
  .iti-flag.gn {
    height: 13.5px;
    background-position: -147px -14.5px; }
  .iti-flag.gp {
    height: 13.5px;
    background-position: -147px -29px; }
  .iti-flag.gq {
    height: 13.5px;
    background-position: -147px -43.5px; }
  .iti-flag.gr {
    height: 13.5px;
    background-position: -147px -58px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -247px -121px; }
  .iti-flag.gt {
    height: 12.5px;
    background-position: -163px -193.5px; }
  .iti-flag.gu {
    height: 10.5px;
    background-position: -42px -222.5px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -247px -198px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -105px -209.5px; }
  .iti-flag.hk {
    height: 13.5px;
    background-position: -147px -116px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -63px -245px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -84px -245px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -168px -245px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -210px -92px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -231px -245px; }
  .iti-flag.ic {
    height: 13.5px;
    background-position: -21px -135.5px; }
  .iti-flag.id {
    height: 13.5px;
    background-position: -42px -135.5px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -189px -256px; }
  .iti-flag.il {
    height: 14.5px;
    background-position: 0px -47.5px; }
  .iti-flag.im {
    height: 10px;
    background-position: -231px -256px; }
  .iti-flag.in {
    height: 13.5px;
    background-position: -84px -135.5px; }
  .iti-flag.io {
    height: 10px;
    background-position: -268px -11px; }
  .iti-flag.iq {
    height: 13.5px;
    background-position: -105px -135.5px; }
  .iti-flag.ir {
    height: 11.5px;
    background-position: -126px -209.5px; }
  .iti-flag.is {
    height: 14.5px;
    background-position: -21px -47.5px; }
  .iti-flag.it {
    height: 13.5px;
    background-position: 0px -150px; }
  .iti-flag.je {
    height: 12px;
    background-position: -210px -53px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -268px -154px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -268px -165px; }
  .iti-flag.jp {
    height: 13.5px;
    background-position: -42px -150px; }
  .iti-flag.ke {
    height: 13.5px;
    background-position: -63px -150px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -210px -40px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -58px -193.5px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -63px -234px; }
  .iti-flag.km {
    height: 12px;
    background-position: -21px -209.5px; }
  .iti-flag.kn {
    height: 13.5px;
    background-position: 0px -63px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -147px -234px; }
  .iti-flag.kr {
    height: 13.5px;
    background-position: -168px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -105px -222.5px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -247px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -247px -11px; }
  .iti-flag.la {
    height: 13.5px;
    background-position: -168px -29px; }
  .iti-flag.lb {
    height: 13.5px;
    background-position: -168px -43.5px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -247px -44px; }
  .iti-flag.li {
    height: 12px;
    background-position: -210px -196px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -247px -66px; }
  .iti-flag.lr {
    height: 10.5px;
    background-position: -63px -222.5px; }
  .iti-flag.ls {
    height: 13.5px;
    background-position: -168px -87px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -210px -131px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -210px -105px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -247px -176px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -247px -187px; }
  .iti-flag.ma {
    height: 13.5px;
    background-position: -168px -130.5px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -63px -15.5px;
    width: 19px; }
  .iti-flag.md {
    height: 10px;
    background-position: -247px -220px; }
  .iti-flag.me {
    height: 10px;
    background-position: -247px -231px; }
  .iti-flag.mf {
    height: 13.5px;
    background-position: 0px -164.5px; }
  .iti-flag.mg {
    height: 13.5px;
    background-position: -21px -164.5px; }
  .iti-flag.mh {
    height: 10.5px;
    background-position: -84px -222.5px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -105px -245px; }
  .iti-flag.ml {
    height: 13.5px;
    background-position: -63px -164.5px; }
  .iti-flag.mm {
    height: 13.5px;
    background-position: -84px -164.5px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -210px -245px; }
  .iti-flag.mo {
    height: 13.5px;
    background-position: -105px -164.5px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -63px -256px; }
  .iti-flag.mq {
    height: 13.5px;
    background-position: -126px -164.5px; }
  .iti-flag.mr {
    height: 13.5px;
    background-position: -147px -164.5px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -147px -256px; }
  .iti-flag.mt {
    height: 13.5px;
    background-position: -168px -164.5px; }
  .iti-flag.mu {
    height: 13.5px;
    background-position: -189px 0px; }
  .iti-flag.mv {
    height: 13.5px;
    background-position: -189px -14.5px; }
  .iti-flag.mw {
    height: 13.5px;
    background-position: -189px -29px; }
  .iti-flag.mx {
    height: 11.5px;
    background-position: -168px -209.5px; }
  .iti-flag.my {
    height: 10px;
    background-position: -268px -22px; }
  .iti-flag.mz {
    height: 13.5px;
    background-position: -189px -58px; }
  .iti-flag.na {
    height: 13.5px;
    background-position: -189px -72.5px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -268px -66px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -18.5px -193.5px;
    width: 17.5px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -268px -99px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -268px -110px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -210px -27px; }
  .iti-flag.nl {
    height: 13.5px;
    background-position: -189px -116px; }
  .iti-flag.no {
    height: 14.5px;
    background-position: -42px -47.5px; }
  .iti-flag.np {
    height: 15px;
    width: 12.5px;
    background: transparent -268px -198px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -268px -176px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -126px -222.5px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -147px -222.5px; }
  .iti-flag.om {
    height: 10px;
    background-position: -168px -222.5px; }
  .iti-flag.pa {
    height: 13.5px;
    background-position: -189px -159.5px; }
  .iti-flag.pe {
    height: 13.5px;
    background-position: 0px -179px; }
  .iti-flag.pf {
    height: 13.5px;
    background-position: -21px -179px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -21px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -42px -234px; }
  .iti-flag.pk {
    height: 13.5px;
    background-position: -63px -179px; }
  .iti-flag.pl {
    height: 12.5px;
    background-position: -142px -193.5px; }
  .iti-flag.pm {
    height: 13.5px;
    background-position: -105px -179px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -126px -234px; }
  .iti-flag.pr {
    height: 13.5px;
    background-position: -126px -179px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -168px -234px; }
  .iti-flag.pt {
    height: 13.5px;
    background-position: -147px -179px; }
  .iti-flag.pw {
    height: 12.5px;
    background-position: -184px -193.5px; }
  .iti-flag.py {
    height: 11px;
    background-position: -189px -209.5px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -268px -214px; }
  .iti-flag.re {
    height: 13.5px;
    background-position: -168px -179px; }
  .iti-flag.ro {
    height: 13.5px;
    background-position: -84px -179px; }
  .iti-flag.rs {
    height: 13.5px;
    background-position: -189px -101.5px; }
  .iti-flag.ru {
    height: 13.5px;
    background-position: -189px -87px; }
  .iti-flag.rw {
    height: 13.5px;
    background-position: -189px -43.5px; }
  .iti-flag.sa {
    height: 13.5px;
    background-position: -42px -164.5px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -247px -88px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -247px -99px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -247px -110px; }
  .iti-flag.se {
    height: 12.5px;
    background-position: -121px -193.5px; }
  .iti-flag.sg {
    height: 13.5px;
    background-position: -168px -116px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -247px -143px; }
  .iti-flag.si {
    height: 10px;
    background-position: -247px -154px; }
  .iti-flag.sj {
    height: 14.5px;
    background-position: -63px 0px; }
  .iti-flag.sk {
    height: 13.5px;
    background-position: -168px -72.5px; }
  .iti-flag.sl {
    height: 13.5px;
    background-position: -168px -58px; }
  .iti-flag.sm {
    height: 15px;
    background-position: 0px -16px; }
  .iti-flag.sn {
    height: 13.5px;
    background-position: -105px -150px; }
  .iti-flag.so {
    height: 13.5px;
    background-position: -84px -150px; }
  .iti-flag.sr {
    height: 13.5px;
    background-position: -21px -150px; }
  .iti-flag.ss {
    height: 10px;
    background-position: 0px -245px; }
  .iti-flag.st {
    height: 10px;
    background-position: -21px -245px; }
  .iti-flag.sv {
    height: 11.5px;
    background-position: -147px -209.5px; }
  .iti-flag.sx {
    height: 13.5px;
    background-position: -126px -135.5px; }
  .iti-flag.sy {
    height: 13.5px;
    background-position: 0px -135.5px; }
  .iti-flag.sz {
    height: 13.5px;
    background-position: -147px -101.5px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -126px -245px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -147px -245px; }
  .iti-flag.td {
    height: 13.5px;
    background-position: -147px -87px; }
  .iti-flag.tf {
    height: 13.5px;
    background-position: -147px -72.5px; }
  .iti-flag.tg {
    height: 12.5px;
    background-position: -79px -193.5px; }
  .iti-flag.th {
    height: 13.5px;
    background-position: -21px -121px; }
  .iti-flag.tj {
    height: 10px;
    background-position: 0px -256px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -21px -256px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -42px -256px; }
  .iti-flag.tm {
    height: 13.5px;
    background-position: -126px -72.5px; }
  .iti-flag.tn {
    height: 13.5px;
    background-position: -126px -58px; }
  .iti-flag.to {
    height: 10px;
    background-position: -105px -256px; }
  .iti-flag.tr {
    height: 13.5px;
    background-position: -126px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: 0px -209.5px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -168px -256px; }
  .iti-flag.tw {
    height: 13.5px;
    background-position: -42px -106.5px; }
  .iti-flag.tz {
    height: 13.5px;
    background-position: -105px -92px; }
  .iti-flag.ua {
    height: 13.5px;
    background-position: -21px -92px; }
  .iti-flag.ug {
    height: 13.5px;
    background-position: 0px -92px; }
  .iti-flag.um {
    height: 10.5px;
    background-position: 0px -222.5px; }
  .iti-flag.us {
    height: 10.5px;
    background-position: -210px -209.5px; }
  .iti-flag.uy {
    height: 13.5px;
    background-position: -84px -77.5px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -268px -44px; }
  .iti-flag.va {
    height: 15px;
    background-position: -231px -16px;
    width: 15px; }
  .iti-flag.vc {
    height: 13.5px;
    background-position: -42px -179px; }
  .iti-flag.ve {
    height: 13.5px;
    background-position: -189px -130.5px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -268px -88px; }
  .iti-flag.vi {
    height: 13.5px;
    background-position: -168px -145px; }
  .iti-flag.vn {
    height: 13.5px;
    background-position: -168px -14.5px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -210px -170px; }
  .iti-flag.wf {
    height: 13.5px;
    background-position: -126px -150px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -268px -143px; }
  .iti-flag.xk {
    height: 14.5px;
    background-position: -42px -16px; }
  .iti-flag.ye {
    height: 13.5px;
    background-position: -21px -106.5px; }
  .iti-flag.yt {
    height: 13.5px;
    background-position: -84px -14.5px; }
  .iti-flag.za {
    height: 13.5px;
    background-position: -189px -179px; }
  .iti-flag.zm {
    height: 13.5px;
    background-position: -189px -145px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -268px -187px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 288px 266px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/flags.png); } }

.phone_ext {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

.countryCodeDropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1px; }
  .countryCodeDropdown .selected_flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px; }
    .countryCodeDropdown .selected_flag #flagDisplay {
      margin-top: 16px; }
      .countryCodeDropdown .selected_flag #flagDisplay .arrow {
        position: relative;
        top: 50%;
        margin-top: -2px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 4px solid #555; }

.countryCodeDropdown:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.countryCodeList {
  list-style: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }
  .countryCodeList .divider {
    border-bottom: 1px solid #CCC; }
  .countryCodeList .country-list {
    padding: 5px 10px; }
  .countryCodeList .listItemSelected {
    background: #f4f4f4; }
  .countryCodeList .country-list:hover {
    background: #f4f4f4; }
  .countryCodeList .iti-flag {
    position: absolute;
    z-index: 100000000; }
  .countryCodeList .country-code {
    color: #999;
    font-size: 11px; }
  .countryCodeList .country-name {
    margin-right: 6px;
    margin-left: 25px;
    color: #000; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
  .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-slider img {
    display: block; }
  .slick-slider.slick-loading img {
    display: none; }
  .slick-slider.dragging img {
    pointer-events: none; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: hand; }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.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-loading .slick-list {
  background: #fff url(https://wtdemo.webtalk.co/static/public/app/assets/images/ajax-loader.gif) center center no-repeat; }

@font-face {
  font-family: "slick";
  src: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/slick.eot);
  src: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/slick.woff) format("woff"), url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/slick.ttf) format("truetype"), url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1; }

.slick-prev {
  left: -18px; }
  .slick-prev:before {
    content: "←"; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -18px; }
  [dir="rtl"] .slick-prev:before {
    content: "→"; }

.slick-next {
  right: -18px; }
  .slick-next:before {
    content: "→"; }

[dir="rtl"] .slick-next {
  left: -18px;
  right: auto; }
  [dir="rtl"] .slick-next:before {
    content: "←"; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }
  .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.fadeIn1s {
  animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  /* Firefox */
  -webkit-animation: fadeIn 1s;
  /* Safari and Chrome */
  -o-animation: fadeIn 1s;
  /* Opera */ }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.fadeOut1s {
  animation: fadeOut 1s;
  -moz-animation: fadeOut 1s;
  /* Firefox */
  -webkit-animation: fadeOut 1s;
  /* Safari and Chrome */
  -o-animation: fadeOut 1s;
  /* Opera */ }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

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

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

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

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

.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(-100%); } }

@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0); }
  100% {
    -o-transform: translateY(-100%); } }

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

.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp; }

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  table.dataTable thead {
    background-color: #767c82; }
    table.dataTable thead th,
    table.dataTable thead td {
      padding: 10px 18px; }
      table.dataTable thead th:active,
      table.dataTable thead td:active {
        outline: none; }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
      cursor: pointer; }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
      background: no-repeat center right; }
    table.dataTable thead .sorting {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/socialcpx/dataTables/sort_both.png); }
    table.dataTable thead .sorting_asc {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/socialcpx/dataTables/sort_asc.png); }
    table.dataTable thead .sorting_desc {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/socialcpx/dataTables/sort_desc.png); }
    table.dataTable thead .sorting_asc_disabled {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/socialcpx/dataTables/sort_asc_disabled.png); }
    table.dataTable thead .sorting_desc_disabled {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/socialcpx/dataTables/sort_desc_disabled.png); }
  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight: lighter;
    color: white; }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111; }
  table.dataTable tbody tr {
    background-color: #ffffff;
    text-align: center;
    color: #999; }
    table.dataTable tbody tr.selected {
      background-color: #B0BED9; }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px; }
    table.dataTable tbody th.dt-body-left,
    table.dataTable tbody td.dt-body-left {
      text-align: left; }
    table.dataTable tbody th.dt-body-center,
    table.dataTable tbody td.dt-body-center {
      text-align: center; }
    table.dataTable tbody th.dt-body-right,
    table.dataTable tbody td.dt-body-right {
      text-align: right; }
    table.dataTable tbody th.dt-body-justify,
    table.dataTable tbody td.dt-body-justify {
      text-align: justify; }
    table.dataTable tbody th.dt-body-nowrap,
    table.dataTable tbody td.dt-body-nowrap {
      white-space: nowrap; }
  table.dataTable tbody .color-blue {
    color: #4bc5c3; }
  table.dataTable tbody .color-gray {
    color: #b0bec5; }
  table.dataTable tbody .color-orange {
    color: #ffbb49; }
  table.dataTable tbody .color-pink {
    color: #ea90eb; }
  table.dataTable.row-border tbody th,
  table.dataTable.row-border tbody td, table.dataTable.display tbody th,
  table.dataTable.display tbody td {
    border-top: 1px solid #ddd; }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none; }
  table.dataTable.cell-border tbody th,
  table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd; }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd; }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }
  table.dataTable.stripe tbody tr.odd.selected,
  table.dataTable.display tbody tr.odd.selected {
    background-color: #abb9d3; }
  table.dataTable.hover tbody tr:hover,
  table.dataTable.display tbody tr:hover {
    background-color: whitesmoke; }
    table.dataTable.hover tbody tr:hover.selected,
    table.dataTable.display tbody tr:hover.selected {
      background-color: #a9b7d1; }
  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }
  table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }
  table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd; }
  table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce; }
  table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0; }
  table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb; }
  table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd; }
  table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6; }
  table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8; }
  table.dataTable .display tbody tr:hover > .sorting_2,
  table.dataTable .order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb; }
  table.dataTable .display tbody tr:hover > .sorting_3,
  table.dataTable .order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eeeeee; }
  table.dataTable .display tbody tr:hover .selected > .sorting_1,
  table.dataTable .order-column.hover tbody tr:hover .selected > .sorting_1 {
    background-color: #a1aec7; }
  table.dataTable .display tbody tr:hover .selected > .sorting_2,
  table.dataTable .order-column.hover tbody tr:hover .selected > .sorting_2 {
    background-color: #a2afc8; }
  table.dataTable .display tbody tr:hover .selected > .sorting_3,
  table.dataTable .order-column.hover tbody tr:hover .selected > .sorting_3 {
    background-color: #a4b2cb; }
  table.dataTable .nowrap th,
  table.dataTable .nowrap td {
    white-space: nowrap; }
  table.dataTable .compact thead th,
  table.dataTable .compact thead td {
    padding: 4px 17px 4px 4px; }
  table.dataTable .compact tfoot th,
  table.dataTable .compact tfoot td {
    padding: 4px; }
  table.dataTable .compact tbody th,
  table.dataTable .compact tbody td {
    padding: 4px; }
  table.dataTable th,
  table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
    table.dataTable th.dt-left,
    table.dataTable td.dt-left {
      text-align: left; }
    table.dataTable th.dt-center, table.dataTable th.dataTables_empty,
    table.dataTable td.dt-center,
    table.dataTable td.dataTables_empty {
      text-align: center; }
    table.dataTable th.dt-right,
    table.dataTable td.dt-right {
      text-align: right; }
    table.dataTable th.dt-justify,
    table.dataTable td.dt-justify {
      text-align: justify; }
    table.dataTable th.dt-nowrap,
    table.dataTable td.dt-nowrap {
      white-space: nowrap; }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left; }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center; }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right; }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
  background: white; }
  .dataTables_wrapper .dataTables_length {
    float: left; }
    @media screen and (max-width: 640px) {
      .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center; } }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }
    @media screen and (max-width: 640px) {
      .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
        margin-top: 0.5em; } }
    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0.5em; }
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }
    @media screen and (max-width: 767px) {
      .dataTables_wrapper .dataTables_info {
        float: none;
        text-align: center; } }
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }
    @media screen and (max-width: 767px) {
      .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
        margin-top: 0.5em; } }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      box-sizing: border-box;
      display: inline-block;
      min-width: 1.5em;
      padding: 0.5em 1em;
      margin-left: 2px;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      color: #333 !important;
      border: 1px solid transparent; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #333 !important;
        border: 1px solid #cacaca;
        background-color: white;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
        background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
        background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
        background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
        background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
        background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); }
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
          color: #333 !important;
          border: 1px solid #cacaca;
          background-color: white;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
          background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
          background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
          background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
          background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
          background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none; }
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
          cursor: default;
          color: #666 !important;
          border: 1px solid transparent;
          background: transparent;
          box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: white !important;
        border: 1px solid #111;
        background-color: #585858;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
        background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
        background: -moz-linear-gradient(top, #585858 0%, #111 100%);
        background: -ms-linear-gradient(top, #585858 0%, #111 100%);
        background: -o-linear-gradient(top, #585858 0%, #111 100%);
        background: linear-gradient(to bottom, #585858 0%, #111 100%); }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        background-color: #2b2b2b;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
        background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
        box-shadow: inset 0 0 3px #111; }
    .dataTables_wrapper .dataTables_paginate .ellipsis,
    .dataTables_wrapper .dataTables_paginate .text--security-code,
    .dataTables_wrapper .dataTables_paginate .media--small .media__title {
      padding: 0 1em; }
    .dataTables_wrapper .dataTables_paginate .selectize-custom__text,
    .dataTables_wrapper .dataTables_paginate .dropdown-box-new__title,
    .dataTables_wrapper .dataTables_paginate .sidebar__folders .sidebar__folders-list li a span {
      padding: 0 1em; }
    .dataTables_wrapper .dataTables_paginate .text--ellipsis {
      padding: 0 1em; }
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    color: #333; }
  .dataTables_wrapper .dataTables_scroll {
    clear: both; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      -webkit-overflow-scrolling: touch; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111; }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none; }
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

.media--small .dataTables_wrapper .dataTables_paginate .media__title,
.dataTables_wrapper .dataTables_paginate .media--small .media__subtitle,
.media--small .dataTables_wrapper .dataTables_paginate .media__subtitle,
.dataTables_wrapper .dataTables_paginate .media--big .media__title,
.media--big .dataTables_wrapper .dataTables_paginate .media__title {
  padding: 0 1em; }

.sidebar__folders .sidebar__folders-list li a .dataTables_wrapper .dataTables_paginate span {
  padding: 0 1em; }

@font-face {
  font-family: 'flexslider-icon';
  font-weight: normal;
  font-style: normal; }

.flex-container a:hover, .flex-container a:focus,
.flex-slider a:hover,
.flex-slider a:focus {
  outline: none; }

.slides {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1; }
  .slides img {
    height: auto; }
  .slides > li {
    margin: 0;
    padding: 0;
    list-style: none; }

.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004'; }
  .flex-pauseplay a:hover {
    opacity: 1; }
  .flex-pauseplay a.flex-play:before {
    content: '\f003'; }

.flexslider {
  padding: 0;
  margin: 0 0 60px 0;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides img {
    width: 100%;
    display: block; }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
  .flex-direction-nav a.flex-next:before {
    content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }
  @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px; } }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }
  @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-next {
      opacity: 1;
      left: 10px; } }

.flex-direction-nav.flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }
  .flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }
  .flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }
  .flex-control-nav li {
    display: inline-block;
    margin: 0 6px;
    zoom: 1; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7); }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0; }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    .flex-control-thumbs img:hover {
      opacity: 1; }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default; }

.realperson-challenge {
  display: block;
  color: #000; }

.realperson-text {
  font-family: "Courier New",monospace !important;
  font-size: 6px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 3px; }

.realperson-regen {
  padding-top: 4px;
  font-size: 12px;
  text-align: center;
  cursor: pointer; }

.realperson-disabled {
  opacity: 0.5;
  filter: Alpha(Opacity=50); }
  .realperson-disabled .realperson-regen {
    cursor: default; }

@font-face {
  font-family: 'icomoon';
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.eot?hkel2c");
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.eot?#iefixhkel2c") format("embedded-opentype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.woff?hkel2c") format("woff"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.ttf?hkel2c") format("truetype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.svg?hkel2c#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icons-"],
[class*=" icons-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icons-orange {
  color: #ffbb49; }

.icons-gray {
  color: #959aa1; }

.icons-affiliates:before {
  content: "\e600"; }

.icons-buybutton:before {
  content: "\e601"; }

.icons-calc:before {
  content: "\e602"; }

.icons-devices:before {
  content: "\e603"; }

.icons-fb:before {
  content: "\e604"; }

.icons-gplus:before {
  content: "\e605"; }

.icons-linkedin:before {
  content: "\e606"; }

.icons-money:before {
  content: "\e607"; }

.icons-paperbill:before {
  content: "\e608"; }

.icons-pinterest:before {
  content: "\e609"; }

.icons-probadge:before {
  content: "\e60a"; }

.icons-saas:before {
  content: "\e60b"; }

.icons-tt:before {
  content: "\e60c"; }

.icons-twitter:before {
  content: "\e60d"; }

.icons-yt:before {
  content: "\e60e"; }

.icons-envelope-o:before {
  content: "\f003"; }

.icons-star:before {
  content: "\f005"; }

.icons-th-list:before {
  content: "\f00b"; }

.icons-close:before {
  content: "\f00d"; }

.icons-power-off:before {
  content: "\f011"; }

.icons-signal:before {
  content: "\f012"; }

.icons-cog:before {
  content: "\f013"; }

.icons-flag:before {
  content: "\f024"; }

.icons-print:before {
  content: "\f02f"; }

.icons-question-circle:before {
  content: "\f059"; }

.icons-plus:before {
  content: "\f067"; }

.icons-exclamation-triangle:before {
  content: "\f071"; }

.icons-calendar:before {
  content: "\f073"; }

.icons-comment:before {
  content: "\f075"; }

.icons-retweet:before {
  content: "\f079"; }

.icons-shopping-cart:before {
  content: "\f07a"; }

.icons-bar-chart:before {
  content: "\f080"; }

.icons-credit-card:before {
  content: "\f09d"; }

.icons-bullhorn:before {
  content: "\f0a1"; }

.icons-bell-o:before {
  content: "\f0a2"; }

.icons-hand-o-right:before {
  content: "\f0a4"; }

.icons-group:before {
  content: "\f0c0"; }

.icons-chain:before {
  content: "\f0c1"; }

.icons-sort-desc:before {
  content: "\f0dd"; }

.icons-envelope:before {
  content: "\f0e0"; }

.icons-play-circle:before {
  content: "\f144"; }

.icons-graduation-cap:before {
  content: "\f19d"; }

.icons-paper-plane:before {
  content: "\f1d8"; }

.icons-binoculars:before {
  content: "\f1e5"; }

.icons-pie-chart:before {
  content: "\f200"; }

.icons-line-chart:before {
  content: "\f201"; }

.icons-toggle-off:before {
  content: "\f204"; }

.icons-toggle-on:before {
  content: "\f205"; }

.icons-images:before {
  content: "\e90e"; }

.icons-book:before {
  content: "\e91f"; }

.icons-files-empty:before {
  content: "\e925"; }

.icons-price-tag:before {
  content: "\e935"; }

.icons-price-tags:before {
  content: "\e936"; }

.icons-mobile:before {
  content: "\e958"; }

.icons-reply:before {
  content: "\e96a"; }

.icons-zoom-in:before {
  content: "\e987"; }

.icons-stats-bars:before {
  content: "\e99c"; }

.icons-stats-bars2:before {
  content: "\e99d"; }

.icons-rocket:before {
  content: "\e9a5"; }

.icons-bin:before {
  content: "\e9ac"; }

.icons-tree:before {
  content: "\e9bc"; }

.icons-menu:before {
  content: "\e9bd"; }

.icons-earth:before {
  content: "\e9ca"; }

.icons-arrow-up:before {
  content: "\ea32"; }

.icons-move-up:before {
  content: "\ea46"; }

.icons-move-down:before {
  content: "\ea47"; }

.icons-radio-unchecked:before {
  content: "\ea56"; }

.icons-wallet:before {
  content: "\e60f"; }

[class^="icon2"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain; }

[class^="icon2-main"] {
  position: relative;
  width: 18px;
  height: 18px;
  top: 5px; }

.icon2-main-setting {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/settings.svg); }

.icon2-main-bill {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/cc_icon.svg); }

.icon2-warning {
  width: 9px;
  height: 9px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/warning.svg); }

.icon2-location {
  width: 15px;
  height: 15px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/pin.svg); }

.icon2-credits {
  width: 19px;
  height: 19px;
  position: relative;
  top: 5px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/credits.svg); }

.icon2-lock {
  width: 19px;
  height: 27px;
  position: relative;
  top: 2px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/lock.png); }

.icon2-best-deal {
  width: 19px;
  height: 27px;
  position: relative;
  top: 12px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/best-deal.png); }

.icon-user-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/user-add.svg);
  -webkit-background-size: cover;
  background-size: cover;
  color: #FFFFFF;
  display: inline-block;
  height: 15px;
  position: relative;
  top: 2px;
  width: 15px; }

.icon-file-add, .icon-files-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_files.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 126px;
  height: 40px; }

.icon-video-add, .icon-videos-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_videos.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 139px;
  height: 40px; }

.icon-photo-add, .icon-photos-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_photos.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 144px;
  height: 40px; }

[class^="card-icon"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 0;
  cursor: pointer;
  width: 44px;
  height: 28px;
  margin-right: 16px; }
  [class^="card-icon"]:hover {
    background-position-x: -45px; }

.card-icon-american {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/american-icon-setting.png); }

.card-icon-cirrus {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/cirrus-icon-setting.png); }

.card-icon-discover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/discover-icon-setting.png); }

.card-icon-maestro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/maestro-icon-setting.png); }

.card-icon-mastercard {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/mastercard-icon-setting.png); }

.card-icon-visa {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/visa-icon-setting.png); }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
video {
  display: block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button[disabled] {
  cursor: default; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.grid {
  list-style: none;
  margin: 0 0 0 -20px;
  padding: 0; }

.grid__item {
  display: inline-block;
  padding-left: 20px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.full-width-grid {
  margin: auto auto 10px auto;
  text-align: center; }

.grid__item_recommendations {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .grid__item_recommendations.lay {
    height: 40px; }

.grid__item_connections {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  margin-bottom: 10px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 600px) {
    .grid__item_connections {
      margin-bottom: 0px; } }

@media only screen and (max-width: 800px) {
  .grid__item_connections {
    display: inline-block !important;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

.connection-ads {
  display: none; }

@media only screen and (max-width: 500px) {
  .connection-ads {
    display: block; } }

.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left; }

.grid--full,
.tables__table tbody {
  margin-left: 0; }
  .grid--full > .grid__item,
  .tables__table tbody > .grid__item {
    padding-left: 0; }

.grid--right {
  text-align: right; }
  .grid--right > .grid__item {
    text-align: left; }

.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

.grid--middle > .grid__item {
  vertical-align: middle; }

.grid--bottom > .grid__item {
  vertical-align: bottom; }

.grid--table {
  display: table; }
  .grid--table > .grid__item {
    display: table-cell;
    vertical-align: middle; }

.grid--narrow {
  margin-left: -10px; }
  .grid--narrow > .grid__item {
    padding-left: 10px;
    padding-bottom: 10px; }
  .grid--narrow .paddingLeft {
    padding-left: 10px;
    padding-bottom: 10px; }

.grid--wide {
  margin-left: -40px; }
  .grid--wide > .grid__item {
    padding-left: 40px; }

.one-whole {
  width: 100%; }

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50%; }

.one-third,
.two-sixths,
.four-twelfths {
  width: 33.3%; }

.two-thirds,
.four-sixths,
.eight-twelfths {
  width: 66.666%; }

.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25%; }

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75%; }

.one-fifth,
.two-tenths {
  width: 20%; }
  @media only screen and (max-width: 414px) {
    .one-fifth,
    .two-tenths {
      width: 100%; } }

.one-fifth--always {
  width: 20%; }

.two-fifths,
.four-tenths {
  width: 40%; }

.three-fifths,
.six-tenths {
  width: 60%; }

.four-fifths,
.eight-tenths {
  width: 80%; }

.one-sixth,
.two-twelfths {
  width: 16.666%; }

.five-sixths,
.ten-twelfths {
  width: 83.333%; }

.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

.one-twelfth {
  width: 8.333%; }
  @media only screen and (max-width: 414px) {
    .one-twelfth {
      width: 100%; } }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

@media only screen and (min-width: 320px) {
  .phone--one-whole {
    width: 100%; }
  .phone--one-half,
  .phone--two-quarters,
  .phone--three-sixths,
  .phone--four-eighths,
  .phone--five-tenths,
  .phone--six-twelfths {
    width: 50%; }
  .phone--one-third,
  .phone--two-sixths,
  .phone--four-twelfths {
    width: 33.333%; }
  .phone--two-thirds,
  .phone--four-sixths,
  .phone--eight-twelfths {
    width: 66.666%; }
  .phone--one-quarter,
  .phone--two-eighths,
  .phone--three-twelfths {
    width: 25%; }
  .phone--three-quarters,
  .phone--six-eighths,
  .phone--nine-twelfths {
    width: 75%; }
  .phone--one-fifth,
  .phone--two-tenths {
    width: 20%; }
  .phone--two-fifths,
  .phone--four-tenths {
    width: 40%; }
  .phone--three-fifths,
  .phone--six-tenths {
    width: 60%; }
  .phone--four-fifths,
  .phone--eight-tenths {
    width: 80%; }
  .phone--one-sixth,
  .phone--two-twelfths {
    width: 16.666%; }
  .phone--five-sixths,
  .phone--ten-twelfths {
    width: 83.333%; }
  .phone--one-eighth {
    width: 12.5%; }
  .phone--three-eighths {
    width: 37.5%; }
  .phone--five-eighths {
    width: 62.5%; }
  .phone--seven-eighths {
    width: 87.5%; }
  .phone--one-tenth {
    width: 10%; }
  .phone--three-tenths {
    width: 30%; }
  .phone--seven-tenths {
    width: 70%; }
  .phone--nine-tenths {
    width: 90%; }
  .phone--one-twelfth {
    width: 8.333%; }
  .phone--five-twelfths {
    width: 41.666%; }
  .phone--seven-twelfths {
    width: 58.333%; }
  .phone--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 500px) {
  .palm--one-whole {
    width: 100%; }
  .palm--one-half,
  .palm--two-quarters,
  .palm--three-sixths,
  .palm--four-eighths,
  .palm--five-tenths,
  .palm--six-twelfths {
    width: 50%; }
  .palm--one-third,
  .palm--two-sixths,
  .palm--four-twelfths {
    width: 33.333%; }
  .palm--two-thirds,
  .palm--four-sixths,
  .palm--eight-twelfths {
    width: 66.666%; }
  .palm--one-quarter,
  .palm--one-eighths,
  .palm--three-twelfths {
    width: 18%; }
  .palm--one-quarter,
  .palm--two-eighths,
  .palm--three-twelfths {
    width: 25%; }
  .palm--three-quarters,
  .palm--six-eighths,
  .palm--nine-twelfths {
    width: 75%; }
  .palm--one-fifth,
  .palm--two-tenths {
    width: 20%; }
  .palm--two-fifths,
  .palm--four-tenths {
    width: 40%; }
  .palm--three-fifths,
  .palm--six-tenths {
    width: 60%; }
  .palm--four-fifths,
  .palm--eight-tenths {
    width: 80%; }
  .palm--one-sixth,
  .palm--two-twelfths {
    width: 16.666%; }
  .palm--five-sixths,
  .palm--ten-twelfths {
    width: 83.333%; }
  .palm--one-eighth {
    width: 12.5%; }
  .palm--three-eighths {
    width: 37.5%; }
  .palm--five-eighths {
    width: 62.5%; }
  .palm--seven-eighths {
    width: 87.5%; }
  .palm--one-tenth {
    width: 10%; }
  .palm--three-tenths {
    width: 30%; }
  .palm--seven-tenths {
    width: 70%; }
  .palm--nine-tenths {
    width: 90%; }
  .palm--one-twelfth {
    width: 8.333%; }
  .palm--five-twelfths {
    width: 41.666%; }
  .palm--seven-twelfths {
    width: 58.333%; }
  .palm--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 700px) {
  .mid--one-whole {
    width: 100%; }
  .mid--one-half,
  .mid--two-quarters,
  .mid--three-sixths,
  .mid--four-eighths,
  .mid--five-tenths,
  .mid--six-twelfths {
    width: 50%; }
  .mid--one-third,
  .mid--two-sixths,
  .mid--four-twelfths {
    width: 33.333%; }
  .mid--two-thirds,
  .mid--four-sixths,
  .mid--eight-twelfths {
    width: 66.666%; }
  .mid--one-quarter,
  .mid--two-eighths,
  .mid--three-twelfths {
    width: 25%; }
  .mid--three-quarters,
  .mid--six-eighths,
  .mid--nine-twelfths {
    width: 75%; }
  .mid--one-fifth,
  .mid--two-tenths {
    width: 20%; }
  .mid--two-fifths,
  .mid--four-tenths {
    width: 40%; }
  .mid--three-fifths,
  .mid--six-tenths {
    width: 60%; }
  .mid--four-fifths,
  .mid--eight-tenths {
    width: 80%; }
  .mid--one-sixth,
  .mid--two-twelfths {
    width: 16.666%; }
  .mid--five-sixths,
  .mid--ten-twelfths {
    width: 83.333%; }
  .mid--one-eighth {
    width: 12.5%; }
  .mid--three-eighths {
    width: 37.5%; }
  .mid--five-eighths {
    width: 62.5%; }
  .mid--seven-eighths {
    width: 87.5%; }
  .mid--one-tenth {
    width: 10%; }
  .mid--three-tenths {
    width: 30%; }
  .mid--seven-tenths {
    width: 70%; }
  .mid--nine-tenths {
    width: 90%; }
  .mid--one-twelfth {
    width: 8.333%; }
  .mid--five-twelfths {
    width: 41.666%; }
  .mid--seven-twelfths {
    width: 58.333%; }
  .mid--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 801px) {
  .lap--two-thirds,
  .lap--four-sixths,
  .lap--eight-twelfths {
    width: 66.66%; } }

@media only screen and (min-width: 800px) {
  .lap--one-whole {
    width: 100%; }
  .lap--one-half,
  .lap--two-quarters,
  .lap--three-sixths,
  .lap--four-eighths,
  .lap--five-tenths,
  .lap--six-twelfths {
    width: 50%; }
  .lap--one-third,
  .lap--two-sixths,
  .lap--four-twelfths {
    width: 32.666%; }
  .lap--one-quarter,
  .lap--two-eighths,
  .lap--three-twelfths {
    width: 25%; }
  .lap--three-quarters,
  .lap--six-eighths,
  .lap--nine-twelfths {
    width: 75%; }
  .lap--one-fifth,
  .lap--two-tenths {
    width: 20%; }
  .lap--two-fifths,
  .lap--four-tenths {
    width: 40%; }
  .lap--three-fifths,
  .lap--six-tenths {
    width: 60%; }
  .lap--four-fifths,
  .lap--eight-tenths {
    width: 80%; }
  .lap--one-sixth,
  .lap--two-twelfths {
    width: 16.666%; }
  .lap--five-sixths,
  .lap--ten-twelfths {
    width: 83.333%; }
  .lap--one-eighth {
    width: 12.5%; }
  .lap--three-eighths {
    width: 37.5%; }
  .lap--five-eighths {
    width: 62.5%; }
  .lap--seven-eighths {
    width: 87.5%; }
  .lap--one-tenth {
    width: 10%; }
  .lap--three-tenths {
    width: 30%; }
  .lap--seven-tenths {
    width: 70%; }
  .lap--nine-tenths {
    width: 90%; }
  .lap--one-twelfth {
    width: 8.333%; }
  .lap--five-twelfths {
    width: 41.666%; }
  .lap--seven-twelfths {
    width: 58.333%; }
  .lap--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 1024px) {
  .desk--one-whole {
    width: 100%; }
  .desk--one-half,
  .desk--two-quarters,
  .desk--three-sixths,
  .desk--four-eighths,
  .desk--five-tenths,
  .desk--six-twelfths {
    width: 50%; }
  .desk--one-third,
  .desk--two-sixths,
  .desk--four-twelfths {
    width: 33.333%; }
  .desk--two-thirds,
  .desk--four-sixths,
  .desk--eight-twelfths {
    width: 66.666%; }
  .desk--one-quarter,
  .desk--two-eighths,
  .desk--three-twelfths {
    width: 25%; }
  .desk--three-quarters,
  .desk--six-eighths,
  .desk--nine-twelfths {
    width: 75%; }
  .desk--one-fifth,
  .desk--two-tenths {
    width: 20%; }
  .desk--two-fifths,
  .desk--four-tenths {
    width: 40%; }
  .desk--three-fifths,
  .desk--six-tenths {
    width: 60%; }
  .desk--four-fifths,
  .desk--eight-tenths {
    width: 80%; }
  .desk--one-sixth,
  .desk--two-twelfths {
    width: 16.666%; }
  .desk--five-sixths,
  .desk--ten-twelfths {
    width: 83.333%; }
  .desk--one-eighth {
    width: 12.5%; }
  .desk--three-eighths {
    width: 37.5%; }
  .desk--five-eighths {
    width: 62.5%; }
  .desk--seven-eighths {
    width: 87.5%; }
  .desk--one-tenth {
    width: 10%; }
  .desk--three-tenths {
    width: 30%; }
  .desk--seven-tenths {
    width: 70%; }
  .desk--nine-tenths {
    width: 90%; }
  .desk--one-twelfth {
    width: 8.333%; }
  .desk--five-twelfths {
    width: 41.666%; }
  .desk--seven-twelfths {
    width: 58.333%; }
  .desk--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 1280px) {
  .desk-wide--one-whole {
    width: 100%; }
  .desk-wide--one-half,
  .desk-wide--two-quarters,
  .desk-wide--three-sixths,
  .desk-wide--four-eighths,
  .desk-wide--five-tenths,
  .desk-wide--six-twelfths {
    width: 50%; }
  .desk-wide--one-third,
  .desk-wide--two-sixths,
  .desk-wide--four-twelfths {
    width: 33.333%; }
  .desk-wide--two-thirds,
  .desk-wide--four-sixths,
  .desk-wide--eight-twelfths {
    width: 66.666%; }
  .desk-wide--one-quarter,
  .desk-wide--two-eighths,
  .desk-wide--three-twelfths {
    width: 25%; }
  .desk-wide--three-quarters,
  .desk-wide--six-eighths,
  .desk-wide--nine-twelfths {
    width: 75%; }
  .desk-wide--one-fifth,
  .desk-wide--two-tenths {
    width: 20%; }
  .desk-wide--two-fifths,
  .desk-wide--four-tenths {
    width: 40%; }
  .desk-wide--three-fifths,
  .desk-wide--six-tenths {
    width: 60%; }
  .desk-wide--four-fifths,
  .desk-wide--eight-tenths {
    width: 80%; }
  .desk-wide--one-sixth,
  .desk-wide--two-twelfths {
    width: 16.666%; }
  .desk-wide--five-sixths,
  .desk-wide--ten-twelfths {
    width: 83.333%; }
  .desk-wide--one-eighth {
    width: 12.5%; }
  .desk-wide--three-eighths {
    width: 37.5%; }
  .desk-wide--five-eighths {
    width: 62.5%; }
  .desk-wide--seven-eighths {
    width: 87.5%; }
  .desk-wide--one-tenth {
    width: 10%; }
  .desk-wide--three-tenths {
    width: 30%; }
  .desk-wide--seven-tenths {
    width: 70%; }
  .desk-wide--nine-tenths {
    width: 90%; }
  .desk-wide--one-twelfth {
    width: 8.333%; }
  .desk-wide--five-twelfths {
    width: 41.666%; }
  .desk-wide--seven-twelfths {
    width: 58.333%; }
  .desk-wide--eleven-twelfths {
    width: 91.666%; } }

.phone--visible,
.phone--visible-inline,
.palm--visible,
.palm--visible-inline,
.mid--visible,
.mid--visible-inline,
.lap--visible,
.lap--visible-inline,
.desk--visible,
.desk--visible-inline,
.desk-wide--visible,
.desk-wide--visible-inline {
  display: none; }

@media only screen and (min-width: 320px) {
  .phone--visible {
    display: block; }
  .phone--visible-inline {
    display: inline-block; } }

@media only screen and (min-width: 500px) {
  .palm--visible {
    display: block; }
  .palm--visible-inline {
    display: inline-block; } }

@media only screen and (min-width: 700px) {
  .mid--visible {
    display: block; }
  .mid--visible-inline {
    display: inline-block; } }

@media only screen and (min-width: 801px) {
  .lap--visible-inline {
    display: inline-block; } }

@media only screen and (min-width: 800px) {
  .lap--visible {
    display: block; } }

@media only screen and (min-width: 1024px) {
  .desk--visible {
    display: block; }
  .desk--visible-inline {
    display: inline-block; } }

@media only screen and (min-width: 1280px) {
  .desk-wide--visible {
    display: block; }
  .desk-wide--visible-inline {
    display: inline-block; } }

[class*="push--"] {
  position: relative; }

.push--one-whole {
  left: 100%; }

.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
  left: 50%; }

.push--one-third,
.push--two-sixths,
.push--four-twelfths {
  left: 33.333%; }

.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
  left: 66.666%; }

.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
  left: 25%; }

.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
  left: 75%; }

.push--one-fifth,
.push--two-tenths {
  left: 20%; }

.push--two-fifths,
.push--four-tenths {
  left: 40%; }

.push--three-fifths,
.push--six-tenths {
  left: 60%; }

.push--four-fifths,
.push--eight-tenths {
  left: 80%; }

.sub-comment-input-width {
  width: 75%; }

.push--one-sixth,
.push--two-twelfths {
  left: 16.666%; }

.push--five-sixths,
.push--ten-twelfths {
  left: 83.333%; }

.push--one-eighth {
  left: 12.5%; }

.push--three-eighths {
  left: 37.5%; }

.push--five-eighths {
  left: 62.5%; }

.push--seven-eighths {
  left: 87.5%; }

.push--one-tenth {
  left: 10%; }

.push--three-tenths {
  left: 30%; }

.push--seven-tenths {
  left: 70%; }

.push--nine-tenths {
  left: 90%; }

.push--one-twelfth {
  left: 8.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 320px) {
  .push--phone--one-whole {
    left: 100%; }
  .push--phone--one-half,
  .push--phone--two-quarters,
  .push--phone--three-sixths,
  .push--phone--four-eighths,
  .push--phone--five-tenths,
  .push--phone--six-twelfths {
    left: 50%; }
  .push--phone--one-third,
  .push--phone--two-sixths,
  .push--phone--four-twelfths {
    left: 33.333%; }
  .push--phone--two-thirds,
  .push--phone--four-sixths,
  .push--phone--eight-twelfths {
    left: 66.666%; }
  .push--phone--one-quarter,
  .push--phone--two-eighths,
  .push--phone--three-twelfths {
    left: 25%; }
  .push--phone--three-quarters,
  .push--phone--six-eighths,
  .push--phone--nine-twelfths {
    left: 75%; }
  .push--phone--one-fifth,
  .push--phone--two-tenths {
    left: 20%; }
  .push--phone--two-fifths,
  .push--phone--four-tenths {
    left: 40%; }
  .push--phone--three-fifths,
  .push--phone--six-tenths {
    left: 60%; }
  .push--phone--four-fifths,
  .push--phone--eight-tenths {
    left: 80%; }
  .push--phone--one-sixth,
  .push--phone--two-twelfths {
    left: 16.666%; }
  .push--phone--five-sixths,
  .push--phone--ten-twelfths {
    left: 83.333%; }
  .push--phone--one-eighth {
    left: 12.5%; }
  .push--phone--three-eighths {
    left: 37.5%; }
  .push--phone--five-eighths {
    left: 62.5%; }
  .push--phone--seven-eighths {
    left: 87.5%; }
  .push--phone--one-tenth {
    left: 10%; }
  .push--phone--three-tenths {
    left: 30%; }
  .push--phone--seven-tenths {
    left: 70%; }
  .push--phone--nine-tenths {
    left: 90%; }
  .push--phone--one-twelfth {
    left: 8.333%; }
  .push--phone--five-twelfths {
    left: 41.666%; }
  .push--phone--seven-twelfths {
    left: 58.333%; }
  .push--phone--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 500px) {
  .push--palm--one-whole {
    left: 100%; }
  .push--palm--one-half,
  .push--palm--two-quarters,
  .push--palm--three-sixths,
  .push--palm--four-eighths,
  .push--palm--five-tenths,
  .push--palm--six-twelfths {
    left: 50%; }
  .push--palm--one-third,
  .push--palm--two-sixths,
  .push--palm--four-twelfths {
    left: 33.333%; }
  .push--palm--two-thirds,
  .push--palm--four-sixths,
  .push--palm--eight-twelfths {
    left: 66.666%; }
  .push--palm--one-quarter,
  .push--palm--two-eighths,
  .push--palm--three-twelfths {
    left: 25%; }
  .push--palm--three-quarters,
  .push--palm--six-eighths,
  .push--palm--nine-twelfths {
    left: 75%; }
  .push--palm--one-fifth,
  .push--palm--two-tenths {
    left: 20%; }
  .push--palm--two-fifths,
  .push--palm--four-tenths {
    left: 40%; }
  .push--palm--three-fifths,
  .push--palm--six-tenths {
    left: 60%; }
  .push--palm--four-fifths,
  .push--palm--eight-tenths {
    left: 80%; }
  .push--palm--one-sixth,
  .push--palm--two-twelfths {
    left: 16.666%; }
  .push--palm--five-sixths,
  .push--palm--ten-twelfths {
    left: 83.333%; }
  .push--palm--one-sixth,
  .push--palm--two-twelfths {
    left: 16.666%; }
  .push--palm--one-eighth {
    left: 12.5%; }
  .push--palm--three-eighths {
    left: 37.5%; }
  .push--palm--five-eighths {
    left: 62.5%; }
  .push--palm--seven-eighths {
    left: 87.5%; }
  .push--palm--one-tenth {
    left: 10%; }
  .push--palm--three-tenths {
    left: 30%; }
  .push--palm--seven-tenths {
    left: 70%; }
  .push--palm--nine-tenths {
    left: 90%; }
  .push--palm--one-twelfth {
    left: 8.333%; }
  .push--palm--five-twelfths {
    left: 41.666%; }
  .push--palm--seven-twelfths {
    left: 58.333%; }
  .push--palm--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 700px) {
  .push--mid--one-whole {
    left: 100%; }
  .push--mid--one-half,
  .push--mid--two-quarters,
  .push--mid--three-sixths,
  .push--mid--four-eighths,
  .push--mid--five-tenths,
  .push--mid--six-twelfths {
    left: 50%; }
  .push--mid--one-third,
  .push--mid--two-sixths,
  .push--mid--four-twelfths {
    left: 33.333%; }
  .push--mid--two-thirds,
  .push--mid--four-sixths,
  .push--mid--eight-twelfths {
    left: 66.666%; }
  .push--mid--one-quarter,
  .push--mid--two-eighths,
  .push--mid--three-twelfths {
    left: 25%; }
  .push--mid--three-quarters,
  .push--mid--six-eighths,
  .push--mid--nine-twelfths {
    left: 75%; }
  .push--mid--one-fifth,
  .push--mid--two-tenths {
    left: 20%; }
  .push--mid--two-fifths,
  .push--mid--four-tenths {
    left: 40%; }
  .push--mid--three-fifths,
  .push--mid--six-tenths {
    left: 60%; }
  .push--mid--four-fifths,
  .push--mid--eight-tenths {
    left: 80%; }
  .push--mid--one-sixth,
  .push--mid--two-twelfths {
    left: 16.666%; }
  .push--mid--five-sixths,
  .push--mid--ten-twelfths {
    left: 83.333%; }
  .push--mid--one-eighth {
    left: 12.5%; }
  .push--mid--three-eighths {
    left: 37.5%; }
  .push--mid--five-eighths {
    left: 62.5%; }
  .push--mid--seven-eighths {
    left: 87.5%; }
  .push--mid--one-tenth {
    left: 10%; }
  .push--mid--three-tenths {
    left: 30%; }
  .push--mid--seven-tenths {
    left: 70%; }
  .push--mid--nine-tenths {
    left: 90%; }
  .push--mid--one-twelfth {
    left: 8.333%; }
  .push--mid--five-twelfths {
    left: 41.666%; }
  .push--mid--seven-twelfths {
    left: 58.333%; }
  .push--mid--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 800px) {
  .push--lap--one-whole {
    left: 100%; }
  .push--lap--one-half,
  .push--lap--two-quarters,
  .push--lap--three-sixths,
  .push--lap--four-eighths,
  .push--lap--five-tenths,
  .push--lap--six-twelfths {
    left: 50%; }
  .push--lap--one-third,
  .push--lap--two-sixths,
  .push--lap--four-twelfths {
    left: 33.333%; }
  .push--lap--two-thirds,
  .push--lap--four-sixths,
  .push--lap--eight-twelfths {
    left: 66.666%; }
  .push--lap--one-quarter,
  .push--lap--two-eighths,
  .push--lap--three-twelfths {
    left: 25%; }
  .push--lap--three-quarters,
  .push--lap--six-eighths,
  .push--lap--nine-twelfths {
    left: 75%; }
  .push--lap--one-fifth,
  .push--lap--two-tenths {
    left: 20%; }
  .push--lap--two-fifths,
  .push--lap--four-tenths {
    left: 40%; }
  .push--lap--three-fifths,
  .push--lap--six-tenths {
    left: 60%; }
  .push--lap--four-fifths,
  .push--lap--eight-tenths {
    left: 80%; }
  .push--lap--one-sixth,
  .push--lap--two-twelfths {
    left: 16.666%; }
  .push--lap--five-sixths,
  .push--lap--ten-twelfths {
    left: 83.333%; }
  .push--lap--one-eighth {
    left: 12.5%; }
  .push--lap--three-eighths {
    left: 37.5%; }
  .push--lap--five-eighths {
    left: 62.5%; }
  .push--lap--seven-eighths {
    left: 87.5%; }
  .push--lap--one-tenth {
    left: 10%; }
  .push--lap--three-tenths {
    left: 30%; }
  .push--lap--seven-tenths {
    left: 70%; }
  .push--lap--nine-tenths {
    left: 90%; }
  .push--lap--one-twelfth {
    left: 8.333%; }
  .push--lap--five-twelfths {
    left: 41.666%; }
  .push--lap--seven-twelfths {
    left: 58.333%; }
  .push--lap--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1024px) {
  .push--desk--one-whole {
    left: 100%; }
  .push--desk--one-half,
  .push--desk--two-quarters,
  .push--desk--three-sixths,
  .push--desk--four-eighths,
  .push--desk--five-tenths, .push--desk--six-twelfths {
    left: 50%; }
  .push--desk--one-third,
  .push--desk--two-sixths,
  .push--desk--four-twelfths {
    left: 33.333%; }
  .push--desk--two-thirds,
  .push--desk--four-sixths,
  .push--desk--eight-twelfths {
    left: 66.666%; }
  .push--desk--one-quarter,
  .push--desk--two-eighths,
  .push--desk--three-twelfths {
    left: 25%; }
  .push--desk--three-quarters,
  .push--desk--six-eighths,
  .push--desk--nine-twelfths {
    left: 75%; }
  .push--desk--one-fifth,
  .push--desk--two-tenths {
    left: 20%; }
  .push--desk--two-fifths,
  .push--desk--four-tenths {
    left: 40%; }
  .push--desk--three-fifths,
  .push--desk--six-tenths {
    left: 60%; }
  .push--desk--four-fifths,
  .push--desk--eight-tenths {
    left: 80%; }
  .push--desk--one-sixth,
  .push--desk--two-twelfths {
    left: 16.666%; }
  .push--desk--five-sixths,
  .push--desk--ten-twelfths {
    left: 83.333%; }
  .push--desk--one-eighth {
    left: 12.5%; }
  .push--desk--three-eighths {
    left: 37.5%; }
  .push--desk--five-eighths {
    left: 62.5%; }
  .push--desk--seven-eighths {
    left: 87.5%; }
  .push--desk--one-tenth {
    left: 10%; }
  .push--desk--three-tenths {
    left: 30%; }
  .push--desk--seven-tenths {
    left: 70%; }
  .push--desk--nine-tenths {
    left: 90%; }
  .push--desk--one-twelfth {
    left: 8.333%; }
  .push--desk--five-twelfths {
    left: 41.666%; }
  .push--desk--seven-twelfths {
    left: 58.333%; }
  .push--desk--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1280px) {
  .push--desk-wide--one-whole {
    left: 100%; }
  .push--desk-wide--one-half,
  .push--desk-wide--two-quarters,
  .push--desk-wide--three-sixths,
  .push--desk-wide--four-eighths,
  .push--desk-wide--five-tenths,
  .push--desk-wide--six-twelfths {
    left: 50%; }
  .push--desk-wide--one-third,
  .push--desk-wide--two-sixths,
  .push--desk-wide--four-twelfths {
    left: 33.333%; }
  .push--desk-wide--two-thirds,
  .push--desk-wide--four-sixths,
  .push--desk-wide--eight-twelfths {
    left: 66.666%; }
  .push--desk-wide--one-quarter,
  .push--desk-wide--two-eighths,
  .push--desk-wide--three-twelfths {
    left: 25%; }
  .push--desk-wide--three-quarters,
  .push--desk-wide--six-eighths,
  .push--desk-wide--nine-twelfths {
    left: 75%; }
  .push--desk-wide--one-fifth,
  .push--desk-wide--two-tenths {
    left: 20%; }
  .push--desk-wide--two-fifths,
  .push--desk-wide--four-tenths {
    left: 40%; }
  .push--desk-wide--three-fifths,
  .push--desk-wide--six-tenths {
    left: 60%; }
  .push--desk-wide--four-fifths,
  .push--desk-wide--eight-tenths {
    left: 80%; }
  .push--desk-wide--one-sixth,
  .push--desk-wide--two-twelfths {
    left: 16.666%; }
  .push--desk-wide--five-sixths,
  .push--desk-wide--ten-twelfths {
    left: 83.333%; }
  .push--desk-wide--one-eighth {
    left: 12.5%; }
  .push--desk-wide--three-eighths {
    left: 37.5%; }
  .push--desk-wide--five-eighths {
    left: 62.5%; }
  .push--desk-wide--seven-eighths {
    left: 87.5%; }
  .push--desk-wide--one-tenth {
    left: 10%; }
  .push--desk-wide--three-tenths {
    left: 30%; }
  .push--desk-wide--seven-tenths {
    left: 70%; }
  .push--desk-wide--nine-tenths {
    left: 90%; }
  .push--desk-wide--one-twelfth {
    left: 8.333%; }
  .push--desk-wide--five-twelfths {
    left: 41.666%; }
  .push--desk-wide--seven-twelfths {
    left: 58.333%; }
  .push--desk-wide--eleven-twelfths {
    left: 91.666%; } }

[class*="pull--"] {
  position: relative; }

.pull--one-whole {
  right: 100%; }

.pull--one-half,
.pull--two-quarters,
.pull--three-sixths,
.pull--four-eighths,
.pull--five-tenths,
.pull--six-twelfths {
  right: 50%; }

.pull--one-third,
.pull--two-sixths,
.pull--four-twelfths {
  right: 33.333%; }

.pull--two-thirds,
.pull--four-sixths,
.pull--eight-twelfths {
  right: 66.666%; }

.pull--one-quarter,
.pull--two-eighths,
.pull--three-twelfths {
  right: 25%; }

.pull--three-quarters,
.pull--six-eighths,
.pull--nine-twelfths {
  right: 75%; }

.pull--one-fifth,
.pull--two-tenths {
  right: 20%; }

.pull--two-fifths,
.pull--four-tenths {
  right: 40%; }

.pull--three-fifths,
.pull--six-tenths {
  right: 60%; }

.pull--four-fifths,
.pull--eight-tenths {
  right: 80%; }

.pull--one-sixth,
.pull--two-twelfths {
  right: 16.666%; }

.pull--five-sixths,
.pull--ten-twelfths {
  right: 83.333%; }

.pull--one-eighth {
  right: 12.5%; }

.pull--three-eighths {
  right: 37.5%; }

.pull--five-eighths {
  right: 62.5%; }

.pull--seven-eighths {
  right: 87.5%; }

.pull--one-tenth {
  right: 10%; }

.pull--three-tenths {
  right: 30%; }

.pull--seven-tenths {
  right: 70%; }

.pull--nine-tenths {
  right: 90%; }

.pull--one-twelfth {
  right: 8.333%; }

.pull--five-twelfths {
  right: 41.666%; }

.pull--seven-twelfths {
  right: 58.333%; }

.pull--eleven-twelfths {
  right: 91.666%; }

@media only screen and (min-width: 320px) {
  .pull--phone--one-whole {
    right: 100%; }
  .pull--phone--one-half,
  .pull--phone--two-quarters,
  .pull--phone--three-sixths,
  .pull--phone--four-eighths,
  .pull--phone--five-tenths,
  .pull--phone--six-twelfths {
    right: 50%; }
  .pull--phone--one-third,
  .pull--phone--two-sixths,
  .pull--phone--four-twelfths {
    right: 33.333%; }
  .pull--phone--two-thirds,
  .pull--phone--four-sixths,
  .pull--phone--eight-twelfths {
    right: 66.666%; }
  .pull--phone--one-quarter,
  .pull--phone--two-eighths,
  .pull--phone--three-twelfths {
    right: 25%; }
  .pull--phone--three-quarters,
  .pull--phone--six-eighths,
  .pull--phone--nine-twelfths {
    right: 75%; }
  .pull--phone--one-fifth,
  .pull--phone--two-tenths {
    right: 20%; }
  .pull--phone--two-fifths,
  .pull--phone--four-tenths {
    right: 40%; }
  .pull--phone--three-fifths,
  .pull--phone--six-tenths {
    right: 60%; }
  .pull--phone--four-fifths,
  .pull--phone--eight-tenths {
    right: 80%; }
  .pull--phone--one-sixth,
  .pull--phone--two-twelfths {
    right: 16.666%; }
  .pull--phone--five-sixths,
  .pull--phone--ten-twelfths {
    right: 83.333%; }
  .pull--phone--one-eighth {
    right: 12.5%; }
  .pull--phone--three-eighths {
    right: 37.5%; }
  .pull--phone--five-eighths {
    right: 62.5%; }
  .pull--phone--seven-eighths {
    right: 87.5%; }
  .pull--phone--one-tenth {
    right: 10%; }
  .pull--phone--three-tenths {
    right: 30%; }
  .pull--phone--seven-tenths {
    right: 70%; }
  .pull--phone--nine-tenths {
    right: 90%; }
  .pull--phone--one-twelfth {
    right: 8.333%; }
  .pull--phone--five-twelfths {
    right: 41.666%; }
  .pull--phone--seven-twelfths {
    right: 58.333%; }
  .pull--phone--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 500px) {
  .pull--palm--one-whole {
    right: 100%; }
  .pull--palm--one-half,
  .pull--palm--two-quarters,
  .pull--palm--three-sixths,
  .pull--palm--four-eighths,
  .pull--palm--five-tenths,
  .pull--palm--six-twelfths {
    right: 50%; }
  .pull--palm--one-third,
  .pull--palm--two-sixths,
  .pull--palm--four-twelfths {
    right: 33.333%; }
  .pull--palm--two-thirds,
  .pull--palm--four-sixths,
  .pull--palm--eight-twelfths {
    right: 66.666%; }
  .pull--palm--one-quarter,
  .pull--palm--two-eighths,
  .pull--palm--three-twelfths {
    right: 25%; }
  .pull--palm--three-quarters,
  .pull--palm--six-eighths,
  .pull--palm--nine-twelfths {
    right: 75%; }
  .pull--palm--one-fifth,
  .pull--palm--two-tenths {
    right: 20%; }
  .pull--palm--two-fifths,
  .pull--palm--four-tenths {
    right: 40%; }
  .pull--palm--three-fifths,
  .pull--palm--six-tenths {
    right: 60%; }
  .pull--palm--four-fifths,
  .pull--palm--eight-tenths {
    right: 80%; }
  .pull--palm--one-sixth,
  .pull--palm--two-twelfths {
    right: 16.666%; }
  .pull--palm--five-sixths,
  .pull--palm--ten-twelfths {
    right: 83.333%; }
  .pull--palm--one-eighth {
    right: 12.5%; }
  .pull--palm--three-eighths {
    right: 37.5%; }
  .pull--palm--five-eighths {
    right: 62.5%; }
  .pull--palm--seven-eighths {
    right: 87.5%; }
  .pull--palm--one-tenth {
    right: 10%; }
  .pull--palm--three-tenths {
    right: 30%; }
  .pull--palm--seven-tenths {
    right: 70%; }
  .pull--palm--nine-tenths {
    right: 90%; }
  .pull--palm--one-twelfth {
    right: 8.333%; }
  .pull--palm--five-twelfths {
    right: 41.666%; }
  .pull--palm--seven-twelfths {
    right: 58.333%; }
  .pull--palm--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 700px) {
  .pull--mid--one-whole {
    right: 100%; }
  .pull--mid--one-half,
  .pull--mid--two-quarters,
  .pull--mid--three-sixths,
  .pull--mid--four-eighths,
  .pull--mid--five-tenths,
  .pull--mid--six-twelfths {
    right: 50%; }
  .pull--mid--one-third,
  .pull--mid--two-sixths,
  .pull--mid--four-twelfths {
    right: 33.333%; }
  .pull--mid--two-thirds,
  .pull--mid--four-sixths,
  .pull--mid--eight-twelfths {
    right: 66.666%; }
  .pull--mid--one-quarter,
  .pull--mid--two-eighths,
  .pull--mid--three-twelfths {
    right: 25%; }
  .pull--mid--three-quarters,
  .pull--mid--six-eighths,
  .pull--mid--nine-twelfths {
    right: 75%; }
  .pull--mid--one-fifth,
  .pull--mid--two-tenths {
    right: 20%; }
  .pull--mid--two-fifths,
  .pull--mid--four-tenths {
    right: 40%; }
  .pull--mid--three-fifths,
  .pull--mid--six-tenths {
    right: 60%; }
  .pull--mid--four-fifths,
  .pull--mid--eight-tenths {
    right: 80%; }
  .pull--mid--one-sixth,
  .pull--mid--two-twelfths {
    right: 16.666%; }
  .pull--mid--five-sixths,
  .pull--mid--ten-twelfths {
    right: 83.333%; }
  .pull--mid--one-eighth {
    right: 12.5%; }
  .pull--mid--three-eighths {
    right: 37.5%; }
  .pull--mid--five-eighths {
    right: 62.5%; }
  .pull--mid--seven-eighths {
    right: 87.5%; }
  .pull--mid--one-tenth {
    right: 10%; }
  .pull--mid--three-tenths {
    right: 30%; }
  .pull--mid--seven-tenths {
    right: 70%; }
  .pull--mid--nine-tenths {
    right: 90%; }
  .pull--mid--one-twelfth {
    right: 8.333%; }
  .pull--mid--five-twelfths {
    right: 41.666%; }
  .pull--mid--seven-twelfths {
    right: 58.333%; }
  .pull--mid--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 800px) {
  .pull--lap--one-whole {
    right: 100%; }
  .pull--lap--one-half,
  .pull--lap--two-quarters,
  .pull--lap--three-sixths,
  .pull--lap--four-eighths,
  .pull--lap--five-tenths,
  .pull--lap--six-twelfths {
    right: 50%; }
  .pull--lap--one-third,
  .pull--lap--two-sixths,
  .pull--lap--four-twelfths {
    right: 33.333%; }
  .pull--lap--two-thirds,
  .pull--lap--four-sixths,
  .pull--lap--eight-twelfths {
    right: 66.666%; }
  .pull--lap--one-quarter,
  .pull--lap--two-eighths,
  .pull--lap--three-twelfths {
    right: 25%; }
  .pull--lap--three-quarters,
  .pull--lap--six-eighths,
  .pull--lap--nine-twelfths {
    right: 75%; }
  .pull--lap--one-fifth,
  .pull--lap--two-tenths {
    right: 20%; }
  .pull--lap--two-fifths,
  .pull--lap--four-tenths {
    right: 40%; }
  .pull--lap--three-fifths,
  .pull--lap--six-tenths {
    right: 60%; }
  .pull--lap--four-fifths,
  .pull--lap--eight-tenths {
    right: 80%; }
  .pull--lap--one-sixth,
  .pull--lap--two-twelfths {
    right: 16.666%; }
  .pull--lap--five-sixths,
  .pull--lap--ten-twelfths {
    right: 83.333%; }
  .pull--lap--one-eighth {
    right: 12.5%; }
  .pull--lap--three-eighths {
    right: 37.5%; }
  .pull--lap--five-eighths {
    right: 62.5%; }
  .pull--lap--seven-eighths {
    right: 87.5%; }
  .pull--lap--one-tenth {
    right: 10%; }
  .pull--lap--three-tenths {
    right: 30%; }
  .pull--lap--seven-tenths {
    right: 70%; }
  .pull--lap--nine-tenths {
    right: 90%; }
  .pull--lap--one-twelfth {
    right: 8.333%; }
  .pull--lap--five-twelfths {
    right: 41.666%; }
  .pull--lap--seven-twelfths {
    right: 58.333%; }
  .pull--lap--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 1024px) {
  .pull--desk--one-whole {
    right: 100%; }
  .pull--desk--one-half,
  .pull--desk--two-quarters,
  .pull--desk--three-sixths,
  .pull--desk--four-eighths,
  .pull--desk--five-tenths,
  .pull--desk--six-twelfths {
    right: 50%; }
  .pull--desk--one-third,
  .pull--desk--two-sixths,
  .pull--desk--four-twelfths {
    right: 33.333%; }
  .pull--desk--two-thirds,
  .pull--desk--four-sixths,
  .pull--desk--eight-twelfths {
    right: 66.666%; }
  .pull--desk--one-quarter,
  .pull--desk--two-eighths,
  .pull--desk--three-twelfths {
    right: 25%; }
  .pull--desk--three-quarters,
  .pull--desk--six-eighths,
  .pull--desk--nine-twelfths {
    right: 75%; }
  .pull--desk--one-fifth,
  .pull--desk--two-tenths {
    right: 20%; }
  .pull--desk--two-fifths,
  .pull--desk--four-tenths {
    right: 40%; }
  .pull--desk--three-fifths,
  .pull--desk--six-tenths {
    right: 60%; }
  .pull--desk--four-fifths,
  .pull--desk--eight-tenths {
    right: 80%; }
  .pull--desk--one-sixth,
  .pull--desk--two-twelfths {
    right: 16.666%; }
  .pull--desk--five-sixths,
  .pull--desk--ten-twelfths {
    right: 83.333%; }
  .pull--desk--one-eighth {
    right: 12.5%; }
  .pull--desk--three-eighths {
    right: 37.5%; }
  .pull--desk--five-eighths {
    right: 62.5%; }
  .pull--desk--seven-eighths {
    right: 87.5%; }
  .pull--desk--one-tenth {
    right: 10%; }
  .pull--desk--three-tenths {
    right: 30%; }
  .pull--desk--seven-tenths {
    right: 70%; }
  .pull--desk--nine-tenths {
    right: 90%; }
  .pull--desk--one-twelfth {
    right: 8.333%; }
  .pull--desk--five-twelfths {
    right: 41.666%; }
  .pull--desk--seven-twelfths {
    right: 58.333%; }
  .pull--desk--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 1280px) {
  .pull--desk-wide--one-whole {
    right: 100%; }
  .pull--desk-wide--one-half,
  .pull--desk-wide--two-quarters,
  .pull--desk-wide--three-sixths,
  .pull--desk-wide--four-eighths,
  .pull--desk-wide--five-tenths,
  .pull--desk-wide--six-twelfths {
    right: 50%; }
  .pull--desk-wide--one-third,
  .pull--desk-wide--two-sixths,
  .pull--desk-wide--four-twelfths {
    right: 33.333%; }
  .pull--desk-wide--two-thirds,
  .pull--desk-wide--four-sixths,
  .pull--desk-wide--eight-twelfths {
    right: 66.666%; }
  .pull--desk-wide--one-quarter,
  .pull--desk-wide--two-eighths,
  .pull--desk-wide--three-twelfths {
    right: 25%; }
  .pull--desk-wide--three-quarters,
  .pull--desk-wide--six-eighths,
  .pull--desk-wide--nine-twelfths {
    right: 75%; }
  .pull--desk-wide--one-fifth,
  .pull--desk-wide--two-tenths {
    right: 20%; }
  .pull--desk-wide--two-fifths,
  .pull--desk-wide--four-tenths {
    right: 40%; }
  .pull--desk-wide--three-fifths,
  .pull--desk-wide--six-tenths {
    right: 60%; }
  .pull--desk-wide--four-fifths,
  .pull--desk-wide--eight-tenths {
    right: 80%; }
  .pull--desk-wide--one-sixth,
  .pull--desk-wide--two-twelfths {
    right: 16.666%; }
  .pull--desk-wide--five-sixths,
  .pull--desk-wide--ten-twelfths {
    right: 83.333%; }
  .pull--desk-wide--one-eighth {
    right: 12.5%; }
  .pull--desk-wide--three-eighths {
    right: 37.5%; }
  .pull--desk-wide--five-eighths {
    right: 62.5%; }
  .pull--desk-wide--seven-eighths {
    right: 87.5%; }
  .pull--desk-wide--one-tenth {
    right: 10%; }
  .pull--desk-wide--three-tenths {
    right: 30%; }
  .pull--desk-wide--seven-tenths {
    right: 70%; }
  .pull--desk-wide--nine-tenths {
    right: 90%; }
  .pull--desk-wide--one-twelfth {
    right: 8.333%; }
  .pull--desk-wide--five-twelfths {
    right: 41.666%; }
  .pull--desk-wide--seven-twelfths {
    right: 58.333%; }
  .pull--desk-wide--eleven-twelfths {
    right: 91.666%; } }

.grid-style-1 {
  display: table;
  font-size: 0;
  width: 100%; }
  .grid-style-1 .grid-header {
    padding-left: 0;
    font-size: 0;
    display: table;
    margin-left: -1px;
    margin-bottom: -1px;
    border-collapse: collapse; }
    .grid-style-1 .grid-header .grid-cell {
      display: table-cell;
      margin-left: -1px;
      margin-bottom: -1px;
      border: solid 1px #d8dee6;
      background-color: #f5f6fa;
      font-size: 14px;
      padding: 6px;
      text-align: center;
      font-weight: bold; }
      @media only screen and (max-width: 414px) {
        .grid-style-1 .grid-header .grid-cell {
          font-size: 10px; } }
  .grid-style-1 .grid-data {
    padding-left: 0;
    font-size: 0;
    display: table;
    margin-left: -1px;
    margin-bottom: -1px;
    border-collapse: collapse; }
    .grid-style-1 .grid-data .grid-cell {
      display: table-cell;
      margin-left: -1px;
      margin-bottom: -1px;
      border: solid 1px #d8dee6;
      background-color: #ffffff;
      font-size: 15px;
      padding: 6px;
      text-align: center; }
      .grid-style-1 .grid-data .grid-cell.alternate {
        background-color: #f5f6fa; }
      .grid-style-1 .grid-data .grid-cell.grid-cell-button {
        color: blue;
        cursor: pointer;
        font-weight: bold; }
        .grid-style-1 .grid-data .grid-cell.grid-cell-button:hover {
          text-decoration: underline; }
      @media only screen and (max-width: 414px) {
        .grid-style-1 .grid-data .grid-cell {
          font-size: 10px; } }

@font-face {
  font-family: "webtalk";
  src: url("/dis/static/public/app/assets/fonts/webtalk/webtalk.eot?-m2yi9p");
  src: url("/dis/static/public/app/assets/fonts/webtalk/webtalk.eot?#iefix-m2yi9p") format("embedded-opentype"), url("/dis/static/public/app/assets/fonts/webtalk/webtalk.ttf?-m2yi9p") format("truetype"), url("/dis/static/public/app/assets/fonts/webtalk/webtalk.woff?-m2yi9p") format("woff"), url("/dis/static/public/app/assets/fonts/webtalk/webtalk.svg?-m2yi9p#webtalk") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  font-family: "webtalk";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-flag-line:before {
  content: "\e907"; }

.icon-ribbon:before {
  content: "\e908"; }

.icon-mac-bubble:before {
  content: "\e903"; }

.icon-pro-bubble:before {
  content: "\e904"; }

.icon-phone-bubble:before {
  content: "\e905"; }

.icon-antenna:before {
  content: "\e906"; }

.icon-check-circle:before {
  content: "\e902"; }

.icon-twitter:before {
  content: "\e901"; }

.icon-gplus:before {
  content: "\e900"; }

.icon-subtract:before {
  content: "\e655"; }

.icon-birthday:before {
  content: "\e657"; }

.icon-bullhorn:before {
  content: "\e658"; }

.icon-files:before {
  content: "\e659"; }

.icon-mutual:before {
  content: "\e652"; }

.icon-question:before {
  content: "\e653"; }

.icon-view:before {
  content: "\e654"; }

.icon-add-person:before,
.icon--id:before,
.icon-id:before,
.icon--object_id:before {
  content: "\e650"; }

.icon-alphabetical:before,
.icon-first_name:before,
.icon-name:before,
.icon-description:before {
  content: "\e651"; }

.icon-message-o:before {
  content: "\e648"; }

.icon-message:before {
  content: "\e649"; }

.icon-group-o:before {
  content: "\e64a"; }

.icon-group:before {
  content: "\e64b"; }

.icon-heart:before {
  content: "\e64c"; }

.icon-notification-o:before {
  content: "\e64d"; }

.icon-notification:before {
  content: "\e64e"; }

.icon-perconnections::before, .icon-perconnections:before {
  content: "\e63b"; }

.icon-panel:before, .icon-panel::before {
  content: "\e63f"; }

.icon-topnews {
  content: "\e646"; }
  .icon-topnews:before {
    content: "\e646"; }

.icon-videos:before {
  content: "\e63a"; }

.icon-unfollow:before {
  content: "\e645"; }

.icon-topnews::before {
  content: "\e646"; }

.icon-hide:before {
  content: "\e647"; }

.icon-check2:before {
  content: "\e644"; }

.icon-delete:before {
  content: "\e642"; }

.icon-edit:before {
  content: "\e643"; }

.icon-dropdown:before {
  content: "\e640"; }

.icon-connect2:before {
  content: "\e641"; }

.icon-panel:before {
  content: "\e63f"; }

.icon-pages:before {
  content: "\e63e"; }

/*.icon-allconnections:before {
  content: "\e639";
}*/
/*.icon-perconnections:before {
  content: "\e63b";
}*/
/*.icon-profconnections:before {
  content: "\e63c";
}*/
/*.icon-public:before {
  content: "\e63d";
}*/
.icon-write:before {
  content: "\e60c"; }

.icon-office:before {
  content: "\e636"; }

.icon-screen:before {
  content: "\e637"; }

.icon-star:before {
  content: "\e638"; }

.icon-socialcpx:before {
  content: "\e634"; }

.icon-folder-o:before {
  content: "\e62a"; }

.icon-family:before {
  content: "\e62b"; }

.icon-folder-arrow:before {
  content: "\e62c"; }

.icon-folder:before {
  content: "\e62e"; }

.icon-image:before {
  content: "\e632"; }

.icon-tie:before {
  content: "\e633"; }

.icon-arrow-right:before {
  content: "\e62f"; }

.icon-arrow-left:before {
  content: "\e630"; }

.icon-world:before {
  content: "\e631"; }

.icon-business:before {
  content: "\e62d"; }

.icon-logo:before {
  content: "\e626"; }

.icon-check:before {
  content: "\e624"; }

.icon-close:before {
  content: "\e625"; }

.icon-repost:before {
  content: "\e61a"; }

.icon-up:before {
  content: "\e61b"; }

.icon-comment:before {
  content: "\e604"; }

.icon-connect:before {
  content: "\e623"; }

.icon-search:before {
  content: "\e622"; }

.icon-video:before {
  content: "\e61e"; }

.icon-photo:before {
  content: "\e61f"; }

.icon-docs:before {
  content: "\e620"; }

.icon-news:before {
  content: "\e621"; }

.icon-trash:before {
  content: "\e61c"; }

.icon-cancel-circle:before {
  content: "\e635"; }

.icon-profile:before {
  content: "\e60d"; }

.icon-linkedin:before {
  content: "\e60a"; }

.icon-briefcase:before {
  content: "\e607"; }

.icon-bubble:before {
  content: "\e603"; }

.icon-cloud:before {
  content: "\e602"; }

.icon-mobile:before {
  content: "\e601"; }

.icon-caret:before {
  content: "\e613"; }

.icon-file:before {
  content: "\e605"; }

.icon-shopping-cart:before {
  content: "\e600"; }

.icon-folders:before {
  content: "\e909"; }

.icon-link:before {
  content: "\e65a"; }

.icon-news2:before {
  content: "\e656"; }

.icon-heart-o:before {
  content: "\e64f"; }

.icon-az:before {
  content: "\e619"; }

.icon-people:before {
  content: "\e61d"; }

.icon-settings:before {
  content: "\e614"; }

.icon-bell:before {
  content: "\e615"; }

.icon-home:before {
  content: "\e616"; }

.icon-letter:before {
  content: "\e617"; }

.icon-yahoo:before {
  content: "\e60e"; }

.icon-outlook:before {
  content: "\e60f"; }

.icon-mail:before {
  content: "\e610"; }

.icon-gmail:before {
  content: "\e611"; }

.icon-calendar:before {
  content: "\e60b"; }

.icon-facebook:before {
  content: "\e612"; }

.icon-webtalk .path1:before {
  content: "\e608";
  color: #00a2ca; }

.icon-webtalk .path2:before {
  content: "\e609";
  margin-left: -1.0869140625em;
  color: white; }

.icon-plus:before {
  content: "\e606"; }

.icon-padlock:before,
.icon-Only:before {
  content: "\e628"; }

.icon-move:before {
  content: "\e629"; }

.icon-flag:before {
  content: "\e627"; }

.icon-menu:before {
  content: "\e618"; }

.btn--default:hover .icon-heart-red,
.upload-avatar__input:hover .icon-heart-red {
  color: red; }

.icon-calendar:focus:before, .icon-calendar:hover:before {
  color: red !important; }

@font-face {
  font-family: "newicons";
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/newicons/newicons.eot?regds1");
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/newicons/newicons.eot?#iefixregds1") format("embedded-opentype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/newicons/newicons.ttf?regds1") format("truetype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/newicons/newicons.woff?regds1") format("woff"), url("http://localhost:3000/dis/static/public/app/assets/fonts/newicons/newicons.svg?regds1#newicons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="newicon-"],
[class*=" newicon-"] {
  font-family: "newicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.newicon-account:before {
  content: "\e614"; }

li.active a:hover .icon-unlabeled {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-selected-icon.svg); }

.icon-unlabeled {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-icon.svg);
  width: 100%;
  height: 100%;
  display: inline-flex !important;
  background-repeat: no-repeat;
  background-position: center; }

.icon-unllabeled {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-icon.svg);
  width: 100%;
  height: 100%;
  display: inline-flex !important;
  background-repeat: no-repeat;
  background-position: center; }
  @media only screen and (max-width: 800px) {
    .icon-unllabeled {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-selected-icon.svg); } }

.mobile-connections-icon:hover .icon-unllabeled {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-selected-icon.svg); }

li.active > a > strong .icon-unlabeled {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/unlabeled-selected-icon.svg); }

.newicon-combo .path1:before {
  content: "\e615";
  color: #404040; }

.newicon-combo .path2:before {
  content: "\e616";
  margin-left: -1em;
  color: white; }

.newicon-imeet .path1:before {
  content: "\e617";
  color: #404040; }

.newicon-imeet .path2:before {
  content: "\e618";
  margin-left: -1em;
  color: white; }

.newicon-pro .path1:before {
  content: "\e619";
  color: #ffc65f; }

.newicon-pro .path2:before {
  content: "\e61a";
  margin-left: -1em;
  color: white;
  position: absolute;
  top: 0;
  left: 14px; }

.newicon-video:before {
  content: "\e60f"; }

.newicon-new:before {
  content: "\e612"; }

.newicon-files:before {
  content: "\e613"; }

.newicon-bell:before {
  content: "\e60b"; }

.newicon-bell-o:before {
  content: "\e60c"; }

.newicon-group-o:before {
  content: "\e60d"; }

.newicon-heart:before {
  content: "\e60e"; }

.newicon-messages:before {
  content: "\e610"; }

.wt-messages-o:before {
  content: "\e611"; }

.newicon-connections:before {
  content: "\e600"; }

.newicon-edit:before {
  content: "\e601"; }

.newicon-file:before {
  content: "\e602"; }

.newicon-image:before {
  content: "\e603"; }

.newicon-news:before {
  content: "\e604"; }

.newicon-plus:before {
  content: "\e605"; }

.newicon-probubble .path1:before {
  content: "\e606";
  color: white; }

.newicon-probubble .path2:before {
  content: "\e607";
  margin-left: -1.140625em;
  color: #262f38; }

.newicon-profile:before {
  content: "\e608"; }

.newicon-reply:before {
  content: "\e609"; }

.newicon-videos:before {
  content: "\e60a"; }

.bubble-notification {
  position: relative; }
  .bubble-notification:after {
    font-size: 10px;
    position: absolute;
    background: #05a4dc;
    border-radius: 8px;
    color: #e9eaee;
    width: 26px;
    height: 16px;
    display: block;
    content: attr(data-value);
    right: -12px;
    top: -10px;
    padding-top: 2px;
    text-align: center;
    font-weight: bold; }

.new-icon-follow {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/icon-follow.svg) no-repeat 0 0/cover;
  -webkit-background-size: cover;
  display: inline-block;
  height: 13px;
  width: 13px;
  position: relative;
  margin: 5px 10px 0 0; }

.new-icon-follow-over {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/icon-follow-over.svg) no-repeat 0 0/cover;
  -webkit-background-size: cover;
  display: inline-block;
  height: 13px;
  width: 13px;
  position: relative;
  margin: 0px 10px 0 0; }

.new-icon-unconnect {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/icon-unconnect.png) no-repeat 0 0/cover;
  -webkit-background-size: cover;
  display: inline-block;
  height: 13px;
  width: 13px;
  position: relative;
  margin: 5px 10px 0 0; }

.icon-aol:before {
  content: "";
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/aol.svg) no-repeat center center/contain;
  width: 70%;
  height: 100%;
  display: inline-block;
  position: relative; }

.aol--center .icon-aol:before {
  top: 23px;
  width: 80px; }

.icon-close.close-mini {
  font-size: 11px !important; }

.mastercard-icon {
  background: url("/app/assets/images/mastercard.png") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 34px; }

.visa-icon {
  background: url("/app/assets/images/visa.png") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 34px; }

.discover-icon {
  background: url("/app/assets/images/discover.png") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 34px; }

.amex-icon {
  background: url("/app/assets/images/amex.png") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 34px; }

.info-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/info.png) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 18px;
  width: 18px; }

.icon-csv {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icon-csv.png) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 31px;
  width: 56px; }

.icon-send-email {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icon-send-email.png) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 25px;
  margin-right: 5px;
  vertical-align: middle;
  width: 29px; }

.icon-t {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons-table.png) no-repeat 0 0;
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  width: 18px; }

.icon-t--levels {
  background-position: 0 0; }

.icon-t--invited {
  background-position: 0 -15px; }

.icon-t--joined-w {
  background-position: 0 -32px; }

.icon-t--joined-p {
  background-position: 0 -50px; }

.icon-t--commission {
  background-position: 0 -68px; }

[class^="landing-icon__"] {
  background: no-repeat 0 0;
  display: inline-block;
  background-size: cover;
  -webkit-background-size: cover; }

@media only screen and (min-width: 320px) {
  [class^="landing-icon__"] {
    height: 50px;
    width: 50px; } }

@media only screen and (min-width: 800px) {
  [class^="landing-icon__"] {
    height: 64px;
    width: 64px; } }

.landing-icon__networking {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/networking.svg); }

.landing-icon__communication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/communication.svg); }

.landing-icon__news {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/news.svg); }

.landing-icon__contacts {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/contacts.svg); }

.landing-icon__content {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/content.svg); }

.landing-icon__showcase {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/showcase.svg); }

.landing-icon__collaborate {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/collab.svg); }

.landing-icon__shop {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/shop.svg); }

.landing-icon__marketing {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/marketing.svg); }

.landing-icon__recruiting {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/recruiting.svg); }

.landing-icon__fundraising {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/fundraising.svg); }

.landing-icon__selling {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/selling.svg); }

.landing-icon__growing {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/growing.svg); }

.landing-icon__validating {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/landing/business/validating.svg); }

.customer-avi {
  width: 70px;
  height: 70px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/customer-avi@2x.jpg);
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  bottom: 10px; }

.customer-avi-2 {
  width: 70px;
  height: 70px;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  bottom: 10px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/viveka-edited2-848px.png); }

@media only screen and (max-width: 800px) {
  .customer-avi,
  .customer-avi-2 {
    margin: 0 auto; } }

.star-gold {
  display: block; }
  .star-gold:before {
    content: " ";
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/star-gold.svg) 0 0 no-repeat;
    display: inline-block;
    height: 1em;
    width: 1em; }

.webtalk-pro {
  display: block;
  line-height: 0; }
  .webtalk-pro:before {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/webtalk-pro.png) center center no-repeat;
    content: "";
    display: block;
    height: 70px;
    margin: 0 auto;
    width: 85px; }

@media only screen and (min-width: 800px) {
  .webtalk-pro {
    display: none; } }

.icon--info {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/createpage--info.png) center center no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 3px;
  font-weight: 600; }

.icon--location,
.createpage--input-location:after {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/location.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 11px;
  height: 16px; }

.icon--private-channels {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/private-channels.png);
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }
  .icon--private-channels.icon--private-channels__white {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/channel-white.png);
    width: 20px;
    height: 14px; }

.icon-panel:before {
  content: "\e63f"; }

.privacyiconsection .icon {
  height: 100%;
  width: 100%;
  background-position: center center; }

.privacyiconsection .icon-All {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Onlyme {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Pro {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-All:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Onlyme:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Pro:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Public:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat center center;
  display: block !important; }

.privacyiconsection .icon-Personal:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) no-repeat center center;
  display: block !important; }

.icon-Professional {
  content: "\e63c"; }

.icon-pages {
  content: "\e63e"; }
  .icon-pages:before {
    content: "\e63e"; }

.newsfiltericons {
  color: #0095ba !important;
  text-decoration: none !important; }
  .newsfiltericons span,
  .newsfiltericons i, .newsfiltericons:hover {
    color: #0095ba !important;
    text-decoration: none !important; }

.newsfiltericonsdisable {
  color: #b0b9c1 !important;
  text-decoration: none !important; }
  .newsfiltericonsdisable span,
  .newsfiltericonsdisable i, .newsfiltericonsdisable:hover {
    color: #b0b9c1 !important;
    text-decoration: none !important; }

.up-arrows {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/up-arrow.svg) no-repeat center center;
  display: block !important;
  margin-left: 1px; }

.down-arrow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/up-arrow.svg) no-repeat center center;
  display: block !important;
  margin-left: -1px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.gallery_media_display #word-file-unknown {
  position: relative;
  height: 50px;
  width: 45px;
  margin-top: 65px;
  margin-left: 7px; }

.gallery_media_display #file {
  position: relative;
  height: 100%;
  width: 100%; }

.gallery_media_display #file-unknown {
  position: relative;
  height: 50px;
  width: 45px;
  margin-top: 65px;
  margin-left: 7px; }

.center-copylink {
  display: inline-table !important; }

.copy-link-video-alignment {
  text-align: inherit; }

.action-share-link {
  text-align: left;
  padding-left: 2px; }

.copy-link-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/copy-link.svg);
  width: 14px;
  height: 14px;
  object-fit: contain;
  margin-top: 2.5px; }

.trash-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/delete.svg);
  width: 12.3px;
  height: 14px;
  object-fit: contain;
  margin-top: 2px; }

.download-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/download.svg);
  width: 14px;
  height: 14px;
  object-fit: contain;
  margin-top: 2px; }

.btn,
.upload-avatar__input {
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  font-weight: 600;
  font-family: "Open Sans", serif;
  min-width: 0;
  padding: 15px;
  text-align: center;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

@media only screen and (min-width: 800px) {
  .btn,
  .upload-avatar__input {
    min-width: 160px; } }

.btn:hover,
.upload-avatar__input:hover {
  text-decoration: none; }

input.btn--default, input.upload-avatar__input {
  background: #05a4dc;
  border: 1px solid #05a4dc;
  color: #F5F5F5;
  height: 41px;
  line-height: 38px;
  padding: 0; }

.btn--default,
.upload-avatar__input {
  background: #05a4dc;
  border: 1px solid #05a4dc;
  color: #F5F5F5;
  height: 41px;
  line-height: 38px;
  font-size: 14px;
  padding: 0; }

input.btn--default:hover, input.upload-avatar__input:hover {
  opacity: 0.9; }

.btn--default:hover,
.upload-avatar__input:hover {
  opacity: 0.9; }

input.btn--default span,
input.upload-avatar__input span {
  padding: 0 15px; }

.btn--default span,
.upload-avatar__input span {
  padding: 0 15px; }

input.btn--border-white,
.btn--border-white {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #d6d8e3;
  height: 46px;
  line-height: 46px;
  padding: 0; }

input.btn--border-white:hover,
.btn--border-white:hover {
  background: rgba(255, 255, 255, 0.1); }

input.btn--border-altern,
.btn--border-altern {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #d6d8e3;
  height: 46px;
  line-height: 46px;
  padding: 0;
  transition: border-color 0.5s ease; }

input.btn--border-altern:hover,
.btn--border-altern:hover {
  background: #05a4dc;
  color: #FFFFFF;
  border: 1px solid transparent; }

input.btn--rounded,
.btn--rounded {
  background: #05a4dc;
  border: 2px solid transparent;
  color: #F5F5F5;
  border-radius: 22px;
  height: 29px;
  line-height: 24px;
  padding: 0 5px;
  font-size: 13px;
  min-width: 80px !important; }

input.btn--rounded:hover,
.btn--rounded:hover {
  opacity: 0.9; }

input.btn--rounded span,
.btn--rounded span {
  float: left; }

input.btn--rounded i,
.btn--rounded i {
  font-size: 23px;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px; }

input.btn--alternative,
.btn--alternative {
  background: transparent;
  border: 1px solid #DCDEDE;
  color: #3F464B;
  font-size: 14px;
  font-weight: 300;
  height: 41px;
  line-height: 38px;
  padding: 0;
  transition: border-color 0.5s ease; }

.blue-background {
  background-color: #05a4dc !important;
  color: #ffffff !important;
  border: 1px solid #ccc; }

.blue-background:hover {
  background-color: #05ade5 !important;
  color: #ffffff !important; }

.white-background {
  background: #FFFFFF !important; }

.white-background:hover {
  background: #05a4dc !important;
  border-color: transparent;
  color: #FFFFFF; }

input.btn--alternative span,
.btn--alternative span {
  padding: 0 15px; }

input.btn--white,
.btn--white {
  background: #FFFFFF;
  border: 1px solid #DCDEDE;
  color: #3F464B;
  font-size: 14px;
  font-weight: 300;
  height: 41px;
  line-height: 38px;
  padding: 0;
  transition: border-color 0.5s ease; }

input.btn--white span,
.btn--white span {
  padding: 0 15px; }

input.btn--warning,
.btn--warning {
  background: transparent;
  border: 2px solid #E74C3C;
  color: #E74C3C;
  font-size: 14px;
  font-weight: 300;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--warning:hover,
.btn--warning:hover {
  background: rgba(255, 255, 255, 0.9); }

input.btn--warning span,
.btn--warning span {
  padding: 0 15px; }

input.btn--warning-full,
.btn--warning-full {
  background: #E74C3C;
  color: #FFF; }

input.btn--warning-full:hover,
.btn--warning-full:hover {
  background: #E74C3C; }

input.btn--yellow,
.btn--yellow {
  background: #FFBA49;
  border: 2px solid transparent;
  color: #FFF;
  font-size: 14px;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--yellow span,
.btn--yellow span {
  padding: 0 15px; }

input.btn--upgrade,
.btn--upgrade {
  background: #05a4dc;
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 1em;
  min-width: auto;
  padding: 7px 16px;
  transition: 0.5s; }

input.btn--upgrade span,
.btn--upgrade span {
  padding: 0 15px; }

input.btn--upgrade:hover,
.btn--upgrade:hover {
  transition: 0.5s;
  background: #ffc65f;
  background: -moz-linear-gradient(top, #ffc65f 0%, #ffaa38 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc65f), color-stop(100%, #ffaa38));
  background: -webkit-linear-gradient(top, #ffc65f 0%, #ffaa38 100%);
  background: -o-linear-gradient(top, #ffc65f 0%, #ffaa38 100%);
  background: -ms-linear-gradient(top, #ffc65f 0%, #ffaa38 100%);
  background: linear-gradient(to bottom, #ffc65f 0%, #ffaa38 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc65f', endColorstr='#ffaa38',GradientType=0 ); }

input.btn--gray,
.btn--gray {
  background: #7F7F7F;
  border: 2px solid transparent;
  color: #FFF;
  font-size: 14px;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--gray span,
.btn--gray span {
  padding: 0 15px; }

input.btn--dark-gray,
.btn--dark-gray {
  background: #363E45;
  color: #ABADAF;
  font-size: 12px;
  height: auto;
  padding: 8px 10px;
  line-height: 13px; }

input.btn--gray-light,
.btn--gray-light {
  background: #f4f4f4;
  border: 2px solid transparent;
  color: #adadad;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--gray-light:hover,
.btn--gray-light:hover {
  background: rgba(244, 244, 244, 0.9) !important;
  color: #adadad; }

input.btn--gray-light:hover .icon,
.btn--gray-light:hover .icon {
  color: #adadad !important; }

input.btn--normal,
.btn--normal {
  border: 1px solid #d6d8e3;
  color: #b0b9c1;
  font-size: 12px;
  padding: 7px 10px 6px 10px; }

input.btn--linkedin,
.btn--linkedin {
  background: #42c0fb;
  line-height: 19px;
  padding: 7px 15px; }

input.btn--linkedin:hover,
.btn--linkedin:hover {
  background: rgba(66, 192, 251, 0.9); }

input.btn--linkedin .icon-linkedin,
.btn--linkedin .icon-linkedin {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle; }

input.btn--linkedin span,
.btn--linkedin span {
  padding: 0;
  vertical-align: middle; }

input.btn--facebook,
.btn--facebook {
  background: #4363ac;
  line-height: 19px;
  padding: 7px 15px; }

input.btn--facebook:hover,
.btn--facebook:hover {
  background: rgba(67, 99, 172, 0.9); }

input.btn--facebook .icon-facebook,
.btn--facebook .icon-facebook {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle; }

input.btn--facebook span,
.btn--facebook span {
  padding: 0;
  vertical-align: middle; }

.modal-wrapper .tab-content {
  height: calc(100% - 110px); }

.btn--big {
  padding: 23px 10px;
  height: 65px;
  line-height: 15px;
  width: auto; }

@media only screen and (min-width: 500px) {
  .btn--big {
    padding: 23px 20px; } }

.btn--extend {
  height: 46px;
  line-height: 46px;
  width: 100%;
  min-width: auto; }

.btn--small {
  height: auto;
  padding: 5px 10px;
  line-height: 13px;
  min-width: 40px !important; }

.btn--blue {
  background: #0aa1d8;
  color: #FFF; }

.btn--tiny {
  font-size: 12px;
  height: auto;
  padding: 7px 5px;
  line-height: 13px; }

.btn--fixed {
  width: 160px; }

.btn--full, .upload-avatar__input {
  min-width: inherit;
  width: 100%; }

.btn--no--border {
  border-radius: 0; }

.btn--full--wide {
  min-width: inherit;
  width: 100%;
  height: 60px;
  line-height: 60px; }

.btn--place--bottom {
  position: fixed;
  bottom: 0; }

.btn--icon {
  border: 1px solid #DCDEDE;
  border-radius: 5px;
  color: #b0b9c1;
  display: inline-block;
  height: 32px;
  text-align: center;
  width: 32px;
  vertical-align: middle;
  transition: all 0.1s ease; }
  .btn--icon .icon {
    color: #b0b9c1;
    display: inline;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle; }
  .btn--icon:hover {
    background-color: #05a4dc;
    border: 1px solid #05a4dc;
    text-decoration: none; }
    .btn--icon:hover.border-none {
      background-color: inherit;
      color: #303a44; }
      .btn--icon:hover.border-none i,
      .btn--icon:hover.border-none .icon {
        color: #303a44; }

@media only screen and (min-width: 700px) {
  .btn--icon:hover {
    color: #FFFFFF; }
    .btn--icon:hover i,
    .btn--icon:hover .icon {
      color: #FFFFFF; } }

.btn--icon__blue {
  background: #0aa1d8 !important;
  border-color: #0aa1d8; }
  .btn--icon__blue > i {
    color: white !important; }
  .btn--icon__blue:hover {
    color: white;
    border-color: #0aa1d8; }

.btn--icon-green {
  border-color: #1ABC9C;
  color: #1ABC9C; }
  .btn--icon-green:hover {
    color: #1ABC9C;
    border-color: #1ABC9C; }

.btn-medium--icon {
  height: 40px;
  width: 40px; }
  .btn-medium--icon .icon {
    font-size: 20px;
    line-height: 36px; }

.btn-small--icon {
  border-radius: 5px;
  height: 24px;
  width: 24px; }
  .btn-small--icon .icon {
    font-size: 12px;
    line-height: 18px; }
    .btn-small--icon .icon.icon-connect2 {
      font-size: 11px; }

.btn-container .btn,
.btn-container .upload-avatar__input {
  width: 100%; }

.btn-container .btn + .btn,
.btn-container .upload-avatar__input + .btn,
.btn-container .btn + .upload-avatar__input,
.btn-container .upload-avatar__input + .upload-avatar__input {
  margin-top: 10px;
  margin-left: 0; }

@media only screen and (min-width: 800px) {
  .btn-container .btn,
  .btn-container .upload-avatar__input {
    min-width: 160px;
    width: auto; } }

@media only screen and (min-width: 800px) {
  .btn-container .btn + .btn,
  .btn-container .upload-avatar__input + .btn,
  .btn-container .btn + .upload-avatar__input,
  .btn-container .upload-avatar__input + .upload-avatar__input {
    margin-top: 0;
    margin-left: 5px; } }

input.btn--positive,
.btn--positive {
  background: #47c2aa;
  border: 2px solid transparent;
  color: #FFFFFF;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--positive:hover,
.btn--positive:hover {
  background: rgba(71, 194, 170, 0.9) !important; }

input.btn--negative,
.btn--negative {
  background: #e9595c;
  border: 2px solid transparent;
  color: #FFFFFF;
  height: 41px;
  line-height: 38px;
  padding: 0; }

input.btn--negative:hover,
.btn--negative:hover {
  background: rgba(233, 89, 92, 0.9) !important; }

.btn--negative-tall {
  height: 67px;
  line-height: 67px;
  min-width: inherit;
  width: 67px; }
  .btn--negative-tall .icon {
    font-size: 16px; }

input.btn--green,
.btn--green {
  border-color: #51d0b6;
  color: #51d0b6; }

input.btn--green:hover,
.btn--green:hover {
  border-color: rgba(81, 208, 182, 0.7);
  color: #51d0b6; }

.hover-bg-blue:hover {
  background-color: #05a4dc !important;
  border-color: transparent !important;
  color: white; }
  .hover-bg-blue:hover .icon {
    color: white; }

.hover-bg-red:hover {
  background-color: #E9595C !important;
  border-color: transparent;
  color: white; }
  .hover-bg-red:hover .icon {
    color: white; }

.hover-bg-green:hover {
  background-color: #1ABC9C !important;
  border-color: transparent;
  color: white; }
  .hover-bg-green:hover .icon {
    color: white; }

.hover-bg-gray:hover {
  background-color: #b3b9c5 !important;
  border-color: transparent;
  color: #FFF; }

.btn--hover-green {
  transition: 0.5s; }
  .btn--hover-green .icon {
    transition: 0.5s; }
  .btn--hover-green:hover {
    background: #FFFFFF;
    border-color: #1ABC9C;
    color: #1ABC9C; }
    .btn--hover-green:hover .icon {
      color: #1ABC9C; }

.btn--hover-blue {
  transition: 0.5s; }
  .btn--hover-blue .icon {
    transition: 0.5s; }
  .btn--hover-blue:hover {
    background: #FFFFFF;
    border-color: #0095BA;
    color: #0095BA; }
    .btn--hover-blue:hover .icon {
      color: #0095BA; }

.btn--hover-red {
  transition: 0.8s; }
  .btn--hover-red .icon {
    transition: 0.8s; }
  .btn--hover-red:hover {
    background: #FFFFFF;
    border-color: #E9595C;
    color: #E9595C; }
    .btn--hover-red:hover .icon {
      color: #E9595C; }

.link-underline {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline; }

.push--bottom--see-more {
  margin-bottom: 25px; }

.link--seemore {
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  position: relative; }
  .link--seemore:before {
    content: "\f0dd";
    font-family: 'icomoon';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 1em;
    line-height: 1;
    position: absolute;
    right: -10px;
    speak: none;
    text-transform: none;
    top: .2em;
    width: 0; }
  .link--seemore:hover {
    text-decoration: underline; }

.btn-copy-clipboard {
  width: 100%;
  height: 42px;
  display: inline-block;
  background: #05a4dc;
  color: #FFF;
  border-radius: 4px;
  text-align: center;
  line-height: 40px; }
  .btn-copy-clipboard:before {
    content: '';
    display: inline-block;
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/clipboard-icon.png) no-repeat 0 0;
    position: relative;
    top: 3px;
    background-size: contain;
    width: 16px;
    height: 16px;
    left: -4px; }
  .btn-copy-clipboard:hover {
    text-decoration: none; }

@media only screen and (min-width: 500px) {
  .btn-copy-clipboard {
    margin-left: 10%;
    width: 90%; } }

@media only screen and (max-width: 500px) {
  .who-viewed-your-profile .media-content .media__img a {
    height: 100%; } }

.btn--search {
  min-width: inherit;
  padding: 0 15px; }

.modal-wrapper-close,
.box--notification__close,
.close-viewer {
  color: #D4DADE;
  transition: 0.5s; }

.modal-wrapper-close:hover,
.box--notification__close:hover,
.close-viewer:hover {
  color: #999;
  text-decoration: none; }

.modal-wrapper-close.close-mini,
.box--notification__close.close-mini,
.close-viewer.close-mini {
  top: 10px !important;
  right: 25px !important; }

.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  color: gray;
  z-index: 999;
  text-decoration: none; }
  .btn-close:hover {
    text-decoration: none; }
  .btn-close i.icon {
    color: #2C3238;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    .btn-close i.icon:hover {
      color: #CCCCCC; }

.btn--addfile {
  border-radius: 3px;
  border: 2px solid;
  display: inline;
  font-size: 12px !important;
  padding: 0 !important;
  text-align: center;
  width: initial; }

.js-searchField .form-field {
  display: none; }

.js-searchField.active {
  background: #ffffff;
  position: absolute;
  right: 0;
  width: calc(100% + 80px);
  z-index: 10; }
  .js-searchField.active .form-field {
    display: block; }
  .js-searchField.active a.btn--icon {
    border-color: transparent;
    border-radius: 0;
    width: 100%; }
    .js-searchField.active a.btn--icon:hover {
      background-color: transparent;
      border-color: transparent; }
      .js-searchField.active a.btn--icon:hover i {
        color: #05a4dc; }
    .js-searchField.active a.btn--icon i {
      position: absolute;
      right: 10px;
      top: 1px; }
    .js-searchField.active a.btn--icon .form-field {
      display: block;
      width: 100%; }
      .js-searchField.active a.btn--icon .form-field input {
        height: 30px;
        padding-right: 25px;
        vertical-align: middle; }
    .js-searchField.active a.btn--icon:hover i {
      color: #b0b9c1; }

.modal-chat .list--horizontal.action-list {
  float: right;
  position: relative; }

.modal-chat .action-list.list-tags, .modal-chat .action-list.list-checkbox, .modal-chat .action-list.list--icon-text, .modal-chat .action-list.list--big-icons, .modal-chat .action-list.pager-bnts {
  float: right;
  position: relative; }

.modal-chat .js-searchField.active {
  background: #ffffff;
  position: absolute;
  right: 0;
  width: calc(100% + 35px);
  min-width: 220px;
  z-index: 10; }
  .modal-chat .js-searchField.active a.btn--search {
    border-color: transparent;
    border-radius: 0;
    width: 100%; }
    .modal-chat .js-searchField.active a.btn--search:hover {
      background-color: transparent;
      border-color: transparent; }
    .modal-chat .js-searchField.active a.btn--search i {
      position: absolute;
      right: 13px;
      top: 14px; }
    .modal-chat .js-searchField.active a.btn--search .form-field {
      display: block;
      width: 100%; }
      .modal-chat .js-searchField.active a.btn--search .form-field input {
        height: 100%;
        padding: 10px 35px 10px 10px; }

.modal-close-contact {
  top: 10px !important; }

.btn-billing {
  min-width: 95px;
  border-color: #DADCE8;
  background: #F9F9F9;
  color: #B4BBBF;
  transition: all 0.5s ease;
  width: 100%; }
  .btn-billing:hover {
    border-color: transparent; }
  .btn-billing.upgrade:hover {
    background: #00A2D3;
    color: #FFF; }
  .btn-billing.downgrade:hover {
    background: #D9DDE7;
    color: #84929D; }
  .btn-billing.cancel:hover {
    background: #FF6A6A;
    color: #FFF; }

@media only screen and (min-width: 500px) {
  .btn-billing {
    width: calc(100% - 15px); } }

.btn--delete,
.btn--deactivate {
  background: #F57069 !important;
  color: #FFFFFF; }

.btn--delete {
  font-size: 11px;
  min-width: 100px !important;
  height: 30px !important;
  position: relative;
  line-height: 2.9; }
  .btn--delete:before {
    content: 'Delete';
    position: absolute;
    top: -3px;
    left: 30px; }

@media only screen and (min-width: 500px) and (max-width: 615px) {
  .box--registration__center-buttons > a {
    position: relative;
    left: calc(50% - 160px);
    max-width: 160px; } }

.button--attach {
  border: 1px dashed #D4D7E4;
  padding: 16px 20px;
  margin-top: 5px;
  margin-bottom: 5px; }
  .button--attach > i {
    font-size: 30px;
    color: #D4D7E4; }

.btn-play-container {
  position: relative; }
  .btn-play-container .btn-play-home {
    display: block;
    height: 120px;
    left: calc(50% - 60px);
    position: absolute;
    top: calc(50% - 60px);
    width: 120px; }
  .btn-play-container .btn-play {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/new-landing/play-video.png);
    background-size: cover;
    -webkit-background-size: cover;
    height: 120px;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    transition: 0.25s;
    top: 50%;
    width: 120px;
    position: absolute; }
    .btn-play-container .btn-play:hover {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/new-landing/play-video--hover.png);
      background-size: cover;
      -webkit-background-size: cover;
      height: 120px;
      width: 120px; }

.btn-play__wrapper {
  float: none;
  position: relative; }

@media only screen and (min-width: 800px) {
  .btn-play__wrapper {
    float: right; } }

.btn--blue__gradient {
  background: #00a8db;
  background: -moz-linear-gradient(top, #00a8db 0%, #0080c5 100%);
  background: -webkit-linear-gradient(top, #00a8db 0%, #0080c5 100%);
  background: linear-gradient(to bottom, #00a8db 0%, #0080c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8db', endColorstr='#0080c5',GradientType=0 );
  border: none;
  color: #F5F5F5;
  height: 52px;
  line-height: 52px;
  padding: 0; }
  .btn--blue__gradient:hover {
    opacity: 0.9; }

.button-beta {
  background: #f6290c;
  background: -moz-linear-gradient(top, #f6290c 0%, #f02f17 0%, #1d86ca 0%, #1fabda 0%, #1d86ca 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6290c), color-stop(0%, #f02f17), color-stop(0%, #1d86ca), color-stop(0%, #1fabda), color-stop(100%, #1d86ca));
  background: -webkit-linear-gradient(top, #f6290c 0%, #f02f17 0%, #1d86ca 0%, #1fabda 0%, #1d86ca 100%);
  background: -o-linear-gradient(top, #f6290c 0%, #f02f17 0%, #1d86ca 0%, #1fabda 0%, #1d86ca 100%);
  background: -ms-linear-gradient(top, #f6290c 0%, #f02f17 0%, #1d86ca 0%, #1fabda 0%, #1d86ca 100%);
  background: linear-gradient(to bottom, #f6290c 0%, #f02f17 0%, #1d86ca 0%, #1fabda 0%, #1d86ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6290c', endColorstr='#1d86ca', GradientType=0 );
  text-align: center;
  line-height: 22px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-style: italic;
  font-size: 15px;
  font-weight: bold;
  border-radius: 2px;
  width: auto;
  padding: 0 5px;
  cursor: default;
  display: inline-block;
  position: relative; }
  .button-beta.button-beta__header {
    bottom: 4px; }
  .button-beta.button-beta__footer {
    font-size: 12px;
    margin-left: 3px; }

@media only screen and (min-width: 320px) {
  .button-beta.button-beta__footer {
    margin-top: -10px;
    top: -30px;
    position: relative; } }

@media only screen and (min-width: 800px) {
  .button-beta.button-beta__footer {
    top: 0; } }

.btn-gopro {
  background: #05a4dc;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px;
  width: 100%; }
  .btn-gopro:hover {
    text-decoration: none; }
  .btn-gopro span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase; }

.button-back .icon {
  transform: rotate(90deg);
  display: inline-block;
  top: 0.8px;
  position: relative; }

.btn-link-type-view {
  color: inherit;
  padding: 0 !important;
  font: inherit;
  cursor: pointer; }

.inprogress-icon {
  position: relative !important;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position-y: calc(50% - 0px);
  background-position-x: 7px; }

.avatar-inprogress-icon {
  position: relative !important;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position-y: calc(50% - 0px);
  background-position-x: center; }

.webtalk-modal.invite__contact__position .inprogress-icon, .webtalk-modal.invite__contact__position .btn.inprogress-icon {
  padding-left: 30px !important;
  padding-right: 10px !important; }

@media only screen and (max-width: 400px) {
  .triggerFileClick {
    font-size: 11px; } }

.search-field-skin_Connection .icon-search.icon-color:before {
  color: #0095BA; }

@media only screen and (max-width: 800px) {
  .main-container__connections .search-field-skin:before {
    right: 10px; }
  .main-container__connections .search-field-skin.icon-color:before {
    color: #0095BA; }
  .main-container__connections .search-field-skin .connection_search_field {
    padding-left: 10px; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0; }

abbr[title],
dfn[title] {
  cursor: help; }

u {
  text-decoration: none; }

ins {
  text-decoration: none; }

img {
  font-style: italic;
  max-width: 100%;
  width: 100%; }

@media only screen and (max-width: 768px) {
  img {
    font-style: italic;
    max-width: 70%;
    width: 70%; } }

label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }

.text-input:active, .text-input:focus {
  cursor: text;
  outline: none; }

textarea:active, textarea:focus {
  cursor: text;
  outline: none; }

html {
  font: 0.875em/1.42857 Arial, sans-serif;
  overflow-y: auto;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

input {
  -webkit-font-smoothing: antialiased; }
  input[type='radio'].checkout-radio, input[type='checkbox'].checkout-check {
    opacity: 0;
    float: left; }
  input[type='radio'].checkout-radio + label,
  input[type='checkbox'].checkout-check + label {
    margin-bottom: 0;
    display: inline-block; }
    input[type='radio'].checkout-radio + label:before,
    input[type='checkbox'].checkout-check + label:before {
      background-color: #ececef;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
      border-radius: 50%;
      content: '';
      width: 14px;
      height: 14px;
      top: 2px; }
  input[type='radio'].checkout-radio + label:before,
  input[type='radio'].checkout-radio:checked + label:before {
    left: -10px;
    position: relative;
    display: inline-block;
    font-size: 8px; }
  input[type='checkbox'].checkout-check + label:before, input[type='checkbox'].checkout-check:checked + label:before {
    left: -10px;
    position: relative;
    display: inline-block;
    font-size: 8px; }
  input[type='radio'].checkout-radio:checked + label:before {
    font-family: 'webtalk';
    content: '\e624';
    color: #FFF;
    top: -2px;
    background-color: #0aa1d8;
    border-radius: 50%;
    padding: 1px 2px; }
  input[type='checkbox'].checkout-check:checked + label:before {
    font-family: 'webtalk';
    content: '\e624';
    color: #FFF;
    top: -2px;
    background-color: #0aa1d8;
    border-radius: 50%;
    padding: 1px 2px; }
  input[type='checkbox'].checkout-check:checked + label:before {
    margin-bottom: 1px;
    padding: 0 3px;
    line-height: 2.5; }
  input[type='checkbox'].checkout-check + label {
    margin-left: 10px;
    width: 100%; }
    input[type='checkbox'].checkout-check + label > p {
      float: left;
      width: 90%;
      margin-left: 5px; }
    input[type='checkbox'].checkout-check + label:before {
      float: left;
      top: 0;
      width: 18px;
      height: 18px; }
  input[type="button"].mini, input[type="text"].mini {
    height: 30px;
    font-size: 12px !important;
    line-height: 1; }

html {
  height: 100%; }

body {
  height: 100%;
  background-color: #EEEFF1;
  color: #667586;
  font-weight: 400; }

blockquote {
  margin: 0; }

a {
  color: inherit;
  display: inline-block;
  text-decoration: none; }
  a:focus {
    outline: none; }
  a:hover {
    text-decoration: underline; }
    a:hover .icon {
      color: #303a44; }
  a.link--color:hover .icon, a.link-underline:hover .icon, a.link--seemore:hover .icon, a.comments__comment-link:hover .icon {
    color: #0095BA; }

.link--default {
  color: #0096BC; }
  .link--default:hover {
    text-decoration: underline; }

label input[type="checkbox"], label input[type="radio"] {
  margin-right: 5px;
  margin-top: -3px;
  vertical-align: middle; }

.checkbox__label {
  height: 50px;
  display: block;
  vertical-align: middle;
  display: table-cell; }

ul {
  list-style: none; }

.title--small-dark {
  color: #3F464B;
  font-size: 14px !important;
  font-weight: 600 !important; }

.font--size--11 {
  font-size: 11px !important; }

.font--size--13 {
  font-size: 13px !important; }

.quick-tip {
  background: #f3f4f6;
  border-radius: 4px;
  border: 1px solid #dbdee9;
  font-size: 13px; }

.settings-controls > a {
  font-size: 12px; }
  .settings-controls > a:after {
    content: '.';
    position: relative;
    top: -3px;
    font-size: 13px;
    margin: 0 2px; }

.btn--add-email {
  min-width: 100px; }
  @media only screen and (max-width: 320px) {
    .btn--add-email {
      min-width: 50px; } }

.setting-icon-location {
  position: absolute;
  left: 10px;
  top: 15px; }

.input-margin-setting-location {
  padding-left: 30px !important; }

.icon-mastercard-button {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icon-master-button.png) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 28px;
  width: 42px;
  margin-right: 15px;
  cursor: pointer; }

.controls-bottom {
  position: absolute;
  bottom: 10px;
  width: 92%; }
  @media only screen and (min-width: 700px) {
    .controls-bottom {
      width: 95%; } }

.number-recommend {
  left: 0;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 100%; }

.btn--icon.setting-check:hover {
  background: #00A2D3;
  border-color: #00A2D3; }
  .btn--icon.setting-check:hover .icon.icon-check {
    color: #FFF; }

.btn--icon.setting-close:hover {
  background: #FF6A6A;
  border-color: #FF6A6A; }
  .btn--icon.setting-close:hover .icon.icon-close {
    color: #FFF; }

.modal-width-sharing {
  max-width: 500px;
  width: 500px; }
  @media only screen and (max-width: 500px) {
    .modal-width-sharing {
      width: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 320px) {
    .modal-width-sharing.modal-wrapper-fixed {
      overflow: visible;
      overflow-y: auto;
      position: absolute;
      height: auto; } }
  @media only screen and (max-width: 500px) {
    .modal-width-sharing {
      width: 100% !important; } }

.background-main-sharing {
  background-color: #F3F4F9 !important; }

.image-sharing {
  position: relative;
  top: 4px; }

.height--reccommend {
  height: 268px; }

.box--media__recommend {
  border: 3px #DCDEE9 solid !important; }

.box--media__recommend-left {
  border-left: 3px #DCDEE9 solid !important; }

.box--media__recommend-right {
  border-right: 3px #DCDEE9 solid !important; }

.box--media__recommend-top {
  border-top: 3px #DCDEE9 solid !important; }

.box--media__recommend-bottom {
  border-bottom: 3px #DCDEE9 solid !important; }

.border-transparent {
  border: inherit; }
  @media only screen and (min-width: 700px) {
    .border-transparent {
      border: transparent !important; } }

.icon-mutual-size {
  font-size: 20px; }

.overflow-scroll-auto-y {
  overflow-y: auto !important; }

.height-modal {
  height: 575px; }

.height-modal-2 {
  height: 600px; }

.icon-message-o {
  display: inline-block;
  font-weight: 600;
  margin-top: 1px; }

label.imeet:after, label.imeet-live:after, label.webtalk-pro:after, label.combo-pack:after {
  display: inline-block;
  margin-top: -2px;
  content: '';
  background: no-repeat right/contain;
  position: relative;
  top: 2px; }

label.imeet:after {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/imeet.png);
  width: 57px;
  height: 17px; }

label.imeet-live:after {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/iMeetLive.png);
  width: 85px;
  height: 19px; }

label.webtalk-pro:after {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/webtalk-pro.png);
  width: 88px;
  height: 19px; }

label.combo-pack:after {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/combo-pack.png);
  width: 105px;
  height: 19px;
  top: 4px;
  margin-left: 0; }

i.imeet-basic {
  display: inline-block;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/checkout/imeet-basic.png) no-repeat center center;
  width: 101px;
  height: 18px;
  vertical-align: top; }

i.imeet-xl {
  display: inline-block;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/checkout/imeet-xl.png) no-repeat center center;
  width: 75px;
  height: 18px;
  vertical-align: top; }

.porcent-checkout {
  position: relative; }

.percent-checkout--wrap {
  width: 68px; }

.input--checkout-total {
  font-size: 20px;
  position: relative;
  text-align: right;
  color: #728191 !important; }

.msj-error {
  font-size: 12px;
  color: #F67069; }

.error-coupon {
  color: #F67069 !important;
  border-color: #F67069 !important; }

.remove-summary {
  cursor: pointer; }
  .remove-summary:hover {
    color: #F67069 !important; }

.lines-button.x.close {
  color: initial;
  line-height: 1;
  padding: 0;
  min-height: 25px; }
  .lines-button.x.close .lines {
    color: initial; }
  .lines-button.x.close:hover .lines:before, .lines-button.x.close:hover .lines:after {
    background: #303a44; }

.text--edit-title {
  height: 60px !important;
  width: auto !important; }

@media only screen and (min-width: 800px) {
  .checkout__sidebar--fixed {
    max-width: 333px;
    position: fixed; } }

@media only screen and (max-width: 800px) {
  .fixed--mobile-navigator {
    padding-top: 0 !important; }
    .fixed--mobile-navigator .height--fixed {
      min-height: 61px; }
    .fixed--mobile-navigator .box--filters {
      background: #EEEFF1; }
      .fixed--mobile-navigator .box--filters.fixed {
        left: 0;
        top: 0;
        padding: 5px 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 10; }
        .fixed--mobile-navigator .box--filters.fixed > div {
          padding-left: 0; } }

@media only screen and (max-width: 799px) {
  .header {
    position: relative; }
    .header .logo {
      padding: 0 20px 0 0px; } }

@media only screen and (min-width: 500px) {
  .text--security-code {
    float: left; } }

@media only screen and (min-width: 700px) {
  .text--security-code {
    float: none; } }

@media only screen and (min-width: 800px) {
  .text--security-code {
    float: left; } }

@media only screen and (min-width: 320px) {
  .btn--container > .btn,
  .btn--container > .upload-avatar__input {
    width: 100%;
    min-width: 0; } }

@media only screen and (min-width: 400px) {
  .btn--container > .btn,
  .btn--container > .upload-avatar__input {
    width: 48%; } }

@media only screen and (min-width: 500px) {
  .btn--container > .btn,
  .btn--container > .upload-avatar__input {
    width: 35%; } }

.btn--container > .btn:first-child,
.btn--container > .upload-avatar__input:first-child {
  margin-bottom: 10px; }

@media only screen and (max-width: 500px) {
  .main-container.main-container__connections {
    padding-top: 0 !important; }
    .main-container.main-container__connections .main-container__title {
      padding: 20px 10px 0 10px; }
    .main-container.main-container__connections i.icon-folders {
      font-size: 20px;
      color: #939ba9;
      top: -5px;
      position: relative; }
    .main-container.main-container__connections .dropdown-box-new {
      top: 12px;
      right: 10px;
      left: auto;
      width: 130px; }
      .main-container.main-container__connections .dropdown-box-new:before {
        border-top: none;
        border-bottom: 10px solid #2F3943;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent; }
    .main-container.main-container__connections > div > div > div {
      padding-left: 0;
      margin-left: 10px; }
    .main-container.main-container__connections .island,
    .main-container.main-container__connections .spinner-box {
      padding: 0;
      border: none; }
    .main-container.main-container__connections .media-content {
      margin-top: 40px; }
    .main-container.main-container__connections .box--media__connections {
      border: 0;
      border-bottom: 1px solid #e2e4ec;
      padding-bottom: 20px;
      border-radius: 0;
      overflow: visible; }
      .main-container.main-container__connections .box--media__connections .drop-options {
        animation: none;
        right: 3px;
        top: 40px;
        border-radius: 5px;
        z-index: 2;
        height: auto;
        padding-bottom: 10px; }
        .main-container.main-container__connections .box--media__connections .drop-options a i.icon-close, .main-container.main-container__connections .box--media__connections .drop-options.close {
          display: none; }
        .main-container.main-container__connections .box--media__connections .drop-options:before {
          content: '';
          border-top: none;
          border-bottom: 10px solid rgba(42, 51, 57, 0.9);
          border-right: 10px solid transparent;
          border-left: 10px solid transparent;
          position: absolute;
          right: 5px;
          top: -10px; }
      .main-container.main-container__connections .box--media__connections .box--media__cover__img {
        min-height: 90px; }
        .main-container.main-container__connections .box--media__connections .box--media__cover__img img {
          border-radius: 0;
          padding-left: 10px; }
      .main-container.main-container__connections .box--media__connections .box--media__info {
        background-color: transparent;
        border: none;
        padding-top: 0; }
      .main-container.main-container__connections .box--media__connections .box--media__connections-dropdown {
        opacity: 1; }
        .main-container.main-container__connections .box--media__connections .box--media__connections-dropdown i {
          color: #84929f !important; }
      .main-container.main-container__connections .box--media__connections .box--media__visitor {
        margin: 0 10px;
        border-radius: 0; }
        .main-container.main-container__connections .box--media__connections .box--media__visitor > div a {
          border-color: #CED4D7;
          color: #8c98a4; }
          .main-container.main-container__connections .box--media__connections .box--media__visitor > div a > i {
            font-size: 16px;
            color: #8c98a4; }
        .main-container.main-container__connections .box--media__connections .box--media__visitor > div > div:first-child i:before {
          content: "\f0e0"; }
      .main-container.main-container__connections .box--media__connections:hover .box--media__connections-dropdown {
        background: none; }
        .main-container.main-container__connections .box--media__connections:hover .box--media__connections-dropdown:hover > i {
          transform: rotate(0deg); } }

.show-mobile-talk-box {
  display: none;
  background-color: #fff;
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  margin: -20px;
  z-index: 2; }
  @media only screen and (max-width: 800px) {
    .show-mobile-talk-box {
      display: block; } }

.isReferral .form-field--icons .list--big-icons {
  display: block !important; }

.isReferral wt-spot-light-update {
  margin-bottom: 0px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
  margin-bottom: -18px !important;
  width: calc(100% + 41px) !important; }

@media only screen and (max-width: 800px) {
  .isReferral .uploadDialogueBg wt-media-upload-directive .box-media-upload {
    display: flex; } }

@media only screen and (max-width: 800px) {
  .isReferral .news__share-with {
    margin-top: 0px; }
    .isReferral .news__share-with .talkbox-button-wrapper {
      float: left !important;
      margin-left: 10px;
      margin-bottom: 15px;
      min-width: 270px; } }

.isReferral .news__share-with .form-field .talkbox-sharewith-panel .filter-dropdown-wrapper wt-news-settings-list-dropdown .news-settings-list {
  left: 0 !important;
  top: 0 !important;
  z-index: 20000;
  border-radius: inherit; }

@media only screen and (max-width: 800px) {
  .responsibe-ref {
    display: block;
    margin-top: 30px; } }

.main-container.main-container__connections .connections__input--search {
  padding: 20px 0;
  border-bottom: #e2e4ec solid 1px; }
  .main-container.main-container__connections .connections__input--search .input--text__input-icon:before {
    font-size: 16px;
    top: 8px; }
  .main-container.main-container__connections .connections__input--search .input--text__input-icon input[type="text"] {
    height: 32px;
    padding-top: 5px;
    padding-bottom: 5px; }
  .main-container.main-container__connections .connections__input--search .btn--icon {
    display: block;
    margin: 0 auto; }

.padding-10 {
  padding: 10px; }

.load--connection--img {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 25px;
  width: 25px;
  background-image: url("/common/images/loading_circles-dark.svg");
  background-size: 100%;
  background-repeat: no-repeat; }

.tree--header--btn {
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: table-cell;
  height: 15px;
  position: relative;
  margin-right: 8px;
  top: 2px;
  width: 15px;
  text-transform: capitalize;
  padding-left: 15px;
  padding: 15px 14px;
  padding-right: 15px;
  font-size: 15px;
  min-width: 152px; }

.icon-add-contact {
  background-image: url("/common/images/icons_2x/contact-icon-w.svg");
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: inline-block;
  height: 24px;
  width: 24px;
  text-transform: capitalize;
  margin-right: 4px; }

.accordion-header .icon-sidebar-contact {
  background-image: url("/common/images/icons_2x/contact-icon.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-x: 2px; }

.accordion-header:hover .icon-sidebar-contact {
  background-image: url("/common/images/icons_2x/contact-icon-w.svg"); }

.side-panel-profile {
  padding-left: 30px; }

@media only screen and (max-width: 801px) {
  .side-panel-profile {
    display: inline-block !important;
    width: 100%;
    padding-left: 0px; }
    .side-panel-profile .side-bar-tree-wrapper {
      position: relative;
      width: 100%;
      right: 0px;
      top: 0px;
      transition-property: unset; }
      .side-panel-profile .side-bar-tree-wrapper .back-to-list {
        display: none; }
      .side-panel-profile .side-bar-tree-wrapper .ads-wrapper {
        margin: auto; }
      .side-panel-profile .side-bar-tree-wrapper .side-panel-myself {
        overflow: visible;
        max-height: auto; } }

.wt-connection-list-item .media__img {
  border-radius: 16px;
  overflow: visible !important; }

.wt-connection-list-item .media--small .media__img {
  overflow: visible; }

.disgnation-lmited-width {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc( 100% - 22px);
  display: inline-block;
  float: left; }

.at {
  width: 20px;
  display: inline-block;
  padding-bottom: 0px;
  float: left;
  padding-left: 5px; }

.pro-user-icon:before {
  content: '';
  background-image: url("/app/assets/images/icons/pro-icon-yellow.svg");
  width: 14px;
  height: 14px;
  background-size: contain;
  object-fit: contain;
  display: inline-flex;
  margin-right: 8px;
  padding-bottom: 2px;
  background-repeat: no-repeat;
  border-radius: 2px; }

@media only screen and (max-width: 800px) {
  .rewards-back-office.mobile-margin-content {
    margin-left: 0px;
    margin-top: 144px; }
    .rewards-back-office.mobile-margin-content .notification__dropdown_profile_page li {
      border-left: 3px solid #FFFFFF; } }

@media only screen and (max-width: 800px) {
  .mobile-margin-content {
    margin-left: 0px;
    margin-top: 130px;
    padding-top: 1px; } }

.mobile-view-all-noti {
  top: 0px !important; }
  .mobile-view-all-noti .connection-notification-view-all {
    margin: 0px; }
    @media only screen and (max-width: 800px) {
      .mobile-view-all-noti .connection-notification-view-all {
        margin-top: 130px; } }
    .mobile-view-all-noti .connection-notification-view-all.conn-style ul li {
      border-left: 3px solid #798ecb;
      background-color: #FFFFFF; }
  .mobile-view-all-noti .connection-notification-view-all.rewards-office-header {
    margin: 0px; }
    @media only screen and (max-width: 800px) {
      .mobile-view-all-noti .connection-notification-view-all.rewards-office-header {
        margin-top: 144px; } }
    .mobile-view-all-noti .connection-notification-view-all.rewards-office-header.conn-style ul li {
      border-left: 3px solid #006aff;
      background-color: #FFFFFF; }
      .mobile-view-all-noti .connection-notification-view-all.rewards-office-header.conn-style ul li .notification_info a {
        color: #006aff; }
      @media only screen and (max-width: 800px) {
        .mobile-view-all-noti .connection-notification-view-all.rewards-office-header.conn-style ul li .connection-sm-btns span:nth-child(1) {
          background-color: #006aff;
          border-color: #006aff; } }
      @media only screen and (max-width: 800px) {
        .mobile-view-all-noti .connection-notification-view-all.rewards-office-header.conn-style ul li .connection-sm-btns span:nth-child(2) {
          border-color: #006aff;
          color: #006aff; } }
  .mobile-view-all-noti .rewards-back-office .notification_main_header {
    background-color: #ffffff; }
    @media only screen and (max-width: 800px) {
      .mobile-view-all-noti .rewards-back-office .notification_main_header {
        margin-top: -55px;
        height: 54px;
        z-index: 100;
        position: fixed;
        border-radius: 0;
        padding-top: 17px; }
        .mobile-view-all-noti .rewards-back-office .notification_main_header.conn-color {
          background-color: #fff;
          border: #fff; } }
    .mobile-view-all-noti .rewards-back-office .notification_main_header .type_heading {
      font-size: 15px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
    .mobile-view-all-noti .rewards-back-office .notification_main_header .notifications-dropdown-selection {
      color: #1d2026; }
    .mobile-view-all-noti .rewards-back-office .notification_main_header i.notification-icon-All {
      background-image: url(/app/assets/images/icons/all-news-grey.svg); }
  .mobile-view-all-noti .notification_main_header {
    background-color: #ffffff; }
    @media only screen and (max-width: 800px) {
      .mobile-view-all-noti .notification_main_header {
        margin-top: -40px;
        z-index: 100;
        position: fixed;
        border-radius: 0; }
        .mobile-view-all-noti .notification_main_header.conn-color {
          background-color: #fff;
          border: #fff; } }
    .mobile-view-all-noti .notification_main_header .type_heading {
      font-size: 15px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
    .mobile-view-all-noti .notification_main_header .notifications-dropdown-selection {
      color: #1d2026; }
    .mobile-view-all-noti .notification_main_header i.notification-icon-All {
      background-image: url(/app/assets/images/icons/all-news-grey.svg); }

.add-contacts {
  display: flex;
  align-items: center;
  background-color: #0aa1d8;
  border: none;
  padding: 8px 24px;
  cursor: pointer;
  border-radius: 4px;
  width: 176px;
  text-decoration: none;
  height: auto;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: normal;
  text-align: center;
  text-transform: capitalize;
  color: #fff; }
  @media only screen and (max-width: 800px) {
    .add-contacts {
      display: none; } }
  .add-contacts:hover {
    text-decoration: none; }

.poeple-you-may-know-wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto; }
  .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper {
    padding-top: 60px;
    padding-bottom: 22px; }
    .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper .discover-people-you-may-know-header {
      font-family: Montserrat;
      font-size: 24px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      text-align: center; }

.loader-grey-wrapper {
  height: calc(100% - 72px);
  width: 100%;
  position: absolute;
  z-index: 2000;
  opacity: 0.3;
  background-color: #d8dbe7; }

@keyframes hideLoadGreayBackground {
  0% {
    opacity: .3;
    z-index: 2000; }
  100% {
    opacity: 0;
    z-index: -1; } }

@keyframes hideLoad {
  0% {
    visibility: hidden;
    height: 0px;
    padding: 0px; }
  100% {
    visibility: hidden;
    height: 0px;
    padding: 0px; } }

@keyframes loadAnimation {
  0% {
    width: 0%; }
  100% {
    width: 85%; } }

@keyframes loadcompleteAnimation {
  0% {
    width: 85%; }
  100% {
    width: 100%; } }

.loading-section.hide-loader {
  animation: hideLoad .1s;
  animation-delay: .2s;
  animation-fill-mode: forwards; }

.stripesLoader.done {
  animation: loadcompleteAnimation;
  animation-fill-mode: forwards; }

.loader-grey-wrapper.hide {
  animation: hideLoadGreayBackground 1s;
  animation-delay: .2s;
  animation-fill-mode: forwards; }

.loader-background {
  width: 100%;
  height: 10px;
  background-color: #eeeff1;
  border-radius: 50px; }

.stripesLoader {
  height: 10px;
  width: 0%;
  background-color: #0aa1d8;
  position: relative;
  animation: loadAnimation ease 3s;
  border-radius: 50px;
  animation-fill-mode: forwards; }

.loading-section {
  padding: 20px;
  border-bottom: 1px solid #d8dbe7; }
  .loading-section h3 {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    color: #0aa1d8;
    margin-bottom: 5px; }

.news-contact-data {
  width: calc(100% - 45px);
  float: left;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026; }
  .news-contact-data.is-spot-light {
    width: calc(100% - 72px); }
  .news-contact-data.is-pinned-post {
    width: calc(100% - 82px); }
  .news-contact-data.is-spot-light.is-pinned-post {
    width: calc(100% - 98px); }
  @media only screen and (max-width: 320px) {
    .news-contact-data {
      width: calc(100% - 37px); }
      .news-contact-data.is-spot-light {
        width: calc(100% - 55px); }
      .news-contact-data.is-spot-light.is-pinned-post {
        width: calc(100% - 82px); } }
  .news-contact-data .first-tag {
    color: #0aa1d8;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: 'Montserrat';
    font-size: 15px;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis; }
  .news-contact-data .other-tags {
    color: #0aa1d8;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: 'Montserrat';
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; }
  .news-contact-data .name.pro:before {
    content: '';
    background-image: url(/app/assets/images/icons/pro-icon-yellow.svg);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 0px;
    padding-bottom: 1px;
    border-radius: 4px;
    margin-right: 5px;
    display: block;
    position: relative;
    top: 3px;
    float: left; }
  .news-contact-data .name.truncate {
    max-width: 400px; }
    .news-contact-data .name.truncate.is-spot-post {
      max-width: 310px; }
    @media only screen and (min-width: 800px) {
      .news-contact-data .name.truncate.is-confidential-post {
        max-width: 285px; } }
    @media only screen and (max-width: 450px) {
      .news-contact-data .name.truncate {
        max-width: calc(100% - 0px); }
        .news-contact-data .name.truncate.is-pro-user {
          max-width: calc(100% - 22px); } }
    @media only screen and (max-width: 320px) {
      .news-contact-data .name.truncate {
        max-width: 180px; }
        .news-contact-data .name.truncate.is-pro-user {
          max-width: 164px; }
        .news-contact-data .name.truncate.is-spot-post {
          max-width: 144px; } }
  .news-contact-data .name {
    color: #0aa1d8;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: 'Montserrat';
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; }
    .news-contact-data .name:hover {
      text-decoration: none; }
  .news-contact-data .tag-text {
    position: relative;
    vertical-align: top; }
  .news-contact-data .employment-wrapper {
    display: flex; }
    .news-contact-data .employment-wrapper .position {
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      clear: both;
      color: #909bad;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: 'Open Sans', sans-serif; }
  .news-contact-data .time-ocurrance {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    color: #b4bbc7;
    font-family: 'Open Sans', sans-serif; }
  .news-contact-data .name-wrapper .pro-user-icon:before {
    width: 13px;
    height: 13px;
    top: 3px;
    vertical-align: top;
    padding-bottom: 0px;
    margin-right: 2px;
    border-radius: 4px;
    position: relative;
    cursor: pointer; }

.media {
  display: block; }
  .media .media__img--rounded {
    border-radius: 50%;
    overflow: hidden; }
  .media .media__title a:hover,
  .media .media--general__title a:hover {
    color: #1f6a7c; }
    .media .media__title a:hover.text-one-line-restriction,
    .media .media--general__title a:hover.text-one-line-restriction {
      text-decoration: underline; }
  .media .btn--negative-tall {
    position: relative;
    top: -14px; }

¡ .media .media--icons__title a:hover,
.media .media__body p a:hover {
  color: #1f6a7c; }

.media__img {
  float: left; }

.media__img--rev {
  float: right;
  margin-left: 20px;
  margin-right: 0 !important; }

.media__img img,
.media__img--rev img {
  display: block; }

.media__body {
  overflow: hidden;
  margin-bottom: 0; }
  .media__body > :last-child {
    margin-bottom: 0; }

.islet .media__img {
  margin-right: 10px; }

.islet .media__img--rev {
  margin-left: 10px; }

.media-content .media {
  margin-bottom: 20px; }
  .media-content .media:last-child {
    margin-bottom: 0; }

.media--general .media__img {
  height: 45px;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 45px; }
  .media--general .media__img img {
    border-radius: 2px;
    width: 100%;
    height: auto; }

.media--general .media--general__title {
  color: #2C3E50;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
  margin-top: -4px; }
  .media--general .media--general__title a {
    color: #0095BA;
    height: 24px;
    text-decoration: none; }

.media--general .share-pro-icon {
  margin-right: -4px; }

.media--general .link--color.weight--semibold.note {
  display: contents; }

.media--icons .media--icons__title {
  color: #2C3E50;
  font-size: 14px;
  font-weight: normal; }
  .media--icons .media--icons__title b {
    font-weight: 600; }

.media--icons .media__img {
  padding-top: 3px; }

.media--icons .media--icons__img {
  height: 50px;
  width: 50px; }
  .media--icons .media--icons__img img {
    display: inline-block;
    width: 100%; }

.media--icons .media--icons__text {
  color: #7F8C8C;
  display: block; }

.media--small .media__img {
  height: 32px;
  margin-right: 10px;
  width: 32px;
  overflow: hidden; }
  .media--small .media__img img {
    border-radius: 2px;
    display: inline-block;
    width: 100%; }

.media--small .media__title {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px; }

.media--small .media__body {
  font-size: 13px;
  position: relative; }

.media--small p.clear {
  color: #2C3E50;
  line-height: 16px; }

.media--small .action-list {
  clear: none;
  padding-top: 5px;
  text-align: right; }
  @media only screen and (min-width: 825px) {
    .media--small .action-list {
      clear: none;
      text-align: right; } }

.media--medium .media__img {
  height: 42px;
  margin-right: 10px;
  width: 42px; }
  .media--medium .media__img.media__img--bordered {
    border: 2px solid #353d48; }
  .media--medium .media__img img {
    border-radius: 2px;
    display: inline-block;
    height: 100%;
    width: 100%; }

.media--medium .user-avatar-style img {
  border-radius: 50%; }

.media--medium textarea.input--text, .media--medium textarea.selectize-input {
  min-height: 42px; }

.media--medium div.input--text, .media--medium div.selectize-input {
  min-height: 42px; }

@media only screen and (max-width: 800px) {
  .media--medium .media__img {
    height: 42px;
    margin-right: 10px;
    width: 62px; }
  .media_filter_drop_down {
    width: 80%;
    display: inline-block; } }

.media--search .media__img {
  height: 50px;
  margin-right: 10px;
  width: 50px; }
  .media--search .media__img.media__img--bordered {
    border: 2px solid #353d48; }
  .media--search .media__img img {
    border-radius: 2px;
    display: inline-block;
    height: 100%;
    width: 100%; }

.media--search textarea.input--text, .media--search textarea.selectize-input {
  min-height: 50px; }

.media--search div.input--text, .media--search div.selectize-input {
  min-height: 50px; }

.media--big .media__img,
.media--big .media__img--rev {
  height: 60px;
  margin-right: 15px;
  width: 60px; }

.media--big .media__img img,
.media--big .media__img--rev img {
  border-radius: 2px;
  display: inline-block;
  height: 100%;
  width: 100%; }

.media--big .media__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 17px; }

.media--big .media__body {
  font-size: 13px;
  position: relative; }

.media__actions {
  padding: 10px 0; }
  .media__actions a span {
    color: #2C3E50;
    font-size: 13px;
    padding-left: 5px; }
  .media__actions a .icon {
    color: #CDD3D6;
    transition: all 0.4s ease; }
    .media__actions a .icon.icon-flag {
      font-size: 16px;
      vertical-align: middle; }
  .media__actions a:hover {
    text-decoration: none;
    color: #303a44; }
    .media__actions a:hover i {
      color: #303a44; }

.media__text-icon {
  margin-right: 75px;
  min-height: 36px; }
  .media__text-icon .list--horizontal,
  .media__text-icon .list-tags,
  .media__text-icon .list-checkbox,
  .media__text-icon .list--icon-text,
  .media__text-icon .list--big-icons,
  .media__text-icon .pager-bnts {
    position: absolute;
    right: 0;
    top: 0; }

.media--sponsor .media__img {
  height: 120px;
  width: 150px; }

.media--sponsor .media--sponsor-title {
  color: #627384;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px; }

.media--sponsor .media--sponsor__list li {
  color: #627384;
  font-size: 10px;
  line-height: 20px; }
  .media--sponsor .media--sponsor__list li b {
    font-weight: 600; }

.username--heading--job {
  font-size: 13px;
  color: #647287;
  font-weight: normal;
  height: 16px;
  clear: both;
  float: left; }

.username--heading--time {
  width: auto;
  float: left;
  clear: both; }

.postpanel .privacyiconsul {
  text-align: right;
  padding-right: 8px; }
  @media only screen and (max-width: 400px) {
    .postpanel .privacyiconsul {
      padding-right: 0px; } }

@media only screen and (max-width: 600px) {
  .postpanel .user_hover_panel {
    width: 100%; } }

.postpanel .user_hover_panel .media--general__title div {
  width: auto;
  max-width: 100%; }

.postpanel .user_hover_panel .media--general__title a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .postpanel .user_hover_panel .media--general__title a.time-line-user {
    cursor: pointer;
    width: auto; }
    .postpanel .user_hover_panel .media--general__title a.time-line-user:hover {
      text-decoration: underline; }
    .postpanel .user_hover_panel .media--general__title a.time-line-user.time-line-self-user {
      font-family: Montserrat;
      font-weight: 600;
      font-size: 15px; }

.postpanel .addCommentReplyBox .user_hover_panel {
  width: 32px; }

@media only screen and (max-width: 425px) {
  .truncate-loggedin-ocupation-text {
    max-width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .truncate-ocupation-text {
    max-width: 320px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }

@media only screen and (max-width: 375px) {
  .truncate-loggedin-ocupation-text {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .truncate-ocupation-text {
    max-width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }

@media only screen and (max-width: 320px) {
  .truncate-loggedin-ocupation-text {
    max-width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .truncate-ocupation-text {
    max-width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }

@media only screen and (max-width: 800px) and (min-width: 501px) {
  .mediaMainPageDiv {
    margin-top: 40px; } }

@media only screen and (max-width: 500px) {
  .mediaMainPageDiv {
    margin-top: 0px; } }

@media only screen and (max-width: 500px) {
  .mediaMainPageDiv .js-edit-section {
    margin-top: 35px; } }

@media only screen and (max-width: 610px) and (min-width: 500px) {
  .mediaMainPageDiv .js-edit-section {
    margin-top: 45px; } }

@media only screen and (max-width: 700px) and (min-width: 609px) {
  .mediaMainPageDiv .js-edit-section {
    margin-top: 5px; } }

@media only screen and (max-width: 800px) and (min-width: 700px) {
  .mediaMainPageDiv .js-edit-section {
    margin-top: 15px; } }

.media--list--weburl {
  position: absolute !important;
  top: 110px !important;
  z-index: 3; }
  @media only screen and (max-width: 800px) {
    .media--list--weburl {
      top: 100px !important; } }

.stealth-view {
  background-color: #c0c3c8;
  background-image: url(/app/assets/images/icons/stealth-gray.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 23px 14px; }

.stealthfull {
  max-width: 100%;
  text-align: left;
  float: left;
  clear: left; }

.stealth-content {
  font-weight: 600;
  color: #667586; }

.stealth-big {
  background-image: url(/app/assets/images/icons/stealthbig2@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 75px 89px;
  margin-top: 1px;
  margin-left: 1px;
  padding-bottom: 100%;
  border-radius: 3px 0px 0px 3px; }

.stealth-gradient {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0), 100%, transparent 50%);
  background-color: #c0c3c8; }

.stealth-content-card {
  font-size: 11px; }

.pro-icon-stealth {
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.stealth-title {
  vertical-align: middle;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 5px; }

.no-stealth {
  border: 0 solid #b0b9c1;
  color: #b0b9c1;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  display: block;
  border-top-width: 1px;
  border-style: solid; }

.wt-media-list .main-panel {
  padding: 20px; }
  @media only screen and (max-width: 400px) {
    .wt-media-list .main-panel {
      padding: 20px 10px; } }

.wt-media-list .left-panel {
  width: 75%;
  display: inline-block; }
  @media only screen and (max-width: 400px) {
    .wt-media-list .left-panel {
      width: calc(100% - 37px); } }

.add-media-icon-add-btn {
  margin-top: 0px !important;
  float: left; }
  @media only screen and (max-width: 780px) {
    .add-media-icon-add-btn {
      padding-left: 15px;
      margin-top: 0px !important;
      float: right;
      padding-top: 4px; } }
  @media only screen and (max-width: 400px) {
    .add-media-icon-add-btn {
      padding-left: 5px; } }

.js-searchField.active.media-search {
  right: -6px; }
  @media only screen and (max-width: 800px) {
    .js-searchField.active.media-search {
      right: 0px; } }

.media-filter-photos-icon-label.selectize-input {
  cursor: pointer;
  padding-left: 14px;
  padding-top: 10px;
  background-color: #ffffff;
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
  display: inline-block;
  border: 1px solid #d0d0d0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.media-filter-photos-icon-label::after {
  font-family: webtalk;
  content: "\e613";
  border: 0;
  height: 14px;
  margin-top: -8px;
  width: 14px;
  right: 5px;
  display: block;
  position: absolute;
  top: 50%; }

.media-sorting-dd-heading {
  width: 90px;
  min-width: 90px;
  height: 32px;
  padding: 6px 4px 0px 3px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: right; }
  .media-sorting-dd-heading i {
    width: 20px !important;
    height: 20px !important; }
  .media-sorting-dd-heading.icon-add-person::before {
    content: ''; }
  .media-sorting-dd-heading .icon-id::before {
    content: "\e650"; }
  .media-sorting-dd-heading .item {
    float: left;
    padding-right: 15px;
    padding-left: 5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline; }
  .media-sorting-dd-heading::after {
    font-family: 'webtalk';
    content: " ";
    background-image: url(/app/assets/images/icons/icons-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 0;
    height: 24px;
    margin-top: -12px;
    width: 24px;
    right: 3px;
    position: absolute;
    top: calc(50%); }

.wrapper--slim {
  margin: 0 auto;
  max-width: 940px; }

@media only screen and (max-width: 800px) {
  .settings-top-div {
    margin-top: 50px;
    padding-left: 20px; } }

span.learn-more {
  font-size: 14px;
  color: #1d2026; }
  span.learn-more a {
    color: #0aa1d8;
    font-weight: 600; }

.play-icon {
  width: 7.9px;
  height: 8.7px;
  object-fit: contain; }

.settings-top-div {
  margin-bottom: 21px; }

.calculator-btn-wrapper {
  width: 100%;
  margin-bottom: 20px; }
  .calculator-btn-wrapper .calculator-btn {
    width: 100%;
    padding-left: 21px;
    padding-right: 21px;
    line-height: 54px;
    background-color: #0aa1d8;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    color: #ffffff;
    text-align: left;
    background-image: url("/app/assets/fonts/icons/submit-icon.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-position-x: calc(100% - 21px); }
    .calculator-btn-wrapper .calculator-btn:hover {
      text-decoration: none; }

.box-referral {
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #FFFFFF; }

.referral-dashboard-title {
  font-family: Montserrat;
  color: #1d2026; }

.referral-dashboard-enroll-btn {
  display: flex;
  margin-bottom: 21px; }
  .referral-dashboard-enroll-btn .enroll-description-wrapper .enroll-description {
    width: 60%;
    margin-left: 10px;
    margin-top: 5px; }
  .referral-dashboard-enroll-btn .enroll-btn {
    width: 144px;
    height: auto;
    font-size: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #0aa1d8;
    text-align: center;
    color: #fff;
    border-radius: 4px; }
    .referral-dashboard-enroll-btn .enroll-btn:hover {
      text-decoration: none; }
  .referral-dashboard-enroll-btn .enroll-link {
    color: #0aa1d8; }
    .referral-dashboard-enroll-btn .enroll-link:hover {
      text-decoration: none; }

@media only screen and (max-width: 800px) {
  .referral-dashboard-enroll-btn {
    padding-left: 20px; } }

@media only screen and (max-width: 600px) {
  .referral-dashboard-enroll-btn {
    display: block; }
    .referral-dashboard-enroll-btn .enroll-description-wrapper .enroll-description {
      margin-left: 0px;
      width: 90%; } }

.referral-dashboard-invite-btn {
  display: block;
  float: right;
  width: 30%; }
  .referral-dashboard-invite-btn .invite-btn {
    height: auto;
    font-size: 14px;
    padding: 11px 20px;
    background-color: #0aa1d8;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    float: right; }
    .referral-dashboard-invite-btn .invite-btn:hover {
      text-decoration: none; }

@media only screen and (max-width: 880px) {
  .title-block {
    display: block !important; }
  .referral-dashboard-invite-btn {
    display: block;
    width: 100%;
    float: left;
    margin-top: 15px; }
    .referral-dashboard-invite-btn .invite-btn {
      float: left; } }

.main-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 3px; }

.sub-title-size {
  font-size: 22px;
  font-weight: bold; }

.subtitle-size {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px; }

.sub-heading {
  font-size: 13px;
  color: #647287; }

.border--bottom-section {
  border-bottom: 2px solid #EEEFF0; }

.link_header {
  font-size: 14px;
  color: #647287; }

.padborder {
  padding: 20px; }

.invite-line {
  display: flex;
  width: 100%; }

.sub_header {
  font-size: 16px;
  color: black;
  font-weight: bold;
  display: block;
  font-family: Montserrat; }

.link-referral {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap; }
  .link-referral .edited-input {
    border-radius: 4px;
    border: 1px solid #cfd4db;
    font-size: 13px;
    color: #39414d; }

.detail {
  font-size: 11px;
  color: #647287; }

.referral-box {
  display: block;
  text-align: right; }
  .referral-box img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    max-width: 100%; }
  .referral-box .middle-align {
    display: flex;
    align-items: center;
    float: right; }
  .referral-box span {
    padding-right: 5px; }
  .referral-box .edit {
    padding-left: 13px; }

.section-multiple {
  display: flex;
  padding: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.left-column {
  width: 70%; }
  @media only screen and (max-width: 875px) {
    .left-column {
      width: 50%; } }
  @media only screen and (max-width: 550px) {
    .left-column {
      width: 100%;
      display: block; } }
  .left-column .landing-sub {
    display: block;
    color: #647287;
    font-size: 13px; }

.right-column {
  width: 30%; }
  @media only screen and (max-width: 875px) {
    .right-column {
      width: 50%; } }
  @media only screen and (max-width: 550px) {
    .right-column {
      width: 100%; } }

@media only screen and (max-width: 400px) {
  .detail-submit, .detail-cancel {
    display: none; }
  .referral-box .middle-align {
    float: none; } }

@media only screen and (max-width: 550px) {
  .section-multiple {
    display: block; }
  .referral-box .middle-align {
    float: none; }
  .get-banners {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  wt-referred-by-component {
    display: inline-block; } }

.submit-edit {
  width: 22px;
  height: 22px;
  background-color: #b0b9c1; }
  .submit-edit i {
    font-size: 10px !important;
    line-height: 23px !important;
    color: #ffffff !important; }

.link-landing-color {
  color: #535e70; }

.text_eclipse_full_view {
  max-width: 100% !important; }

@media only screen and (max-width: 768px) {
  .text_eclipse_full_view {
    font-size: 14px !important; }
  .landing-sub {
    padding-bottom: 10px; } }

@media only screen and (max-width: 550px) {
  #profile_landing_link {
    display: block; }
  wt-referred-by-component {
    width: 100%; } }

.get-banner {
  padding: 13px 20px;
  background-color: gray;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 100%;
  display: block;
  background-image: url(/static/src/assets/images/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 26%; }
  .get-banner .banner-ad {
    width: 100%; }
    .get-banner .banner-ad td.text-banner {
      float: left;
      font-size: 18px;
      font-weight: 600;
      color: #ffffff; }
    .get-banner .banner-ad td.image-banner {
      text-align: right; }
      .get-banner .banner-ad td.image-banner img {
        width: 9.3px;
        height: 14px;
        object-fit: contain;
        vertical-align: middle; }

@media only screen and (max-width: 500px) {
  .get-banner .banner-ad td.text-banner {
    font-size: 13px; } }

.table-referral {
  margin: auto;
  width: 100%; }
  .table-referral .table-data {
    display: inline-block;
    padding: 10px;
    margin-bottom: 8px; }
  .table-referral .table-cells {
    font-size: 15px;
    padding-left: 0; }
    .table-referral .table-cells .data-head {
      font-size: 12px;
      color: #647287;
      display: block; }
    .table-referral .table-cells .data-number {
      font-size: 15px;
      font-weight: 800;
      color: #535e70;
      display: block; }

.data-head {
  font-size: 12px;
  color: #647287;
  display: block; }

.data-number {
  font-size: 15px;
  font-weight: 800;
  color: #535e70;
  display: block; }

.bottom-row {
  background-color: #919cad; }
  .bottom-row .bottom-row-items-head {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #ffffff;
    display: block; }
  .bottom-row .bottom-row-items-number {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    display: block; }

.back-overlay {
  border: solid 1px #eceef1;
  background-color: #f4f5f6; }

.grid-cell-link {
  color: blue;
  cursor: pointer;
  font-weight: bold; }

.here-link {
  color: #0aa1d8;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline; }

.down-mar {
  margin-bottom: 10px;
  font-weight: 600; }

.section-single {
  display: block;
  padding: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.mobile-right {
  display: inline;
  width: 84%; }
  .mobile-right .table-cells {
    width: 28%; }
  .mobile-right .table-referral {
    width: 21%;
    font-size: 15px;
    padding-left: 0; }

.mobile-left {
  width: 16%; }

@media only screen and (max-width: 600px) {
  .mobile-right {
    display: inline-block;
    width: 60%; }
    .mobile-right .table-cells {
      width: 100%; }
    .mobile-right .table-referral {
      width: 100%; }
  .mobile-left {
    width: 40%; } }

.odd {
  background-color: white; }

.lay-flat {
  padding-bottom: 0;
  padding-top: 20px; }

.get-banners {
  padding-left: 80px;
  padding-right: 80px; }

wt-referred-by-component {
  width: 100%; }

.check-block {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px; }

.advertising-video-info {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  margin-top: 5px; }

html {
  scroll-behavior: smooth; }

.payment-dashboard-wrapper {
  display: grid; }

.form-content .form-field:last-child {
  margin-bottom: 0; }

.form-field {
  margin-bottom: 20px; }
  .form-field.error .label {
    color: #E74C3C; }
  .form-field.error .input--text,
  .form-field.error .selectize-input {
    border-color: #E74C3C; }
  .form-field .span--gray {
    color: #a6b0be; }

.show-on-mobile-only {
  display: none; }

.link--over:hover {
  text-decoration: underline; }

@media only screen and (max-width: 801px) {
  .show-on-desktop-only {
    display: none; } }

@media only screen and (max-width: 800px) {
  .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
    left: 0px !important; }
  .dropdown-box-new__title:after {
    width: 40px;
    height: 40px; }
  .fixed--mobile-navigator .box--filters > div:last-child {
    width: calc(100% - 250px); }
  .connections-dashboard-panel {
    width: calc(100% + 20px);
    margin-left: -10px; }
  .show-on-mobile-only {
    display: block; }
  #newsShareSelection .js-dropdown-options .dropdown-box-new__v2--icon {
    position: fixed !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px; }
    #newsShareSelection .js-dropdown-options .dropdown-box-new__v2--icon ul.dropdown-box__list {
      top: calc(50% - 100px);
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none; }
  .dropdown-box-new__title.news-responsive-filter-link {
    padding-top: 13px; }
  .islet--tall.newsfilter {
    padding-top: 2px !important; }
  #newsShareSelection .news-arrow-down {
    padding-top: 22px; } }

.form-field--icons {
  position: relative; }
  .form-field--icons .list--big-icons {
    position: absolute;
    right: 20px;
    top: 19px; }
    @media only screen and (max-width: 800px) {
      .form-field--icons .list--big-icons {
        display: none; } }
  .form-field--icons .input--text,
  .form-field--icons .selectize-input {
    padding: 10px 130px 15px 15px; }

.form-field--file {
  position: relative;
  overflow: hidden; }

label .icon-linkedin {
  font-size: 19px; }

label .icon-facebook {
  font-size: 16px; }

.label {
  color: #667586;
  font-family: Arial, sans-serif;
  display: block;
  line-height: 19px;
  margin-bottom: 10px; }
  .label.label--down {
    line-height: 40px; }

.label-inline {
  line-height: 41px; }

.align-input {
  display: block;
  text-align: center;
  line-height: 40px;
  position: relative; }

.input--current {
  position: relative; }
  .input--current .sign--current {
    position: absolute;
    color: #00a2ca;
    font-size: 20px;
    font-weight: 600;
    top: 7px;
    left: 8px; }
  .input--current .input--text,
  .input--current .selectize-input {
    padding-left: 20px; }

.input--text,
.selectize-input {
  border-radius: 2px;
  border: 1px solid #d6d8e3;
  box-sizing: border-box;
  color: #667586;
  cursor: auto;
  height: 41px;
  padding: 9px 10px;
  width: 100%;
  -webkit-appearance: none; }
  .input--text:focus,
  .selectize-input:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    outline: none; }

.input--text.input--text--big-blue,
.input--text--big-blue.selectize-input {
  font-size: 20px;
  color: #00a2ca;
  font-weight: 600;
  text-align: right; }

.input--text__search {
  padding: 9px 10px 9px 30px; }

.input--text__input-icon {
  position: relative; }
  .input--text__input-icon > .input--text,
  .input--text__input-icon > .selectize-input {
    padding-left: 30px; }
  .input--text__input-icon:before {
    position: absolute;
    font-size: 18px;
    margin-left: 10px;
    top: 10px;
    color: #7d8b9a; }

.input--clean {
  background: transparent;
  width: auto;
  font-size: 30px;
  height: 60px;
  color: white; }
  @media only screen and (min-width: 800px) {
    .input--clean {
      font-size: 38px; }
      .input--clean.input--clean__white {
        background: transparent; } }

.input--title {
  background: transparent;
  border: transparent;
  height: 60px;
  color: white;
  text-align: center;
  font-size: 30px; }
  @media only screen and (min-width: 320px) {
    .input--title {
      width: 80%; } }
  @media only screen and (min-width: 800px) {
    .input--title {
      font-size: 38px;
      width: auto; } }

@media only screen and (max-width: 800px) {
  .input--text-mobile {
    border-width: 1px;
    min-height: 40px !important;
    padding: 10px 15px;
    border-radius: 2px 2px 0 0; }
    .input--text-mobile.height-talkbox {
      min-height: 60px !important;
      padding-top: 0px !important;
      padding-right: 40px !important;
      border-color: #FFBA49;
      border: 2px solid #FFBA49; }
    .input--text-mobile:focus {
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none; }
  .full-length-box .input--text-mobile {
    min-height: 100px !important; } }

.input--text-mobile.comment-mobile {
  padding-right: 80px !important;
  border: none; }

.buttons--comment.mobile > a {
  border: 1px solid #EEEFF0;
  padding: 0 4px;
  border-radius: 3px; }
  .buttons--comment.mobile > a > i {
    line-height: 25px !important; }

.input--text-yellow {
  border-color: #FFBA49; }

.input--text-gray {
  border-color: #7F7F7F; }

.input--text-blue {
  border-color: #1096B8; }

textarea.input--text, textarea.selectize-input {
  height: auto; }

.textarea-autoheight {
  background-color: #FFFFFF;
  height: auto;
  line-height: 1.4;
  min-height: 32px;
  padding: 5px 10px;
  resize: none;
  overflow-y: hidden; }

.textarea--title {
  background-color: #FFFFFF;
  height: auto;
  line-height: 1.4;
  min-height: 32px;
  padding: 5px 10px;
  resize: none;
  overflow-y: hidden;
  color: #3F464B;
  font-family: "Open Sans", serif;
  font-size: 18px; }

.private-message {
  position: relative; }
  .private-message textarea {
    min-height: 100px; }
  .private-message .private-message__textarea--text {
    left: 0;
    margin-bottom: 0;
    min-height: 100px;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%; }
  .private-message .private-message__textarea--signing {
    display: block;
    bottom: 10px;
    left: 15px;
    position: absolute; }

.input--icons {
  min-height: 60px; }

.input-hidden {
  border: 0;
  box-sizing: border-box;
  padding: 9px 10px;
  resize: none;
  width: 100%; }

.input--radio {
  font-size: 16px; }

.input--file {
  font-size: 40px;
  height: 100%;
  left: 0;
  line-height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .input--file::-webkit-file-upload-button {
    cursor: pointer; }

.input--text-icon {
  position: relative; }
  .input--text-icon.icon:before {
    color: #D2D8DA;
    position: absolute;
    right: 10px;
    top: 43px; }
  .input--text-icon .input--text,
  .input--text-icon .selectize-input {
    padding-right: 30px; }

.input--text__dark-border {
  border-color: #C4C7CC; }

.input--transparent {
  background: transparent; }

.input--big {
  height: 58px;
  padding: 19px 20px; }

.input--small {
  height: 29px;
  padding: 0 10px; }

.checkbox {
  font-size: 12px; }

.checkbox__text {
  color: #667586;
  display: inline-block; }

.checkbox-block {
  border-top: 1px solid #EEEFF0;
  padding: 7px 0; }
  .checkbox-block .first {
    width: 30%; }

.checkbox-social input {
  display: none; }

.checkbox-social span {
  background: #d1d6db;
  display: inline-block;
  border-radius: 3px;
  height: 20px;
  text-align: center;
  width: 20px; }
  .checkbox-social span .icon {
    color: #FFF;
    font-size: 14px;
    vertical-align: middle; }

.checkbox-social.linkedin input:checked + span {
  background: #0077b5; }

.checkbox-social.facebook input:checked + span {
  background: #4862a3; }

label.radio {
  display: block; }

.search-by-name {
  overflow: hidden; }
  .search-by-name .grid__item {
    float: left;
    padding-left: 0; }
  .search-by-name input {
    border: 1px solid #E6E8E8;
    line-height: 41px;
    text-transform: capitalize; }
    .search-by-name input:hover {
      border-color: #b0b9c1; }
  .search-by-name .icon-search--right:after {
    display: none; }
    @media only screen and (min-width: 700px) {
      .search-by-name .icon-search--right:after {
        display: block; } }

.icon-search--right {
  position: relative; }
  .icon-search--right:after {
    color: #E6E8E8;
    content: "\e622";
    font-family: 'webtalk';
    font-size: 18px;
    margin-top: -9px;
    right: 15px;
    position: absolute;
    top: 50%;
    transition: color 0.4s ease; }
  .icon-search--right:hover:after {
    color: #b0b9c1; }

.icon-search--left {
  position: absolute;
  top: 40px;
  left: -5px; }
  .icon-search--left:before {
    color: #E6E8E8;
    content: "\e622";
    font-family: 'webtalk';
    font-size: 12px;
    margin-top: -6px;
    left: 15px;
    position: absolute;
    top: 50%;
    transition: color 0.4s ease; }

.request-and-invite-form .btn,
.request-and-invite-form .upload-avatar__input {
  height: 65px; }

@media only screen and (max-width: 800px) {
  .news__share-with {
    margin-left: 0;
    display: none; } }

.form-field__margin-bottom {
  margin-bottom: 18px; }
  @media only screen and (max-width: 800px) {
    .form-field__margin-bottom {
      margin-bottom: 0; } }

#news-with > li:nth-child(4) {
  display: inline-block; }

#news-with li:nth-child(6) {
  display: none; }
  #news-with li:nth-child(6) > a > button > span {
    width: 1.0rem; }

#news-with li:nth-child(7) > a > button {
  padding: 0;
  line-height: 0;
  margin-top: 1px; }
  #news-with li:nth-child(7) > a > button > span {
    width: 1.4rem;
    margin-right: 0; }

#news-with li:nth-child(6) > a > button > span:before, #news-with li:nth-child(6) > a > button > span:after {
  width: 1.0rem; }

#news-with > li:nth-child(5) {
  margin-left: 20px; }
  #news-with > li:nth-child(5) > a > button > span {
    width: 1.0rem; }
    #news-with > li:nth-child(5) > a > button > span:before, #news-with > li:nth-child(5) > a > button > span:after {
      width: 1.0rem; }

#news-with > li:nth-child(6) {
  display: none !important; }
  #news-with > li:nth-child(6) > a > button {
    padding: 0;
    line-height: 0; }
    #news-with > li:nth-child(6) > a > button > span {
      width: 1.0rem; }

@media only screen and (min-width: 350px) {
  #news-with > li:nth-child(5) {
    margin-left: 20px; } }

@media only screen and (min-width: 320px) {
  #news-with > li:nth-child(5) {
    margin-left: 15px; } }

@media only screen and (max-width: 800px) {
  .fixed #news-with > li:nth-child(6) {
    display: inline-block !important; }
  #news-with > li > span,
  #news-with > li > a > span {
    display: none; }
  #news-with > li:nth-child(5) {
    display: inline-block;
    margin-top: -5px !important; }
  #news-with li:nth-child(6) {
    display: inline-block; }
  #news-with > li:nth-child(6) > a > button:hover > span {
    background: #05a4dc; }
    #news-with > li:nth-child(6) > a > button:hover > span:before, #news-with > li:nth-child(6) > a > button:hover > span:after {
      background: #05a4dc; } }

@media only screen and (max-width: 800px) {
  .fixed #news-with li:nth-child(7) {
    display: block !important; } }

@media only screen and (min-width: 500px) {
  .list--horizontal__icons.buttons--right.list-tags, .list--horizontal__icons.buttons--right.list-checkbox, .list--horizontal__icons.buttons--right.list--icon-text, .list--horizontal__icons.buttons--right.list--big-icons, .list--horizontal__icons.buttons--right.pager-bnts {
    padding-left: 10% !important; }
  .confidential-groups-news {
    right: 20px; }
  .connections--view--time {
    padding-top: 160px;
    color: #fff;
    float: left;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 600; } }

@media only screen and (min-width: 800px) {
  .list--horizontal.list--horizontal__icons.buttons--right {
    padding-left: 0 !important; }
  .list--horizontal__icons.buttons--right.list-tags, .list--horizontal__icons.buttons--right.list-checkbox, .list--horizontal__icons.buttons--right.list--icon-text, .list--horizontal__icons.buttons--right.list--big-icons, .list--horizontal__icons.buttons--right.pager-bnts {
    padding-left: 0 !important; } }

@media only screen and (min-width: 320px) {
  .margin-left-15-mobile {
    margin-left: 5px !important; } }

@media only screen and (min-width: 800px) {
  .margin-left-15-mobile {
    margin-left: 15px !important; } }

@media only screen and (min-width: 500px) {
  .media__width-mobile > div:first-child {
    width: 10%;
    margin-right: 0 !important;
    padding-right: 10px; }
  .media__width-mobile > div:last-child {
    width: 90%; } }

@media only screen and (min-width: 800px) {
  .media__width-mobile > div:first-child {
    width: 10%;
    margin-right: 0 !important;
    padding-right: 10px;
    display: table; }
  .media__width-mobile > div:last-child {
    width: 90%; }
  .referral-network-statistics {
    float: left; } }

@media only screen and (max-width: 500px) {
  .comments__lists-item--form.mobile {
    display: none; }
  #mutual-connection-modal .media-content {
    margin-left: -20px;
    margin-right: -20px; }
  #mutual-connection-modal .box--media__connections {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
  #mutual-connection-modal .box--media__connections .box--media__cover__img img {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
  .box--media__connections .user_hover_panel {
    padding-left: 5px !important; }
  .box--leave-recommendation select optgroup {
    padding-left: 0px; }
    .box--leave-recommendation select optgroup option {
      padding-left: 0px; } }

.talkbox--mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 10;
  background: #FFF;
  width: 100%;
  height: 100%;
  padding-top: 158px;
  transition: left ease 0.3s; }
  @media only screen and (min-width: 500px) {
    .talkbox--mobile {
      padding-top: 100px; } }
  @media only screen and (max-width: 800px) {
    .talkbox--mobile {
      display: block;
      padding-top: 100px; } }
  .talkbox--mobile.show-talk {
    left: 0;
    overflow-y: auto;
    overflow-x: hidden; }
    @media only screen and (max-width: 500px) {
      .talkbox--mobile.show-talk {
        height: 100%; } }
  .talkbox--mobile .cancel-news {
    color: #e53635 !important; }
  .talkbox--mobile .back-news {
    color: #BFC2CC;
    padding: 10px;
    background: #fff;
    width: 100%;
    margin-top: 45px; }
    .talkbox--mobile .back-news:before {
      font-family: 'webtalk';
      content: "\e613";
      transform: rotate(90deg);
      font-size: 22px;
      position: relative;
      display: inline-block;
      top: 5px; }
    .talkbox--mobile .back-news:hover {
      text-decoration: none; }
  .talkbox--mobile .input--text-yellow {
    min-height: 40px;
    max-height: calc( 100vh - 265px);
    overflow-y: scroll; }
  .talkbox--mobile .list--big-icons {
    position: absolute;
    right: 20px;
    top: 19px; }
  .talkbox--mobile .news__share-with {
    display: block; }

@media only screen and (max-width: 800px) {
  .talkbox--mobile .list--big-icons {
    position: absolute;
    width: 20px;
    background: none;
    top: 0;
    right: 14px;
    height: 40px;
    z-index: 2; }
    .talkbox--mobile .list--big-icons > li {
      position: relative;
      padding: 5px 0;
      width: 100%;
      margin-left: 0; }
      .talkbox--mobile .list--big-icons > li:first-child:after {
        content: '';
        border-right: 1px solid #F2AB3F;
        border-top: 30px solid #F2AB3F;
        position: absolute;
        left: 100%;
        bottom: 4px;
        display: none; }
      .talkbox--mobile .list--big-icons > li:last-child {
        display: none; }
      .talkbox--mobile .list--big-icons > li > a > i {
        margin-bottom: 0;
        color: #FFF; } }

@media only screen and (max-width: 800px) {
  .talkbox--mobile .news__share-with {
    margin-left: 0; }
    .talkbox--mobile .news__share-with .list-checkbox {
      text-align: left;
      margin-right: 0 !important; }
      .talkbox--mobile .news__share-with .list-checkbox > li {
        margin: 0 3px !important; }
    .talkbox--mobile .news__share-with > :nth-child(1), .talkbox--mobile .news__share-with > :nth-child(2) {
      margin: 15px 0;
      padding-left: 0 !important; }
    .talkbox--mobile .news__share-with > :last-child a {
      height: 50px;
      line-height: 48px;
      position: absolute;
      bottom: 10px;
      left: 10px;
      width: calc(100% - 20px); } }
    @media only screen and (max-width: 800px) and (max-height: 310px) {
      .talkbox--mobile .news__share-with > :last-child a {
        position: inherit;
        width: calc(100%); } }

@media only screen and (max-width: 799px) {
  .mediaMainPageDiv .palm--six-tenths {
    width: 100% !important; }
  .palm--hidden {
    display: block !important; } }

@media only screen and (max-width: 800px) {
  .js-fixed-news-filters .dropdown-box-new__title i {
    margin-right: 0px !important; }
  .fixed--mobile-navigator {
    padding-top: 36px !important; }
    .fixed--mobile-navigator .header {
      position: relative;
      display: table; }
    .fixed--mobile-navigator .height--fixed {
      padding: 10px;
      min-height: 61px; }
    .fixed--mobile-navigator .box--filters {
      background: #EEEFF1; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .fixed--mobile-navigator .box--filters {
        padding: 0px 0px 0px 14px; } }

@media only screen and (max-width: 800px) {
      .fixed--mobile-navigator .box--filters > div:last-child {
        height: 51px;
        width: 48%;
        float: right;
        margin-right: 0; }
        .fixed--mobile-navigator .box--filters > div:last-child > ul {
          position: absolute;
          right: 0px;
          transition: right 0.5s ease;
          width: auto !important;
          margin-top: 0px !important; }
          .fixed--mobile-navigator .box--filters > div:last-child > ul > li > a > i {
            font-size: 19px; }
          .fixed--mobile-navigator .box--filters > div:last-child > ul > li:nth-child(6) {
            width: 24px;
            height: 21px; }
            .fixed--mobile-navigator .box--filters > div:last-child > ul > li:nth-child(6) > a > i,
            .fixed--mobile-navigator .box--filters > div:last-child > ul > li:nth-child(6) > a:hover > i {
              position: relative;
              top: 1px;
              color: #FFF; }
      .fixed--mobile-navigator .box--filters.fixed {
        left: 0;
        top: 0;
        padding: 5px 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 10; }
        .fixed--mobile-navigator .box--filters.fixed > div {
          padding-left: 0; }
          .fixed--mobile-navigator .box--filters.fixed > div:last-child > ul {
            right: 2px;
            width: auto !important; }
  #news-with > li:nth-child(4) {
    border-right: 1px solid #c0c3c8;
    padding-right: 15px; }
  #news-with > li:nth-child(5) {
    display: none; }
  #news-with > li:nth-child(6) {
    margin-top: -1px; }
  .referral-network-statistics {
    float: none; }
  .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon.profile-privacy-dropdown-icons:before {
    margin-left: 205px; }
  .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon.news-record-privacy-settings:before {
    left: 225px; }
  .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon.news-record-privacy-settings .close-dropdown {
    padding: 2em;
    margin: -2em; } }

.mobile-stealth-switch {
  display: none; }

.desktop-stealth-switch {
  display: block; }

@media only screen and (max-width: 800px) {
  .mobile-stealth-switch {
    display: block; }
  .desktop-stealth-switch {
    display: none; } }

@media only screen and (max-width: 799px) {
  .fixed--mobile-navigator {
    padding-top: 0px !important; } }

@media only screen and (max-width: 820px) {
  .fixed--mobile-navigator .box--filters > div:last-child {
    width: calc(100% - 80px);
    float: right;
    min-width: 315px;
    margin-top: 2px; }
  .fixed--mobile-navigator .box--filters > div:first-child {
    width: 75px; } }

@media only screen and (max-width: 420px) {
  .newsFilterText {
    display: none; }
  #news-with li:nth-child(7) > a > button {
    margin-top: 0px; }
  .fixed--mobile-navigator .box--filters.fixed > div:last-child > ul {
    right: 0; }
  #news-with > li:nth-child(4) {
    padding-right: 8px; }
  #news-with li:nth-child(6) {
    margin-left: 10px !important; }
  .fixed--mobile-navigator .fixed.box--filters > div:last-child {
    min-width: 0; }
    .fixed--mobile-navigator .fixed.box--filters > div:last-child > ul {
      width: auto !important; }
  .fixed--mobile-navigator .box--filters > div:last-child {
    min-width: 0; }
    .fixed--mobile-navigator .box--filters > div:last-child > ul {
      width: auto !important; } }

@media only screen and (min-width: 320px) {
  .dropdown-box-new__title.dropdown-box-new__title--width {
    min-width: 65px !important; } }

@media only screen and (max-width: 320px) {
  #news-with li:nth-child(6) {
    margin-left: 18px !important; } }

@media only screen and (max-width: 350px) {
  .fixed--mobile-navigator .box--filters > div:last-child > ul {
    right: 0px; }
  .js-fixed-news-filters .dropdown-box-new__title.dropdown-box-new__title--width {
    max-width: 70px; }
  .js-searchField.active {
    width: calc(100% + 20px); }
  .profile-banner-small-reponsive {
    width: calc(50% + 20px); }
  .connection_search_field::placeholder {
    font-size: 12px; } }

@media only screen and (max-width: 340px) {
  #news-with > li:nth-child(4) {
    border-right: 1px solid #c0c3c8;
    padding-right: 0px; }
  #news-with li:nth-child(6) {
    margin-left: 18px !important; }
  .fixed--mobile-navigator .box--filters > div:first-child {
    width: 55px; } }

.croppie-containerpanel .coverImageFileFieldForm .lines-button {
  margin-top: 15px !important; }

.croppie-containerpanel .coverImageFileFieldForm .grid__item {
  padding-bottom: 0px; }

.croppie-containerpanel .coverImageFileFieldForm {
  min-height: 300px; }

.croppie-containerpanel .coverImageFileFieldForm {
  position: relative; }

.displayNone {
  visibility: hidden; }

.croppie-containerpanel .coverImageFileFieldForm .loading-icon {
  display: block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
  background-position: center;
  height: 306px;
  background-size: 100px 100px;
  width: 100%;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 2000; }

.croppie-containerpanel .coverImageFileFieldForm .loading-icon-gif {
  display: block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.gif);
  background-position: center;
  height: 306px;
  background-size: 100px 100px;
  width: 100%;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 2000; }

.coverImageFileFieldForm .loaderImage {
  width: 14px !important;
  height: 14px !important;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px) !important; }

#newsShareSelection .dropdown-box-new__title i.icon-onlyme {
  background: url("/common/images/icons/only-me-over.svg") no-repeat;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 20px; }

#newsShareSelection .dropdown-box-new__title:after {
  display: none; }

#newsShareSelection .js-dropdown-options i.icon-onlyme {
  background: url("/common/images/icons/only-me-over.svg") no-repeat;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 20px; }

#newsShareSelection .js-dropdown-options .dropdown-box-new__v2--icon ul li a i.icon-onlyme {
  background: url("/common/images/icons/only-me-w.svg") no-repeat;
  margin-top: -1px;
  margin-left: 0px;
  padding-left: 0px; }

.media-content .media-header.island .media.media--general.media__width-mobile {
  margin: -18px; }

.single-media-privacy-position {
  width: 86.5%; }
  @media only screen and (max-width: 800px) {
    .single-media-privacy-position {
      width: 78.5%; } }

.search_new_box {
  margin-top: 30px; }
  .search_new_box.slideout {
    position: absolute;
    animation: slidedown 1s forwards; }

#sharewithSettings .newsTalkBoxSharingOptions .selectize-input div {
  position: absolute; }

.fourth-height {
  height: 38px; }

.profile--contact--website {
  display: block;
  min-height: 38px; }

.reffral-invite-contacts {
  float: right;
  margin-top: -8px; }
  @media only screen and (max-width: 800px) {
    .reffral-invite-contacts {
      float: left;
      margin-bottom: 15px; } }

i.profile-image-upload {
  background: url("/common/images/icons_2x/profile-image-upload.svg") no-repeat;
  width: 15px;
  height: 14px;
  display: inherit; }

.newsResponsiveCommentsMediaDelete {
  position: absolute;
  top: 2px;
  left: 30px;
  font-size: 9px;
  color: #fff;
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 2px;
  background-color: #05a4dc; }

.newsResponsiveCommentsMediaDelete:hover {
  border: 2px solid #000; }

.alwyas-display {
  display: block !important; }

.one-whole-must {
  width: 100% !important; }

.one-fourth-must {
  width: 39% !important; }
  @media only screen and (max-width: 800px) {
    .one-fourth-must {
      width: 100% !important; } }

@media only screen and (min-width: 425px) {
  .search-icon-for-others {
    width: 50% !important; } }

.profile-privacy-dropdown-icons {
  top: 6px !important;
  width: 240px !important;
  margin-left: 7px; }
  @media only screen and (max-width: 800px) {
    .profile-privacy-dropdown-icons {
      margin-left: 0px; } }

.text-one-line-restriction {
  display: inline-block;
  max-width: calc(100% - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.people-list-modal-div .icon-pending {
  background-color: #dcdfe5; }

.people-list-modal-div {
  background: #fff;
  border-radius: 3px; }
  @media only screen and (max-width: 800px) {
    .people-list-modal-div {
      border-radius: 0px;
      min-height: 100vh; } }
  .people-list-modal-div wt-connection-list-item .split {
    width: 100%; }
    .people-list-modal-div wt-connection-list-item .split .split__title {
      width: 90%; }
      @media only screen and (max-width: 800px) {
        .people-list-modal-div wt-connection-list-item .split .split__title {
          width: calc(90% - 15px); } }

.people-list-modal-div .icon-pending:hover, .people-list-modal-div .btn-hover-color:hover {
  background-color: #dcdfe5;
  text-decoration: none !important;
  border: 1px solid #DCDEDE;
  border-radius: 5px; }

.profile-banner-edit-icon {
  background: url("/common/images/icons_2x/edit-profile-banner.svg") no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block; }

.profile--contact--section {
  width: calc(100% - 30px); }

.icon-Connection {
  background: url("/common/images/icons/all-connections.svg") no-repeat;
  background-size: 18px 13px; }

.icon-yourself {
  background: url("/app/assets/images/icons/profile.svg") no-repeat;
  background-size: 13px 18px; }

@media only screen and (min-width: 499px) {
  .connections--view--time {
    padding-top: calc(100% - 27px);
    color: #fff;
    float: left;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 600; }
  .connections--view--time-responsive {
    display: none; } }

@media only screen and (max-width: 500px) {
  .connections--view--time {
    display: none; }
  .connections--view--time-responsive {
    display: block; }
  .box--media__connections span .connection--trigger-options {
    margin-top: calc(50% - 88px); }
  .grid__item_recommendations.lay .connection-name-con-page {
    font-size: 13px;
    font-weight: 600;
    width: 96%; }
  .grid__item_recommendations.lay .connection-job-desc-con-page {
    font-size: 12px;
    font-weight: 600;
    color: #586476;
    width: 95%; }
  .grid__item_recommendations.lay .connection-view-time-con-page {
    font-size: 12px;
    color: #586476; } }

.media.media--general .desk--nine-tenths .grid__item .media--general__title div a {
  color: #0aa1d8; }

.media.media--general .desk--nine-tenths .grid__item .media--general__title .pro-user-icon:before {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 0px;
  padding-bottom: 1px;
  border-radius: 4px;
  margin-right: 5px; }

.share-news-owner {
  margin-bottom: -5px; }
  .share-news-owner .pro-user-icon:before {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 0px;
    padding-bottom: 1px;
    border-radius: 4px;
    margin-right: 5px; }

.no-news-found h3.sidebar__title {
  text-align: center;
  font-weight: bold;
  font-size: 15px; }

@media only screen and (min-width: 800px) {
  .no-news-found .people-you-may-know-timeline {
    margin-top: 10px;
    padding: 10px; } }

@media only screen and (max-width: 800px) {
  .referral-widget-wrapper {
    margin-bottom: 20px;
    margin-top: 15px; } }

.website-one-restriction {
  display: inline-block;
  width: calc(60% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.media-header div p.time-line-info-truncate {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; }

.media-header div .time-line-job-desc-truncate {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

wt-news-filter-privacy .js-dropdown-options .dropdown-box-new__v2--icon ul.dropdown-box__list li:first-child {
  margin-top: 0px; }

wt-news-filter-privacy .js-dropdown-options .dropdown-box-new__v2--icon ul.dropdown-box__list li:last-child {
  margin-bottom: 0px; }

.share-post-content-trim {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .share-post-content-trim.weight--semibold {
    text-decoration: none;
    position: absolute;
    width: calc(100% - 115px); }
    .share-post-content-trim.weight--semibold:hover {
      text-decoration: underline; }

.re-share-post .selectize-dropdown.up .close-dropdown {
  display: none; }

.re-share-post .selectize-dropdown.up:before {
  display: block; }

@media only screen and (max-width: 800px) {
  .re-share-post .selectize-dropdown.up {
    position: fixed;
    left: 0px;
    top: -110px;
    margin-left: -10px;
    min-height: 100vh;
    min-width: 103%; }
    .re-share-post .selectize-dropdown.up:before {
      display: none; }
    .re-share-post .selectize-dropdown.up .close-dropdown {
      display: none; }
    .re-share-post .selectize-dropdown.up .selectize-dropdown-content {
      position: absolute;
      top: calc(50% - 100px);
      left: 25px;
      overflow-y: hidden; }
    .re-share-post .selectize-dropdown.up .close-dropdown {
      display: block;
      background-color: transparent;
      top: 15px;
      position: absolute;
      right: 20px; } }

.newsTalkBoxSharingOptions .icon-Personal-panel.active,
.newsTalkBoxSharingOptions .icon-Pro-panel.active,
.newsTalkBoxSharingOptions .icon-Groups-panel.active,
.newsTalkBoxSharingOptions .icon-All-panel.active,
.newsTalkBoxSharingOptions .icon-Public-panel.active,
.newsTalkBoxSharingOptions .icon-Private-panel.active {
  background-color: #1d2026; }

.newsTalkBoxSharingOptions .icon-Personal-panel:hover,
.newsTalkBoxSharingOptions .icon-Pro-panel:hover,
.newsTalkBoxSharingOptions .icon-Groups-panel:hover,
.newsTalkBoxSharingOptions .icon-All-panel:hover,
.newsTalkBoxSharingOptions .icon-Public-panel:hover,
.newsTalkBoxSharingOptions .icon-Private-panel:hover {
  background-color: #1d2026 !important; }

.editable-post.js-editable-post wt-tagging-panel .edittalkboxTagArea {
  padding-right: 35px; }

.news-arrow-down {
  background-color: #586476;
  font-weight: 600;
  background: url(/app/assets/images/icons/arrow-down-dropdown.svg) no-repeat;
  background-position: right 7px;
  background-size: 8px 5px;
  padding-right: 5px;
  width: 8px;
  height: 5px;
  padding-top: 20px;
  padding-left: 12px; }

.connection--trigger-options .connection-links .link a {
  display: block; }

.sharewithdropdown i.icon-Public {
  background-size: 16px 15px;
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg);
  background-repeat: no-repeat; }
  @media only screen and (max-width: 800px) {
    .sharewithdropdown i.icon-Public {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg);
      background-repeat: no-repeat;
      background-position-y: 2px; } }

.sharewithdropdown i.icon-Public:hover {
  background-size: 16px 15px;
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg);
  background-repeat: no-repeat; }

.sharewithdropdown .selectize-input i.icon-Public {
  background-size: 16px 15px;
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg);
  background-repeat: no-repeat; }

.news-record-privacy-settings.dropdown-box-new.dropdown-box-new__v2:before {
  margin-top: 5px; }

.media-share-modal-description-field.input--text {
  min-height: 41px;
  height: auto;
  white-space: pre-wrap; }

.profile-show-initial {
  display: initial; }

.postPanelImagesMedia table td div:hover:before {
  height: 100%; }

.connection-job-desc-con-page .connection-job-title {
  display: contents; }

.connection-name-con-page a {
  display: contents; }

@media only screen and (max-width: 800px) {
  .mobile-content-not-available {
    padding-top: 65px !important; }
  .page-content-not-available {
    margin-top: 65px; }
  .remove-confidential-tag .modal__content {
    margin-top: 50px; } }

.preserver-line-break {
  white-space: pre-line; }

.truncate-two-line {
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  max-height: 2.7em; }

.disabled-field-color {
  color: #909BAD; }

.list--horizontal__icons .spot-post-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-public.svg); }

.list--horizontal__icons .spot-post-Private {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-private.svg); }

.list--horizontal__icons .spot-post-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-all.svg); }

.list--horizontal__icons .spot-post-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-pro.svg); }

.list--horizontal__icons .spot-post-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-personal.svg); }

.list--horizontal__icons .spot-post-Groups {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/spot-post-group.svg); }

.list--horizontal__icons .spot-light-post-icon {
  margin-bottom: 3px;
  background-size: 100%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: inline-block; }
  @media only screen and (max-width: 411px) {
    .list--horizontal__icons .spot-light-post-icon {
      margin-right: -5px; } }

.ad-padding {
  padding: 15px 20px;
  background-color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #d8dbe7; }

@media only screen and (max-width: 768px) {
  .ad-flex {
    display: flex; } }

.ad-mobile {
  border-bottom: 1px solid #d8dbe7; }

.web-avatar {
  background: url("/app/assets/images/icons/avatar.svg") no-repeat;
  background-size: cover;
  min-height: 51px !important;
  min-width: 51px !important;
  margin-right: 10px !important; }

.upgrade-link {
  text-decoration: none;
  color: #0aa1d8;
  cursor: pointer; }

.sponsored-grid {
  width: 100%;
  display: block; }

.sponsored--ad {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center; }

.kda {
  margin-top: 5px; }

@media only screen and (max-width: 768px) {
  .contact-width {
    width: 100% !important; }
  .ad-padding {
    padding: 10px;
    display: flex; }
  .kda {
    white-space: inherit !important; }
  .web-avatar {
    background-size: contain;
    margin-right: 0px !important; } }

.sponsored--contain {
  margin-bottom: 20px;
  background-color: #ffffff;
  min-height: 300px;
  position: relative; }
  .sponsored--contain .alternate-post-ad {
    z-index: 2;
    display: block;
    padding: 55px 110px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 600px) {
      .sponsored--contain .alternate-post-ad {
        padding: 20px; } }
    .sponsored--contain .alternate-post-ad .title--remove {
      font-family: Montserrat;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      display: block;
      text-align: center;
      margin: 0 auto 25px auto;
      max-width: 348px; }
      @media only screen and (max-width: 600px) {
        .sponsored--contain .alternate-post-ad .title--remove {
          font-size: 14px;
          margin: 0 auto 20px auto; } }
    .sponsored--contain .alternate-post-ad .sub--title {
      font-family: Montserrat;
      font-size: 16px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      margin-bottom: 12px;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 600px) {
        .sponsored--contain .alternate-post-ad .sub--title {
          font-size: 14px; } }
    .sponsored--contain .alternate-post-ad .list-content {
      margin: 0 auto;
      max-width: 226px; }
      .sponsored--contain .alternate-post-ad .list-content .link-arrow-flex {
        display: block;
        margin-bottom: 10px; }
        .sponsored--contain .alternate-post-ad .list-content .link-arrow-flex .link--icon {
          height: 11px;
          width: 15px; }
        .sponsored--contain .alternate-post-ad .list-content .link-arrow-flex .check-label {
          font-family: Open Sans;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          margin-left: 2px; }

.sponsored-mobile-contain {
  background-color: #ffffff;
  min-height: 82px;
  position: relative; }
  .sponsored-mobile-contain .alternate-post-ad {
    z-index: 2;
    display: block;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .sponsored-mobile-contain .alternate-post-ad {
        padding: 10px; } }

.sponsored-profile-mobile-contain {
  background-color: #ffffff;
  position: relative; }
  .sponsored-profile-mobile-contain .alternate-post-ad {
    z-index: 2;
    display: block;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 768px) {
      .sponsored-profile-mobile-contain .alternate-post-ad {
        padding: 10px; } }

.stealth-pad {
  margin-top: 55px;
  display: block; }

.profile-contacts-page-wrapper.loggedin-profile .contacts-tabs-wrapper .followers-wrapper {
  width: calc(33.333% - 7.5px); }

.profile-contacts-page-wrapper.loggedin-profile .contacts-tabs-wrapper .following-wrapper {
  width: calc(33.333% - 7.5px); }

.profile-contacts-page-wrapper.loggedin-profile .contacts-tabs-wrapper .recommendations-wrapper {
  width: calc(33.333% - 7.5px); }

.mutual-connection-avatar-wrapper {
  display: flex;
  width: max-content;
  position: relative;
  top: 11px;
  margin-left: 10px; }
  .mutual-connection-avatar-wrapper .mutual-avatar-icon.two {
    margin-left: -4px; }
  .mutual-connection-avatar-wrapper .mutual-avatar-icon.three {
    margin-left: -4px; }
  .mutual-connection-avatar-wrapper .mutual-avatar-icon {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); }
    .mutual-connection-avatar-wrapper .mutual-avatar-icon img {
      display: block;
      border-radius: 50%; }

.contact-slider {
  margin-top: 40px;
  display: block; }

.profile-contacts-page-wrapper {
  max-width: 975px;
  position: relative;
  margin: 30px auto 20px auto; }
  .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper {
    display: none; }
  .profile-contacts-page-wrapper .contacts-tabs-wrapper {
    border-bottom: 1px solid #d8dbe7;
    display: flex; }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper.active {
      border-bottom: 3px solid #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper.active .nav-count {
        background-color: #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper.active .following-txt {
        color: #0aa1d8; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper.active .following-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/posts-iconb-blue.svg); }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .nav-count {
      position: absolute;
      right: 15px;
      width: auto;
      min-width: 24px;
      height: 23px;
      border-radius: 100px;
      background-color: #909bad;
      text-align: center;
      font-family: Open Sans;
      font-size: 12px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 23px;
      letter-spacing: normal;
      color: #ffffff;
      padding-left: 5px;
      padding-right: 5px;
      top: 6px; }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper {
      width: 100%;
      text-decoration: none;
      height: 44px;
      padding-left: 10px;
      position: relative;
      display: flex; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper:hover {
        background-color: #e2e3e7; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper .following-txt {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad;
        display: flex;
        position: relative;
        top: 10px; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .following-wrapper .following-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/posts-iconb-gray.svg);
          width: 14px;
          height: 17px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          content: '';
          display: inline-flex;
          margin-right: 7px;
          position: relative;
          top: 2px; }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper.active {
      border-bottom: 3px solid #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper.active .nav-count {
        background-color: #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper.active .followers-txt {
        color: #0aa1d8; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper.active .followers-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/activity-icon-blue.svg); }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper {
      width: 100%;
      text-decoration: none;
      height: 44px;
      padding-left: 10px;
      margin-left: 10px;
      position: relative;
      display: flex; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper:hover {
        background-color: #e2e3e7; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper .followers-txt {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad;
        position: relative;
        top: 10px; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .followers-wrapper .followers-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/activity-icon-grey.svg);
          width: 13px;
          height: 17.1px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          content: '';
          display: inline-flex;
          margin-right: 7px;
          position: relative;
          top: 2px; }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper.active {
      border-bottom: 3px solid #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper.active .nav-count {
        background-color: #0aa1d8; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper.active .recommendations-txt {
        color: #0aa1d8; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper.active .recommendations-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/tagged-icon-blue.svg); }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper {
      width: 100%;
      text-decoration: none;
      height: 44px;
      padding-left: 10px;
      margin-left: 10px;
      position: relative; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper:hover {
        background-color: #e2e3e7; }
      .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper .recommendations-txt {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad;
        position: relative;
        top: 10px; }
        .profile-contacts-page-wrapper .contacts-tabs-wrapper .recommendations-wrapper .recommendations-txt::before {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/tagged-icon-grey.svg);
          width: 14px;
          height: 14px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          content: '';
          display: inline-flex;
          margin-right: 7px;
          position: relative;
          top: 2px; }
  .profile-contacts-page-wrapper .contacts-search-filter-wrapper {
    margin-top: 25px;
    width: 100%;
    height: 42px;
    position: relative; }
    .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-search-wrapper {
      width: 479px;
      height: 42px;
      border-radius: 100px;
      border: solid 1px #d8dbe7;
      background-color: #ffffff;
      float: left;
      position: relative; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-search-wrapper .search-icon {
        background-image: url(/app/assets/icons/search.svg);
        width: 12px;
        height: 12px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 16px;
        top: 14px; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-search-wrapper .contacts-search-input {
        width: 100%;
        height: 40px;
        border: none;
        border-radius: 100px;
        outline: none;
        padding-left: 40px; }
    .profile-contacts-page-wrapper .contacts-search-filter-wrapper .filter-container-wrapper {
      position: absolute;
      right: 0px; }
    .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-filter-wrapper {
      min-width: 144px;
      width: auto;
      height: 40px;
      border-radius: 100px;
      border: solid 1px #d8dbe7;
      background-color: #ffffff;
      position: relative;
      float: right;
      margin-bottom: 10px; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-filter-wrapper::after {
        font-family: webtalk;
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 6px);
        right: 30px;
        margin-top: -2px;
        width: 0px;
        height: 0px;
        border-width: 0px;
        border-color: initial;
        border-image: initial;
        border-style: solid; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-filter-wrapper .selected-filter-item {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        margin-top: 9px;
        margin-left: 20px;
        padding-right: 30px; }
  .profile-contacts-page-wrapper .contacts-wrapper {
    width: 100%;
    margin-top: 20px;
    height: auto;
    position: relative;
    min-height: 200px; }
    .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper.no-results {
      margin-top: 40px; }
    .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper {
      margin-top: 10px;
      margin-bottom: 40px;
      text-align: center; }
      .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .sad-face-icon {
        background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/sad-face.svg);
        width: 36px;
        height: 36px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 auto; }
      .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .no-contact-txt, .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .no-contact-txt-two {
        width: 353px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #627384;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px; }
      .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .no-contact-txt-two {
        margin-top: 0px; }
      .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .find-invite-btn {
        width: 260px;
        height: 40px;
        border-radius: 100px;
        background-color: #0aa1d8;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 40px;
        letter-spacing: normal;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        margin-top: 20px; }
    .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper {
      display: inline-flex;
      width: max-content; }
      .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper .contact-item {
        height: 271px;
        border-radius: 10px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
        border: solid 1px #eceef1;
        background-color: #ffffff;
        width: 234px;
        margin-bottom: 10px;
        margin-left: 10px; }
      .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper .recommendation-item {
        width: 233.8px;
        height: 312px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        border-radius: 4px;
        position: relative;
        margin-left: 10px; }
        .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper .recommendation-item::before {
          position: absolute;
          left: -10px;
          top: 75px;
          content: "";
          width: 10px;
          height: 10px;
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/swoosh-icon.svg); }

@media only screen and (max-width: 985px) {
  .profile-contacts-page-wrapper .contacts-wrapper {
    width: 743px;
    margin: 0 auto;
    margin-top: 20px; } }

@media only screen and (max-width: 800px) {
  .profile-contacts-page-wrapper {
    margin-top: 0px; }
    .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper {
      display: block; }
      .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-active-tab {
        width: 100%;
        height: 54px;
        border-bottom: 3px solid #0aa1d8;
        display: flex;
        padding-left: 15px;
        text-decoration: none;
        position: relative; }
        .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-active-tab::after {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/arrow-down-icon-grey.svg);
          width: 13px;
          height: 8px;
          content: '';
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          right: 15px;
          top: 25px; }
        .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-active-tab .nav-count {
          position: absolute;
          right: 40px;
          width: auto;
          min-width: 24px;
          height: 23px;
          border-radius: 100px;
          background-color: #0aa1d8;
          text-align: center;
          font-family: Open Sans;
          font-size: 12px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 23px;
          letter-spacing: normal;
          color: #ffffff;
          padding-left: 5px;
          padding-right: 5px;
          top: 15px; }
      .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-tab-txt {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0aa1d8;
        top: 18px;
        position: relative;
        text-transform: uppercase; }
      .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-tab-txt.news::before {
        background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/posts-iconb-blue.svg);
        width: 15px;
        height: 14px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-flex;
        margin-right: 7px;
        position: relative;
        top: 2px; }
      .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-tab-txt.news-tagged::before {
        background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/tagged-icon-blue.svg);
        width: 15px;
        height: 14px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-flex;
        margin-right: 7px;
        position: relative;
        top: 2px; }
      .profile-contacts-page-wrapper .contacts-tabs-mobile-wrapper .mobile-tab-txt.news-activity::before {
        background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/activity-icon-blue.svg);
        width: 15px;
        height: 14px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-flex;
        margin-right: 7px;
        position: relative;
        top: 2px; }
    .profile-contacts-page-wrapper .contacts-tabs-wrapper {
      display: none; }
    .profile-contacts-page-wrapper .contacts-search-filter-wrapper {
      padding-left: 10px;
      padding-right: 10px;
      height: auto; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .contacts-search-wrapper {
        float: none;
        width: 100%; }
      .profile-contacts-page-wrapper .contacts-search-filter-wrapper .filter-container-wrapper {
        position: relative;
        margin-top: 10px; }
        .profile-contacts-page-wrapper .contacts-search-filter-wrapper .filter-container-wrapper .contacts-filter-wrapper {
          float: none;
          width: 100%; }
    .profile-contacts-page-wrapper .contacts-wrapper {
      width: 500px;
      margin: 0 auto;
      margin-top: 20px; } }

@media only screen and (max-width: 600px) {
  .profile-contacts-page-wrapper .contacts-wrapper {
    width: 100%;
    padding-right: 0px; }
    .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .no-contact-txt-two, .profile-contacts-page-wrapper .contacts-wrapper .no-contacts-wrapper .no-contact-txt {
      width: 100%; }
    .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper.recommendations {
      width: 100%; }
      .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper.recommendations .contact-item {
        width: 50%; }
      .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper.recommendations .recommendation-item {
        width: 50%; }
    .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper {
      width: 50%; }
      .profile-contacts-page-wrapper .contacts-wrapper .contact-item-wrapper .contact-item {
        width: 100%; } }

.loading-posts {
  display: grid;
  width: max-content;
  margin-top: 20px;
  margin: 0 auto;
  padding: 20px; }
  .loading-posts .loading-text {
    margin-bottom: 15px;
    color: #d2d2d2;
    font-weight: 900; }
  .loading-posts .loading-dots-wrapper {
    display: flex;
    width: max-content;
    margin: 0 auto; }
  .loading-posts .dot-loader {
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background-color: #0AA1D8;
    position: relative;
    -webkit-animation: 1.2s scaleDown ease-in-out infinite;
    animation: 1.2s scaleDown ease-in-out infinite; }
  .loading-posts .dot-loader:nth-child(2) {
    margin: 0 15px;
    -webkit-animation: 1.2s scaleDown ease-in-out infinite .15555s;
    animation: 1.2s scaleDown ease-in-out infinite .15555s; }
  .loading-posts .dot-loader:nth-child(3) {
    -webkit-animation: 1.2s scaleDown ease-in-out infinite .300000s;
    animation: 1.2s scaleDown ease-in-out infinite .300000s; }

@-webkit-keyframes scaleDown {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scaleDown {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.no-contacts-wrapper {
  margin-top: 10px;
  text-align: center; }
  .no-contacts-wrapper .sad-face-icon {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/sad-face.svg);
    width: 36px;
    height: 36px;
    object-fit: contain;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto; }
  .no-contacts-wrapper .no-contact-txt, .no-contacts-wrapper .no-contact-txt-two {
    width: 353px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #627384;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px; }
  .no-contacts-wrapper .no-contact-txt-two {
    margin-top: 0px; }
  .no-contacts-wrapper .find-invite-btn {
    width: 260px;
    height: 40px;
    border-radius: 100px;
    background-color: #0aa1d8;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin-top: 20px; }

.island,
.spinner-box,
.islet {
  display: block; }

.island,
.spinner-box {
  padding: 20px; }
  .island:last-child,
  .spinner-box:last-child {
    margin-bottom: 0; }

.islet {
  padding: 10px; }
  .islet > :last-child {
    margin-bottom: 0; }

.islet--tall {
  padding: 10px 0; }

.split {
  text-align: right;
  list-style: none;
  margin-left: 0; }

.split__title {
  text-align: left;
  float: left;
  clear: left; }

.pagination {
  text-align: center;
  letter-spacing: -0.31em;
  word-spacing: -0.43em; }
  .pagination > li {
    padding: 10px;
    letter-spacing: normal;
    word-spacing: normal; }
    .pagination > li > a {
      padding: 10px;
      margin: -10px; }

.pagination__first a:before {
  content: "\00AB" "\00A0"; }

.pagination__last a:after {
  content: "\00A0" "\00BB"; }

.icon-logo {
  position: relative; }
  .icon-logo .path2:before {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    position: absolute; }

.icon-webtalk {
  font-size: 69px;
  position: relative; }
  .icon-webtalk .path2:before {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    position: absolute; }

.icon-linkedin {
  color: #42C1FC; }

.icon .icon-facebook {
  color: #3B5998; }

.icon-aol {
  color: #000; }

.icon-settings-referral {
  background-image: url(/app/assets/images/icons/referral.svg);
  position: relative;
  width: 23px;
  height: 23px;
  top: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain; }

.icon-settings-referral.icon-side-menu-referral {
  background-image: url(/app/assets/images/icons/referral-gray.svg); }

.track-referral:hover .icon-settings-referral {
  background-image: url(/app/assets/images/icons/referral-down.svg);
  background-repeat: no-repeat; }

.list--horizontal li,
.list-tags li,
.list-checkbox li,
.list--icon-text li,
.list--big-icons li,
.pager-bnts li {
  display: inline-block; }

.list--horizontal-float li {
  display: block;
  float: left; }

.list--dots {
  list-style: disc;
  margin-bottom: 20px;
  padding-left: 15px; }
  .list--dots li {
    line-height: 25px; }

.list--horizontal--top li {
  display: inline-block;
  vertical-align: top; }

.list--vertical li {
  display: block; }

.list--lineheight li {
  line-height: 25px; }

.list-summary b {
  display: inline-block;
  font-weight: normal; }

.list-tags li {
  margin-right: 10px;
  margin-bottom: 10px; }
  .list-tags li span {
    background: #CED4D7;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 600;
    padding: 6px 10px; }
  .list-tags li:last-child {
    margin-right: 0; }

.list--images {
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 700px) {
    .list--images {
      text-align: left;
      width: auto; } }
  .list--images li {
    border-radius: 2px;
    color: #2C3E50;
    font-family: "Open Sans", serif;
    font-size: 13px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    vertical-align: middle;
    width: 32px; }
    .list--images li > * {
      height: 100%;
      width: 100%; }
    .list--images li + li {
      margin-left: 5px; }

.list--share {
  margin-bottom: 10px;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 700px) {
    .list--share {
      margin-bottom: 0;
      text-align: left;
      width: auto; } }
  .list--share li {
    color: #2C3E50;
    display: inline-block;
    font-family: "Open Sans", serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 32px; }
    .list--share li .icon {
      color: #CDD3D6;
      font-size: 17px;
      margin-right: 5px;
      vertical-align: middle;
      transition: all 0.4s ease; }
      .list--share li .icon.icon-repost {
        font-size: 22px; }
    .list--share li + li {
      margin-left: 15px; }
    .list--share li a {
      color: #c4c9db;
      font-size: 14px;
      padding: 5px 11px 6px 11px;
      margin: -5px -11px -6px -3px; }
      .list--share li a:hover {
        color: #2C3E50;
        text-decoration: none; }
        .list--share li a:hover .icon {
          color: #2C3E50; }
      .list--share li a.selected {
        color: #0095BA;
        font-size: 14px; }
        .list--share li a.selected:hover {
          color: #0095BA; }
          .list--share li a.selected:hover .icon {
            color: #0095BA; }
        .list--share li a.selected .icon {
          color: #0095BA; }
      .list--share li a:active {
        color: #0095BA; }
        .list--share li a:active .icon {
          color: #0095BA; }
      .list--share li a.active {
        color: #0095BA; }
        .list--share li a.active:hover {
          color: #0095BA; }
          .list--share li a.active:hover .icon {
            color: #0095BA; }
        .list--share li a.active .icon {
          color: #0095BA; }
    .list--share li span {
      padding: 5px 11px 6px 11px;
      margin: -5px -11px -6px -3px;
      color: #c4c9db;
      font-size: 14px; }

@-moz-document url-prefix() {
  .list--share li span {
    padding: 0px;
    margin: 0px; } }
      .list--share li span.selected {
        color: #0095BA; }
      .list--share li span.datetime {
        font-size: 10px;
        margin: 0;
        padding: 0; }
    .list--share li.shared-desk a span {
      padding: 5px 11px 6px 3px;
      margin: -5px -11px -6px -3px; }
    .list--share li.liked-desk i.icon {
      z-index: -1; }
    .list--share li.liked-desk a {
      padding: 5px 11px 6px 6px;
      margin: -5px -11px -6px -3px; }
    .list--share li .list--share__note {
      color: #627384;
      font-size: 9px; }

.list--share-small li {
  line-height: 18px; }
  .list--share-small li + li {
    margin-left: 7px; }
  .list--share-small li .icon {
    color: #c4c9db;
    font-size: 12px;
    margin-right: 0;
    transition: all 0.4s ease; }
  .list--share-small li.bullet {
    color: #627384;
    font-size: 7px; }
  .list--share-small li span.number {
    color: #c4c9db;
    padding: 5px 9px 6px 9px;
    margin: -5px -9px -6px -3px; }

@-moz-document url-prefix() {
  .list--share-small li span.number {
    padding: 0px;
    margin: 0px; } }
    .list--share-small li span.number.selected {
      color: #0095BA; }

.list--horizontal.list--share li span.number {
  font-size: 14px;
  padding: 5px 9px 6px 11px;
  margin: -5px -9px -6px -3px;
  color: #c4c9db; }

@-moz-document url-prefix() {
  .list--horizontal.list--share li span.number {
    padding: 0px;
    margin: 0px; } }
  .list--horizontal.list--share li span.number.selected {
    color: #0095BA; }

.list--comments li {
  border-top: 1px #FFFFFF;
  border-style: solid none none; }

.lightbox-list--comments .cmt-st-dd li {
  border: none; }

.lightbox-list--comments .dropdown-box-new {
  width: auto;
  left: -113px;
  top: 32px; }
  .lightbox-list--comments .dropdown-box-new::before {
    top: -15px !important; }
  .lightbox-list--comments .dropdown-box-new .dropdown-box__list {
    width: 135px; }

.list-checkbox li {
  margin-left: 15px; }
  .list-checkbox li:first-child {
    margin-left: 0; }
  .list-checkbox li.grid__item {
    margin: 0; }

.list--icon-text li {
  margin-left: 10px; }
  .list--icon-text li.active .icon,
  .list--icon-text li.active span {
    color: #0AA1D8; }
  .list--icon-text li:first-child {
    margin-left: 0; }
  .list--icon-text li .icon {
    color: #B0B9C1;
    font-size: 16px;
    margin-left: 1px;
    padding-right: 5px;
    transition: color 0.4s ease;
    vertical-align: middle; }
  .list--icon-text li span, .list--icon-text li .heading {
    color: #39414d;
    vertical-align: middle; }
    @media only screen and (max-width: 800px) {
      .list--icon-text li span, .list--icon-text li .heading {
        padding-top: 11px;
        display: none; } }
  .list--icon-text li a.selected .icon,
  .list--icon-text li a.selected span {
    color: #0095BA; }
  .list--icon-text li a:hover {
    text-decoration: none; }
    .list--icon-text li a:hover span {
      text-decoration: underline;
      color: #05a4dc; }
    .list--icon-text li a:hover .icon {
      color: #05a4dc; }
  .list--icon-text li .link--color .icon,
  .list--icon-text li .link--color span,
  .list--icon-text li .link-underline .icon,
  .list--icon-text li .link-underline span,
  .list--icon-text li .link--seemore .icon,
  .list--icon-text li .link--seemore span,
  .list--icon-text li .comments__comment-link .icon,
  .list--icon-text li .comments__comment-link span {
    color: #0095BA; }

.list--icon-text.list--icon-text__absolute {
  position: absolute;
  right: 0;
  top: 10px;
  color: #667586; }
  .list--icon-text.list--icon-text__absolute span {
    display: none; }
  .list--icon-text.list--icon-text__absolute li {
    margin: 0; }

@media only screen and (min-width: 800px) {
  .list--icon-text li .icon {
    padding-right: 0; } }

.list--big-icons li {
  margin-left: 20px;
  text-align: center; }
  .list--big-icons li.first-child {
    margin-left: 0; }
  .list--big-icons li .icon {
    color: #b0b9c1;
    font-size: 25px;
    display: block;
    margin-bottom: 7px; }
  .list--big-icons li span {
    color: #7F8C8C; }
  .list--big-icons li a:hover {
    text-decoration: none; }
    .list--big-icons li a:hover i {
      color: #303a44; }

.list--icon-select li {
  float: left;
  margin-right: 10px; }
  .list--icon-select li:last-child {
    margin-right: 0; }
  .list--icon-select li .selectize-control {
    min-width: 150px; }

.list--steps {
  position: relative;
  top: 5px;
  height: 22px;
  width: 150px; }
  @media only screen and (min-width: 320px) {
    .list--steps {
      margin: 0 auto; } }
  @media only screen and (min-width: 500px) {
    .list--steps {
      margin-left: 20px; } }
  .list--steps li {
    height: 23px;
    line-height: 23px;
    width: 23px;
    background-color: #FFF;
    border-radius: 100px;
    color: #667586;
    float: left;
    font-size: 12px;
    text-align: center; }
    .list--steps li.active {
      background-color: #0095BA;
      color: #FFFFFF; }
      .list--steps li.active:after {
        background-color: #0095BA; }
    .list--steps li + li {
      margin-left: 40px;
      position: relative; }
      .list--steps li + li:after {
        background-color: #FFF;
        bottom: 0;
        content: " ";
        height: 4px;
        margin: auto 0;
        position: absolute;
        right: 100%;
        top: 0;
        width: 40px; }

.list--disc {
  list-style: disc;
  margin-bottom: 20px;
  padding-left: 15px; }
  .list--disc li {
    margin-bottom: 10px; }

.list--controls {
  font-size: 12px;
  display: flex; }
  .list--controls a:hover {
    color: #FFFFFF;
    background: #0095BA;
    opacity: 1; }
  .list--controls li {
    flex: 1;
    border-bottom: 2px solid transparent;
    transition: 0.5s all ease-out;
    margin: 0;
    width: 44px;
    height: 46px; }
    .list--controls li:first-child {
      margin-right: 2px; }
  .list--controls a {
    background: #24292E;
    transition: 0.5s all ease-out;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #CCC;
    opacity: 0.8;
    padding: 15px 10px; }

.list--hover__controls {
  position: absolute;
  top: 0;
  opacity: 0; }
  .list--hover__controls:hover {
    opacity: 1; }

.list--upgrade {
  background: #24292E;
  font-size: 14px;
  color: #FFFFFF;
  padding-left: 30px;
  display: none; }
  @media only screen and (min-width: 760px) {
    .list--upgrade {
      display: block; } }
  .list--upgrade li {
    flex: 1; }
  .list--upgrade p {
    line-height: 2em; }

.list--account {
  background: #24292E;
  font-size: 14px;
  color: #FFFFFF;
  display: block;
  padding: 15px 40px; }
  @media only screen and (min-width: 760px) {
    .list--account {
      display: none;
      padding: 15px 20px; } }
  .list--account a {
    width: 100%;
    line-height: 1em; }
  .list--account > a {
    border-bottom: 1px solid gray; }
  .list--account li {
    flex: 1; }
  .list--account p {
    line-height: 2em; }

.accountList_menu {
  display: block !important; }

.list--account .list--account__inside {
  display: none;
  padding-top: 10px;
  border-top: 1px solid #353a3e; }

.list-share {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: center; }

.list-share__item {
  background: #CCC;
  border-radius: 100%;
  color: #FFFFFF;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin: 0 6px;
  text-align: center;
  width: 25px; }
  .list-share__item.twitter {
    background: #2498CC; }
  .list-share__item.gplus {
    background: #C64333; }
  .list-share__item.facebook {
    background: #37508A; }
  .list-share__item .icon-facebook {
    color: #0aa1d8; }
  .list-share__item:hover {
    text-decoration: none; }

@media only screen and (max-width: 500px) {
  .list--share__mobile {
    padding: 20px 0 0 0; } }

.list--share__mobile ul > li.comment-mobile {
  display: none !important; }

.list--share__mobile ul > li.comment-desk {
  display: inline-block !important; }

.list--share__mobile ul > li > a > span.text {
  color: #8C97A3;
  font-weight: normal;
  display: none;
  font-family: 'Open Sans', sans-serif; }

.list--share__mobile ul > li > a > span.number {
  display: inline; }

@media only screen and (max-width: 500px) {
  .list--share__mobile ul > li {
    width: 33.333%;
    margin-left: -4px !important;
    padding: 10px 0; }
    .list--share__mobile ul > li:last-child {
      border-right: none; }
    .list--share__mobile ul > li.comment-mobile {
      display: inline-block !important; }
  .list--share__mobile ul > li.half--col {
    width: 50% !important; }
  .list--share__mobile ul li.like-border-right {
    border-right: 2px solid #EDEEF5;
    width: 33.333%; }
  .list--share__mobile ul li.like-border-none {
    border-right: none;
    width: 50%; }
    .list--share__mobile ul li.like-border-none.li {
      width: 50%; }
  .list--share__mobile ul li.comment-half-width {
    width: 50%; }
  .list--share__mobile ul li.comment-third-width {
    width: 33.333%; }
  .list--share__mobile ul li.comment-disabled-parent {
    width: 100%;
    padding-left: 10px;
    margin-left: 10px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 7px; } }

@media only screen and (max-width: 500px) {
  .list--share__mobile ul > li > a > {
    /*i {
      color: #8C97A3 !important;
    }*/ }
    .list--share__mobile ul > li > a > span.text {
      display: inline; }
    .list--share__mobile ul > li > a > span.number {
      display: none; }
  .connection-resultset .phone--one-third {
    width: 33.3% !important; }
  .connection-resultset .phone--two-thirds {
    width: 66.7% !important; }
  .connection-resultset .box--media__cover__img {
    min-height: 90px; } }

@media only screen and (max-width: 800px) {
  .list--share__mobile ul {
    background: none;
    margin-bottom: 0;
    margin-left: 10px; } }

@media only screen and (max-width: 500px) {
  .comments__lists.mobile .comments__lists-item--reply .comments-outer-padding-layer {
    padding-left: 62px; }
  #media-lightbox-modal .comments__lists.mobile .comments__lists-item--reply .comments-outer-padding-layer {
    padding-left: 50px; } }

.profile--email--contacts .list-summary__text:last-child {
  padding-bottom: 10px; }

.comments__lists.mobile .list--share-small {
  text-align: left; }

.list--horizontal.edit-list {
  position: relative; }

.edit-list.list-tags, .edit-list.list-checkbox, .edit-list.list--icon-text, .edit-list.list--big-icons, .edit-list.pager-bnts {
  position: relative; }

@media only screen and (max-width: 799px) {
  .postpanel .media-header .media__body .palm--six-eighths {
    width: 73%; }
  .editControls.canEdit {
    display: block !important; }
  .edit-list-icon {
    display: none; }
  .grid__item .list--horizontal.list--images {
    display: none; } }

@media only screen and (max-width: 499px) {
  .postpanel .media-header .media__body .palm--six-eighths {
    width: 77%; }
  .postpanel .media-footer.island.list--share__mobile {
    padding: 20px 0 0 0; } }

@media only screen and (max-width: 399px) {
  .postpanel .media-header .media__body .palm--six-eighths {
    width: 75%; } }

@media only screen and (max-width: 800px) {
  .list--icon-text li {
    margin-left: 0px; }
  .profile-videos {
    margin-left: 0 !important; } }

header {
  background-color: #2C3238;
  font-family: "Open Sans", serif;
  margin-bottom: 20px; }
  header a {
    color: #6B767F; }
  header .logo {
    padding: 0 38px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    header .logo a {
      line-height: 45px; }
      @media only screen and (min-width: 500px) {
        header .logo a {
          line-height: 35px; } }
      header .logo a:hover {
        text-decoration: none; }

.header__nav li {
  border-left: 2px solid #363E45;
  float: left; }
  .header__nav li a {
    padding: 18px 20px;
    line-height: 55px;
    display: inline; }
    .header__nav li a:hover {
      text-decoration: underline;
      margin-top: 19px; }
    .header__nav li a.active i {
      color: #FFF;
      margin-top: 2px; }

.header__nav .header_flower_icon {
  position: relative; }

.banner-wide-section {
  background-position: center bottom;
  background-size: cover;
  clear: both;
  color: #fff;
  height: 100vh;
  position: relative;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 500px) {
    .banner-wide-section {
      height: 600px; } }
  .banner-wide-section.move--up {
    margin-top: -40px; }
  .banner-wide-section .wrap {
    height: 100%;
    position: relative;
    z-index: 1; }
  .banner-wide-section.new-step-three {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/backgrounds/banner_img_2x.png) no-repeat;
    height: 550px; }
  .banner-wide-section.new-step-three__mid {
    height: 470px; }
  .banner-wide-section .bg-overlay {
    clear: both;
    overflow: hidden;
    min-height: 520px;
    width: 100%;
    background: rgba(0, 0, 0, 0.65); }

.landing-header {
  height: 100%;
  background: transparent; }
  .landing-header h1 {
    font-size: 42px; }
    @media only screen and (max-width: 800px) {
      .landing-header h1 {
        font-size: 28px; } }
    @media only screen and (min-width: 700px) {
      .landing-header h1 {
        font-size: 20px; } }
  .landing-header .title-big {
    font-size: 26px;
    font-weight: normal;
    line-height: 2em; }
    @media only screen and (max-width: 800px) {
      .landing-header .title-big {
        font-size: 18px; } }
  .landing-header .title-mid {
    font-size: 16px;
    color: white;
    line-height: 1.2em; }
    @media only screen and (min-width: 700px) {
      .landing-header .title-mid {
        font-size: 18px;
        line-height: 2em; } }
  .landing-header .title--ocre {
    color: #ffbb49;
    font-size: 22px; }
    @media only screen and (min-width: 700px) {
      .landing-header .title--ocre {
        font-size: 24px; } }

.btn-search-status {
  width: 80px;
  border-radius: 100px;
  background-color: #0aa1d8;
  cursor: pointer;
  text-align: center;
  line-height: 24px;
  padding: 0px;
  color: #fff;
  font-size: 10px; }
  @media only screen and (max-width: 800px) {
    .btn-search-status {
      border-radius: 15px; } }
  .btn-search-status:hover {
    text-decoration: none; }
  @media only screen and (max-width: 600px) {
    .btn-search-status {
      width: 52px; } }

.logout-state-btn .join-web-talk {
  width: 168px;
  height: 36px;
  border-radius: 100px;
  background-color: #0aa1d8;
  line-height: 34px; }
  @media only screen and (max-width: 800px) {
    .logout-state-btn .join-web-talk {
      width: 120px; } }
  .logout-state-btn .join-web-talk .text {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal; }

.logout-state-btn .login-btn {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #cfd4db;
  line-height: 34px;
  padding: 0px 15px 0px 15px; }
  @media only screen and (max-width: 800px) {
    .logout-state-btn .login-btn {
      width: auto;
      padding: 0px; } }
  .logout-state-btn .login-btn:hover {
    color: #ffffff; }

.box {
  border-radius: 2px;
  box-sizing: border-box; }

.box__title,
.box__title--small,
.box__title--small--top,
.box--registration .box--registration__title {
  color: #3F464B;
  font-family: "Open Sans", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 5px; }
  @media only screen and (min-width: 800px) {
    .box__title,
    .box__title--small,
    .box__title--small--top,
    .box--registration .box--registration__title {
      font-size: 24px; } }

.settings_news_feed_icon {
  width: 24px;
  height: 24px;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/icon-setting-feed.svg) no-repeat;
  background-position: 0px 3px;
  margin: -3px 5px 0px 0px; }

.settings_ad_icon {
  width: 24px;
  height: 24px;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/ad-settings.svg) no-repeat;
  margin: 0px 4px 0px 0px; }

.notification-page-container .notificationPrivacyDropDown {
  position: absolute !important; }
  .notification-page-container .notificationPrivacyDropDown .close-dropdown {
    display: none; }
  @media only screen and (max-width: 800px) {
    .notification-page-container .notificationPrivacyDropDown {
      left: 0px !important;
      top: 0px !important;
      position: fixed !important;
      background-color: #282d36;
      margin-top: 0px !important; }
      .notification-page-container .notificationPrivacyDropDown .close-dropdown {
        display: block; }
      .notification-page-container .notificationPrivacyDropDown .dropdown-box-new {
        position: fixed !important;
        display: table;
        left: 0px;
        width: 100%;
        height: 100%;
        top: 0px !important;
        margin-top: 0px !important; } }

.notification-setting-popupdiv {
  width: 250px !important; }

@media only screen and (max-width: 800px) {
  .icon-photo-add-btn, .icon-video-add-btn, .icon-file-add-btn,
  .icon-photos-add-btn, .icon-videos-add-btn, .icon-files-add-btn {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add-photo@2x.jpg) !important;
    background-size: contain;
    width: 32px;
    height: 32px; } }

.connection-job-title {
  font-size: 11px; }

.connection-name-con-page a {
  text-transform: capitalize; }

.group_model_popup .icon--professtional-family {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/professional-group.svg);
  background-repeat: no-repeat;
  background-position: center; }

.group_model_popup .icon--personal-family {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-group.svg);
  background-repeat: no-repeat;
  background-position: center; }

.group_model_popup .box__subtitle__icon-left i {
  width: 40px;
  height: 30px;
  left: 0px;
  top: 5px;
  color: #b0b9c1;
  display: block;
  font-weight: normal;
  margin-right: 10px;
  position: absolute;
  text-align: center; }

.group_model_popup .box__subtitle--gray {
  background-color: transparent;
  color: #39414d;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px 10px 56px;
  border: none !important; }

.group_model_popup .icon-family:before {
  content: "" !important; }

.box__title.box__title--color__inherit {
  color: inherit; }

.box__title--color__inherit.box__title--small, .box__title--color__inherit.box__title--small--top {
  color: inherit; }

.box--registration .box__title--color__inherit.box--registration__title {
  color: inherit; }

.box__phrase {
  margin-bottom: 10px; }

.box__title--small,
.box__title--small--top {
  color: #667586;
  margin-bottom: 20px; }
  @media only screen and (min-width: 800px) {
    .box__title--small,
    .box__title--small--top {
      font-size: 18px; } }

.box__title--small-icon .icon {
  color: #999c9f;
  margin-left: 15px; }

.box__title--small--top {
  line-height: 1;
  vertical-align: top; }
  .box__title--small--top .media__subtitle {
    display: block; }

.box__subtitle {
  color: #2C3E50;
  font-size: 14px; }

.box__description,
.box__description--small,
.box--registration .box--registration__description {
  font-family: "Open Sans", serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0 auto 10px;
  width: 100%; }
  @media only screen and (min-width: 800px) {
    .box__description,
    .box__description--small,
    .box--registration .box--registration__description {
      font-size: 18px; } }

.box__description--small {
  font-size: 16px; }

.box--white {
  background-color: #FFFFFF;
  border: 1px solid #E6E7E9;
  border-radius: 2px; }
  .box--white.edit-section {
    border: 1px solid #00A6DD; }

.box--no-border {
  margin: 10px 0; }
  @media only screen and (min-width: 500px) {
    .box--no-border {
      margin: 0; } }

@media only screen and (min-width: 500px) {
  .box--no-border__top {
    border-top: 1px solid white; } }

@media only screen and (min-width: 500px) {
  .box--no-border__bottom {
    border-bottom: 1px solid white; } }

@media only screen and (min-width: 500px) {
  .box--no-border__both {
    border-top: 1px solid white;
    border-bottom: 1px solid white; } }

.box--sup {
  text-align: center; }
  @media only screen and (min-width: 800px) {
    .box--sup {
      text-align: left; } }

.box--fixed {
  position: relative; }
  @media only screen and (min-width: 500px) {
    .box--fixed {
      position: fixed; } }
  @media only screen and (min-width: 1024px) {
    .box--fixed {
      width: 26%; } }

.box--gray,
.box--media__visitor {
  background-color: #EEEFF1; }

.box--gray-title {
  color: #3F464B;
  font-family: "Open Sans", serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.box--gray-subtitle {
  color: #3F464B;
  font-family: "Open Sans", serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px; }

.box--gray__soft {
  background-color: #F8F9F9; }

.box--gray__dark {
  background-color: #CED4D7; }

.box--center {
  margin: auto; }

.box--border {
  border: 1px solid #EEEFF1; }

.box--border__dark {
  border: 1px solid #dee1ea; }

.box--bordered {
  border: 1px solid #EEEFF0; }

.box--registration .box--registration__title {
  margin-bottom: 5px;
  line-height: 1em;
  font-size: 18px; }
  @media only screen and (min-width: 700px) {
    .box--registration .box--registration__title {
      line-height: 1.5em;
      font-size: 24px; } }

.box--registration .box--registration__description {
  max-width: 90%;
  font-size: 16px; }
  .box--registration .box--registration__description br {
    display: none; }
    @media only screen and (min-width: 500px) {
      .box--registration .box--registration__description br {
        display: block; } }
    @media only screen and (min-width: 700px) {
      .box--registration .box--registration__description br {
        font-size: 18px; } }

.box--registration .box--registration__description--center {
  max-width: 325px;
  margin-left: auto;
  margin-right: auto; }

.box--registration .box--registration__paragraph {
  margin-left: auto;
  margin-right: auto;
  max-width: 90%; }

.box--registration .box--registration__paragraph--medium,
.box--registration .box--registration__paragraph--small {
  max-width: 90%; }

.box--registration .box--gray .btn,
.box--registration .box--media__visitor .btn,
.box--registration .box--gray .upload-avatar__input,
.box--registration .box--media__visitor .upload-avatar__input {
  width: 100%; }
  @media only screen and (min-width: 500px) {
    .box--registration .box--gray .btn,
    .box--registration .box--media__visitor .btn,
    .box--registration .box--gray .upload-avatar__input,
    .box--registration .box--media__visitor .upload-avatar__input {
      width: auto; } }

@media only screen and (min-width: 500px) {
  .box--registration .box--registration__paragraph--medium {
    max-width: 70%; } }

@media only screen and (min-width: 500px) {
  .box--registration .box--registration__paragraph--medium {
    max-width: 50%; } }

.box--promo .box--promo__img,
.box--promo2 .box--promo__img {
  margin: 0 auto 14px;
  width: 120px; }
  .box--promo .box--promo__img img,
  .box--promo2 .box--promo__img img {
    border-radius: 3px; }

.box--promo p,
.box--promo2 p {
  font-size: 12px; }

.box--promo .separator--center,
.box--promo2 .separator--center {
  background-color: #d8dbe7; }

.box--promo2 .box--promo__title a {
  font-weight: normal;
  text-transform: initial; }

.box--promo2 .box--promo__img {
  width: 100%; }
  .box--promo2 .box--promo__img a,
  .box--promo2 .box--promo__img img {
    width: 100%; }

.box--promo2 p {
  text-align: left; }

@media only screen and (min-width: 320px) {
  .box--promo2 .border-mobile {
    position: relative; }
    .box--promo2 .border-mobile .separator,
    .box--promo2 .border-mobile .separator--center {
      display: none; }
    .box--promo2 .border-mobile:before {
      content: '';
      border: 1px solid #d8dbe7;
      position: absolute;
      display: block;
      height: 96%;
      width: 104%;
      left: -6px;
      top: 25px;
      border-radius: 4px; }
  #settingsPageDisplay .grid__item .media-title__icon .push-half--right {
    margin-right: 0px !important; } }

@media only screen and (min-width: 500px) {
  .box--promo2 .border-mobile .separator,
  .box--promo2 .border-mobile .separator--center {
    display: block; }
  .box--promo2 .border-mobile:before {
    content: normal; } }

.box--product .box--product__img {
  border: 1px #EEEFF1;
  border-style: solid solid none;
  min-height: 228px;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .box--product .box--product__img img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }

.box--product .box--product__info {
  color: #2C3E50;
  padding: 15px; }

.box--product .box--product__info--price {
  font-size: 20px; }

.box--product .box--product__info--description {
  color: #667586; }

.box--edit {
  -webkit-transition: outline-color 0.2s ease;
  -moz-transition: outline-color 0.2s ease;
  -ms-transition: outline-color 0.2s ease;
  -o-transition: outline-color 0.2s ease;
  transition: outline-color 0.2s ease;
  outline: 1px solid transparent;
  overflow: hidden; }
  .box--edit .box--edit__container {
    position: relative; }
  .box--edit .box--edit__container--buttons {
    bottom: -41px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -ms-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease; }
    .box--edit .box--edit__container--buttons .btn,
    .box--edit .box--edit__container--buttons .upload-avatar__input {
      border-radius: 0;
      min-width: 0;
      background: #f4f4f4;
      border: 2px solid transparent;
      color: #adadad;
      height: 41px;
      line-height: 38px;
      padding: 0; }
      .box--edit .box--edit__container--buttons .btn:hover .icon,
      .box--edit .box--edit__container--buttons .upload-avatar__input:hover .icon {
        color: white; }
    .box--edit .box--edit__container--buttons .btninput.btn-hover--positive:hover,
    .box--edit .box--edit__container--buttons .btn.btn-hover--positive:hover,
    .box--edit .box--edit__container--buttons .btn-hover--positive.upload-avatar__input:hover {
      background: #47c2aa;
      border: 2px solid transparent;
      color: #FFFFFF;
      height: 41px;
      line-height: 38px;
      padding: 0; }
    .box--edit .box--edit__container--buttons .btninput.btn-hover--negative:hover,
    .box--edit .box--edit__container--buttons .btn.btn-hover--negative:hover,
    .box--edit .box--edit__container--buttons .btn-hover--negative.upload-avatar__input:hover {
      background: #e9595c;
      border: 2px solid transparent;
      color: #FFFFFF;
      height: 41px;
      line-height: 38px;
      padding: 0; }

.edit-section .box--edit:hover {
  outline: 1px solid #00A6DD; }
  .edit-section .box--edit:hover .box--edit__container--buttons {
    bottom: 0; }

.box--leave-recommendation__title {
  color: #2C3E50;
  font-family: Arial, sans-serif;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  width: 70%; }
  @media only screen and (min-width: 700px) {
    .box--leave-recommendation__title {
      line-height: 32px;
      width: auto; } }

.select-min {
  margin-bottom: 0; }
  .select-min .selectize-control {
    height: 32px; }
    .select-min .selectize-control .selectize-input {
      box-sizing: border-box;
      height: 32px;
      min-width: 95px;
      padding: 6px 20px 5px 10px; }

.box__subtitle--gray {
  background-color: #F8F9F9;
  border: 1px solid #EEEFF0;
  color: #667586;
  font-size: 16px;
  line-height: 100%;
  padding: 10px 20px 10px 40px;
  position: relative; }

.box__subtitle__icon-left i {
  color: #b0b9c1;
  display: block;
  font-size: 18px;
  font-weight: normal;
  left: 10px;
  margin-right: 10px;
  position: absolute;
  top: 10px;
  text-align: center;
  width: 20px; }
  .box__subtitle__icon-left i.icon-caret {
    color: #667586;
    display: none !important; }
  .box__subtitle__icon-left i.right-ic {
    right: 0;
    left: auto;
    display: none; }
    @media only screen and (max-width: 800px) {
      .box__subtitle__icon-left i.right-ic {
        display: block; } }

.box-sales {
  background: #f3f4f9;
  border-radius: 5px;
  color: #627384;
  padding: 12px; }
  .box-sales .box-sales__price {
    color: #0aa1d8;
    display: block;
    font-size: 25px;
    font-weight: 700;
    text-align: center; }
  .box-sales .box-sales__shipping {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center; }
  .box-sales .box-sales__info {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 7px;
    text-align: center; }

.box--breaking-news .media__img {
  margin-right: 15px !important; }
  .box--breaking-news .media__img i {
    color: #b4bdc4; }

.box--breaking-news .media__body {
  font-size: 12px; }

.box--registration__height-box > div > div {
  height: 90px; }
  @media only screen and (min-width: 500px) {
    .box--registration__height-box > div > div {
      height: 114px; } }
  @media only screen and (min-width: 800px) {
    .box--registration__height-box > div > div {
      height: 90px; } }

.box--attach-mobile {
  width: 100%;
  border: 1px solid #FFBA49;
  border-top: none;
  height: auto; }
  .box--attach-mobile.have-img {
    padding-top: 10px; }
  .box--attach-mobile .content--image {
    position: relative;
    margin-bottom: 10px;
    margin-right: 4%;
    max-width: 19%;
    max-height: 19%;
    display: inline-block; }
    .box--attach-mobile .content--image:nth-child(4n+1) {
      margin-left: 4%; }
    .box--attach-mobile .content--image > img {
      border-radius: 3px;
      width: 100%;
      height: 100%; }
    .box--attach-mobile .content--image:before {
      content: '';
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 95%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    .box--attach-mobile .content--image:after {
      content: '';
      position: absolute;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/ajax-loader-arrows.gif);
      background-size: contain;
      width: 16px;
      height: 16px;
      left: calc(50% - 8px);
      top: calc(50% - 8px);
      z-index: 2; }
    .box--attach-mobile .content--image.remove-attach:before {
      display: none; }
    .box--attach-mobile .content--image.remove-attach:after {
      font-family: 'webtalk';
      content: "\e625";
      background-image: none;
      top: 5px;
      right: 5px;
      left: auto;
      color: #FFF;
      font-size: 10px;
      cursor: pointer; }

@media only screen and (max-width: 800px) {
  .breaking--news {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px; }
    .breaking--news > h3 {
      padding-bottom: 10px;
      border-bottom: 1px solid #DDDFE9;
      position: relative; }
    .breaking--news > .box--breaking-news {
      background-color: transparent;
      box-shadow: none;
      padding: 0;
      margin-bottom: 10px !important;
      border: none; } }

@media only screen and (min-width: 320px) {
  .breaking--news {
    margin-top: 0; } }

@media only screen and (min-width: 800px) {
  .breaking--news {
    margin-top: 15px; } }

@media only screen and (min-width: 320px) {
  .people-you-may-know-mobile > .box {
    height: 300px; } }

@media only screen and (min-width: 360px) {
  .people-you-may-know-mobile > .box {
    height: 320px; } }

@media only screen and (min-width: 400px) {
  .people-you-may-know-mobile > .box {
    height: 340px; } }

@media only screen and (min-width: 430px) {
  .people-you-may-know-mobile > .box {
    height: 360px; } }

@media only screen and (min-width: 430px) {
  .people-you-may-know-mobile > .box {
    height: 380px; } }

@media only screen and (min-width: 500px) {
  .people-you-may-know-mobile > .box {
    height: auto; } }

@media only screen and (min-width: 500px) {
  .who-viewed-your-profile > .box {
    height: auto; } }

.people-you-may-know-mobile,
.who-viewed-your-profile {
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 10px; }
  .people-you-may-know-mobile .buttons--gallery,
  .who-viewed-your-profile .buttons--gallery {
    display: none; }
  .people-you-may-know-mobile .separator,
  .people-you-may-know-mobile .separator--center,
  .who-viewed-your-profile .separator,
  .who-viewed-your-profile .separator--center {
    display: none;
    margin: 10px 0 !important; }

@media only screen and (max-width: 500px) {
  /*
    .people-you-may-know-mobile,
    .who-viewed-your-profile {
      padding: 10px 0;
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0;

      > .box {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 0 !important;

        .media-content {
          width: 150%;
          position: absolute;
          left: -25%;

          .media.media--small {
            width: 32%;
            display: inline-block;
            opacity: 0.7;
            transition: ease opacity 0.5s;

            &.current {
              opacity: 1;
            }

            > .media__img {
              width: 100%;
              float: none;
              height: 90%;

              > a {
                width: 100%;

                > img {
                  border-radius: 5px 5px 0 0;
                }
              }
            }

            > .media__body {
              width: 100%;
              display: block;
              background: #F3F4F9;
              border: 1px solid #DBDEE9;
              border-top: none;
              border-radius: 0 0 5px 5px;
              top: -4px;

              > .split {
                > .split__title {
                  width: 100%;
                  display: block;
                  float: none;
                  padding: 10px;

                  > .media__subtitle {
                    overflow: visible;
                  }
                }

                > ul {
                  text-align: center;
                  display: block;
                  width: 100%;
                  border-top: 1px solid #DBDEE9;
                  padding-top: 0;

                  > li {
                    width: 50%;
                    float: left;

                    &:first-child {
                      border-right: 1px solid #DBDEE9;
                    }

                    &.margin-left-8 {
                      margin-left: 0 !important;
                    }

                    > a {
                      width: 100%;
                      border: none;
                      text-align: center;

                      &:hover {
                        background-color: transparent;

                        > i {
                          color: #05a4dc;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }

      .buttons--gallery {
        display: block;
      }

      .push--bottom--see-more {
        margin-bottom: 0;
      }

      .separator,
      .separator--center {
        display: block;
      }

      h3,
      p {
        padding-left: 10px;
      }
    } */ }

.box-form-gray {
  border: 2px solid #dbdee9;
  border-left: 0;
  border-right: 0;
  background: #f9f9f9;
  padding: 20px 15px;
  position: relative; }
  @media only screen and (min-width: 500px) {
    .box-form-gray {
      padding: 20px 20px; } }
  .box-form-gray .edit-list {
    position: absolute;
    right: 20px;
    top: 10px; }
    @media only screen and (min-width: 500px) {
      .box-form-gray .edit-list {
        position: relative;
        top: auto;
        right: auto; } }

.box-form-gray__title {
  border-bottom: 1px solid #d6d8e3;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
  padding-top: 0; }
  @media only screen and (min-width: 500px) {
    .box-form-gray__title {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0;
      padding-top: 10px; } }

.box-form-gray__label {
  font-size: 12px; }
  @media only screen and (min-width: 500px) {
    .box-form-gray__label {
      font-size: 14px; } }

.box--settings {
  padding: 20px 10px; }
  @media only screen and (min-width: 500px) {
    .box--settings {
      padding: 20px; } }

.media-list-ads {
  text-align: center;
  margin-top: -20px; }

.profile-media-list-ads {
  text-align: center;
  margin-top: 0px; }

.media-content .box--mobile-ad {
  display: none; }
  @media only screen and (max-width: 499px) {
    .media-content .box--mobile-ad {
      display: block; } }

.box--mobile-ad {
  display: none; }
  @media only screen and (max-width: 799px) {
    .box--mobile-ad {
      display: block; } }

@media only screen and (max-width: 500px) {
  .light-box-ad {
    display: none; } }

.light-box-ad-disable-comment {
  position: absolute;
  text-align: center;
  margin-top: 20px;
  left: 7px;
  bottom: 10px; }

@media only screen and (max-height: 568px) {
  .light-box-ad-disable-comment {
    margin-top: -15px; } }

.light-box-ad {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  position: absolute; }

.lightbox-list--comments {
  max-height: calc( 100vh - 240px); }
  .lightbox-list--comments.parent-cmt-open {
    max-height: calc( 100vh - 296px); }

.change-comment-height .lightbox-list--comments {
  max-height: calc( 100vh - 340px); }

.change-comment-add-height .lightbox-list--comments {
  max-height: calc( 100vh - 490px); }

.change-comment-ad-desc-height .lightbox-list--comments {
  max-height: calc( 100vh - 590px); }

.mentions-input-box .mentions-autocomplete-list {
  max-width: 360px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  @media only screen and (max-width: 360px) {
    .mentions-input-box .mentions-autocomplete-list {
      width: 100%; } }
  .mentions-input-box .mentions-autocomplete-list li {
    height: 46px !important;
    padding: 6px 10px 5px 66px !important;
    border-bottom: 1px solid #e0e0e0;
    border-left: 0px solid #fff;
    background-color: #fff;
    font-size: 13px;
    color: #39414d;
    position: relative; }
    .mentions-input-box .mentions-autocomplete-list li.active {
      background-color: #eceef1; }
    .mentions-input-box .mentions-autocomplete-list li:hover {
      background-color: #eceef1; }
    .mentions-input-box .mentions-autocomplete-list li .img {
      position: absolute;
      left: 17px;
      top: 5px;
      width: 35px;
      height: 35px;
      background-size: 100%;
      float: left; }
    .mentions-input-box .mentions-autocomplete-list li .media__title {
      margin-bottom: 0px;
      font-weight: 600;
      line-height: 11px;
      font-size: 14px;
      color: #0aa1d8 !important; }
    .mentions-input-box .mentions-autocomplete-list li .job {
      font-weight: 500; }
    .mentions-input-box .mentions-autocomplete-list li .job_desc {
      width: calc(100% - 10px);
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

@media only screen and (max-width: 800px) {
  .mentions-input-box .comment-reply-box .mentions-autocomplete-list {
    width: auto; } }

.next-line-word-wrap-normal {
  word-wrap: break-word !important;
  white-space: normal !important; }

.trim-one-line-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.who-viewed-your-profile .box .icon-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #dcdfe5; }

.who-viewed-your-profile .box .btn-hover-color:hover {
  border-color: #dcdfe5 !important; }

.display--block {
  display: block; }

@media only screen and (max-width: 800px) {
  .checkbox-horizontal label[for="colleagueFormer"] > input {
    margin-left: 3px; }
  .checkbox-horizontal label[for="classmateFormer"] > input {
    margin-left: 3px; }
  .checkbox-horizontal label[for="clientFormer"] > input {
    margin-left: 3px; }
  .checkbox-horizontal label[for="vendorFormer"] > input {
    margin-left: 3px; }
  .checkbox-horizontal label[for="investorFormer"] > input {
    margin-left: 3px; }
  .checkbox-horizontal label[for="entrepreneurFormer"] > input {
    margin-left: 3px; } }

#invite-mail-contacts .invite-contact-all-emails-btn-position {
  padding-left: 30px !important; }

#invite-contacts-email .invite-contact-all-emails-btn-position {
  padding-left: 30px !important; }

.dropdown-box-new__v2--icon > ul > li {
  cursor: pointer; }

.All-Personal-Professional-header-notifications .dropdown-box__list li {
  padding: 0px !important; }
  .All-Personal-Professional-header-notifications .dropdown-box__list li a {
    padding: 4px 7px 7px 10px !important; }
    .All-Personal-Professional-header-notifications .dropdown-box__list li a div {
      padding-left: 30px; }

.dropdown-box__list li {
  padding: 0px !important; }
  .dropdown-box__list li a {
    padding: 7px 10px !important; }
    .dropdown-box__list li a div {
      padding-left: 30px; }

.single-media-dropdown .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon li a {
  font-size: 14px !important;
  padding-left: 40px !important; }

.user_settings_dropdown li {
  cursor: pointer;
  padding: 0px !important;
  padding-bottom: 0px !important; }
  .user_settings_dropdown li a {
    display: block;
    padding: 10px 14px;
    padding-bottom: 11px; }

.user_profile_status_dropdown li {
  cursor: pointer;
  padding: 0px !important;
  padding-bottom: 0px !important; }
  .user_profile_status_dropdown li a {
    display: block;
    padding: 10px 14px;
    padding-bottom: 11px; }

.social-icons__box.email {
  margin-top: 19px; }

@media only screen and (max-width: 800px) {
  .side-panel-myself .connections-icons-parent-div i.icon-Public {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) !important; }
  .side-panel-myself .connections-icons-parent-div i.icon-allconnections {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg) !important; }
  .side-panel-myself .connections-icons-parent-div i.icon-profconnections {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) !important; }
  .side-panel-myself .connections-icons-parent-div i.icon-Personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) !important; }
  .side-panel-myself .connections-icons-parent-div .sidebar__folders-list__sublist i.icon-outgoing {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing.svg); }
  .side-panel-myself .connections-icons-parent-div .sidebar__folders-list__sublist i.icon-incoming {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming.svg); }
  .connections-icons-parent-div i.icon-profconnections {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div .mobile-connections-icon i.icon-public {
    background-size: 16px 15px;
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block; }
  .media-tree-icons-parent-div i.icon-profconnections {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .sidebar__folders .sidebar__folders-list li.active > a > strong i.icon-allconnections {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-profconnections {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-Personal {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-Public {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div i.icon-profconnections:hover {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div i.icon-Personal:hover {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-profconnections {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-Personal {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div .sidebar__folders-list__sublist .connection-tree-icon-active i.icon-outgoing {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing.svg) !important;
    background-repeat: no-repeat;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div .sidebar__folders-list__sublist .connection-tree-icon-active i.icon-incoming {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming.svg) !important;
    background-repeat: no-repeat;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div .sidebar__folders-list__sublist li.active > a > strong > i.icon-incoming {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-over.svg) !important;
    background-position: center !important; }
  .connections-icons-parent-div .sidebar__folders-list__sublist li.active > a > strong > i.icon-outgoing {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-over.svg) !important;
    background-position: center !important; }
  .tree-icon-responsive-padding {
    padding-left: 10px;
    padding-right: 10px; }
    .tree-icon-responsive-padding .js-edit-section .js-show-tree-box {
      margin-right: -10px !important;
      width: 50px;
      height: 30px;
      background-color: #08a1d8;
      border-radius: 100px; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .tree-icon-responsive-padding .js-edit-section .js-show-tree-box .mobil-crm-option {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/connections/view-all-mobile.svg);
        background-repeat: no-repeat;
        float: left;
        margin-top: 5px;
        margin-left: 12px; } }

@media only screen and (max-width: 800px) {
  .media-tree-icon-responsive-padding .js-edit-section {
    margin-left: 10px;
    margin-right: 10px; } }

@media only screen and (max-width: 800px) and (max-width: 600px) {
  .media-tree-icon-responsive-padding .media-list-wrapper {
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 20px; } }

@media only screen and (max-width: 800px) {
  .invite-contacts-sent-invited {
    padding-left: 10px;
    padding-right: 10px; }
  #dynamicEmailItem {
    max-height: calc(100vh - 90px) !important; }
  #settingsPageDisplay {
    margin-top: 25px; }
  .social-icons__box.email {
    margin-top: 0px; } }

.js-comments-box .btncontrols {
  padding-left: 0px; }
  .js-comments-box .btncontrols a, .js-comments-box .btncontrols .comments__date a {
    padding-left: 3px;
    padding-right: 1px; }

wt-media-light-box-component .js-comments-box .btncontrols {
  width: 100%;
  padding-left: 0px;
  padding-bottom: 0px; }

wt-media-light-box-component .lightbox-list--comments li {
  padding-bottom: 0px; }

.comment--height {
  min-height: 32px !important;
  height: auto !important; }

.left-grey-border {
  border-right: 0px solid #DCDEE9; }

.grey-border {
  height: 24.8%;
  margin-right: 10px; }

.recommendations-box {
  float: right;
  margin-right: -5px; }

.recommendations_background {
  background-color: #EEEFF1;
  border: 3px solid #DCDEE9;
  display: flow-root; }

.box--media__connections .box--media__recommendation_cover__img {
  height: 190px !important;
  min-height: 90px !important; }

.connection-card-wrapper .palm--one-whole-recommendations {
  width: 100%; }

.connection-card-wrapper .one-whole-recommndations {
  width: 100%; }

.desk--one-third-recommendations {
  width: 33.333%;
  float: left; }

.box--media__connections_wrapper .box--media__connections .box--media__recommended_connections-dropdown {
  right: 67.2%;
  top: 3px; }

wt-modal-body-content-with-infinite-scroll .connection-resultset-wrapper {
  width: 24%;
  display: inline-grid;
  padding-left: 16px;
  vertical-align: top;
  box-sizing: border-box; }
  wt-modal-body-content-with-infinite-scroll .connection-resultset-wrapper .box--media__connections .drop-options {
    max-width: calc(100% - 10px); }

.left-padding {
  padding-left: 0px; }

@media only screen and (max-width: 800px) {
  .recommendations-box {
    width: 66.6%; }
  #invite-contacts-modal .text-align-invite {
    text-align: initial; }
  #invite-contacts-modal .social-icons__box_fixed {
    margin: 0; }
  #invite-contacts-modal .modal-webtalk .modal__title {
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
    background-color: #fafafb;
    padding: 20px 20px;
    font-size: 14px;
    border-bottom: 1px solid #cfd4db;
    font-weight: 400;
    color: #79879c;
    margin-bottom: 13px;
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    text-align: initial; }
  #invite-contacts-modal .individual-invite-contact {
    margin-left: -40px; }
  .formfieldCountryNumber .addPhoneNumber {
    width: -webkit-fill-available; }
  .float-right {
    float: right; } }

.mutual-connections-close-button .close-button-image {
  width: 18px;
  height: 18px;
  opacity: .3;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out; }
  .mutual-connections-close-button .close-button-image:hover {
    opacity: 1; }

@media only screen and (max-width: 500px) {
  .desk--one-third-recommendations {
    width: 100%; }
  .recommendations_background .connection--trigger-options {
    margin-top: 0 !important; }
  .left-padding {
    padding-left: 10px; }
  .recommendations-box {
    float: none;
    margin-top: 15px;
    margin-right: 0px;
    display: table;
    width: 100%;
    height: auto; }
    .recommendations-box .height--reccommend {
      display: table;
      width: calc(100% - 20px);
      padding-bottom: 0px !important; }
    .recommendations-box .controls-bottom {
      bottom: 10px;
      width: 100%;
      position: relative;
      display: table;
      margin-top: 20px; }
    .recommendations-box .who-i-recommend-trim {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 11;
      -webkit-box-orient: vertical;
      height: auto;
      display: table;
      width: 100%;
      clear: both;
      position: relative; }
    .recommendations-box .connection--trigger-options {
      margin-top: 0px !important; }
  .left-grey-border {
    border: none; }
  .connection-card-wrapper .phone--two-thirds {
    width: 100%;
    margin-top: 10px; }
  .media-content .box--media__connections .box--media__recommendation_cover__img {
    height: 100% !important;
    width: 100%; }
  .grey-border {
    margin-left: 0px;
    margin-right: 0px;
    height: 45%; }
  .recommendations_background {
    height: 100%;
    background-color: #EEEFF1;
    border: 3px solid #DCDEE9;
    margin-left: 10px;
    margin-right: 20px; }
  .height--reccommend {
    height: 80%; }
  .box--media__connections_wrapper .box--media__connections .box--media__recommended_connections-dropdown {
    right: 23px;
    top: 3px; }
  .responsive-view-recomendations .drop-options.show, .box--media__connections .drop-options.displayblock {
    margin-right: 25px; }
  .margin-top {
    margin-top: 10px; }
  .connection-resultset-wrapper {
    padding-left: 0px; }
  .media-title .media-title__body .mutual-connections-close-button {
    margin-top: 0px;
    margin-right: -10px; } }

.profile-privacy-dropdown-icons ul i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat; }

.profile-privacy-dropdown-icons ul i.icon-All {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg) no-repeat; }

.profile-privacy-dropdown-icons ul i.icon-Pro {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat; }

.profile-privacy-dropdown-icons ul i.icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) no-repeat; }

.profile-privacy-dropdown-icons ul i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg) no-repeat; }

.profile-privacy-dropdown-icons ul i.icon-Onlyme {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg) no-repeat; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-Pro:hover {
  color: #798ecb !important; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-All:hover {
  color: #00bdcc !important; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-Personal:hover {
  color: #b868c8 !important; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-Public:hover {
  color: #ff9200 !important; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-Groups:hover {
  color: #66bb69 !important; }

.profile-privacy-dropdown-icons ul .privacy-icon-over-Private:hover {
  color: #9f9f9f !important; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Public-panel.selectize-custom__text:hover {
  color: #ff9200 !important; }
  .newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Public-panel.selectize-custom__text:hover i.icon-Public {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat;
    color: #ff9200; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Pro-panel.selectize-custom__text:hover {
  color: #798ecb !important; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Personal-panel.selectize-custom__text:hover {
  color: #b868c8 !important; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Private-panel.selectize-custom__text:hover {
  color: #9f9f9f !important; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-All-panel.selectize-custom__text:hover {
  color: #00bdcc !important; }

.newsTalkBoxSharingOptions .selectize-dropdown-content .icon-Groups-panel.selectize-custom__text:hover {
  color: #66bb69 !important; }

.media_filter_drop_down .media-filter-photos-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg);
  background-repeat: no-repeat !important; }

.media_filter_drop_down .media-filter-files-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-white-icon.svg);
  background-repeat: no-repeat !important; }

.media_filter_drop_down .media-filter-videos-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-white-icon.svg);
  background-repeat: no-repeat !important; }

.media_filter_drop_down .media-filter-photos-icon-panel:hover, .media_filter_drop_down .media-filter-files-icon-panel:hover, .media_filter_drop_down .media-filter-videos-icon-panel:hover {
  color: #79879C !important; }

.media_filter_drop_down .media-filter-photos-icon:hover,
.media_filter_drop_down .media-filter-photos-icon-panel:hover > .media-filter-photos-icon,
.media_filter_drop_down .selectize-input .media-filter-photos-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg) no-repeat !important; }

.media_filter_drop_down .media-filter-files-icon:hover, .media_filter_drop_down .media-filter-files-icon-panel:hover > .media-filter-files-icon,
.media_filter_drop_down .selectize-input .media-filter-files-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-media-down.svg) no-repeat; }

.media_filter_drop_down .media-filter-videos-icon:hover, .media_filter_drop_down .media-filter-videos-icon-panel:hover > .media-filter-videos-icon,
.media_filter_drop_down .selectize-input .media-filter-videos-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-media-down.svg) no-repeat; }

.media_filter_drop_down .icon-Public-panel:hover {
  color: #ff9200 !important; }

.media_filter_drop_down .icon-Pro-panel:hover {
  color: #798ecb !important; }

.media_filter_drop_down .icon-Personal-panel:hover {
  color: #b868c8 !important; }

.media_filter_drop_down .icon-Private-panel:hover {
  color: #9f9f9f !important; }

wt-media-list .media_filter_drop_down .media-filter-photos-icon-panel:hover > .media-filter-photos-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg) no-repeat !important;
  background-position: center 1px !important; }

.profile-contact-record {
  display: table;
  width: 100%; }

li.privacy-active > a.privacy-icon-over-All {
  color: #4bc5c3; }
  li.privacy-active > a.privacy-icon-over-All > i.icon-All {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg) no-repeat;
    color: #ff9200; }

li.privacy-active > a.privacy-icon-over-Pro {
  color: #798ecb; }
  li.privacy-active > a.privacy-icon-over-Pro > i.icon-Pro {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat;
    color: #ff9200; }

li.privacy-active > a.privacy-icon-over-Public {
  color: orange; }
  li.privacy-active > a.privacy-icon-over-Public > i.icon-Public {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat;
    color: #ff9200; }

li.privacy-active > a.privacy-icon-over-Personal {
  color: #b868c8; }
  li.privacy-active > a.privacy-icon-over-Personal > i.icon-Personal {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) no-repeat;
    color: #ff9200; }

li.privacy-active > a.privacy-icon-over-Private {
  color: #9f9f9f; }
  li.privacy-active > a.privacy-icon-over-Private > i.icon-Onlyme {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) no-repeat;
    color: #ff9200; }

li.privacy-active > a.privacy-icon-over-Private {
  color: #9f9f9f; }
  li.privacy-active > a.privacy-icon-over-Private > i.icon-Onlyme {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) no-repeat;
    color: #ff9200; }

.box--profile--contact--section .label {
  width: 25%;
  float: left;
  padding-left: 20px; }

.box--profile--contact--section .contents {
  width: calc(100% - 25% - 40px);
  float: left;
  padding-left: 20px;
  line-height: 20px; }

.box--profile--contact--section .privacy {
  width: 40px;
  float: left;
  padding-left: 20px; }

.lightbox-comment-avatar {
  margin-left: 10px;
  max-width: 30px;
  margin-top: 2px; }
  .lightbox-comment-avatar.user-avatar-style {
    height: 30px; }
  @media only screen and (max-width: 800px) {
    .lightbox-comment-avatar {
      margin-left: 10px;
      max-width: 45px; } }

.responsive-talkbox {
  height: 100%; }

.news__share-with .form-field .responsive-talkbox-privacy-dropdown {
  width: 100%;
  margin: 0px; }

#mobile_news_posting {
  position: relative; }
  #mobile_news_posting .talkboxbutton {
    width: 120px; }
    @media only screen and (max-width: 800px) {
      #mobile_news_posting .talkboxbutton {
        width: 100%; } }
  #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions {
    top: 41px; }
  @media only screen and (max-width: 800px) {
    #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions {
      position: fixed;
      left: 0px;
      top: -15px;
      min-width: 100%;
      height: 100%; }
      #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .close-dropdown {
        background-color: transparent;
        top: 20px;
        position: absolute;
        right: 6px;
        width: 40px;
        height: 40px; }
      #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content {
        position: absolute;
        top: calc(50% - 150px);
        left: 25px;
        overflow-y: hidden;
        width: calc(100% - 55px); }
        #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active {
          background-color: transparent; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-Public {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-Pro {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-All {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-Personal {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-Groups {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/groups-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active i.icon.icon-Private {
            background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) no-repeat; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-Public-panel {
            color: #ff9200; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-Pro-panel {
            color: #798ecb; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-All-panel {
            color: #4bc5c3; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-Personal-panel {
            color: #b868c8; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-Groups-panel {
            color: #66bb69; }
          #mobile_news_posting .sharewithdropdown .selectize-dropdown.single.newsTalkBoxSharingOptions .selectize-dropdown-content div.active.icon-Private-panel {
            color: #9f9f9f; } }

.responsive-talkbox-button {
  margin-left: -20px;
  margin-top: 20px; }

.responsive-talkbox-box {
  position: relative;
  margin-top: 10px;
  margin-bottom: 0px; }

.one-third-restriction {
  display: inline-block;
  max-width: calc(75% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.push-down-twenty-five {
  padding-top: 25px; }

.thumbnail-icon-wrapper {
  display: flex;
  width: 100%;
  position: absolute;
  margin-top: -58px;
  padding-left: 20px;
  padding-right: 20px; }
  .thumbnail-icon-wrapper .big-thumb {
    right: 20px;
    width: auto;
    position: absolute;
    margin-top: 2px; }
  .thumbnail-icon-wrapper .small-thumb {
    position: absolute;
    margin-top: 10px;
    width: auto; }

@-moz-document url-prefix() {
  .thumbnail-icon-wrapper {
    margin-top: -64px; } }

.cr-boundary .cr-slider-wrap {
  width: 100%; }

.recommendation-only-visible-text {
  position: absolute;
  right: 0px;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 600;
  padding-right: 5px;
  color: #42b04f; }

.track-referral-link {
  color: #b4bbc7; }

#invite-contacts-modal {
  margin-left: -50px; }
  @media only screen and (max-width: 767px) {
    #invite-contacts-modal {
      margin-left: 0px; } }
  #invite-contacts-modal .social-icons__box {
    width: 104px; }
  @media only screen and (max-width: 630px) {
    #invite-contacts-modal .social-icons .grid__item {
      display: inline-table;
      width: 20%; } }
  @media only screen and (max-width: 412px) {
    #invite-contacts-modal .social-icons .grid__item:nth-child(2) {
      padding-bottom: 10px; } }

.nav-main__list-container .profileicon-nonfixed {
  display: block; }

.nav-main__list-container .profile-icon-fixed {
  display: none; }

.nav-main__list-container.fixed .profileicon-nonfixed {
  display: none; }

.nav-main__list-container.fixed .profile-icon-fixed {
  display: block; }

.user-menu-user-avatar {
  cursor: pointer;
  border: 3px solid #ffffff;
  background-color: #1d2026 !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 90px !important;
  height: 90px !important;
  position: absolute;
  left: calc(50% - 45px);
  top: 5px; }

.sidebar-navigation .user-menu-user-avatar {
  top: 30px; }
  @media only screen and (max-width: 759px) {
    .sidebar-navigation .user-menu-user-avatar {
      top: 73px; } }

.user_info_box .connection-icon {
  background: #05a4dc url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg) no-repeat;
  background-position: 9px 11px;
  background-size: 16px 11px;
  padding-left: 26px; }

.user_info_box .new-icon-follow {
  margin: 0px 10px 0 0; }

.user_info_box .btnnotify:hover .icon-unfollow {
  color: #40c7f8; }

.user_info_box .icon-info-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending.svg);
  background-repeat: no-repeat;
  background-position: 9px 11px;
  background-color: #cfd4db;
  min-width: 96px;
  font-weight: 500;
  line-height: initial;
  font-size: 12px;
  padding: 10px 0px 9px 10px;
  margin-left: 5px; }

.banner-edit-responsive .btn {
  height: 36px;
  width: 36px; }

.banner-edit-responsive .editloading {
  color: #fff !important;
  cursor: pointer;
  margin-left: 0px;
  margin-top: 20px;
  background: #05a4dc;
  border: 1px solid #05a4dc;
  color: #F5F5F5;
  line-height: 38px;
  font-size: 14px;
  padding: 0; }

.banner-edit-responsive .done {
  color: #fff !important;
  cursor: pointer;
  margin-left: 0px;
  margin-top: 20px;
  background: #05a4dc;
  border: 1px solid #05a4dc;
  color: #F5F5F5;
  line-height: 38px;
  font-size: 14px;
  padding: 0; }

.banner-edit-responsive .edit {
  cursor: pointer;
  margin-left: 0px;
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  line-height: 38px;
  font-size: 14px;
  padding: 0; }

@media only screen and (max-width: 810px) {
  #edit-profile-bar-desktop {
    display: none; } }

.edit-profile-bar-responsive {
  width: 36px;
  height: 36px;
  top: 10px;
  position: absolute;
  z-index: 200;
  right: 8px; }
  @media only screen and (min-width: 811px) {
    .edit-profile-bar-responsive {
      display: none; } }

wt-profile-widget-privacy .profile-privacy-dropdown-icons:before {
  margin-top: 5px; }

@media only screen and (max-height: 450px) {
  .webtalk-modal .webtalk-modal #contacts {
    min-height: 120px; }
  .webtalk-modal .invited_contacts .datagrid, .webtalk-modal .connecteduser .datagrid {
    min-height: 120px; }
  .webtalk-modal .system-user .datagrid {
    min-height: 120px; } }

@media only screen and (max-width: 800px) {
  wt-connection-list .input--text__input-icon:before {
    top: 7px;
    right: 8px; } }

#profileInterestedIn_tagsinput .tag {
  height: auto;
  min-height: 26px; }

wt-photo-thumb {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  width: 234px;
  height: 234px;
  background-position: center; }

@media only screen and (min-width: 900px) {
  wt-mutual-connections-modal .connection-resultset {
    width: 24%; } }

@media only screen and (max-width: 899px) {
  wt-mutual-connections-modal .connection-resultset {
    width: 33%; } }

@media only screen and (max-width: 700px) {
  wt-mutual-connections-modal .connection-resultset {
    width: 50%; } }

@media only screen and (max-width: 500px) {
  wt-mutual-connections-modal .connection-resultset {
    width: 100%; } }

@media only screen and (max-width: 500px) {
  wt-mutual-connections-modal .connection-resultset-wrapper {
    width: 100% !important; } }

.invitation-left-message {
  color: red;
  text-align: right; }
  @media only screen and (max-width: 500px) {
    .invitation-left-message {
      text-align: left;
      margin-top: 10px; } }

@media only screen and (max-width: 800px) {
  .media-upload-model-position .modal-dialog {
    height: 100%; } }

@media only screen and (max-width: 800px) {
  .media-upload-model-position .upload_modal .talkboxbutton {
    width: 100%; } }

@media only screen and (max-width: 450px) {
  wt-profile-banner .cover__title {
    margin-bottom: 0px; } }

@media only screen and (max-width: 800px) {
  wt-profile-banner .cover__message {
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit; } }

.no-contacts-div {
  width: 50%;
  margin-left: 25%; }
  @media only screen and (max-width: 500px) {
    .no-contacts-div {
      width: 90%;
      margin-left: 8%; } }

@media only screen and (max-width: 800px) {
  .conn-people-you-may-know {
    width: 100%; } }

@media only screen and (max-width: 500px) and (min-width: 361px) {
  .conn-people-you-may-know .scroller .data-row .data-grid .contact-card {
    min-width: 146px !important; } }

.conn-people-you-may-know .scroller .data-row .data-grid .contact-card .connect-button-wrapper .connected-button-wrapper {
  width: 152px;
  margin-left: 10px; }

.conn-people-you-may-know .contact-list {
  margin-top: 20px;
  margin-left: 7px; }

.conn-people-you-may-know .people-you-may-know.is-notifications {
  margin-top: 20px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 10px; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.box-media-upload {
  width: 100%;
  display: block;
  height: 100px;
  text-align: right; }
  .box-media-upload .upload {
    position: relative;
    display: inline-block;
    text-align: left;
    padding-left: 13px;
    width: 100px;
    height: 95px;
    margin-right: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(29, 32, 38, 0.2);
    background-color: #0aa1d8;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #1e92e0;
    cursor: pointer; }
    @media only screen and (max-width: 340px) {
      .box-media-upload .upload {
        width: 95px; } }
    @media only screen and (max-width: 322px) {
      .box-media-upload .upload {
        width: 94px; } }
    .box-media-upload .upload input[type=file] {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0px;
      opacity: 0; }
    .box-media-upload .upload.last {
      margin-right: 0px; }
    .box-media-upload .upload .icon-box {
      clear: both;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      background-color: #ffffff;
      height: 41px;
      width: 28px;
      margin-bottom: 10px;
      margin-top: -1px !important; }
      .box-media-upload .upload .icon-box .icon {
        margin-left: 5px;
        background-size: 12.3px 14px;
        background-repeat: no-repeat;
        background-position-y: 21px;
        width: 100%;
        background-position-x: 3px;
        height: 100%; }
        .box-media-upload .upload .icon-box .icon.files {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-files.svg); }
        .box-media-upload .upload .icon-box .icon.photos {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-photos.svg); }
        .box-media-upload .upload .icon-box .icon.urls {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url.svg);
          background-size: 14px; }
      .box-media-upload .upload .icon-box:hover {
        background-color: #0aa1d8; }
        .box-media-upload .upload .icon-box:hover .files {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-files-over.svg); }
        .box-media-upload .upload .icon-box:hover .photos {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-photos-over.svg); }
        @media only screen and (min-width: 800px) {
          .box-media-upload .upload .icon-box:hover .urls {
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url-over.svg); } }
    @media only screen and (min-width: 800px) {
      .box-media-upload .upload:hover {
        color: #1e92e0;
        background-color: #fff; } }
    @media only screen and (min-width: 800px) {
      .box-media-upload .upload:hover .icon-box {
        background-color: #0aa1d8; } }
    @media only screen and (min-width: 800px) {
      .box-media-upload .upload:hover .icon-box .files {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-files-over.svg); }
      .box-media-upload .upload:hover .icon-box .photos {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/upload-photos-over.svg); }
      .box-media-upload .upload:hover .icon-box .urls {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url-over.svg); } }
    .box-media-upload .upload .urlupload {
      margin-left: -3px; }
      .box-media-upload .upload .urlupload .icon-box {
        background-color: #ffffff; }
        .box-media-upload .upload .urlupload .icon-box .icon.urls {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url.svg); }
      .box-media-upload .upload .urlupload:hover {
        color: #1e92e0;
        background-color: #fff; }
        @media only screen and (min-width: 800px) {
          .box-media-upload .upload .urlupload:hover .icon-box {
            background-color: #0aa1d8; }
            .box-media-upload .upload .urlupload:hover .icon-box .urls {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url-over.svg); } }
      .box-media-upload .upload .urlupload.active .icon-box {
        background-color: #0aa1d8; }
      .box-media-upload .upload .urlupload.active:hover .urls {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url-over.svg); }
  .box-media-upload .active {
    background-color: #fff;
    color: #0aa1d8;
    box-shadow: none; }
    .box-media-upload .active .icon-box {
      background-color: #0aa1d8 !important; }
      .box-media-upload .active .icon-box .urls {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/paste-url-over.svg) !important; }

.uploadDialogueBg {
  margin-bottom: 15px; }

.url-panel {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #0aa1d8;
  width: 100%;
  display: block;
  clear: both;
  margin-top: 7px;
  height: 36px; }
  .url-panel .icon-left {
    float: left;
    width: 35px;
    height: 35px;
    background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/link icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #0aa1d8; }
  .url-panel .box-url {
    float: left;
    width: calc(100% - 80px);
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 8px 9px;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .url-panel .box-url:focus {
      outline: none; }
    .url-panel .box-url::-webkit-input-placeholder {
      color: rgba(10, 161, 216, 0.6); }
    .url-panel .box-url::-moz-placeholder {
      color: rgba(10, 161, 216, 0.6); }
    .url-panel .box-url::-ms-placeholder {
      color: rgba(10, 161, 216, 0.6); }
    .url-panel .box-url::placeholder {
      color: rgba(10, 161, 216, 0.6); }
    .url-panel .box-url::placeholder {
      color: rgba(10, 161, 216, 0.6); }
    .url-panel .box-url :-ms-input-placeholder, .url-panel .box-url ::-ms-input-placeholder, .url-panel .box-url ::-webkit-input-placeholder {
      color: rgba(10, 161, 216, 0.6); }
  .url-panel .box-url::placeholder {
    color: rgba(10, 161, 216, 0.6) !important; }
  .url-panel .box-url::-webkit-input-placeholder {
    color: rgba(10, 161, 216, 0.6) !important; }
  .url-panel .box-url::-ms-placeholder {
    color: rgba(10, 161, 216, 0.6) !important; }
  .url-panel .box-url::-moz-placeholder {
    color: rgba(10, 161, 216, 0.6) !important; }
  .url-panel .webicons {
    width: 140px;
    position: absolute;
    right: 40px;
    top: 0px; }
    @media only screen and (max-width: 800px) {
      .url-panel .webicons {
        display: none; } }
  .url-panel .youtube-icon {
    background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/blue youtube logo.svg");
    width: 67px;
    height: 15px;
    background-size: 100%;
    float: right;
    margin-top: 9px;
    margin-right: 8px;
    position: absolute; }
  .url-panel .vimeo-icon {
    background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/blue vimeo logo.svg");
    width: 49px;
    height: 14px;
    background-size: 100%;
    float: right;
    margin-top: 9px;
    margin-right: 8px; }
  .url-panel .box-submit {
    float: right;
    width: 36px;
    height: 36px;
    margin-right: -1px;
    margin-top: -1px;
    background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/submit icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0aa1d8;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
    .url-panel .box-submit.isValidWebLink {
      background-color: #66bb69; }
    .url-panel .box-submit.isNotValidWebLink {
      background-color: red; }
  .url-panel .cross-box {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(29, 32, 38, 0.2);
    background-color: #ffba49; }

.isValidWebLink .box-url {
  color: #1d2026 !important; }

.isValidWebLink .icon-left {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/checkicon-green.svg);
  background-size: 20px; }

.isNotValidWebLink {
  border: 1px solid red !important; }
  .isNotValidWebLink .box-url {
    color: red !important; }
  .isNotValidWebLink .box-submit {
    background-color: red; }
  .isNotValidWebLink .icon-left {
    border-color: red; }

.upload_modal {
  margin-bottom: 15px; }

.media--overlay {
  display: block;
  width: 100%;
  height: calc(100% - 43px);
  cursor: pointer;
  position: absolute;
  z-index: 2;
  background-image: linear-gradient(to bottom, rgba(29, 32, 38, 0) 36%, rgba(29, 32, 38, 0.7)); }
  @media only screen and (max-width: 800px) {
    .media--overlay {
      height: calc(100% - 53px); } }

.mediaThumb .type-web-icons, .postPanelImagesMedia .type-web-icons {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%; }

.mediaThumb .overlay, .mediaThumb .overlaygrad, .postPanelImagesMedia .overlay, .postPanelImagesMedia .overlaygrad {
  background-color: rgba(29, 32, 38, 0.6);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 4; }

.mediaThumb .remove, .postPanelImagesMedia .remove {
  z-index: 5; }

.mediaThumb .type-web-youtube, .postPanelImagesMedia .type-web-youtube {
  background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/youtube logo.svg");
  width: 50px;
  height: 15px;
  bottom: 5px;
  left: calc(50% - 26px);
  background-size: 100% auto; }
  .mediaThumb .type-web-youtube::before, .postPanelImagesMedia .type-web-youtube::before {
    background: none; }

.mediaThumb .type-web-vimeo, .postPanelImagesMedia .type-web-vimeo {
  background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/vimeo logo.svg");
  bottom: 6px;
  height: 14px;
  width: 40px;
  left: calc(51% - 21px);
  background-size: 100% auto; }
  .mediaThumb .type-web-vimeo::before, .postPanelImagesMedia .type-web-vimeo::before {
    background: none; }

.mediaThumb wt-photo-thumb, .postPanelImagesMedia wt-photo-thumb {
  cursor: pointer; }
  .mediaThumb wt-photo-thumb .type-web-youtube, .mediaThumb wt-photo-thumb type-web-vimeo, .postPanelImagesMedia wt-photo-thumb .type-web-youtube, .postPanelImagesMedia wt-photo-thumb type-web-vimeo {
    opacity: 1;
    z-index: 100; }
  .mediaThumb wt-photo-thumb:hover .type-web-youtube, .mediaThumb wt-photo-thumb:hover type-web-vimeo, .postPanelImagesMedia wt-photo-thumb:hover .type-web-youtube, .postPanelImagesMedia wt-photo-thumb:hover type-web-vimeo {
    opacity: 0.6;
    z-index: 100; }

.mediaThumb:hover .overlay, .postPanelImagesMedia:hover .overlay {
  display: block; }

.mediaThumb:hover .overlaygrad, .postPanelImagesMedia:hover .overlaygrad {
  display: block; }

.mediaThumb .media--overlay, .postPanelImagesMedia .media--overlay {
  height: 100%; }

.postpanel .postPanelImagesMedia .type-web-vimeo {
  bottom: 2px; }

.postpanel .postPanelImagesMedia .type-web-youtube {
  bottom: 0px; }

.type-web-vimeo, .type-web-youtube {
  cursor: pointer; }

.mediaContainerFilePanel .type-web-youtube {
  background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/youtube logo.svg");
  width: 65px;
  background-size: 100% auto;
  height: 15px;
  bottom: 7px;
  left: calc(50% - 32px);
  z-index: 4; }
  @media only screen and (max-width: 799px) {
    .mediaContainerFilePanel .type-web-youtube {
      bottom: 5px; } }

.mediaContainerFilePanel .type-web-vimeo {
  background-image: url("https://wtdemo.webtalk.co/static/public/common/images/icons_2x/vimeo logo.svg");
  bottom: 8px;
  height: 14px;
  width: 49px;
  left: calc(51% - 25px);
  background-size: 100% auto;
  z-index: 4; }

.error-weburl {
  padding: 5px;
  padding-left: 40px;
  color: red;
  font-size: 9pt;
  display: table; }

.gallery_media_display {
  z-index: 0; }

wt-clear-field-trigger {
  display: block; }

.checked-button {
  width: 41px;
  height: 41px;
  border-bottom: solid 1px #0d519f;
  border-top: solid 1px #0d519f; }

.border-left {
  border-left: solid 1px #0d519f; }

.border-right {
  border-right: solid 1px #0d519f; }

.unchecked-button, .unchecked-button-mobile {
  width: 41px;
  height: 41px;
  background-color: #dcdfe5; }

.background-synd {
  position: relative;
  background-position: center;
  background-repeat: no-repeat; }

.twitterSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitterLogo.svg); }

.facebookSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-f-brands-blue.svg); }

.facebookSyndicationGray:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-f-brands-blue.svg); }

.borderSynd {
  border-radius: 5px 0px 0px 5px; }

.twitterSyndicationGray:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitterLogo.svg); }

.linkedInSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedinLogo.svg); }

.linkedInSyndicationGray:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedinLogo.svg); }

.slackSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slackLogo.svg); }

.stripeSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/stripe-logo.png);
  background-size: 10px 15px; }

.slackSyndicationGray:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slackLogo.svg); }

.facebookSyndication {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebookLogo.svg); }

.facebookSyndicationGray:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebookLogo.svg); }

.twitterSyndicationGray, .twitterSyndicationGray-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitterLogoGray.svg); }

.linkedInSyndicationGray, .linkedInSyndicationGray-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedinLogoGray.svg); }

.slackSyndicationGray, .slackSyndicationGray-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slackLogoGray.svg); }

.facebookSyndicationGray, .facebookSyndicationGray-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebookLogoGray.svg); }

.check-mark {
  width: 25%;
  float: right;
  margin-top: 1px;
  margin-right: 1px; }

.newsTalkbox {
  border-radius: 0px 5px 5px 0px; }

.flex-box {
  display: flex; }

.dropdown-box-new-floating {
  position: absolute;
  background-color: #1d2026;
  border-color: #2F3943;
  border-radius: 4px;
  color: #555;
  width: 110px;
  z-index: 2100;
  display: none;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  padding: 0px 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  .dropdown-box-new-floating ul {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); }
  .dropdown-box-new-floating:before {
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 5px solid #2F3943;
    position: absolute;
    right: 7px;
    top: -8px; }

wt-talk-box .wt-selectize-dd .selectize-dropdown {
  min-width: 250px; }

.syndicateBox {
  background-color: #dcdfe5;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  height: 35px;
  width: 35px; }

.syndicateList {
  display: flex;
  padding-bottom: 10px;
  height: 45px; }

.connectSynd {
  width: 60px;
  height: 21px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  color: #0aa1d8;
  margin-top: 5px;
  cursor: pointer;
  right: 20px;
  position: absolute; }

.disconnectSynd {
  width: 60px;
  height: 21px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  color: #b4bbc7;
  margin-top: 5px;
  cursor: pointer;
  right: 40px;
  position: absolute; }

.syndicate-block {
  padding-left: 45px;
  width: 88%; }

.settings-syndication-label {
  width: 60px;
  height: 21px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px; }

.label-color {
  color: #1d2026; }

.label-color-default {
  color: #b4bbc7; }

.back-icon-color {
  background-color: #1d2026; }

.back-icon-color-default {
  background-color: #b4bbc7; }

.checked-button {
  background-color: #ffba49; }

.checked-button:hover {
  background-color: #ffba49; }

.unchecked-button:hover {
  background-color: #ffba49; }

.perconnections .checked-button {
  background-color: #b868c8; }

.perconnections .checked-button:hover {
  background-color: #b868c8; }

.perconnections .unchecked-button:hover {
  background-color: #b868c8; }

.allconnections .checked-button {
  background-color: #00bdcc; }

.allconnections .checked-button:hover {
  background-color: #00bdcc; }

.allconnections .unchecked-button:hover {
  background-color: #00bdcc; }

.profconnections .checked-button {
  background-color: #798ecb; }

.profconnections .checked-button:hover {
  background-color: #798ecb; }

.profconnections .unchecked-button:hover {
  background-color: #798ecb; }

.Private .checked-button {
  background-color: #9f9f9f; }

.Private .checked-button:hover {
  background-color: #9f9f9f; }

.Private .unchecked-button:hover {
  background-color: #9f9f9f; }

.Groups .checked-button {
  background-color: #66bb69; }

.Groups .checked-button:hover {
  background-color: #66bb69; }

.Groups .unchecked-button:hover {
  background-color: #66bb69; }

.ytp-cued-thumbnail-overlay-image {
  -moz-background-size: cover;
  -webkit-background-size: contain; }

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer;
  padding-top: 10px;
  padding-left: 10px; }

.confirm-block-modal .modal.in .modal-dialog, .modal-connection-management .modal.in .modal-dialog, .modal-container2 .modal.in .modal-dialog {
  margin: auto; }

.wt-talk-box.focusin .pasted-border {
  border: 2px dashed #c5c1c1;
  width: 651px;
  z-index: 200;
  position: relative;
  border-radius: 4px;
  background-color: #fff; }

wt-truncate-text {
  word-break: break-word; }

.lightbox-avatar .user-avatar-style {
  height: auto; }

.lightbox-comment-avatar {
  width: 32px;
  height: 32px; }
  .lightbox-comment-avatar img {
    width: 100%;
    max-width: 100%; }

.pro-user-panel .commentBoxTextAreaClass {
  margin-left: 52px !important; }

.user-avatar-style {
  border-radius: 50%;
  position: relative;
  line-height: 10px; }
  .user-avatar-style img {
    border-radius: 50%;
    height: 100%; }
    @media only screen and (max-width: 800px) {
      .user-avatar-style img {
        max-width: 100%;
        width: 100%;
        border-radius: 50% !important; } }
  .user-avatar-style span img {
    border-radius: 50%;
    width: 12px;
    height: 12px; }

.comments__lists-item .user-avatar-style .pro-border:after, .comments-wrapper .user-avatar-style .pro-border:after {
  background-size: 100%;
  width: 13px;
  height: 13px; }

.user-header-pro-icon:before {
  content: '';
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-icon-yellow.svg);
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: inline-flex;
  margin-right: 2px;
  padding-bottom: 2px; }

wt-profile-banner .user-header-pro-icon:before {
  margin-right: 4px;
  border-radius: 4px;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-position-y: 0px;
  padding-bottom: 1px; }

.wt-talk-box .user-avatar-style {
  position: absolute; }

.media--small .media__img.user-avatar-style img {
  border-radius: 50% !important;
  height: 100%; }

.pointer-cursor {
  cursor: pointer; }

.editBannerControlIsVisible {
  margin-top: 28px; }

.public-trigger-list {
  float: left;
  width: auto; }
  @media only screen and (max-width: 800px) {
    .public-trigger-list {
      width: 40px; } }

#newsShareSelection .dropdown-box-new__title {
  background-position: center !important;
  width: auto;
  padding-right: 0px;
  margin-right: 18px;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39414d; }

@media only screen and (max-width: 800px) {
  #newsShareSelection .mobile-attach-icon {
    display: inline-block !important;
    width: auto; } }

#newsShareSelection .add-news-icon, #newsShareSelection .togglemenu {
  display: none; }

#newsShareSelection .togglemenu {
  display: none; }
  @media only screen and (max-width: 800px) {
    #newsShareSelection .togglemenu {
      width: 40px;
      height: 40px;
      float: right; } }
  #newsShareSelection .togglemenu a {
    display: block;
    height: 100%;
    width: 100%; }

.profile-flex {
  display: inline-flex !important; }
  .profile-flex .user-header-pro-icon:before {
    margin-bottom: 1px; }

.icon-pro-flex {
  margin: auto;
  text-align: center;
  padding-right: 5px;
  display: flex; }

[aria-hidden="false"] {
  display: block; }

.share-dropdown-wrapper .share-multiple-select.selectize-input {
  cursor: pointer; }
  .share-dropdown-wrapper .share-multiple-select.selectize-input i.icon {
    margin-top: 6px;
    margin-left: 5px; }
  .share-dropdown-wrapper .share-multiple-select.selectize-input:after {
    position: absolute;
    font-family: webtalk;
    content: "\e613";
    border: 0;
    height: 14px;
    margin-top: -20px;
    width: 14px;
    right: 5px;
    cursor: pointer; }

.banner-share-dd {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px inset;
  color: #303030;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #d0d0d0;
  border-image: initial;
  padding: 10px;
  overflow: hidden;
  font-size: 14px; }
  .banner-share-dd::after {
    font-family: webtalk;
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    right: 19px;
    margin-top: -3px;
    width: 0px;
    height: 0px;
    border-width: 0px;
    border-color: initial;
    border-image: initial;
    border-style: solid; }

.list--horizontal .list-drop-down li {
  margin-top: 0px !important; }

@media only screen and (max-width: 800px) {
  .nav-main .btn-container.btn-container--float .list-drop-down li {
    float: none; } }

@media only screen and (max-width: 800px) {
  .no-scroll-bar-cls .modal {
    overflow-y: hidden !important;
    height: 100vh !important; } }

.tagLineUpdateCount {
  width: 120px;
  height: 16px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  font-weight: 600;
  float: right; }

.notification_info .notification-content {
  word-wrap: break-word;
  word-break: break-word; }

.notifications-rbo-wrapper {
  display: flex;
  position: relative;
  margin-top: -25px; }
  .notifications-rbo-wrapper .backoverlay {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    opacity: 0;
    z-index: -1;
    position: absolute; }
  .notifications-rbo-wrapper .side-nav-panel {
    width: 227px;
    height: 100vh; }

@media only screen and (max-width: 1024px) {
  .notifications-rbo-wrapper {
    margin-top: 0px; }
    .notifications-rbo-wrapper .backoverlay.is-mobile {
      z-index: 100;
      height: 100vh;
      opacity: .9; }
    .notifications-rbo-wrapper .backoverlay.ng-hide-remove {
      -webkit-animation: fadeIn 0.5s ease;
      -moz-animation: fadeIn 0.5s ease;
      -o-animation: fadeIn 0.5s ease;
      animation: fadeIn 0.5s ease; }
    .notifications-rbo-wrapper .backoverlay.ng-hide-add {
      -webkit-animation: fadeOut 0.5s ease;
      -moz-animation: fadeOut 0.5s ease;
      -o-animation: fadeOut 0.5s ease;
      animation: fadeOut 0.5s ease; }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: .8; } }
  @keyframes fadeOut {
    0% {
      opacity: .8; }
    100% {
      opacity: 0; } }
    .notifications-rbo-wrapper .side-nav-panel {
      float: left;
      padding: 0;
      position: fixed;
      overflow: hidden;
      cursor: pointer;
      z-index: 205;
      height: 100vh;
      width: 227px;
      box-shadow: 0 13px 30px 0 rgba(0, 0, 0, 0.3);
      background-color: #ffffff; }
      .notifications-rbo-wrapper .side-nav-panel:active {
        background-color: #ffffff; }
      .notifications-rbo-wrapper .side-nav-panel:focus {
        background-color: #ffffff;
        outline: none; }
    .notifications-rbo-wrapper .side-nav-panel.ng-hide-remove {
      -webkit-animation: slideIn 0.5s ease;
      -moz-animation: slideIn 0.5s ease;
      -o-animation: slideIn 0.5s ease;
      animation: slideIn 0.5s ease; }
    .notifications-rbo-wrapper .side-nav-panel.ng-hide-add {
      -webkit-animation: slideOut 0.5s ease;
      -moz-animation: slideOut 0.5s ease;
      -o-animation: slideOut 0.5s ease;
      animation: slideOut 0.5s ease; }
  @keyframes slideIn {
    0% {
      left: -227px; }
    100% {
      left: 0px; } }
  @keyframes slideOut {
    0% {
      left: 0px; }
    100% {
      left: -227px; } } }

@media only screen and (max-width: 600px) {
  @keyframes slideIn {
    0% {
      left: -100%; }
    100% {
      left: 0%; } }
  @keyframes slideOut {
    0% {
      left: 0%; }
    100% {
      left: -100%; } }
  .rbo-wrapper .side-nav-panel {
    width: 100%; } }

.tabs-notifications.rewards-back-office .item.active {
  background-color: white; }
  .tabs-notifications.rewards-back-office .item.active i.activity-count {
    background-color: #006aff; }
  .tabs-notifications.rewards-back-office .item.active i.requet-count {
    background-color: #006aff; }
  .tabs-notifications.rewards-back-office .item.active i.gift-count {
    background-color: #006aff; }

.tabs-notifications.rewards-back-office .item.request.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/connections-purple-mobile-rbo.svg);
  color: #006aff; }

.tabs-notifications.rewards-back-office .item.notification {
  background-size: 16px 14.9px; }
  .tabs-notifications.rewards-back-office .item.notification.active {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/activity-blue-mobile-rbo.svg);
    color: #006aff; }

.tabs-notifications.rewards-back-office .item.rewards.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/rewards-green-mobile-rbo.svg);
  color: #006aff; }

.tabs-notifications {
  width: 100%;
  display: table;
  margin-top: 35px; }
  @media only screen and (max-width: 800px) {
    .tabs-notifications {
      position: fixed;
      z-index: 203;
      background-color: #eeeff1; } }
  .tabs-notifications .item {
    width: calc(33%);
    display: inline-block;
    height: 55px;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    background-repeat: no-repeat;
    padding-top: 34px;
    background-position: center 12px;
    text-align: center;
    cursor: pointer; }
    .tabs-notifications .item.active {
      background-color: white; }
      .tabs-notifications .item.active i.activity-count {
        background-color: #0aa1d8; }
      .tabs-notifications .item.active i.requet-count {
        background-color: #798ecb; }
      .tabs-notifications .item.active i.gift-count {
        background-color: #006aff; }
    .tabs-notifications .item .text {
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.4;
      letter-spacing: normal;
      color: #aaadb4; }
    .tabs-notifications .item.request {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/connections-grey-mobile.svg); }
      .tabs-notifications .item.request.active {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/connections-purple-mobile.svg);
        color: #798ecb; }
    .tabs-notifications .item.notification {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/activity-gery-mobile.svg);
      background-size: 16px 14.9px; }
      .tabs-notifications .item.notification.active {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/activity-blue-mobile.svg);
        color: #0aa1d8; }
    .tabs-notifications .item.rewards {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/rewards-grey-mobile.svg); }
      @media only screen and (max-width: 800px) {
        .tabs-notifications .item.rewards {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/rewards-green-mobile-rbo.svg); } }
      .tabs-notifications .item.rewards.active {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/rewards-green-mobile.svg);
        color: #32b644; }
        @media only screen and (max-width: 800px) {
          .tabs-notifications .item.rewards.active {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notification/rewards-green-mobile-rbo.svg);
            color: #006aff; } }
    .tabs-notifications .item i {
      position: absolute;
      min-width: 22px;
      height: 22px;
      border: 1.5px solid #eeeff1;
      background-color: #aaadb4;
      border-radius: 12px;
      margin-top: -30px;
      margin-left: 22px;
      padding: 0px 4px 0px; }
      .tabs-notifications .item i span {
        width: 7px;
        height: 17px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #FFFFFF; }
      .tabs-notifications .item i.requet-count {
        margin-left: 25px; }
      .tabs-notifications .item i.rewards--color {
        background-color: #006aff; }

.hide-page-scroll {
  overflow: hidden; }

i.activity--color {
  background-color: #0aa1d8 !important; }

i.conn--color {
  background-color: #798ecb !important; }

.margin-top-thirty {
  margin-top: 30px; }

@media only screen and (min-width: 801px) {
  .talkbox-media-box-max-height wt-dragable-media-container .mediaContainerFilePanel {
    max-height: 274px; }
  .talkbox-max-height {
    max-height: calc( 100vh - 480px); } }

.sidebar__folders a:hover .btn--icon .icon.icon-heart-logo {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-blue.svg); }

.sidebar__folders a:hover .btn--icon .icon.icon-question-logo {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-blue.svg); }

.sidebar__folders a:hover .btn--icon .icon.icon-view-profile {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-idon-blue.svg); }

.sidebar__folders a:hover .btn--icon .icon.icon-recommend {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-blue.svg); }

.disable-comment-error-div {
  display: inline-block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disablecomments-red.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px;
  padding-left: 23px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

body.modal-open {
  overflow: visible; }

@media only screen and (max-width: 736px) {
  .modal-open {
    height: 0px !important; }
  .open-comment-model {
    height: 0px !important; }
    .open-comment-model .fixed-profile-filter.fixed {
      z-index: 100; }
  .modal-viewer .modal-dialog {
    margin-top: 70px !important; } }

@media only screen and (max-width: 736px) and (max-width: 420px) {
  #mutual-connection-modal .lines-button.x.close {
    margin-top: 5px; } }

.modal--small {
  max-width: 436px; }

.modal--mid {
  max-width: 536px; }

.modal--medium {
  max-width: 616px; }

.modal--medium640 {
  max-width: 640px; }

.modal--big {
  max-width: 766px; }

.modal--bigger {
  max-width: 970px; }

.modal--biggest {
  max-width: 1174px; }

.modal__header {
  border-radius: 4px 4px 0 0;
  padding: 15px 24px; }
  .modal__header.modal__header--gray {
    border-bottom: 1px solid #d9d9db;
    background: #f5f7f8; }

.modal__footer .btn,
.modal__footer .upload-avatar__input {
  margin-bottom: 5px; }
  @media only screen and (min-width: 800px) {
    .modal__footer .btn,
    .modal__footer .upload-avatar__input {
      margin-bottom: 0; } }

.modal,
.modalPrivateWindow {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050; }
  .modal .form-field,
  .modalPrivateWindow .form-field {
    margin-bottom: 20px; }
  .modal.in.modal__backgroud-mobile,
  .modalPrivateWindow.in.modal__backgroud-mobile {
    background: #24292d;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

.modal__close {
  color: rgba(102, 117, 134, 0.8);
  cursor: pointer;
  float: right;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin-top: -10px; }
  .modal__close:hover {
    color: #667586;
    text-decoration: none; }

.modal__title {
  color: #3F464B;
  font-family: "Open Sans", serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px; }
  .modal__title.modal__title--big {
    font-size: 28px; }

.modal__body p {
  line-height: 18px;
  margin-bottom: 15px; }

.modal__body .box--registration {
  padding: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: transform 0.5s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  margin: 30px auto;
  width: auto;
  z-index: 1050; }
  @media only screen and (max-width: 600px) {
    .modal-dialog {
      margin-top: 0px; } }

.modal-dialog__extend {
  margin: 80px auto 30px; }

.modal-dialog__mobile .modal-dialog {
  margin-top: 40px; }

.modal-dialog__mobile .box--big__green .icon {
  font-size: 60px;
  color: #4ac7c3;
  display: block; }

.slack-channels-popup-wrapper.rbo .cancel-btn-slack {
  display: none; }

.slack-channels-popup-wrapper.rbo .close-slack-channel-popup {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  padding: 14px;
  background-color: #ffffff;
  border-radius: 100px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 24px;
  display: block; }

.slack-channels-popup-wrapper.rbo .slack-editcontent {
  height: 188px; }

.slack-channels-popup-wrapper.rbo .share-messgae-btn-wrapper {
  text-align: right; }

.slack-channels-popup-wrapper.rbo .post-to-slack-wrapper {
  text-align: left; }

.slack-channels-popup-wrapper.rbo .modal__content {
  width: 504px;
  padding: 30px; }
  .slack-channels-popup-wrapper.rbo .modal__content .btn-fiftypercent-left {
    display: none; }
  .slack-channels-popup-wrapper.rbo .modal__content .post-to-slack-wrapper .btn-fiftypercent-left {
    display: block;
    width: 210px;
    height: 41px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: #e3efff;
    font-family: Inter;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #006aff; }
  .slack-channels-popup-wrapper.rbo .modal__content .back-to-channel {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a4adc1;
    margin-bottom: 24px;
    text-decoration: none; }
  .slack-channels-popup-wrapper.rbo .modal__content .channels-section-btn-wrapper {
    height: auto;
    text-align: right; }
  .slack-channels-popup-wrapper.rbo .modal__content .select-channel-btn {
    width: 212px;
    height: 41px;
    line-height: 11px;
    align-items: center;
    border-radius: 100px;
    background-color: #006aff;
    font-family: Inter;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff; }
  .slack-channels-popup-wrapper.rbo .modal__content .box--registration__title {
    font-family: Inter;
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #031b4e;
    margin-bottom: 34px; }
  .slack-channels-popup-wrapper.rbo .modal__content .slack-checkbox {
    display: block; }
    .slack-channels-popup-wrapper.rbo .modal__content .slack-checkbox li {
      margin: 0;
      margin-bottom: 10px; }
  .slack-channels-popup-wrapper.rbo .modal__content .current-job {
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 14px;
      width: 14px;
      background-color: #fff;
      border: 1px solid;
      border-radius: 2px; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container input:checked ~ .checkmark {
      background-color: #006aff;
      border-color: #006aff; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container input:checked ~ .checkmark:after {
      display: block; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container .checkmark:after {
      display: block;
      content: "";
      background-color: transparent;
      top: 2px;
      width: 7px;
      border-bottom: 3px solid #fff;
      height: 12px;
      border-right: 3px solid #fff;
      transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      left: 6px; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container {
      padding-left: 25px;
      display: block;
      position: relative;
      padding-left: 29px;
      margin-bottom: 0;
      padding-top: 0px;
      cursor: pointer; }
      .slack-channels-popup-wrapper.rbo .modal__content .current-job .checkmark-container .checkmark {
        width: 21px;
        height: 21px;
        border-radius: 4px;
        top: -3px;
        border-color: #d8dbe7; }
    .slack-channels-popup-wrapper.rbo .modal__content .current-job span {
      padding-left: 10px;
      margin-top: 2px; }

@media only screen and (max-width: 768px) {
  .slack-channels-popup-wrapper.rbo .close-slack-channel-popup {
    margin-top: 25px;
    margin-bottom: 25px; }
  .slack-channels-popup-wrapper.rbo .modal__content {
    margin-top: 0px; } }

@media only screen and (max-width: 600px) {
  .slack-channels-popup-wrapper.rbo {
    width: calc(100% - 38px);
    margin: 0 auto; }
    .slack-channels-popup-wrapper.rbo .cancel-btn-slack {
      width: 100%;
      height: 41px;
      display: block;
      border-radius: 100px;
      background-color: #e3efff;
      font-family: Inter;
      font-size: 14px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 41px;
      letter-spacing: normal;
      text-align: center;
      color: #006aff;
      margin-top: 10px;
      float: none;
      padding: 0;
      border: none;
      margin-right: 0px; }
    .slack-channels-popup-wrapper.rbo .modal__content {
      width: 100%; }
      .slack-channels-popup-wrapper.rbo .modal__content .slack-checkbox li {
        display: block;
        width: 100%; }
      .slack-channels-popup-wrapper.rbo .modal__content .select-channel-btn {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px; }
      .slack-channels-popup-wrapper.rbo .modal__content .post-to-slack-wrapper .btn-fiftypercent-left {
        width: 100%;
        margin-top: 10px;
        float: none; } }

.slack-channels-popup-wrapper .close-slack-channel-popup {
  display: none; }

.slack-channels-popup-wrapper .cancel-btn-slack {
  background: #fff;
  color: #0aa1d8;
  border: 1px solid #0aa1d8;
  font-size: 14px;
  padding: 9px 20px 10px;
  line-height: 18px;
  width: calc(50% - 5px);
  margin-right: 5px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  float: left; }
  .slack-channels-popup-wrapper .cancel-btn-slack:hover {
    background-color: #028eca;
    color: #fff;
    border: 1px solid #028eca; }

.modal__content {
  position: relative;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.7);
  background-color: #ffffff;
  padding: 30px;
  margin-top: 0px; }
  @media only screen and (max-width: 800px) {
    .modal__content {
      border-radius: 0; } }
  .modal__content .btn.select-channel-btn {
    width: calc(50% - 5px);
    background-color: #0aa1d8;
    padding: 10px 20px !important;
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
    margin-right: 0px; }
  .modal__content .slack-checkbox {
    display: block; }
    .modal__content .slack-checkbox li:nth-child(even) {
      margin-right: 10px; }
    .modal__content .slack-checkbox li {
      margin: 0;
      width: calc(50% - 5px);
      position: relative;
      margin-bottom: 5px; }
  .modal__content .box--registration__title {
    color: #39414d;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 17px; }
  .modal__content .current-job {
    display: flex;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .modal__content .current-job.current-job .checkmark-container:hover {
      margin-left: -1px; }
    .modal__content .current-job .checkmark-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      left: 0px;
      top: 0px; }
    .modal__content .current-job .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 14px;
      width: 14px;
      background-color: #fff;
      border: 1px solid;
      border-radius: 2px; }
    .modal__content .current-job .checkmark-container input:checked ~ .checkmark {
      background-color: #0aa1d8;
      border-color: #0aa1d8; }
    .modal__content .current-job .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .modal__content .current-job .checkmark-container input:checked ~ .checkmark:after {
      display: block; }
    .modal__content .current-job .checkmark-input {
      height: 0;
      margin-top: 0px;
      height: 20px;
      color: #39414d;
      font-size: 14px;
      width: 100%;
      border-radius: 5px;
      border: 1px solid #d8dbe7;
      box-sizing: border-box;
      font-family: Open Sans;
      background-color: #fff;
      outline: none; }
    .modal__content .current-job .checkmark-container .checkmark:after {
      display: block;
      content: "";
      background-color: transparent;
      top: 2px;
      width: 7px;
      border-bottom: 3px solid #fff;
      height: 12px;
      border-right: 3px solid #fff;
      transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      left: 6px; }
    .modal__content .current-job .checkmark-container {
      padding-left: 25px;
      display: block;
      position: relative;
      padding-left: 29px;
      margin-bottom: 0;
      padding-top: 0px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.57;
      letter-spacing: normal;
      text-align: left;
      color: #5b6987; }
      .modal__content .current-job .checkmark-container .checkmark {
        width: 21px;
        height: 21px;
        border-radius: 4px;
        top: -3px;
        border-color: #d8dbe7; }
    .modal__content .current-job span {
      padding-left: 10px;
      margin-top: 2px; }

.modal__content--gray {
  background: #ecf0f1;
  overflow: hidden; }

.modal__content--clean {
  background: transparent;
  box-shadow: none; }

.modal__content--noborder {
  border: none; }

.modal__content--flat .modal__title {
  color: #627384;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px; }

.modal__content--flat .modal__title-select .item {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px; }

.modal__content--flat .input--text,
.modal__content--flat .selectize-input {
  border: none;
  border-top: 1px solid #d6d8e3; }

.modal__content--flat textarea {
  padding-right: 50px; }

.sidebar-navigation a:hover {
  color: #fff; }

.sidebar-navigation .list--account a {
  color: #fff !important; }

.modal-backdrop {
  background-color: #1d2026;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=50); }

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px; }

.modal--logo {
  height: 100px;
  width: 100px; }

.modal-wrapper--notification {
  /**
  // TODO: Remove this duplicate style after confirming webpack switch is succesful.  Andrew Peret (2/14/2019)
  li + li {
    margin-top: 6px;
  }
  **/ }
  @media only screen and (min-width: 760px) {
    .modal-wrapper--notification {
      top: 55px;
      right: 12px; } }
  .modal-wrapper--notification .btn,
  .modal-wrapper--notification .upload-avatar__input {
    min-width: 79px; }

@media only screen and (min-width: 760px) {
  .open .modal-wrapper--notification {
    right: 0; } }

.modal-wrapper {
  background-color: #FFFFFF;
  border: 0;
  left: 0;
  margin: 0 auto 0;
  max-width: 980px;
  position: absolute;
  right: 0;
  top: 100%; }
  .modal-wrapper.conversation-wrapper.modal-wrapper-mobile {
    top: 45px; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .lines-button.close.modal-wrapper-close {
      width: 30px; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .title.ui-tabs-anchor {
      padding: 15px 0; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .grid__item.wrapper-message {
      height: auto; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media__img.relative {
      margin-bottom: 0; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media--user-online .circle-notification__gray {
      background: #0aa1d8; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages {
      height: calc(100vh - 160px);
      overflow: auto; }
      .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages .wrapper-name-date {
        width: 100%;
        height: 20px; }
        .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages .wrapper-name-date h3 {
          max-width: calc(100% - 85px);
          display: block;
          float: left;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages .wrapper-name-date .time--message {
          float: right;
          margin-top: 3px;
          color: #959aa1; }
      .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages .last-message {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 5px; }
        .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .media-content.list-messages .last-message a {
          text-decoration: underline;
          color: #333333; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .box--chat.js-users-chat {
      top: -2px;
      border: 0;
      left: 0;
      width: 100%; }
      .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .box--chat.js-users-chat header {
        background: #fff !important;
        border-top: 2px solid #ccc; }
      .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .box--chat.js-users-chat footer textarea {
        width: 100%;
        margin-left: -1px; }
      .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .box--chat.js-users-chat .white--color.btn.btn--default {
        margin-left: -1px;
        height: 60px;
        line-height: 60px; }
    .modal-wrapper.conversation-wrapper.modal-wrapper-mobile .overlay-inbox-responsive {
      z-index: 0; }
  @media only screen and (min-width: 800px) {
    .modal-wrapper {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      margin-top: 10px; } }

.modal-wrapper-close {
  background: transparent;
  border: 0;
  color: #D4DADE;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10; }

.modal-wrapper__out-close {
  position: absolute;
  top: -30px;
  right: -30px; }

@media only screen and (min-width: 800px) {
  .modal-wrapper-desktop {
    display: block; } }

.modal-wrapper-mobile {
  bottom: -1px;
  position: fixed;
  top: 45px;
  display: block; }
  @media only screen and (min-width: 800px) {
    .modal-wrapper-mobile {
      display: none; } }
  .modal-wrapper-mobile .ui-tabs {
    border-radius: 0;
    height: 100%; }

.modal-wrapper-fixed {
  bottom: 5px;
  overflow: hidden;
  position: fixed;
  top: 45px;
  z-index: 14; }
  @media only screen and (min-width: 700px) {
    .modal-wrapper-fixed {
      overflow: hidden;
      top: 55px; } }
  .modal-wrapper-fixed.header__nav-right {
    bottom: auto;
    left: auto;
    max-width: 720px;
    right: 0;
    z-index: 14; }
    @media only screen and (min-width: 760px) {
      .modal-wrapper-fixed.header__nav-right {
        right: 20px; } }

.switch-account .modal-wrapper-fixed {
  top: 101px; }
  @media only screen and (min-width: 760px) {
    .switch-account .modal-wrapper-fixed {
      top: 112px; } }
  @media only screen and (max-width: 498px) {
    .switch-account .modal-wrapper-fixed {
      top: 157px; } }

.modal-overlay {
  background: #0b0b0b;
  filter: alpha(opacity=80);
  height: 100%;
  left: 0;
  opacity: .8;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11; }

.modal-dialog-comment {
  top: 25%; }

.modal-icon__bigger {
  color: #4ac7c3;
  font-size: 64px;
  display: block;
  margin-bottom: 10px; }

#send-private-message-modal-mobile {
  z-index: 6670; }
  #send-private-message-modal-mobile > .modal-dialog.modal--small {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden; }
    #send-private-message-modal-mobile > .modal-dialog.modal--small #newMessageFormIdMobile {
      max-height: calc(100vh - 97px);
      overflow: auto; }
      #send-private-message-modal-mobile > .modal-dialog.modal--small #newMessageFormIdMobile .modal__content {
        border: none;
        border-radius: 0; }

#newMessageFormId .right-btn,
#newMessageFormIdMobile .right-btn {
  float: right; }

.js-container-professionally .form-field,
.js-container-personally .form-field {
  position: relative;
  min-height: 20px; }
  .js-container-professionally .form-field label,
  .js-container-personally .form-field label {
    position: absolute;
    padding-left: 15px;
    top: -6px;
    height: 27px;
    left: -1px; }
  @media only screen and (max-width: 600px) {
    .js-container-professionally .form-field .connect_label,
    .js-container-personally .form-field .connect_label {
      padding-left: 15px;
      top: -6px;
      left: -1px;
      position: relative;
      height: auto; } }

wt-news-groups-share wt-standard-dropdown .selectize-control.single .selectize-input {
  position: absolute; }

@media only screen and (max-width: 600px) {
  wt-news-groups-share .selects-container .grid__item:first-child .form-field {
    margin-bottom: 10px; } }

wt-news-groups-share .js-container-personally .grid__item {
  background-color: #ff0000; }
  @media only screen and (max-width: 600px) {
    wt-news-groups-share .js-container-personally .grid__item:first-child .form-field {
      margin-bottom: 10px; } }

@media only screen and (max-width: 800px) {
  .invite__contact__position .grid--narrow.social-icons {
    text-align: center; }
  .invite__contact__position .modal-webtalk .modal__title {
    font-size: 22px;
    background: #fff;
    margin: 20px 0 5px;
    text-align: center;
    border-bottom: none;
    color: #000; }
  .modalPrivateWindow {
    top: 35px !important; }
    .modalPrivateWindow #newMessageFormId .list--icon-text {
      display: none; }
  .webtalk-apps-popup-background .contain > .col-sm-4.col-md-4 {
    width: 50%;
    float: left; }
    .webtalk-apps-popup-background .contain > .col-sm-4.col-md-4 > a {
      text-align: center;
      margin: 0 auto;
      display: block; }
  .js-webtalk-apps.header-apps-dailogue {
    left: calc(50% - 181px);
    max-width: 100%;
    padding: 0 5px;
    margin-top: 45px; }
    .js-webtalk-apps.header-apps-dailogue .webtalk-apps-popup-header-color {
      width: 100%; }
  .modal-backdrop.fade.in {
    top: 55px; }
  .modal-wrapper-mobile .message--chat span.title-notification {
    margin-top: -4px; }
  .modal-wrapper-mobile .message--chat .modal-wrapper-close {
    top: 2px; } }

@media only screen and (max-width: 699px) {
  .modalPrivateWindow {
    top: 25px !important; }
  .modal-backdrop.fade.in {
    top: 45px; } }

@media only screen and (max-width: 620px) {
  .modalPrivateWindow {
    top: 15px !important; } }

@media only screen and (max-width: 499px) {
  .invite__contact__position .grid--narrow.social-icons .one-half {
    width: 33%; }
  .modalPrivateWindow input.btn--default {
    width: 100%; }
  #newMessageFormId .modal__footer,
  #newMessageFormIdMobile .modal__footer {
    min-height: 89px; } }

@media only screen and (max-width: 379px) {
  .webtalk-gifts {
    width: calc(100% - 20px);
    padding: 0 5px; }
    .webtalk-gifts .container {
      width: 100%;
      margin-right: 0 !important; }
      .webtalk-gifts .container .title-div {
        width: 100%; }
      .webtalk-gifts .container .body-div {
        width: 100%;
        background-size: cover; }
      .webtalk-gifts .container .footer {
        width: 100%; } }

@media only screen and (max-width: 360px) {
  .js-webtalk-apps.header-apps-dailogue {
    left: 0; } }

.modal-container2.webtalk--window .modal-body {
  background-color: #fff;
  border-radius: 4px; }
  @media only screen and (max-width: 360px) {
    .modal-container2.webtalk--window .modal-body {
      border-radius: 0px; } }

.webtalk--window {
  font-family: Montserrat; }
  .webtalk--window .js-container-professionally, .webtalk--window .js-container-personally {
    margin-left: 0px;
    margin-right: 0px; }
  .webtalk--window .modal-body-with-padding {
    padding: 0px !important; }
  .webtalk--window .modal-content {
    width: 600px; }
    @media only screen and (max-width: 620px) {
      .webtalk--window .modal-content {
        width: calc( 100%); } }
  .webtalk--window .modal-body {
    padding: 0px;
    color: #000; }
    .webtalk--window .modal-body h1 {
      font-family: Montserrat;
      font-size: 22px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
      @media only screen and (max-width: 400px) {
        .webtalk--window .modal-body h1 {
          padding-right: 50px;
          font-size: 19px; } }
    .webtalk--window .modal-body .h1subhead {
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287; }
      @media only screen and (max-width: 360px) {
        .webtalk--window .modal-body .h1subhead {
          display: none; } }
    .webtalk--window .modal-body .smheading {
      width: 225px;
      height: 18px;
      font-family: Montserrat;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      padding-left: 15px; }
      @media only screen and (max-width: 360px) {
        .webtalk--window .modal-body .smheading {
          padding-left: 7px;
          letter-spacing: -0.6px; } }
    .webtalk--window .modal-body .confidential-selected-prop {
      color: #f44036; }
    .webtalk--window .modal-body h4 {
      font-weight: 500;
      color: #000; }
    .webtalk--window .modal-body h3 {
      font-family: Montserrat;
      font-size: 15px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000;
      margin: 0px 0px 0px; }
    .webtalk--window .modal-body .body-content {
      padding: 0px !important; }
    .webtalk--window .modal-body .btn--default {
      background: #0aa1d8;
      width: 174px !important;
      clear: both; }
    @media only screen and (max-width: 600px) {
      .webtalk--window .modal-body .updateDate {
        margin-top: 15px;
        width: 100% !important; } }
    .webtalk--window .modal-body .selectize-input > * {
      font-size: 14px;
      letter-spacing: normal;
      font-family: Open Sans;
      color: #39414d; }
    .webtalk--window .modal-body .selectize-input > .item {
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: calc( 100% - 15px);
      width: 100%;
      overflow: hidden; }
    .webtalk--window .modal-body .selectize-input2 .selectize-dropdown-content .option {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
    .webtalk--window .modal-body .personal-selection {
      float: left;
      width: auto;
      padding-left: 34px;
      padding-right: 10px;
      padding-top: 2px;
      font-size: 14px;
      font-weight: bold;
      color: #586476;
      cursor: pointer;
      height: 24px;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/box_unchecked.svg);
      background-repeat: no-repeat;
      margin-bottom: 10px; }
      .webtalk--window .modal-body .personal-selection.active {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/box_checked.svg); }
      .webtalk--window .modal-body .personal-selection.group.active {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/box_checked-green.svg); }
    .webtalk--window .modal-body .modal-main-content {
      padding: 10px 30px 25px 30px; }
      @media only screen and (max-width: 500px) {
        .webtalk--window .modal-body .modal-main-content {
          padding: 10px 10px 25px 10px; } }
      .webtalk--window .modal-body .modal-main-content .btn {
        opacity: 0.5; }
        .webtalk--window .modal-body .modal-main-content .btn:hover {
          opacity: 1; }
    .webtalk--window .modal-body .modal-header {
      background-color: #f3f5f7 !important;
      padding: 20px 30px;
      margin-bottom: 20px;
      border-bottom: 1px solid #dcdbe0;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-top-left-radius: 4px;
      -moz-border-top-right-radius: 4px;
      position: relative; }
      @media only screen and (max-width: 400px) {
        .webtalk--window .modal-body .modal-header {
          padding: 10px 20px; } }
    .webtalk--window .modal-body .selectize-input .defaultItem {
      text-align: center;
      width: 100%; }
    @media only screen and (max-width: 600px) {
      .webtalk--window .modal-body .selects-container .grid__item {
        width: calc(90% - 4px) !important; }
        .webtalk--window .modal-body .selects-container .grid__item:last-child {
          clear: both;
          float: left; }
        .webtalk--window .modal-body .selects-container .grid__item:nth-child(2) {
          width: 28px !important; } }
    .webtalk--window .modal-body div.tag {
      /* border: 1px solid #a5d24a; */
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      display: block;
      float: left;
      padding: 5px;
      text-decoration: none;
      background: #39404c;
      color: #fff;
      margin-right: 10px;
      margin-bottom: 5px;
      font-size: 13px;
      max-width: 100%;
      position: relative;
      display: grid; }
      @media only screen and (max-width: 400px) {
        .webtalk--window .modal-body div.tag {
          margin-right: 1px; } }
      @media only screen and (max-width: 600px) {
        .webtalk--window .modal-body div.tag {
          max-width: 100%; } }
      .webtalk--window .modal-body div.tag span {
        width: auto;
        max-width: calc( 100%);
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        padding-right: 11px; }
      .webtalk--window .modal-body div.tag a img {
        height: 9px !important;
        width: 9px !important;
        float: right;
        position: absolute;
        right: 7px;
        top: 9px; }
    .webtalk--window .modal-body .cross--header {
      position: absolute;
      height: 13px;
      width: 13px;
      right: 20px;
      top: calc( 50% - 15px);
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/modal_wt_close.svg);
      cursor: pointer; }
      @media only screen and (max-width: 400px) {
        .webtalk--window .modal-body .cross--header {
          top: calc(50% - 6px); } }
      .webtalk--window .modal-body .cross--header:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/modal_wt_close_over.svg); }
      @media only screen and (max-width: 600px) {
        .webtalk--window .modal-body .cross--header {
          right: 20px; } }
    .webtalk--window .modal-body .atorfor {
      width: 37px;
      font-size: 14px;
      height: 18px;
      vertical-align: middle;
      margin-top: 10px;
      padding-left: 0px;
      text-align: right;
      font-weight: 500;
      color: #000; }
      @media only screen and (max-width: 600px) {
        .webtalk--window .modal-body .atorfor {
          font-weight: bold; } }
    .webtalk--window .modal-body .confidential input.cmn-toggle-round:checked + label:before {
      background-color: #f44036; }
    .webtalk--window .modal-body input.cmn-toggle-round:checked + label:before {
      background-color: #028eca; }
    .webtalk--window .modal-body .switch {
      box-shadow: none !important;
      background-image: none !important;
      padding: 0px; }
      @media only screen and (max-width: 400px) {
        .webtalk--window .modal-body .switch {
          margin-left: 10px; } }
    .webtalk--window .modal-body .switchpanel {
      display: table; }
      .webtalk--window .modal-body .switchpanel label {
        height: 18px !important;
        width: 41px !important;
        float: left !important; }
    .webtalk--window .modal-body .switch-input ~ .switch-handle {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 13px;
      height: 13px;
      background: white;
      border-radius: 10px;
      box-shadow: none; }
      .webtalk--window .modal-body .switch-input ~ .switch-handle:before {
        background: #d0d0d0; }
    .webtalk--window .modal-body .switch-handle:before {
      background: none !important; }
    .webtalk--window .modal-body .switch-input:checked ~ .switch-handle {
      position: absolute;
      top: 3px;
      left: 25px;
      background: white;
      border-radius: 10px; }
      .webtalk--window .modal-body .switch-input:checked ~ .switch-handle:before {
        background: none !important; }
    .webtalk--window .modal-body .switch-input:checked ~ .switch-label {
      background: #028eca; }
      .webtalk--window .modal-body .switch-input:checked ~ .switch-label:before {
        content: "no";
        font-size: 10px;
        text-shadown: none;
        text-transform: lowercase;
        text-shadow: none !important; }
    .webtalk--window .modal-body .confidential .switch-input:checked ~ .switch-label {
      background: #f44036; }
    .webtalk--window .modal-body .switch-label {
      background: #b0b8c4;
      text-shadown: none;
      text-transform: lowercase; }
      .webtalk--window .modal-body .switch-label:before {
        content: "no";
        font-family: Montserrat;
        font-size: 0.94em;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        top: 42%;
        right: 6px;
        text-shadow: none !important; }
      .webtalk--window .modal-body .switch-label:after {
        content: "yes";
        text-shadown: none;
        font-family: Montserrat;
        font-size: 0.94em;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        top: 40%;
        left: 7px; }
    .webtalk--window .modal-body input.cmn-toggle-round + label:before {
      right: 1px;
      background-color: #b0b8c4;
      border-radius: 60px;
      transition: background 0.4s; }
    .webtalk--window .modal-body .sections {
      background-color: #f3f5f7;
      border: 1px solid #dcdbe0;
      border-radius: 2px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 2px;
      padding: 15px;
      margin: 0px 0px 10px 0px;
      display: table;
      width: 100%; }

.connect-modal-header {
  height: auto;
  background-color: #f4f5f6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 20px;
  border-bottom: solid 1px #dcdfe5;
  padding-bottom: 17px; }
  .connect-modal-header .connect-with-contact-header-titles {
    display: grid;
    padding-left: 10px;
    padding-right: 10px; }
    .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper {
      margin-bottom: 8px; }
      .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .connect-with-text {
        font-family: "Montserrat";
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        float: left; }
      .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper {
        float: right; }
        .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn-mobile {
          display: none; }
        .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn {
          width: 121px;
          height: 31px;
          border-radius: 4px;
          border: solid 1px #b4bbc7;
          background-color: #ffffff;
          font-family: "Open Sans";
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #b0b8c4;
          line-height: 28px;
          text-align: center;
          position: relative;
          padding-left: 22px; }
          .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn:hover {
            text-decoration: none;
            color: #fff;
            border: solid 1px #0aa1d8;
            background-color: #0aa1d8; }
            .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn:hover::before {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/add-info-white.svg); }
          .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn::before {
            content: "";
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/add-info-grey.svg);
            width: 16px;
            height: 16px;
            object-fit: contain;
            background-size: contain;
            position: absolute;
            left: 9px;
            top: 6.4px; }
      @media only screen and (max-width: 600px) {
        .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn {
          display: none; }
        .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn-mobile {
          display: block;
          width: 33px;
          height: 31px;
          border-radius: 4px;
          border: solid 1px #b4bbc7;
          background-color: #ffffff;
          line-height: 28px;
          text-align: center;
          position: relative; }
          .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn-mobile:hover {
            text-decoration: none; }
          .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .contact-info-btn-wrapper .contact-info-btn-mobile::before {
            content: "";
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/add-info-grey.svg);
            width: 16px;
            height: 16px;
            object-fit: contain;
            background-size: contain;
            position: absolute;
            left: 8px;
            top: 6.4px; } }
    .connect-modal-header .connect-with-contact-header-titles .sub-header-mobile {
      display: none; }
    .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper {
      display: flex; }
      .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .connect-modal-header-avatar {
        width: 42px;
        height: 42px;
        border-radius: 100px;
        margin-right: 18px; }
      .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .sub-header-subheader-mobile-wrapper {
        display: grid; }
      .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper {
        display: grid; }
        .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper .contact-name {
          font-family: "Montserrat";
          font-size: 21px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          position: relative;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper .only-name {
          top: 8px; }

@media only screen and (max-width: 600px) {
  .connect-modal-header .connect-with-contact-header-titles {
    padding-left: 0px;
    padding-right: 0px; }
    .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper {
      margin-bottom: 8px; }
      .connect-modal-header .connect-with-contact-header-titles .header-titles-wrapper .connect-with-text {
        font-family: "Montserrat";
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        float: left; }
    .connect-modal-header .connect-with-contact-header-titles .sub-header-mobile {
      display: block;
      margin-top: 15px; }
    .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper {
      display: flex; }
      .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .connect-modal-header-avatar {
        min-width: 42px; }
      .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper {
        display: grid; }
        .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper .contact-header-subtitle {
          display: none; }
        .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper .contact-links {
          display: none; }
        .connect-modal-header .connect-with-contact-header-titles .avatar-name-wrapper .name-sub-header-wrapper .contact-name {
          top: 8px; } }

.connect-modal-header-text {
  width: 100%;
  height: auto;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026;
  padding-left: 9px;
  margin-bottom: 0px; }

.connect-modal-header-avatar {
  width: 30px;
  height: 30px;
  border-radius: 4px; }

.permissions-text {
  display: inline-block;
  height: 20px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #535e70;
  margin-top: 17px;
  padding-left: 30px;
  margin-bottom: -4px; }

.js-container-personally {
  margin-top: 9px;
  height: auto;
  border-radius: 4px;
  background-color: #eff5ff;
  border: solid 1px #dcdfe5;
  margin-right: 30px;
  margin-left: 30px; }

.js-container-professionally {
  height: auto;
  border-radius: 4px;
  background-color: #f4f5f6;
  border: solid 1px #dcdfe5;
  margin-right: 30px;
  margin-left: 30px; }

.connect-data-info {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  margin-top: 3px;
  display: block;
  margin-left: -1px; }

.connect-data-info-personal {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  margin-top: 3px;
  display: block;
  margin-left: -1px; }

.contact-relationship {
  width: 500px;
  height: 16px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #535e70;
  margin-top: 30px; }

.change-relationship-layout {
  background-color: #faf5ca;
  border-top: solid 1px #dcdfe5;
  padding: 20px;
  padding-bottom: 17px;
  padding-right: 10px; }

.prospect_label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026; }

.radio-button-wrapper {
  width: 100%; }
  .radio-button-wrapper .friend-radio-button .friend-radio-checked {
    width: 24px;
    height: 24px;
    object-fit: contain; }
  .radio-button-wrapper .family-radio-button {
    margin-left: 95px; }
    .radio-button-wrapper .family-radio-button .family-radio-checked {
      width: 24px;
      height: 24px;
      object-fit: contain; }
  .radio-button-wrapper .acquaintance-radio-button {
    margin-left: 190px; }
    .radio-button-wrapper .acquaintance-radio-button .acquaintance-radio-checked {
      width: 24px;
      height: 24px;
      object-fit: contain; }

.captcha-footer {
  position: relative;
  left: 30px; }
  @media only screen and (max-width: 600px) {
    .captcha-footer {
      left: 10px; } }

.tags-wrapper .connection-tags-input {
  height: 42px;
  background-color: #ffffff; }
  .tags-wrapper .connection-tags-input li {
    color: #fff;
    background: #39404c !important;
    border-radius: 6px !important;
    height: 30px !important;
    border: none !important; }
    .tags-wrapper .connection-tags-input li ti-tag-item {
      font-family: Open Sans;
      font-size: 13px;
      padding-left: 2px; }

tags-input .tags .tag-item {
  padding: 2px 5px  !important; }
  tags-input .tags .tag-item .remove-button {
    color: #fff !important;
    font: 17px MEDIUM !important;
    vertical-align: top !important;
    margin: 0 0 0 2px !important;
    margin-top: 3px !important; }
    tags-input .tags .tag-item .remove-button:hover {
      color: #82BBFE !important;
      text-decoration: none; }

.connection-notes-textarea {
  width: 100%;
  padding: 13px;
  padding-top: 10px;
  margin-top: 15px;
  height: 82px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #cfd4db;
  font-size: 14px;
  font-family: Open Sans;
  resize: none; }

.connect-keywords-title {
  font-family: Montserrat;
  font-size: 16px;
  color: #535e70; }

.tags-tittle {
  font-family: Montserrat;
  font-size: 16px;
  color: #535e70; }

.toogle-note-values {
  width: 200px;
  height: 18px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0aa1d8; }

.truncate-connection-modal-tittle {
  width: 500px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute; }

.change-relationship-padding {
  padding: 20px; }

.change-relationship-no-padding {
  padding: 20px; }

.recommendation-value {
  margin-top: -2px;
  width: 300px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #909bad; }

.news-value {
  margin-top: -3px;
  width: 300px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #909bad; }

.visibility-invisible {
  color: transparent; }

.see-moreless-updates {
  height: 16px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  float: right;
  margin-bottom: 10px;
  margin-top: 5px;
  margin-right: -2px; }

.see-moreless-updates-recommendation {
  height: 16px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  float: right;
  margin-bottom: 10px;
  margin-top: 3px;
  margin-right: -4px; }

.pro-contacts-mobile {
  display: none; }

.pro-contacts {
  float: right;
  display: flex;
  height: 30px;
  margin-top: -9px; }
  .pro-contacts .pro-counts-getmore-wrapper .pro-contacts-count {
    position: relative; }
    .pro-contacts .pro-counts-getmore-wrapper .pro-contacts-count .contact-info-icon {
      float: right;
      width: 12px;
      height: 12px;
      object-fit: contain;
      background: transparent;
      margin-left: 5px;
      margin-top: 3px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/info-icon.svg);
      background-repeat: no-repeat; }
    .pro-contacts .pro-counts-getmore-wrapper .pro-contacts-count .contacts-count {
      float: right;
      height: 16px;
      font-family: Montserrat;
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000; }
    .pro-contacts .pro-counts-getmore-wrapper .pro-contacts-count .contacts-count.error {
      color: #e53635;
      margin-bottom: 0px; }
  .pro-contacts .pro-counts-getmore-wrapper span {
    float: right; }
  .pro-contacts .pro-getmore-btn {
    width: 82px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #0aa1d8;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-left: 10px;
    text-align: center; }
  .pro-contacts .pro-getmore-btn:hover {
    text-decoration: none; }

.pro-change-relationship-link-wrapper {
  margin-top: 25px; }
  .pro-change-relationship-link-wrapper span {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #535e70; }
  .pro-change-relationship-link-wrapper .pro-change-relationship-link {
    color: #0aa1d8; }
  .pro-change-relationship-link-wrapper .pro-change-relationship-link:hover {
    text-decoration: none; }

.contact-pro-icon {
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
  width: 49px;
  height: 16px;
  border-radius: 2px;
  background-color: #eeba0f;
  display: inline-flex; }
  .contact-pro-icon img {
    margin-right: 3px;
    margin-left: 4px;
    width: 10px;
    height: 16px;
    object-fit: contain;
    background-repeat: no-repeat; }
  .contact-pro-icon span {
    width: 25px;
    height: 16px;
    font-family: Montserrat;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding-top: 1px;
    padding-left: 3px;
    border-left: 1px solid #fff; }

.connection-tags-input .tags {
  border-radius: 4px;
  border: none;
  box-shadow: 0px 0px 0px 0 #d3d3d3 inset !important;
  height: auto;
  cursor: pointer; }
  .connection-tags-input .tags input {
    display: none; }
  .connection-tags-input .tags:focus {
    box-shadow: 0px 0px 0px 0 #d3d3d3 inset !important;
    cursor: pointer; }
  .connection-tags-input .tags:active {
    box-shadow: 0px 0px 0px 0 #fff inset !important;
    cursor: pointer; }

.connection-tags-input:focus {
  box-shadow: none; }

.change-relationship-button {
  margin-top: 25px;
  margin-bottom: 10px !important; }

.contact-management-dropdown-size {
  width: 50%; }
  .contact-management-dropdown-size .selectize-input {
    padding-left: 15px;
    border-radius: 4px; }

.dropdown-wrapper {
  width: 104%;
  display: inline-flex; }

.type-dropdown {
  padding-left: 23px; }

.dropdown-divider {
  font-size: 14px;
  left: 9px;
  position: relative;
  top: 11px; }

.prospect-dropdown-wrapper {
  width: auto; }

.contact-button-wrapper {
  margin-top: -32px;
  right: 20px;
  float: right;
  margin-right: 20px; }

.notes-button-icon {
  top: 20px; }

.formated-date {
  padding-right: 10px;
  font-size: 13px;
  font-family: Montserrat;
  font-style: italic;
  color: #535e70;
  overflow-x: hidden;
  max-width: 425px;
  width: 425px; }

.note-wrapper {
  display: inline-flex;
  min-width: 460px;
  margin-top: 10px; }

.contact-submit-cancel-button-wrapper {
  width: 150px;
  padding-left: 0px;
  float: left;
  margin-right: 10px; }

.contact-links {
  margin-top: 0px;
  margin-left: 0px;
  color: #0aa1db; }

.professional-contact-tittle {
  color: #000000;
  font-size: 15px;
  width: 273px;
  height: 19px;
  font-family: Montserrat; }

.personal-contact-tittle {
  color: #000000;
  font-size: 15px;
  width: 253px;
  height: 19px;
  font-family: Montserrat; }

.tags-section {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: -1px; }

.contact-management-placeholder-color ::placeholder {
  color: #b0b8c4; }

input[type="tags"].contact-management-placeholder-color::-webkit-input-placeholder,
textarea.contact-management-placeholder-color::-webkit-input-placeholder {
  color: #b0b8c4; }

input[type="tags"].contact-management-placeholder-color::-moz-placeholder,
textarea.contact-management-placeholder-color::-webkit-input-placeholder {
  color: #b0b8c4; }

input[type="tags"].contact-management-placeholder-color:-ms-input-placeholder,
textarea.contact-management-placeholder-color::-webkit-input-placeholder {
  color: #b0b8c4; }

input[type="tags"].contact-management-placeholder-color:-moz-placeholder,
textarea.contact-management-placeholder-color::-webkit-input-placeholder {
  color: #b0b8c4; }

.notes-section {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: -2px; }

.news-value-section {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: -4px; }

.recommendation-value-section {
  margin-right: 30px;
  margin-left: 30px; }

.permissions-wrapper {
  padding-top: 22px;
  padding-bottom: 20px; }

.contact-header-subtitle {
  font-size: 13px;
  font-family: "Montserrat";
  font-style: normal;
  color: #535e70; }

.is-contacted-height {
  margin-top: 30px; }

.links-extra-padding {
  margin-top: 30px; }

.acquaintance-radio-button-text {
  top: 2px;
  left: 51px;
  position: absolute;
  font-weight: bold;
  color: #586476;
  font-family: Montserrat;
  font-size: 14px; }

.friend-radio-button-text {
  top: 2px;
  left: 50px;
  position: absolute;
  font-weight: bold;
  color: #586476;
  font-family: Montserrat;
  font-size: 14px; }

.family-radio-button-text {
  top: 2px;
  left: 50px;
  position: absolute;
  font-weight: bold;
  color: #586476;
  font-family: Montserrat;
  font-size: 14px; }

@media only screen and (max-width: 500px) {
  .pro-contacts {
    display: none; }
  .pro-contacts-mobile {
    padding-bottom: 20px;
    display: block; }
    .pro-contacts-mobile .pro-contacts-count {
      position: relative; }
      .pro-contacts-mobile .pro-contacts-count .contact-info-icon {
        width: 12px;
        height: 12px;
        object-fit: contain;
        background: transparent;
        position: relative;
        top: 1px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/info-icon.svg);
        background-repeat: no-repeat; }
      .pro-contacts-mobile .pro-contacts-count .contacts-count {
        height: 16px;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000; }
      .pro-contacts-mobile .pro-contacts-count .contacts-count.error {
        color: #e53635;
        margin-bottom: 0px; }
  .pro-change-relationship-link-wrapper {
    margin-top: 0px;
    width: calc(100% - 80px); }
  .friend-radio-button {
    left: 5px !important; }
  .family-radio-button {
    left: 3px !important; }
  .acquaintance-radio-button-text {
    top: 8px;
    left: 51px;
    position: absolute;
    font-weight: bold; }
  .friend-radio-button-text {
    top: 8px;
    left: 50px;
    position: absolute;
    font-weight: bold; }
  .family-radio-button-text {
    top: 8px;
    left: 50px;
    position: absolute;
    font-weight: bold; }
  .radio-button-wrapper {
    width: 100%; }
    .radio-button-wrapper .friend-radio-button .friend-radio-checked {
      width: 35px;
      height: 35px;
      object-fit: contain; }
    .radio-button-wrapper .family-radio-button {
      margin-left: 95px; }
      .radio-button-wrapper .family-radio-button .family-radio-checked {
        width: 35px;
        height: 35px;
        object-fit: contain; }
    .radio-button-wrapper .acquaintance-radio-button {
      margin-left: 190px; }
      .radio-button-wrapper .acquaintance-radio-button .acquaintance-radio-checked {
        width: 35px;
        height: 35px;
        object-fit: contain; }
  .remove-margin {
    margin-top: 0px !important; }
  .contact-header-subtitle {
    margin-top: 0px;
    padding-left: 0px; }
  .permissions-wrapper {
    padding-bottom: 30px; }
  .recommendation-value-section {
    margin-right: 10px;
    margin-left: 10px; }
  .responsive-news-padding {
    margin-right: 10px;
    margin-left: 10px; }
  .notes-section {
    margin-right: 10px;
    margin-left: 10px; }
  .news-value-section {
    margin-right: 10px;
    margin-left: 10px; }
  .change-relationship-wrapper {
    width: 260px; }
  .tags-section {
    margin-right: 10px;
    margin-left: 10px; }
  .news-value {
    width: 100%;
    padding-right: 11px;
    padding-left: 5px; }
  .recommendation-value {
    width: 100%;
    padding-right: 11px;
    padding-left: 5px; }
  .tags-wrapper {
    padding-left: 10px;
    padding-right: 10px; }
  .connect-keywords-title {
    padding-left: 10px;
    padding-right: 10px; }
  .contact-links {
    margin-left: 0px;
    margin-top: 10px; }
  .note-wrapper {
    min-width: 100%; }
  .relationship-link-padding {
    margin-top: -20px; }
  .relationship-link-no-padding {
    margin-top: 40px; }
  .is-contacted-height {
    height: 120px !important; }
  .connect-modal-header {
    height: auto; }
    .connect-modal-header .connect-modal-header-text {
      width: 95%;
      height: auto;
      margin-top: 3px;
      padding-bottom: 0px;
      margin-bottom: 0px;
      font-size: 19px;
      padding-left: 0px; }
  .contacted-connect-modal-header {
    height: auto; }
  .connect-data-info {
    margin-top: 22px;
    width: 260px; }
  .connect-data-info-personal {
    margin-top: 22px;
    width: 260px; }
  .js-container-professionally {
    height: 110px;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px; }
  .js-container-personally {
    height: 110px;
    margin-right: 10px;
    margin-left: 10px; }
  .change-relationship-button {
    margin-top: 65px;
    margin-bottom: 20px !important; }
  .js-container-profesionally {
    height: auto; }
  .js-container-personal {
    height: 190px; }
  .radio-button-wrapper {
    margin-top: -15px; }
  .radio-button-wrapper .acquaintance-radio-button {
    margin-left: 0px;
    margin-top: 40px;
    left: 5px !important; }
  .dropdown-wrapper {
    width: 106%;
    display: block; }
  .type-dropdown {
    padding-left: 18px;
    padding-top: 5px;
    padding-right: 4px; }
  .dropdown-divider {
    font-weight: bold;
    color: #000; }
  .prospect-dropdown-wrapper {
    width: 100%; }
  .contact-management-dropdown-size {
    width: 91%; }
  .dropdown-divider {
    top: 8px;
    padding-right: 0px; }
  .contact-button-wrapper {
    margin-top: 5px;
    right: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    float: none; }
  .notes-close-button .notes-button-icon {
    top: 0px;
    margin-left: 10px !important; }
  .formated-date {
    width: 100%; }
  .permissions-text {
    padding-left: 20px;
    padding-right: 20px; }
  .contact-submit-cancel-button-wrapper {
    width: 50%;
    padding-left: 0px;
    margin-right: 0px; }
  .cancel-btn-responsive-padding {
    padding-right: 5px;
    margin-right: 0px !important; }
  .submit-btn-responsive-padding {
    padding-left: 5px; } }

@media only screen and (min-width: 500px) and (max-width: 842px) {
  .contact-links {
    margin-top: 0px; }
  .note-wrapper {
    min-width: 100%; }
    .note-wrapper .formated-date {
      width: 100%;
      max-width: 100%; } }

@media only screen and (min-width: 500px) and (max-width: 1024px) {
  .contact-button-wrapper {
    margin-top: 0px; } }

.close-video-modal {
  cursor: pointer;
  float: right;
  padding: 16px;
  position: relative;
  z-index: 5000;
  transition: all .2s ease-in-out;
  background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/icons/close-icon.svg);
  background-repeat: no-repeat; }

.close-video-modal:hover {
  transform: scale(1.1);
  background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/icons/close-icon-hover.svg); }

.view-all-notes {
  height: 16px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0aa1d8;
  margin-top: 10px;
  text-decoration: underline; }

.notes-avatar {
  background-size: 100% !important;
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px !important;
  display: block;
  cursor: pointer; }

.notes-modal-body {
  width: 100%;
  height: auto;
  padding: 20px;
  padding-top: 0px;
  display: grid;
  max-height: 720px;
  overflow-y: auto; }

.js-container-professionally .switch {
  width: 40px; }

.js-container-personally .switch {
  width: 40px; }

.tags-wrapper input[type=text]:read-only {
  background-color: transparent !important; }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);
  /* FF */
  -o-transform: rotate(180deg);
  /* Opera */
  -ms-transform: rotate(180deg);
  /* IE9 */
  transform: rotate(180deg); }

.add-notes-value-disabled {
  color: rgba(10, 161, 216, 0.33);
  pointer-events: none;
  cursor: default; }

@media only screen and (max-width: 320px) {
  .dropdown-wrapper {
    margin-top: 30px !important; }
  .contact-button-wrapper {
    display: grid;
    padding-left: 0px;
    padding-right: 10px; }
    .contact-button-wrapper .contact-submit-cancel-button-wrapper {
      width: 100%;
      padding-left: 10px;
      padding-right: 0px; }
      .contact-button-wrapper .contact-submit-cancel-button-wrapper .cancel-btn-responsive-padding {
        padding-right: 0px; }
    .contact-button-wrapper .submit-btn-responsive-padding {
      padding-right: 0px; } }

.button-disabled {
  background-color: rgba(10, 161, 216, 0.33) !important;
  border: none;
  min-width: inherit;
  width: 100%; }

.button-disabled:hover {
  background-color: rgba(10, 161, 216, 0.33) !important;
  border: none !important; }

.mobile-dropdown-list-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  background-color: #1d2026; }
  .mobile-dropdown-list-modal .mobile-dropdown-list-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    padding-right: 40px;
    padding-top: 15px; }
    .mobile-dropdown-list-modal .mobile-dropdown-list-wrapper .mobile-dropdown-list {
      height: 37px;
      font-family: Open Sans;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.57;
      letter-spacing: normal;
      text-align: left;
      color: #ffffff; }
      .mobile-dropdown-list-modal .mobile-dropdown-list-wrapper .mobile-dropdown-list span {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 30px);
        overflow: hidden;
        display: block;
        position: fixed; }
      .mobile-dropdown-list-modal .mobile-dropdown-list-wrapper .mobile-dropdown-list.no-selection {
        background-color: #1ba0d9;
        display: inline-block;
        padding: 8px 10px 10px 10px;
        border-radius: 4px; }
        .mobile-dropdown-list-modal .mobile-dropdown-list-wrapper .mobile-dropdown-list.no-selection span {
          position: initial;
          display: inline; }
  .mobile-dropdown-list-modal .close-dropdown.lines-button.x.close {
    position: fixed;
    right: 7px;
    top: 5px;
    width: 30px;
    height: 30px;
    z-index: 5000;
    line-height: 30px; }
    @media only screen and (max-width: 800px) {
      .mobile-dropdown-list-modal .close-dropdown.lines-button.x.close {
        right: -2px;
        padding-top: 0px;
        top: 5px;
        width: 40px; } }
  .mobile-dropdown-list-modal.wt-selectize .close-dropdown.lines-button.x.close {
    position: fixed;
    right: 28px;
    top: 15px;
    z-index: 3333; }
    @media only screen and (max-width: 800px) {
      .mobile-dropdown-list-modal.wt-selectize .close-dropdown.lines-button.x.close {
        right: -2px;
        padding-top: 0px;
        top: 5px;
        width: 40px; } }

.button-margin-top {
  margin-top: 20px; }

input[type="tags"], textarea {
  outline: none;
  border: 1px solid #DDDDDD; }

input[type="tags"]:focus, textarea:focus {
  box-shadow: 0 0 5px #0aa1d8;
  border: 1px solid #0aa1d8; }

.text-area-focus {
  box-shadow: 0 0 5px #0aa1d8 !important;
  border: 1px solid #0aa1d8 !important; }

wt-mutual-connections-modal {
  background-color: #EEEFF1;
  display: table;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  @media only screen and (max-width: 800px) {
    wt-mutual-connections-modal {
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      min-height: 100vh; } }
  wt-mutual-connections-modal wt-connection-card .box--media--big.box--media__connections .drop-options.show {
    max-width: calc(100% - 11px); }
  @media only screen and (max-width: 500px) {
    wt-mutual-connections-modal wt-connection-card .box--media--big.box--media__connections {
      position: initial; } }

wt-people-list-modal-v2 {
  background-color: #fff;
  display: block;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  @media only screen and (max-width: 800px) {
    wt-people-list-modal-v2 {
      border-radius: 0px;
      min-height: 100vh; } }

@media (min-width: 500px) {
  wt-people-list-modal wt-connection-card .box--media__cover {
    height: 190px; }
  wt-people-list-modal .contact-cards-wrapper .person-wrapper-list-item .no-shared {
    margin-top: 6px; }
  wt-people-list-modal-v2 wt-connection-card .box--media__cover {
    height: 190px; } }

#connectWithMemberForm .contact-management-dropdown-size .selectize-control .item {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc( 100% - 15px);
  overflow: hidden; }

#connectWithMemberForm .js-container-professionally .selectize-dropdown .selectize-dropdown-content {
  max-height: 265px; }

.contact-management-dropdown-size .selectize-control .selectize-input-disabled {
  background-color: #e0e3e8;
  border: none;
  box-shadow: none; }

@media only screen and (max-width: 1024px) and (max-width: 800px) {
  .show-on-mobile-only {
    display: block; } }

.chat-contacts-list {
  height: calc(100vh - 110px); }

@media (min-width: 600px) {
  .js-users-chat .contact-message-list {
    height: calc(100vh - 110px) !important; }
  .js-users-chat .conversation-wrapper {
    height: calc(100vh - 0px) !important; } }

.btn-rotate-image {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #0aa1d8;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/rotate-icon@2x.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position-y: calc(50% - 0px);
  background-position-x: 11px;
  position: absolute;
  bottom: 115px;
  z-index: 9;
  right: 21px;
  cursor: pointer;
  box-shadow: 0px 8px 16px 0 rgba(57, 64, 76, 0.3); }

.btn-rotate-image:hover {
  background-color: #028eca; }

.btn-rotate-image:active {
  background-color: #027db7; }

.unblock-dialog-wrapper {
  width: 600px;
  height: 250px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-top: 50px; }
  .unblock-dialog-wrapper .block-dialog-header {
    width: 600px;
    height: 70px;
    background-color: #f4f5f6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dcdfe5; }
    .unblock-dialog-wrapper .block-dialog-header .header-detail-wrapper {
      padding-left: 30px;
      padding-top: 20px; }
      .unblock-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-title {
        width: 155px;
        height: 27px;
        font-family: Montserrat;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #1d2026; }
        @media only screen and (max-width: 400px) {
          .unblock-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-title {
            display: inline-block;
            width: auto; } }
      .unblock-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-info {
        width: 100%;
        height: 16px;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        display: flex; }
      .unblock-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-avatar {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        margin-right: 20px;
        float: right; }

.block-dialog-wrapper {
  width: 600px;
  height: auto;
  border-radius: 4px;
  background-color: #ffffff;
  margin-top: 50px; }
  .block-dialog-wrapper .remove-recommendation-selection {
    width: auto;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    margin-left: 30px;
    margin-right: 10px;
    color: #586476;
    cursor: pointer;
    height: 24px;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/box_unchecked.svg);
    background-repeat: no-repeat;
    margin-top: 33px;
    padding-left: 35px;
    padding-top: 3px; }
    @media only screen and (max-width: 600px) {
      .block-dialog-wrapper .remove-recommendation-selection {
        margin-left: 20px; } }
    .block-dialog-wrapper .remove-recommendation-selection.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/box_checked.svg); }
  .block-dialog-wrapper .block-dialog-header {
    height: 67px;
    width: 600px;
    background-color: #f4f5f6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dcdfe5; }
    .block-dialog-wrapper .block-dialog-header .header-detail-wrapper {
      padding-left: 30px;
      padding-top: 20px; }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-title {
        width: 155px;
        height: 27px;
        font-family: Montserrat;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026; }
        @media only screen and (max-width: 400px) {
          .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-title {
            width: 250px;
            display: inline-block; } }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-info {
        width: 100%;
        height: 16px;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        display: flex; }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-avatar {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        margin-right: 20px;
        float: right; }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper div .icon-close {
        position: absolute;
        right: 18px;
        margin-top: 7px; }
        @media only screen and (max-width: 400px) {
          .block-dialog-wrapper .block-dialog-header .header-detail-wrapper div .icon-close {
            display: inline-block; } }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper div:hover {
        color: #303a44; }
  .block-dialog-wrapper .report-form {
    margin-top: -5px;
    margin-right: 18px; }
    .block-dialog-wrapper .report-form div.form-field {
      margin-left: 30px;
      margin-top: 20px; }
      .block-dialog-wrapper .report-form div.form-field label {
        display: flex;
        margin-top: 10px; }
        .block-dialog-wrapper .report-form div.form-field label img {
          width: 24px;
          height: 24px;
          margin-top: -2px; }
        .block-dialog-wrapper .report-form div.form-field label span {
          margin-left: 10px;
          font-size: 14px;
          font-weight: 600; }
  .block-dialog-wrapper .report-confirm {
    margin-left: 30px;
    margin-right: 18px;
    line-height: normal;
    font-family: Montserrat;
    font-size: 15px; }

.block-dialog-body .block-dialog-body-info {
  display: grid;
  padding-top: 20px;
  padding-left: 30px;
  max-width: 540px; }

.block-dialog-body span {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #535e70; }

.block-user-dialog-button-wrapper {
  padding-right: 30px;
  width: 100%;
  margin-top: 33px;
  padding-bottom: 30px; }
  .block-user-dialog-button-wrapper .cancel-block-webtalk-user {
    width: 150px;
    height: 46px;
    border-radius: 4px;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0aa1d8;
    text-align: center;
    border: 1px solid;
    line-height: 3;
    margin-left: 260px;
    text-decoration: none; }
  .block-user-dialog-button-wrapper .block-webtalk-user {
    width: 150px;
    height: 46px;
    border-radius: 4px;
    float: right;
    background-color: #0aa1d8;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    line-height: 3;
    text-decoration: none; }

.chat-dropdown-box-new {
  width: 250px;
  height: auto;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
  background-color: #1d2026;
  border-radius: 4px; }

.chat-dropdown-box-new:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1d2026;
  right: 9px;
  top: -6px;
  position: absolute; }

.chat-block-user {
  width: 250px;
  height: 36px; }

.chat-block-user:hover {
  background-color: #485261;
  border-radius: 4px; }

.block-icon {
  width: 17px;
  height: 16px;
  object-fit: contain;
  margin-top: 10px; }

.block-title {
  padding-left: 10px;
  line-height: 2.5;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff; }

.block-title-link {
  display: inline-flex;
  padding-left: 10px;
  border-radius: 4px; }

.block-title-link:hover {
  text-decoration: none; }

.block-title:hover {
  text-decoration: none; }

.settings-unblock-user {
  width: 60px;
  height: 21px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  color: #0aa1d8;
  margin-top: 5px; }

.truncate-blocked-name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.settings-unblock-user:hover {
  text-decoration: none; }

.user-blocked-name {
  font-size: 12px;
  font-weight: 600; }

.truncate-ocupation {
  width: 390px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px; }

.view-all-blocks {
  padding-bottom: 10px;
  float: right; }

.view-all-blocks:hover {
  text-decoration: none; }

.block-names-wrapper {
  padding-left: 45px;
  width: 88%; }

@media only screen and (max-width: 600px) {
  .block-dialog-body .block-dialog-body-info {
    padding: 20px; }
  .block-names-wrapper {
    width: 78%; }
  .block-dialog-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: #ffffff;
    margin-top: 0px; }
    .block-dialog-wrapper .block-dialog-header {
      width: 100%;
      height: auto; }
      .block-dialog-wrapper .block-dialog-header .header-detail-wrapper {
        padding-bottom: 20px;
        padding-left: 20px; }
        .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-info {
          display: inherit;
          height: auto; } }
        @media only screen and (max-width: 600px) and (max-width: 380px) {
          .block-dialog-wrapper .block-dialog-header .header-detail-wrapper .block-dialog-header-info {
            display: inline-block; } }

@media only screen and (max-width: 600px) {
    .block-dialog-wrapper .block-dialog-body .remove-recommendation-selection {
      margin-top: 33px; }
  .block-user-dialog-button-wrapper {
    padding: 20px;
    display: inline-flex;
    bottom: 0;
    position: absolute; }
    .block-user-dialog-button-wrapper .cancel-block-webtalk-user {
      width: 100%;
      margin-left: 0px !important;
      margin-right: 5px;
      margin-left: 260px; }
    .block-user-dialog-button-wrapper .block-webtalk-user {
      width: 100%;
      margin-left: 5px; }
  .unblock-dialog-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: #ffffff;
    margin-top: 0px; }
    .unblock-dialog-wrapper .block-dialog-header {
      width: 100%;
      height: 70px;
      background-color: #f4f5f6;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom: 1px solid #dcdfe5; }
    .unblock-dialog-wrapper .cancel-block-webtalk-user {
      width: 100%;
      margin-left: 0px !important;
      margin-right: 5px;
      margin-left: 260px; }
    .unblock-dialog-wrapper .block-webtalk-user {
      width: 100%;
      margin-left: 5px; }
    .unblock-dialog-wrapper .block-user-dialog-button-wrapper {
      padding: 20px;
      display: inline-flex;
      bottom: 0;
      position: absolute; }
      .unblock-dialog-wrapper .block-user-dialog-button-wrapper .cancel-block-webtalk-user {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 5px;
        margin-left: 260px; }
      .unblock-dialog-wrapper .block-user-dialog-button-wrapper .block-webtalk-user {
        width: 100%;
        margin-left: 5px; } }

.truncate-ocupation {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px; }

.unblock-page-component {
  top: 25px; }

@media only screen and (max-width: 800px) {
  .unblock-page-component {
    top: 70px; }
  .unblock-list-back-button {
    margin-top: 44px; } }

.embed-container iframe {
  width: 100%;
  height: 100%; }

.iframe-wrapper {
  position: relative;
  overflow: hidden;
  display: table-row;
  height: 100%;
  width: 100%; }

.doc-file-iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

#vimeo-video {
  width: 100%;
  height: 100%; }

.videos-views {
  min-height: 25% !important; }

@media only screen and (max-width: 600px) {
  .iframe-wrapper {
    position: initial;
    overflow: hidden;
    padding-top: 88.25%; } }

.control__indicator.already-invited-email-checkbox {
  background: #909BAD;
  border: none; }

.mobile-lightbox-name {
  float: left;
  font-family: Open Sans;
  font-size: 13px;
  color: #535e70;
  line-height: 30px;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 35px); }

.lightbox-mobile-link {
  padding-left: 10px;
  font-size: 13px;
  font-weight: 600;
  font-family: Open Sans;
  color: #ffffff; }

.edit-description-link {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  color: #0aa1d8;
  margin-top: 5px; }

@media only screen and (min-width: 600px) and (max-width: 800px) {
  .no-file-preview-text {
    position: absolute;
    width: 100%;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .no-file-preview-height {
    height: 432px; } }

.no-file-preview-text {
  position: absolute;
  width: 100%;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%); }

@media only screen and (max-width: 600px) {
  .lightbox__subtitle {
    margin-top: -4px;
    position: absolute; }
  .viewer__sidebar .description {
    margin-top: -10px !important;
    font-family: Open Sans;
    font-size: 14px;
    color: #1d2026; }
  .viewer__sidebar .lightbox-info {
    margin-top: 20px;
    padding: 11px; }
  .viewer__sidebar .user-info-wrapper {
    padding-top: 0px !important; }
  .viewer__sidebar .lightbox-avatar {
    width: 32px;
    height: 31px; }
    .viewer__sidebar .lightbox-avatar .media__img {
      max-width: 100%; } }

@media only screen and (max-width: 320px) {
  .lightbox-mobile-link {
    padding-left: 10px;
    font-size: 11px;
    font-weight: 600;
    font-family: Open Sans;
    color: #ffffff; } }

.croppie-close-button {
  margin-top: 3px;
  margin-right: -5px; }

.croppie-close-button-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/close.svg);
  background-repeat: no-repeat;
  width: 17px;
  height: 16px;
  object-fit: contain; }

.croppie-close-button:hover .croppie-close-button-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/close-hover.svg);
  background-repeat: no-repeat; }

.croppie-new-button-wrapper {
  width: 33.333% !important; }
  .croppie-new-button-wrapper .croppie-new-button {
    background-color: #1980ce;
    border-radius: 4px;
    width: 89px; }

.croppie-cancel-button-wrapper {
  width: 33.333% !important;
  margin-left: 20px; }
  .croppie-cancel-button-wrapper .croppie-cancel-button {
    line-height: 19px;
    width: 85px;
    float: right; }

.croppie-done-button-wrapper {
  width: 33.333% !important; }
  .croppie-done-button-wrapper .croppie-done-button {
    width: 76px !important;
    float: right; }

.lightbox-update-desc {
  cursor: pointer;
  padding: 11px 14px 10px 12px; }

@media only screen and (max-width: 320px) {
  .croppie-new-button-wrapper {
    width: 33.333% !important; }
    .croppie-new-button-wrapper .croppie-new-button {
      background-color: #1980ce;
      border-radius: 4px;
      width: 76px; }
  .croppie-cancel-button-wrapper {
    width: 33.333% !important;
    margin-left: 20px; }
    .croppie-cancel-button-wrapper .croppie-cancel-button {
      line-height: 19px;
      width: 71px;
      float: right;
      padding-left: 13px !important; }
  .croppie-done-button-wrapper {
    width: 33.333% !important; }
    .croppie-done-button-wrapper .croppie-done-button {
      width: 62px !important;
      float: right; } }

.group-posting {
  margin-left: 0px;
  width: 100%;
  display: table;
  padding-top: 10px; }
  .group-posting div {
    position: absolute;
    display: contents; }
    .group-posting div .posting-text {
      font-weight: bold;
      display: table;
      color: #1d2026; }

.pro-getmore-btn-mobile {
  width: 82px;
  line-height: 30px;
  border-radius: 4px;
  background-color: #0aa1d8;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center; }

@media (min-width: 768px) {
  .talkboxcomponent .pasted-border {
    margin-top: 75px; }
  .talkboxcomponent .modal-md {
    width: 650px !important; }
    .talkboxcomponent .modal-md .modal-content {
      border-radius: 4px !important; }
  .talkboxcomponent wt-spot-light-update {
    margin-left: -20px;
    width: calc(100% + 40px); } }

.disabled-button-message {
  background-color: #cfd4db !important;
  color: #F5F5F5 !important;
  padding: 0 !important;
  border: none !important; }

.dashboard-link {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: white;
  text-decoration: none;
  display: block;
  text-align: right;
  cursor: pointer; }

.dashboard-link:hover {
  text-decoration: none; }

.title-reward {
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39414d;
  text-align: center; }

.subtitle-reward {
  font-family: Open Sans;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #39414d;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

.button-rewards {
  font-family: Open Sans;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: white;
  background-color: #006aff;
  padding: 17px 75px;
  margin: auto;
  display: block;
  border-radius: 4px; }

@media (max-width: 768px) {
  .button-rewards {
    padding: 17px 57px !important; } }

.inner-content {
  padding: 40px 30px 30px 30px; }

.container-rewards {
  max-width: 360px;
  background-color: white; }

.top-back {
  height: 91px;
  display: block;
  padding: 10px 20px;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/Topheader@3x.png);
  background-repeat: no-repeat;
  background-size: contain; }

.gift-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/gift-icon-1@3x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 117px;
  height: 101px;
  position: absolute;
  left: 117px;
  top: 10px; }

.gift-icon-open {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/gift-icon-open-1@3x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 87px;
  height: 107px;
  position: absolute;
  left: 135px;
  top: 10px; }

div#webtalkGift {
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px; }

.webtalk-rewards {
  height: auto;
  display: block;
  margin: auto; }
  @media only screen and (max-width: 800px) {
    .webtalk-rewards {
      margin-top: 90px; } }

.gift-icon-open-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/gift-icon-open-1@3x.png);
  background-size: contain;
  height: 94px;
  background-position: center;
  width: 97%;
  display: inline-block;
  background-repeat: no-repeat; }

.gift-icon-mobile {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/gift-icon-1@3x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 97%;
  height: 101px;
  background-position: center;
  display: inline-block; }

.redirect-button {
  text-decoration: none;
  margin: auto;
  display: block; }

.redirect-button:hover {
  text-decoration: none; }

.modal-overlay {
  z-index: 205; }
  @media only screen and (max-width: 800px) {
    .modal-overlay {
      z-index: 204; } }

.modal-container2.webtalk--window {
  font-family: 'Open Sans', sans-serif; }
  .modal-container2.webtalk--window .modal {
    font-family: 'Montserrat'; }

.frame {
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 1px #E4E7E7;
  padding: 6px; }

.contact--card .contact--card__img {
  margin-right: 12px; }

.contact--card .contact--card__name {
  color: #2E3E50;
  font-weight: 600;
  line-height: 1.2em;
  padding-top: 4px; }

.contact--card .contact--card__job {
  color: #586476;
  font-family: "Open Sans", serif;
  line-height: 17px;
  font-size: 13px; }

.contact--card .link--color,
.contact--card .link-underline,
.contact--card .link--seemore,
.contact--card .comments__comment-link {
  line-height: 1.7em; }

.contact--card .contact--card__vertical {
  line-height: 70px; }

.contact--card-simple .media__img {
  margin-right: 15px; }

.contact--card-simple .media__body {
  padding-top: 14px; }

.already_sent {
  color: #0aa1d8; }

.contact- {
  background-image: url(https://wt-local-user-files.s3.amazonaws.com/10001731/c63d16a5639b4fc9be33a7ab4e79e834_ac13b2d7fc3f4c4daeb0188082365398.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

button {
  display: inline-block;
  margin: 0;
  border: none;
  background: none;
  outline: none; }
  button span {
    display: block; }

.lines-button {
  line-height: 45px;
  padding: 1.5625rem;
  transition: .3s;
  cursor: pointer;
  user-select: none; }
  @media only screen and (min-width: 700px) {
    .lines-button {
      line-height: 55px; } }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: none; }

.lines {
  display: inline-block;
  width: 1.4rem;
  height: 0.14286rem;
  background: #CCC;
  transition: 0.3s;
  position: relative;
  vertical-align: middle; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 1.4rem;
    height: 0.14286rem;
    background: #CCC;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center; }
  .lines:before {
    top: 0.4rem; }
  .lines:after {
    top: -0.4rem; }

.lines-button:hover .lines {
  background: #FFFFFF; }
  .lines-button:hover .lines:before, .lines-button:hover .lines:after {
    background: #FFFFFF; }

.lines-button.x.close .lines {
  background: transparent;
  left: -0.2rem; }
  .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem; }
  .lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

.x-close {
  color: gray;
  position: absolute;
  right: 20px;
  text-decoration: none;
  top: 20px;
  z-index: 999; }

@media only screen and (max-width: 480px) {
  .lines-button.x.close .lines {
    width: 100%; }
  .modal-width-sharing .lines-button.x.close .lines {
    width: 1.4rem; } }

.progress {
  background: #6A737F;
  border-radius: 2px;
  color: #FFFFFF;
  height: 15px;
  line-height: 15px;
  position: relative;
  overflow: hidden; }
  .progress .progress-bar {
    background: #00A3D9;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 0; }
  .progress span {
    font-size: 12px;
    position: relative;
    z-index: 10; }

.selectize-input {
  padding: 9px 23px 10px 10px;
  border-width: 1px;
  box-shadow: none; }
  .selectize-input.focus {
    box-shadow: none; }
  .selectize-input i.icon-public {
    color: #FFBA49; }
  .selectize-input i.icon-allconnections {
    color: #4bc5c3; }
  .selectize-input i.icon-perconnections {
    color: #0aa1d8; }
  .selectize-input i.icon-profconnections {
    color: #5f676f; }
  .selectize-input i.icon-connect {
    color: #3b658c; }
  .selectize-input.dropdown-active:before {
    display: none; }

.selectize__blue .selectize-input {
  border-radius: 4px;
  font-size: 14px;
  color: #3F464B;
  line-height: 21px; }
  .selectize__blue .selectize-input:hover {
    background: #05a4dc;
    color: white; }
    .selectize__blue .selectize-input:hover.input-active {
      color: #667586; }

.selectize-control {
  height: 41px; }
  .selectize-control.single .selectize-input:after {
    font-family: 'webtalk';
    content: "\e613";
    border: 0;
    height: 14px;
    margin-top: -8px;
    width: 14px;
    right: 5px; }
  .selectize-control.single .selectize-input.dropdown-active:after {
    border: 0;
    margin-top: -8px; }
  .selectize-control.multi {
    height: auto; }
    .selectize-control.multi .selectize-input {
      height: auto; }
      .selectize-control.multi .selectize-input > div {
        background: #ced4d7;
        border-radius: 2px;
        color: #FFF;
        font-size: 14px;
        padding: 6px 10px; }
      .selectize-control.multi .selectize-input.has-items {
        padding: 4px 8px 1px; }
  .selectize-control.multi-big .selectize-input {
    min-height: 100px; }
  .selectize-control.plugin-remove_button [data-value] .remove {
    border-left: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 0 0 0; }

.contact-management-dropdown-size .selectize-dropdown-mobile {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2000;
  height: 100%;
  width: 100% !important; }

.contact-management-dropdown-size .selectize-control {
  height: 41px; }
  .contact-management-dropdown-size .selectize-control.single .selectize-input:after {
    height: 0;
    width: 0;
    font-family: 'webtalk';
    content: "";
    margin-top: -3px;
    right: 12px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent; }
  .contact-management-dropdown-size .selectize-control.single .selectize-input.dropdown-active:after {
    border: 0;
    margin-top: -8px; }
  .contact-management-dropdown-size .selectize-control.single .selectize-input-disabled:after {
    height: 0;
    width: 0;
    font-family: 'webtalk';
    content: "";
    margin-top: -3px;
    right: 12px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #80808082 transparent transparent transparent; }
  .contact-management-dropdown-size .selectize-control.single .selectize-input-disabled.dropdown-active:after {
    border: 0;
    margin-top: -8px; }
  .contact-management-dropdown-size .selectize-control.multi {
    height: auto; }
    .contact-management-dropdown-size .selectize-control.multi .selectize-input {
      height: auto; }
      .contact-management-dropdown-size .selectize-control.multi .selectize-input > div {
        background: #ced4d7;
        border-radius: 2px;
        color: #FFF;
        font-size: 14px;
        padding: 6px 10px; }
      .contact-management-dropdown-size .selectize-control.multi .selectize-input.has-items {
        padding: 4px 8px 1px; }
  .contact-management-dropdown-size .selectize-control.multi-big .selectize-input {
    min-height: 100px; }
  .contact-management-dropdown-size .selectize-control.plugin-remove_button [data-value] .remove {
    border-left: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 0 0 0; }

.contact-management-dropdown-size .selectize-dropdown-content {
  border-radius: 5px;
  max-height: 260px; }
  .contact-management-dropdown-size .selectize-dropdown-content > div {
    background: #1d2026;
    color: #d6d7dd;
    height: 37px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .contact-management-dropdown-size .selectize-dropdown-content > div:first-child {
      border-radius: 4px 4px 0 0;
      padding-top: 10px;
      height: 37px; }
    .contact-management-dropdown-size .selectize-dropdown-content > div.selected {
      background: #303a44; }
    .contact-management-dropdown-size .selectize-dropdown-content > div.active {
      background: #000;
      color: #d6d7dd; }
      .contact-management-dropdown-size .selectize-dropdown-content > div.active:hover {
        background: #586476;
        color: #d6d7dd; }
    .contact-management-dropdown-size .selectize-dropdown-content > div:last-child {
      border-radius: 0 0 4px 4px;
      padding-bottom: 10px; }
  .contact-management-dropdown-size .selectize-dropdown-content .selectize-custom__text {
    background: #303a44;
    color: #d6d7dd; }
    .contact-management-dropdown-size .selectize-dropdown-content .selectize-custom__text.active:hover {
      background: #000; }
    .contact-management-dropdown-size .selectize-dropdown-content .selectize-custom__text:last-child {
      border-radius: 0 0 4px 4px; }

#sharing-post-modal .selectize-control.multi-big .selectize-input {
  min-height: 60px; }

#sharing-post-modal .selectize-control.multi .selectize-input > div {
  background: #505D72; }

.selectize-dropdown {
  background: #303a44;
  border: 0;
  border-radius: 4px;
  margin-top: 15px; }
  .selectize-dropdown .optgroup-header {
    background: #303a44;
    color: #d6d7dd;
    padding: 5px 14px !important; }
  .selectize-dropdown .selectize-custom__text {
    padding: 5px 14px !important; }
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-radius: 4px 4px 0 0; }
  .selectize-dropdown:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #303a44;
    left: 10px;
    top: -8px;
    position: absolute; }
  .selectize-dropdown.up:before {
    border-bottom: none !important;
    border-top: 8px solid #303a44 !important;
    top: auto !important;
    bottom: -8px !important; }
  .selectize-dropdown [data-selectable],
  .selectize-dropdown .optgroup-header {
    padding: 5px 10px; }

.selectize-custom__text {
  line-height: 18px;
  width: 100%; }
  .selectize-custom__text i {
    padding-right: 10px;
    vertical-align: middle; }
  .selectize-custom__text:hover i.icon-public {
    color: #FFBA49; }
  .selectize-custom__text:hover i.icon-allconnections, .selectize-custom__text:hover i.icon-All {
    color: #4bc5c3; }
  .selectize-custom__text:hover i.icon-perconnections, .selectize-custom__text:hover i.icon-Personal {
    color: #0aa1d8; }
  .selectize-custom__text:hover i.icon-Staff {
    color: #FFBA49; }
  .selectize-custom__text:hover i.icon-profconnections, .selectize-custom__text:hover i.icon-Pro {
    color: #5f676f; }
  .selectize-custom__text:hover i.icon-connect, .selectize-custom__text:hover i.icon-Groups {
    color: #3b658c; }

.input-active input {
  width: 4px;
  opacity: 0;
  position: absolute !important;
  left: -10000px !important; }

.selectize-dropdown-content {
  border-radius: 5px;
  max-height: 255px; }
  .selectize-dropdown-content > div {
    background: #303a44;
    color: #d6d7dd; }
    .selectize-dropdown-content > div:first-child {
      border-radius: 4px 4px 0 0;
      padding-top: 10px; }
    .selectize-dropdown-content > div.selected {
      background: #303a44; }
    .selectize-dropdown-content > div.active {
      background: #000;
      color: #d6d7dd; }
      .selectize-dropdown-content > div.active:hover {
        background: #000;
        color: #d6d7dd; }
    .selectize-dropdown-content > div:last-child {
      border-radius: 0 0 4px 4px;
      padding-bottom: 10px; }
  .selectize-dropdown-content .selectize-custom__text {
    background: #303a44;
    color: #d6d7dd; }
    .selectize-dropdown-content .selectize-custom__text.active:hover {
      background: #000; }
    .selectize-dropdown-content .selectize-custom__text:last-child {
      border-radius: 0 0 4px 4px; }

.select--width-auto .selectize-input {
  min-width: 100px;
  width: auto; }

.select--width-auto .selectize-dropdown {
  min-width: 210px;
  left: 25px !important; }

.select--clear .selectize-input {
  background: transparent;
  border: 0;
  padding: 9px 23px 10px 0; }
  .select--clear .selectize-input.input-active {
    background: transparent !important; }

.select--clear .selectize-dropdown {
  margin-top: 0; }

.select--autoheight .selectize-dropdown-content {
  max-height: inherit; }

#sharewithSettingsMobile .selectize-custom__text i {
  margin-top: 1px; }

.newsTalkBoxSharingOptions .selectize-custom__text i {
  margin-top: 1px; }

.no-selection {
  background-color: #1ba0d9 !important; }

.no-selection:hover {
  background: #1a8ccb !important; }

.write-box {
  padding-right: 1px;
  position: relative; }
  .write-box .input--text,
  .write-box .selectize-input {
    background-color: #FFFFFF;
    height: auto;
    line-height: 1.6;
    min-height: 32px;
    padding: 5px 10px;
    resize: none; }
  .write-box .buttons--comment {
    position: absolute;
    right: 0;
    top: 0; }
    .write-box .buttons--comment .icon {
      color: #b0b9c1;
      font-size: 18px;
      line-height: 32px;
      transition: all 0.5s ease; }
    .write-box .buttons--comment a:hover {
      text-decoration: none; }
      .write-box .buttons--comment a:hover i {
        color: #303a44; }

.write-box--icon .input--text,
.write-box--icon .selectize-input {
  padding-right: 30px; }

.talkboxInput {
  border-radius: 2px;
  border: 2px solid #FFBA49;
  box-sizing: border-box;
  padding-left: 65px !important;
  padding-right: 95px;
  line-height: 22px;
  width: 100%;
  min-height: 60px !important;
  height: auto;
  padding-top: 5px;
  white-space: pre-line;
  outline: 0 solid transparent;
  word-break: break-word; }
  .talkboxInput div:empty:before {
    height: 20px;
    display: block; }

.wordBreaker {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.news-box.allconnections .btn,
.news-box.allconnections .upload-avatar__input {
  background: #4bc5c3; }

.news-box.allconnections textarea.input--text, .news-box.allconnections textarea.selectize-input {
  border-color: #4bc5c3 !important; }

.news-box.allconnections .talkboxInput {
  border-color: #4bc5c3 !important; }

.news-box.perconnections textarea.input--text, .news-box.perconnections textarea.selectize-input {
  border-color: #0aa1d8 !important; }

.news-box.perconnections .talkboxInput {
  border-color: #0aa1d8 !important; }

.news-box.perconnections .btn,
.news-box.perconnections .upload-avatar__input {
  background: #0aa1d8; }

.news-box.profconnections textarea.input--text, .news-box.profconnections textarea.selectize-input {
  border-color: #5f676f !important; }

.news-box.profconnections .talkboxInput {
  border-color: #5f676f !important; }

.news-box.profconnections .btn,
.news-box.profconnections .upload-avatar__input {
  background: #5f676f; }

.news-box.profconnections .talkboxInput {
  border-color: #5f676f; }

.news-box.connect textarea.input--text, .news-box.connect textarea.selectize-input {
  border-color: #5f676f !important; }

.news-box.connect .btn,
.news-box.connect .upload-avatar__input,
.news-box.connect .talkboxInput {
  background: #3b658c; }

.news-box .list-checkbox {
  text-align: right; }
  .news-box .list-checkbox li {
    margin-left: 8px; }
    .news-box .list-checkbox li:last-child {
      margin-right: 10px; }

.new-box--clear {
  padding: 10px 0; }

@media only screen and (max-width: 800px) {
  .news-box.allconnections > div > .list--big-icons {
    background: #4bc5c3; }
    .news-box.allconnections > div > .list--big-icons > li:first-child:after {
      content: '';
      border-right: 1px solid #4DB7B5;
      border-top: 30px solid #4DB7B5; }
  .news-box.allconnections .box--attach-mobile {
    border: 1px solid #4bc5c3;
    border-top: none; }
  .news-box.perconnections > div > .list--big-icons {
    background: #0aa1d8; }
    .news-box.perconnections > div > .list--big-icons > li:first-child:after {
      content: '';
      border-right: 1px solid #1E96C1;
      border-top: 30px solid #1E96C1; }
  .news-box.perconnections .box--attach-mobile {
    border: 1px solid #0aa1d8;
    border-top: none; }
  .news-box.profconnections > div > .list--big-icons {
    background: #5f676f; }
    .news-box.profconnections > div > .list--big-icons > li:first-child:after {
      content: '';
      border-right: 1px solid #676D73;
      border-top: 30px solid #676D73; }
  .news-box.profconnections .box--attach-mobile {
    border: 1px solid #5f676f;
    border-top: none; }
  .news-box.connect > div > .list--big-icons {
    background: #3b658c; }
    .news-box.connect > div > .list--big-icons > li:first-child:after {
      content: '';
      border-right: 1px solid #466E94;
      border-top: 30px solid #466E94; }
  .news-box.connect .box--attach-mobile {
    border: 1px solid #3b658c;
    border-top: none; }
  .new-box--clear.height--fixed {
    padding: 0;
    min-height: auto;
    margin-top: 10px;
    margin-bottom: 12px; }
  .sortingdropdown .dropdown-box-new {
    display: block; }
    .sortingdropdown .dropdown-box-new:before {
      margin-top: 5px; } }

@media only screen and (max-width: 800px) {
  wt-single-media-page {
    display: table;
    width: 100%;
    margin-top: 110px; } }

@media only screen and (max-width: 800px) {
  wt-single-media-page {
    margin-top: 50px; } }

.postPanelImagesMedia {
  /* width */ }
  .postPanelImagesMedia::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px; }
  @media only screen and (min-width: 801px) {
    .postPanelImagesMedia {
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      .postPanelImagesMedia::-webkit-scrollbar-track {
        background: #fff;
        box-shadow: inset 0 0 5px white;
        border-radius: 15px; }
      .postPanelImagesMedia::-webkit-scrollbar-thumb {
        background: #cfd4db; }
      .postPanelImagesMedia::-webkit-scrollbar-thumb:hover {
        background: #c4c4c4; } }
  .postPanelImagesMedia table td {
    padding-right: 1px;
    padding-bottom: 5px; }
  .postPanelImagesMedia .post--media--thumb .media--overlay {
    width: calc(100% - 1px);
    height: calc(100% - 1px) !important;
    cursor: pointer;
    z-index: 1;
    top: 0px;
    left: 0px;
    display: block;
    margin: 0px;
    padding: 0px; }
  .postPanelImagesMedia .mainblock .type-web-youtube, .postPanelImagesMedia .mainblock .type-web-vimeo {
    z-index: 8;
    opacity: 1; }
  .postPanelImagesMedia .mainblock .video-overlay {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 6;
    border-radius: 4px; }
  .postPanelImagesMedia .mainblock:hover .video-overlay {
    display: none; }
  .postPanelImagesMedia .mainblock:hover wt-photo-thumb {
    opacity: 0.5 !important; }
  .postPanelImagesMedia .mainblock:hover .type-web-youtube, .postPanelImagesMedia .mainblock:hover .type-web-vimeo {
    z-index: 8;
    opacity: 0.6; }

@media only screen and (max-width: 700px) {
  .comments__lists-item--reply .media--thumb img {
    height: auto;
    width: auto !important;
    max-height: 200px;
    max-width: calc(100% - 0px) !important; } }

@media only screen and (max-width: 800px) {
  .singleNewsPage {
    display: block;
    width: 100%;
    margin-top: 40px; } }

@media only screen and (max-width: 800px) {
  .singleNewsPage {
    margin-top: 70px; } }

.singleNewsPage .postpanel .btncontrols {
  width: 100%; }

.edit-post__editable .post-file-view-layer .icon-delete {
  display: block; }

.connection-request {
  color: #0aa1d8;
  cursor: pointer;
  font-weight: 600; }

@media screen and (max-width: 767px) {
  .home-news-wrapper .show-post-ad {
    overflow-x: hidden;
    max-width: 100%; } }

.postpanel .clear-preview {
  display: none; }

.postpanel .wt-talk-box .clear-preview {
  display: block; }

.postpanel .username--heading--job {
  min-height: 22px;
  height: auto; }

@media only screen and (max-width: 800px) {
  .postpanel .media-footer.island {
    padding-top: 0px !important; } }

.postpanel .media-content wt-truncate-text {
  line-height: 16px; }

.postpanel .comments__lists-item wt-truncate-text {
  line-height: 15px;
  word-break: break-word; }

.postpanel .tag-click {
  font-weight: 600; }

.lightbox-list--comments .list--share li {
  border-top: 0px; }

.edit-news-copy-clipboard {
  padding-bottom: 2px;
  content: '';
  display: inline-flex;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/link@2x.png) no-repeat 0 0;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-right: 4px; }

.morecontent {
  padding-left: 0px;
  cursor: pointer; }

.shortText {
  padding-bottom: 15px;
  clear: both; }
  .shortText .dots {
    padding-right: 3px; }

.edit-post .static-post .txt {
  margin-right: 5px;
  color: #627384; }

.edit-post .static-post a {
  color: #0aa1d8;
  display: inline-block;
  width: auto;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom; }
  @media only screen and (max-width: 800px) {
    .edit-post .static-post a {
      max-width: 100%; } }

.edit-post .static-post .topBtn {
  width: 100%;
  padding-top: 3px;
  text-align: right; }

.edit-post .static-post .dots {
  padding-right: 3px; }

.edit-post .static-post .morecontent {
  padding-left: 0px; }

.edit-post .js-comments-box .static-post {
  color: #1d2026; }
  .edit-post .js-comments-box .static-post .comments__comment {
    color: #627384; }

.js-comments-box .edit-post .static-post a {
  color: #627384; }

.postpanel .user_title_panel {
  width: calc( 100% - 88px) !important; }
  .postpanel .user_title_panel.other-user-post {
    width: calc( 100% - 55px) !important; }

.postpanel .user_title_panel_withconfidence {
  width: calc(100% - 10% - 165px) !important; }
  @media only screen and (max-width: 500px) {
    .postpanel .user_title_panel_withconfidence {
      width: 82% !important; } }
  @media only screen and (max-width: 400px) {
    .postpanel .user_title_panel_withconfidence {
      width: 80% !important; } }
  @media only screen and (max-width: 345px) {
    .postpanel .user_title_panel_withconfidence {
      width: 78% !important; } }

.postpanel .horizontal__icons.buttons--right {
  margin-left: 0px !important; }

.postpanel .confidential_stamp {
  width: 155px; }
  @media only screen and (min-width: 500px) {
    .postpanel .confidential_stamp {
      margin-top: -8px;
      margin-right: 5px; }
      .postpanel .confidential_stamp.is-pinned-post {
        margin-right: 28px; } }

.postpanel .privacyiconsul {
  width: auto;
  float: right; }
  .postpanel .privacyiconsul .relative .dropdown-box-new:before {
    margin-top: 5px; }

.notOwnProfile .user_title_panel {
  width: 100% !important; }

.notOwnProfile .user_title_panel_withconfidence {
  width: calc(100% - 10% - 115px) !important; }
  @media only screen and (max-width: 500px) {
    .notOwnProfile .user_title_panel_withconfidence {
      width: 100% !important; } }

.messages-title-one-line {
  display: inline-block;
  width: calc(90% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.share-modal-description-field a {
  color: #0aa1d8; }

.dropdown-box-new__title .icon-top {
  background-image: url(/app/assets/images/icons/top-news-grey.svg); }

.dropdown-box-new__title .icon-Onlyme {
  background: url("/common/images/icons/only-me-over.svg") no-repeat; }

.upload_modal .sharewithdropdown .icon-Public-panel:hover .icon-Public {
  background-image: url("/common/images/icons/public-over.svg") !important; }

.new-box--clear {
  height: auto;
  padding-top: 14px; }

wt-main-header-directive .list--icon-text li {
  margin-left: 15px; }

.news_search_icon {
  position: relative;
  margin-top: -3px;
  float: right; }
  @media only screen and (max-width: 800px) {
    .news_search_icon {
      margin-top: 7px; }
      .news_search_icon a {
        padding: 6px !important; }
      .news_search_icon .border {
        border: none !important; }
      .news_search_icon .seach-news-toggle {
        background-color: #b0b8c4; } }
  .news_search_icon .border {
    height: 18px;
    width: 2px;
    position: absolute;
    top: 4px !important;
    left: 0px;
    border-left: 1px solid #c0c3c8; }

@media only screen and (max-width: 800px) {
  .new-box--clear {
    /* line 963, public/app/assets/stylesheets/shared/core/_forms.scss */
    margin-bottom: 0px; }
    .new-box--clear .fixed--mobile-navigator .box--filters {
      margin-top: 12px; } }

.shared-news-panel {
  display: block;
  width: 100%; }

.disabled-comment-request-option {
  padding: 0px 27px 15px 0px;
  text-align: right;
  margin-top: -5px; }
  @media only screen and (max-width: 800px) {
    .disabled-comment-request-option {
      text-align: center; } }

.comment-disabled-parent {
  border-radius: 100px;
  background-color: #f4f5f6;
  font-size: 12px;
  height: 30px;
  padding: 6px 15px 15px 15px;
  text-align: center;
  color: #647287; }

.disabled-comment-toaster {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px; }
  @media only screen and (min-width: 1000px) {
    .disabled-comment-toaster {
      float: right;
      margin-top: -40px;
      margin-right: 10px; }
      .disabled-comment-toaster.lightbox-disabled {
        float: initial;
        margin-top: auto;
        margin-right: auto; } }
  @media only screen and (max-width: 800px) {
    .disabled-comment-toaster {
      margin-top: 10px;
      padding-bottom: 20px; } }

.disable-comment-error-div {
  display: inline-block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disablecomments-red.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px;
  padding-left: 23px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000; }

.close-disable-alert {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disabled-alert-close.svg);
  display: inline-block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 16px;
  cursor: pointer; }

.talk-btn-disable {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5; }

@media only screen and (max-width: 799px) {
  #mobile_news_posting .mediaContainerFilePanel {
    display: table;
    width: 100%;
    max-width: 100%;
    overflow-x: auto; } }

.mediaContainerFilePanelonly .file-media-component {
  width: calc(50% - 6px); }
  .mediaContainerFilePanelonly .file-media-component:nth-child(even) {
    margin-right: 0px; }
    .mediaContainerFilePanelonly .file-media-component:nth-child(even) .mediaThumb {
      margin-right: 0px !important; }

@media only screen and (min-width: 1000px) {
  wt-talk-box wt-talk-box-media-thumb:nth-child(6n) .mediaThumb,
  .mediaContainerFilePanel wt-talk-box-media-thumb:nth-child(6n) .mediaThumb {
    margin-right: 0px; } }

.wt-talk-box .wt-talk-box-media-thumb .mediaThumb:hover .type-web-icons {
  opacity: 0.6; }

.wt-talk-box .cancelbtn {
  color: #e53635;
  text-decoration: underline;
  width: 68px;
  font-weight: 600; }
  .wt-talk-box .cancelbtn:hover {
    color: #d32f32; }

.wt-talk-box .mediaThumb[media-type=image] {
  cursor: pointer; }
  @media only screen and (min-width: 1000px) {
    .wt-talk-box .mediaThumb[media-type=image]:nth-child(6n) {
      margin-right: 0px; } }
  .wt-talk-box .mediaThumb[media-type=image]:before {
    content: '';
    display: block;
    position: absolute;
    height: 0%;
    width: 100%;
    bottom: 0;
    opacity: 0.6; }
  .wt-talk-box .mediaThumb[media-type=image]:hover:before {
    height: 100%; }

.wt-talk-box #mediaContainerfileOnly .mediaThumb {
  width: calc(50% - 6px); }

.wt-talk-box .mediaContainerFilePanel .mediaThumb .filename {
  display: none; }

.wt-talk-box .mediaContainerFilePanel .newsMediaFileThumb {
  width: calc(50% - 4px); }

.wt-talk-box .newsTalkBoxSharingOptions .selectize-dropdown-content, .wt-talk-box .wt-selectize .selectize-dropdown-content {
  max-height: 480px; }

.wt-talk-box .newsTalkBoxSharingOptions .selectize-custom__text .icon, .wt-talk-box .wt-selectize .selectize-custom__text .icon {
  width: 24px !important;
  height: 24px !important; }

.wt-talk-box .newsTalkBoxSharingOptions .checkbox-on, .wt-talk-box .wt-selectize .checkbox-on {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_checked.svg) !important;
  width: 24px;
  height: 24px;
  background-size: 24px; }

.wt-talk-box .newsTalkBoxSharingOptions .disable-comment-padding, .wt-talk-box .wt-selectize .disable-comment-padding {
  padding-left: 44px !important; }

.wt-talk-box .newsTalkBoxSharingOptions .disablecomment-head, .wt-talk-box .wt-selectize .disablecomment-head {
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 15px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  cursor: pointer; }

.wt-talk-box .newsTalkBoxSharingOptions .disable-comment-icon, .wt-talk-box .wt-selectize .disable-comment-icon {
  background-image: url("/common/images/icons_2x/disablecomments.svg"); }

.wt-talk-box .newsTalkBoxSharingOptions .disable-comment-icon-red, .wt-talk-box .wt-selectize .disable-comment-icon-red {
  background-image: url("/common/images/icons_2x/disablecomments-red.svg"); }

.wt-talk-box .newsTalkBoxSharingOptions .cmt-sub-cat, .wt-talk-box .wt-selectize .cmt-sub-cat {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
  cursor: pointer; }
  .wt-talk-box .newsTalkBoxSharingOptions .cmt-sub-cat:last-child, .wt-talk-box .wt-selectize .cmt-sub-cat:last-child {
    padding-bottom: 10px !important; }

.wt-talk-box .newsTalkBoxSharingOptions .cmt-active, .wt-talk-box .wt-selectize .cmt-active {
  color: #ef5150; }

.wt-talk-box .newsTalkBoxSharingOptions .checkbox-off, .wt-talk-box .wt-selectize .checkbox-off {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_unchecked.svg);
  background-size: 24px;
  width: 24px;
  height: 24px; }

.wt-talk-box .newsTalkBoxSharingOptions .radio-off, .wt-talk-box .wt-selectize .radio-off {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-unchecked.svg);
  background-size: 23px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position-y: 1px; }

.wt-talk-box .newsTalkBoxSharingOptions .radio-on, .wt-talk-box .wt-selectize .radio-on {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-checked.svg);
  width: 24px;
  height: 24px;
  background-size: 23px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position-y: 1px; }

.wt-talk-box .newsTalkBoxSharingOptions .checkbox-position, .wt-talk-box .wt-selectize .checkbox-position {
  position: absolute;
  right: 10px;
  top: calc(50% - 12px); }

.wt-talk-box .newsTalkBoxSharingOptions .radio-position, .wt-talk-box .wt-selectize .radio-position {
  position: absolute;
  left: 10px;
  top: calc(50% - 12px); }

.wt-talk-box .newsTalkBoxSharingOptions .separator, .wt-talk-box .wt-selectize .separator {
  height: 1px;
  padding: 0px;
  margin: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  background-color: #647287; }

.news-google-ad {
  text-align: center;
  background-color: #fff;
  margin: 10px 0px; }

.floatingdd {
  width: 200px;
  left: -205px; }
  .floatingdd .lines-button.x.close {
    display: none;
    position: absolute;
    top: 15px;
    right: 28px; }
    @media only screen and (max-width: 800px) {
      .floatingdd .lines-button.x.close {
        display: block; } }
  .floatingdd .dropdown-box__list {
    margin-left: 0px; }
    .floatingdd .dropdown-box__list li:hover {
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      background-color: #f4f5f6; }
    .floatingdd .dropdown-box__list li:first-child {
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .floatingdd .dropdown-box__list li:last-child {
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
  .floatingdd .norepeat {
    background-repeat: no-repeat; }
  .floatingdd .deletepost {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/images/post/delete-icon-w.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .floatingdd .editpost {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/images/post/edit-section-w.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .floatingdd .blockpost {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/images/post/block-icon-w.svg);
    background-size: 17px 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .floatingdd .report-user {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/images/post/report-icon-w.svg);
    background-size: 18px 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .floatingdd .copypost {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/images/post/copy-link-w.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }

.postpanel .edit-post-panel-Disable, .floatingdd .edit-post-panel-Disable {
  margin: 0px !important; }

.postpanel .edit-post-component, .floatingdd .edit-post-component {
  margin: -20px;
  margin-bottom: 0px;
  margin-top: 0px; }
  .postpanel .edit-post-component wt-talk-box .edit-post-div div:empty, .floatingdd .edit-post-component wt-talk-box .edit-post-div div:empty {
    display: block;
    height: 20px; }
  .postpanel .edit-post-component .talkbox-desktop, .floatingdd .edit-post-component .talkbox-desktop {
    padding-left: 19px;
    padding-right: 19px; }

.postpanel .post-setting-dropdown, .floatingdd .post-setting-dropdown {
  width: 230px;
  left: -205px; }
  .postpanel .post-setting-dropdown .dropdown-box__list, .floatingdd .post-setting-dropdown .dropdown-box__list {
    margin-left: 0px; }
    .postpanel .post-setting-dropdown .dropdown-box__list li:hover, .floatingdd .post-setting-dropdown .dropdown-box__list li:hover {
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      background-color: #485261; }
    .postpanel .post-setting-dropdown .dropdown-box__list li:first-child, .floatingdd .post-setting-dropdown .dropdown-box__list li:first-child {
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .postpanel .post-setting-dropdown .dropdown-box__list li:last-child, .floatingdd .post-setting-dropdown .dropdown-box__list li:last-child {
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
  .postpanel .post-setting-dropdown .norepeat, .floatingdd .post-setting-dropdown .norepeat {
    background-repeat: no-repeat; }
  .postpanel .post-setting-dropdown .deletepost, .floatingdd .post-setting-dropdown .deletepost {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/deletepost.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .editpost, .floatingdd .post-setting-dropdown .editpost {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/editpost.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .blockpost, .floatingdd .post-setting-dropdown .blockpost {
    background-image: url("/common/images/icons_2x/block_icon.svg");
    background-size: 17px 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .report-user, .floatingdd .post-setting-dropdown .report-user {
    background-image: url("/common/images/icons_2x/report-icon.svg");
    background-size: 18px 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .copypost, .floatingdd .post-setting-dropdown .copypost {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/copypost.svg);
    background-size: auto 16px;
    background-position: 15px center;
    padding-left: 30px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .checkbox-on, .floatingdd .post-setting-dropdown .checkbox-on {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_checked.svg);
    width: 24px;
    height: 24px;
    background-size: 24px; }
  .postpanel .post-setting-dropdown .disable-comment-padding, .floatingdd .post-setting-dropdown .disable-comment-padding {
    padding-left: 40px !important;
    font-size: 14px; }
  .postpanel .post-setting-dropdown .disablecomment-head, .floatingdd .post-setting-dropdown .disablecomment-head {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 14px 14px;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    cursor: pointer; }
  .postpanel .post-setting-dropdown .disable-comment-icon, .floatingdd .post-setting-dropdown .disable-comment-icon {
    background-image: url("/common/images/icons_2x/disablecomments.svg"); }
  .postpanel .post-setting-dropdown .disable-comment-icon-red, .floatingdd .post-setting-dropdown .disable-comment-icon-red {
    background-image: url("/common/images/icons_2x/disablecomments-red.svg");
    background-position-y: center; }
  .postpanel .post-setting-dropdown .cmt-sub-cat, .floatingdd .post-setting-dropdown .cmt-sub-cat {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    cursor: pointer; }
    .postpanel .post-setting-dropdown .cmt-sub-cat:last-child, .floatingdd .post-setting-dropdown .cmt-sub-cat:last-child {
      padding-bottom: 10px !important; }
  .postpanel .post-setting-dropdown .cmt-active, .floatingdd .post-setting-dropdown .cmt-active {
    color: #ef5150; }
  .postpanel .post-setting-dropdown .checkbox-off, .floatingdd .post-setting-dropdown .checkbox-off {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_unchecked.svg);
    background-size: 24px;
    width: 24px;
    height: 24px; }
  .postpanel .post-setting-dropdown .radio-off, .floatingdd .post-setting-dropdown .radio-off {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-unchecked.svg);
    background-size: 24px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position-y: 2px; }
  .postpanel .post-setting-dropdown .radio-on, .floatingdd .post-setting-dropdown .radio-on {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-checked.svg);
    width: 26px;
    height: 26px;
    background-size: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position-y: 2px; }
  .postpanel .post-setting-dropdown .non-con-li .radio-off, .postpanel .post-setting-dropdown .non-con-li .radio-on, .floatingdd .post-setting-dropdown .non-con-li .radio-off, .floatingdd .post-setting-dropdown .non-con-li .radio-on {
    background-position-y: 0px !important; }
  .postpanel .post-setting-dropdown .checkbox-position, .floatingdd .post-setting-dropdown .checkbox-position {
    position: absolute;
    right: 10px;
    top: calc(50% - 13px); }
  .postpanel .post-setting-dropdown .radio-position, .floatingdd .post-setting-dropdown .radio-position {
    position: absolute;
    left: 10px;
    top: calc(50% - 12px); }
  .postpanel .post-setting-dropdown .separator, .floatingdd .post-setting-dropdown .separator {
    height: 1px;
    padding: 0px;
    margin: 0px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #647287; }

.postpanel .comments__box .post-setting-dropdown, .floatingdd .comments__box .post-setting-dropdown {
  width: 230px;
  left: -203px; }

.postpanel .comments__box .descText a, .floatingdd .comments__box .descText a {
  max-width: 100%;
  white-space: inherit;
  color: #0aa1d8; }

.postpanel .comments__box .comment-like-list-emoji, .floatingdd .comments__box .comment-like-list-emoji {
  float: right;
  margin-top: 5px;
  right: 20px;
  width: fit-content;
  margin-bottom: -25px;
  right: 20px;
  right: 20px; }
  @media only screen and (max-width: 800px) {
    .postpanel .comments__box .comment-like-list-emoji, .floatingdd .comments__box .comment-like-list-emoji {
      margin-top: 0px;
      margin-bottom: -20px; } }
  .postpanel .comments__box .comment-like-list-emoji .comment-emoji, .floatingdd .comments__box .comment-like-list-emoji .comment-emoji {
    margin-left: 7px; }
    .postpanel .comments__box .comment-like-list-emoji .comment-emoji .icon, .floatingdd .comments__box .comment-like-list-emoji .comment-emoji .icon {
      line-height: 33px;
      display: inline-block;
      margin-top: 3px; }
  .postpanel .comments__box .comment-like-list-emoji .emoji-count span, .floatingdd .comments__box .comment-like-list-emoji .emoji-count span {
    padding-left: 3px;
    margin-right: 10px;
    color: #97a3ad;
    font-weight: 600; }

.hide-talk-box {
  display: none; }
  .hide-talk-box .talkbox-header-wrapper {
    display: none; }

.in-proccess-post {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.4); }

wt-news-record-data {
  display: block; }
  wt-news-record-data .talkbox-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 200;
    background-color: #fff;
    opacity: 0.7;
    display: block; }
    wt-news-record-data .talkbox-loader img {
      position: absolute;
      left: calc(50% - 50px);
      top: calc(50% - 50px);
      width: 100px; }

@media only screen and (max-width: 991px) and (min-width: 801px) {
  .talkboxButtonRes {
    float: right; }
  .talkbox-button-wrapper {
    width: 100% !important;
    padding-left: 10px !important; }
  .form-field__margin-bottom {
    margin-bottom: -10px; }
  .upload_modal {
    width: 101.8% !important; } }

.disableShareWith {
  width: 100%;
  background-color: #fff;
  opacity: 0.5;
  position: absolute;
  z-index: 8;
  height: 50px; }

@media only screen and (min-width: 799px) {
  wt-home-page-view .mobileDropDownselection {
    top: 28px !important; } }

@media only screen and (max-width: 800px) {
  wt-home-page-view .mobileDropDownselection {
    top: -15px; } }

wt-media-page .mobileDropDownselection {
  top: 0px !important; }

@media only screen and (max-width: 800px) {
  .news__share-with > :nth-child(1),
  .talkbox--mobile .news__share-with > :nth-child(2),
  .talkbox--mobile .news__share-with > :nth-child(3) {
    width: 100% !important; } }

wt-floating-dropdown-handler {
  position: absolute;
  right: 10px;
  float: right;
  width: 32px;
  height: 32px;
  font-size: 12pt;
  top: -1px;
  display: none; }
  wt-floating-dropdown-handler::before {
    color: #dcdfe5;
    padding-left: 8px; }
  wt-floating-dropdown-handler:hover::before {
    color: inherit;
    padding-left: 8px; }

#media-lightbox-modal .comments__lists-item--reply wt-floating-dropdown-handler {
  right: -8px; }
  @media only screen and (max-width: 800px) {
    #media-lightbox-modal .comments__lists-item--reply wt-floating-dropdown-handler {
      right: 1px; } }

wt-floating-dropdown {
  z-index: 666666;
  background: none;
  display: table;
  position: absolute;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); }
  wt-floating-dropdown ul, wt-floating-dropdown .dropdown-box__list {
    background-color: #ffffff;
    margin-left: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
    wt-floating-dropdown ul::before, wt-floating-dropdown .dropdown-box__list::before {
      content: '';
      border-top: 10px solid transparent;
      border-bottom: 0px solid transparent;
      border-right: 10px solid #ffffff;
      position: absolute;
      right: 8px;
      top: -4px;
      transform: rotate(-138deg); }
    wt-floating-dropdown ul li, wt-floating-dropdown .dropdown-box__list li {
      text-decoration: none !important; }
      wt-floating-dropdown ul li:first-child, wt-floating-dropdown .dropdown-box__list li:first-child {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      wt-floating-dropdown ul li:last-child, wt-floating-dropdown .dropdown-box__list li:last-child {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px; }
      wt-floating-dropdown ul li:hover, wt-floating-dropdown .dropdown-box__list li:hover {
        text-decoration: none !important; }
      wt-floating-dropdown ul li a, wt-floating-dropdown .dropdown-box__list li a {
        color: #0b0b0b; }
        wt-floating-dropdown ul li a:hover, wt-floating-dropdown .dropdown-box__list li a:hover {
          text-decoration: none !important; }
        wt-floating-dropdown ul li a span, wt-floating-dropdown .dropdown-box__list li a span {
          text-decoration: none !important; }
        wt-floating-dropdown ul li a:hover, wt-floating-dropdown .dropdown-box__list li a:hover {
          text-decoration: none !important; }

.comments__lists-item--reply wt-floating-dropdown-handler {
  right: 20px; }

.close_upload_media {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(29, 32, 38, 0.2);
  background-color: #0aa1d8;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer; }
  .close_upload_media .crossimg {
    background-image: url("/common/images/icons_2x/close_icon.svg");
    margin: auto;
    background-size: 13px;
    margin-top: 7px;
    width: 13px;
    height: 13px; }

.mediaContainerFilePanel .mediaThumb i, .mediaContainerFilePanel .newsMediaThumb i, .mediaContainerFilePanel .postPanelFilesMedia i {
  display: none; }

.preview--playicon-youtube {
  background-image: url("/common/images/icons_2x/playclip.svg");
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 68px 48px;
  z-index: 10;
  opacity: 0.8; }

.preview--playicon-vimeo {
  background-image: url("/common/images/icons_2x/playvimeo.svg");
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 68px auto;
  z-index: 10; }

.edit-post-component .mediaThumb i, .edit-post-component .newsMediaThumb i, .edit-post-component .postPanelFilesMedia i {
  display: none; }

.textarea-highlighter-wrap .postPanelFilesMedia i.lightbox-remove-icon {
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  float: right;
  width: 37px;
  height: 37px;
  border-radius: 18px;
  padding: 10px 3px 3px 4px;
  cursor: pointer;
  font-size: 0.91em;
  font-weight: normal;
  border: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  line-height: 14px; }

.onlightbox {
  display: none; }

.editcommentltbox {
  display: none; }

.lightbox wt-floating-dropdown-handler {
  display: block; }

.lightbox .editcommentltbox {
  display: block; }

.lightbox .notOnlightbox {
  display: none; }

.lightbox .onlightbox {
  display: block; }

.postPanelImagesMedia table {
  border-collapse: separate;
  border-spacing: 5px;
  margin-left: -5px; }

.postPanelImagesMedia .post--media--thumb .media--overlay {
  width: calc(100% - 1px);
  height: calc(100% - 1px) !important;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 1px; }

.postPanelImagesMedia .newsMediaThumb {
  margin: 0px; }

.postPanelImagesMedia .mainblock {
  display: block;
  margin: 0px;
  position: relative; }
  @media only screen and (max-width: 800px) {
    .postPanelImagesMedia .mainblock .type-web-vimeo, .postPanelImagesMedia .mainblock .type-web-youtube {
      z-index: 4; } }
  .postPanelImagesMedia .mainblock:hover .video-overlay {
    display: none; }
  .postPanelImagesMedia .mainblock:hover .wt-photo-thumb {
    opacity: 0.5; }
  .postPanelImagesMedia .mainblock:hover .newsMediaThumb {
    opacity: 0.5; }
  .postPanelImagesMedia .mainblock:hover .type-web-vimeo, .postPanelImagesMedia .mainblock:hover .type-web-youtube {
    z-index: 4; }

ul.slack-checkbox {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }

ul.slack-checkbox li {
  border: 1px transparent solid;
  display: inline-block;
  flex: 1 0 33.3333%;
  margin: 5px;
  text-align: left; }

@media only screen and (max-width: 800px) {
  .postpanel .reply_comment_ul_container_main:before,
  .postpanel .reply_comment_ul_container_main:after,
  .wt-media-light-box-component .reply_comment_ul_container_main:before,
  .wt-media-light-box-component .reply_comment_ul_container_main:after {
    left: 21px; } }

.news__share-with {
  margin-top: 10px;
  margin-bottom: 0px;
  display: table;
  width: calc( 100% + 10px); }
  @media only screen and (max-width: 991px) and (min-width: 801px) {
    .news__share-with {
      margin-bottom: 15px; } }

.talkbox-sharewith-panel {
  padding-right: 0px;
  margin-right: 0px;
  width: calc( 100% + 10px); }

.talkbox-sharewith-panel {
  padding-right: 0px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 991px) and (min-width: 801px) {
    .talkbox-sharewith-panel {
      margin-top: 25px; } }
  .talkbox-sharewith-panel .heading {
    padding-right: 0px;
    padding-left: 10px;
    width: 36%;
    max-width: 120px;
    display: inline-block; }
  .talkbox-sharewith-panel .share-with-selection {
    width: 73%;
    display: flex; }
    @media only screen and (max-width: 991px) and (min-width: 801px) {
      .talkbox-sharewith-panel .share-with-selection {
        width: calc( 100% - 140px);
        display: inline-block;
        float: right; } }

.mediaThumb .filename {
  word-break: break-all; }

.dnaqn {
  margin-left: 40px;
  margin-top: -7px;
  font-size: 12px;
  color: #909bad; }

.talkbox-sharewith-dd-title {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #303030;
  padding-left: 42px;
  cursor: pointer; }
  .talkbox-sharewith-dd-title::after {
    font-family: 'webtalk';
    content: "\e613";
    border: 0;
    height: 14px;
    margin-top: -8px;
    width: 14px;
    right: 5px;
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    right: 19px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid; }
  .talkbox-sharewith-dd-title i {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc( 50% - 10px);
    left: 15px; }
    .talkbox-sharewith-dd-title i.icon-Pro {
      background-position-y: 9px;
      background-position-x: 7px; }
      @media only screen and (max-width: 800px) {
        .talkbox-sharewith-dd-title i.icon-Pro {
          background-position-y: 2px;
          background-position-x: 0px; } }

.news-filter-media-dd-selected {
  border: none !important;
  padding: 0 !important;
  width: auto;
  height: 25px !important;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .news-filter-media-dd-selected .wt-dd-selected-icon {
    background-position-y: 0px; }
  .news-filter-media-dd-selected .wt-dd-selected-icon {
    vertical-align: middle;
    height: 17px !important;
    width: 17px !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block; }
  .news-filter-media-dd-selected .item {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #39414d;
    vertical-align: middle;
    display: inline-block; }
  .news-filter-media-dd-selected i.icon-videos {
    background-image: url(/app/assets/images/icons/filter/videos-down.svg);
    background-repeat: no-repeat; }
    .news-filter-media-dd-selected i.icon-videos:before {
      content: ''; }
  .news-filter-media-dd-selected i.icon-media {
    background-image: url(/app/assets/images/icons/mediaicon-down.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .news-filter-media-dd-selected i.icon-media:before {
      content: ''; }
  .news-filter-media-dd-selected i.icon-photos {
    background-image: url(/app/assets/images/icons/filter/photos-down.svg);
    background-repeat: no-repeat; }
    .news-filter-media-dd-selected i.icon-photos:before {
      content: ''; }
  .news-filter-media-dd-selected i.icon-files {
    background-image: url(/app/assets/images/icons/filter/files-down.svg);
    background-repeat: no-repeat; }
    .news-filter-media-dd-selected i.icon-files:before {
      content: ''; }
  .news-filter-media-dd-selected i.icon-pohots {
    background-image: url(/app/assets/images/icons/filter/photos-down.svg);
    background-repeat: no-repeat; }

.fixed .news-filter-media-dd-selected i {
  height: 23px !important;
  width: 25px !important;
  background-size: auto 93%; }

.fixed .item {
  margin-right: 10px; }

@media only screen and (max-width: 800px) {
  .refrerral-page .talkbox-sharewith-panel .heading {
    display: none; }
  .refrerral-page .share-with-selection {
    width: 100%; }
  .refrerral-page .talkbox-button-wrapper {
    width: 100% !important;
    margin-left: -1px; } }

.comments-outer-padding-layer {
  padding: 10px 20px 0px 20px; }
  @media only screen and (max-width: 800px) {
    .comments-outer-padding-layer {
      padding: 10px 15px 0px 10px; } }

.comments__lists-item--reply .comments-outer-padding-layer {
  padding: 10px 20px 0px 0px;
  padding-left: 62px; }

@media only screen and (max-width: 800px) {
  .comments__lists-item--reply {
    padding: 0px 0px 0px 0px; } }

.modal-dialog .comments-outer-padding-layer {
  padding: 0px; }

@media only screen and (max-width: 800px) {
  .floatingdd {
    background-color: #1d2026;
    display: table;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
    .floatingdd ul {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px; }
    .floatingdd .lines-button.x.close {
      position: absolute;
      top: 15px;
      right: 28px; } }

.addCommentReplyBox .mediaPopupReplyDiv {
  width: calc( 100% - 64px);
  padding-left: 5px; }

.fancy-scroll {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .fancy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px; }
  .fancy-scroll::-webkit-scrollbar-track {
    background: #fff;
    box-shadow: inset 0 0 5px white;
    border-radius: 15px; }
  .fancy-scroll::-webkit-scrollbar-thumb {
    background: #cfd4db; }
  .fancy-scroll::-webkit-scrollbar-thumb:hover {
    background: #c4c4c4; }

.postpanel.is-edit-mode {
  border: none;
  padding-bottom: 0px; }

.postpanel {
  border-radius: 4px;
  border: 1px solid #d8dbe7;
  /* TODO remove this after test */ }
  .postpanel .show-shared-post-border {
    width: 100%;
    display: block;
    margin: 20px;
    border-radius: 4px;
    border: 1px solid #d8dbe7;
    margin: 20px 0 0;
    padding: 20px 20px 0; }
    .postpanel .show-shared-post-border .news-media-preview {
      border-radius: 4px;
      margin-bottom: -1px;
      padding-bottom: 0px; }
  .postpanel .pinpost-icon {
    width: 25px;
    height: 25px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/post/pin-icon.svg);
    background-position: right 0px;
    background-repeat: no-repeat;
    margin-right: -3px; }
  .postpanel .user_hover_panel .media--general__title a {
    height: 26px; }
  .postpanel .media-header {
    margin-bottom: 10px; }
    .postpanel .media-header .media__bod {
      width: calc(100% - 62px) !important; }
    .postpanel .media-header .media--general .media--general__title {
      margin-top: -2px; }
    .postpanel .media-header .user-name-div {
      float: left;
      margin-right: 5px;
      margin-bottom: -8px; }
      .postpanel .media-header .user-name-div a:nth-child(1) {
        line-height: 19px; }
    .postpanel .media-header .media__img {
      width: 51px !important;
      height: 51px !important;
      margin-right: 10px !important;
      display: block;
      cursor: pointer; }
  .postpanel .user_title_panel .job-desc {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    clear: both;
    color: #909bad; }
  .postpanel .user_title_panel .time-post {
    width: auto;
    height: 14px;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #b4bbc7; }
  .postpanel wt-truncate-text .shortText {
    line-height: 22px;
    padding-bottom: 0px; }
    .postpanel wt-truncate-text .shortText a:hover {
      text-decoration: underline; }
  .postpanel .preview-file {
    width: 100%;
    display: table;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 350px;
    background-size: contain; }
    @media only screen and (max-width: 800px) {
      .postpanel .preview-file {
        min-height: 100%;
        max-height: 100%; } }
  .postpanel .panel-default-padding {
    margin-left: -20px;
    margin-right: -20px; }
  .postpanel .postPanelImagesMedia {
    overflow-x: auto;
    position: relative;
    display: inline-block;
    margin-left: 20px;
    margin-right: 10px;
    width: calc( 100%); }
    @media only screen and (max-width: 800px) {
      .postpanel .postPanelImagesMedia {
        margin-left: 20px;
        margin-right: 20px;
        width: calc( 100% - 20px); } }
    .postpanel .postPanelImagesMedia .postPanelFilesMedia {
      width: 100%;
      height: auto;
      overflow: scroll !important;
      overflow-x: auto !important;
      overflow-y: hidden;
      display: block !important; }
    .postpanel .postPanelImagesMedia .newsMediaThumb {
      width: 105px;
      height: 79px;
      border-radius: 4px;
      border: solid 1px #d8dbe7;
      background-color: #c4c4c4; }
      @media only screen and (max-width: 800px) {
        .postpanel .postPanelImagesMedia .newsMediaThumb {
          width: 66px;
          height: 50px; } }
    .postpanel .postPanelImagesMedia .selected-media {
      background-color: none; }
      .postpanel .postPanelImagesMedia .selected-media .newsMediaThumb {
        border-radius: 4px;
        border: solid 4px #0aa1d8;
        background-color: #c4c4c4; }
        @media only screen and (max-width: 800px) {
          .postpanel .postPanelImagesMedia .selected-media .newsMediaThumb {
            border: solid 2px #0aa1d8; } }
    .postpanel .postPanelImagesMedia .mainblock .type-web-youtube, .postpanel .postPanelImagesMedia .mainblock .type-web-vimeo {
      z-index: 8;
      opacity: 1; }
    .postpanel .postPanelImagesMedia .mainblock .video-overlay {
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      z-index: 6; }
    .postpanel .postPanelImagesMedia .mainblock:hover .video-overlay {
      display: none; }
    .postpanel .postPanelImagesMedia .mainblock:hover wt-photo-thumb {
      opacity: 0.5 !important; }
    .postpanel .postPanelImagesMedia .mainblock:hover .type-web-youtube, .postpanel .postPanelImagesMedia .mainblock:hover .type-web-vimeo {
      z-index: 8;
      opacity: 0.6; }
    .postpanel .postPanelImagesMedia table {
      margin-top: 10px; }
  .postpanel .media-preview-info {
    border-top: solid 1px #d8dbe7;
    width: calc(100%);
    display: none;
    padding: 19px 20px 30px;
    height: 74px;
    margin-left: 0px;
    position: absolute;
    bottom: 0px;
    z-index: 4;
    background-color: #fafafb; }
    @media only screen and (max-width: 800px) {
      .postpanel .media-preview-info {
        border-top: solid 1px #d8dbe7;
        width: calc(100%);
        display: block;
        height: 94px;
        top: calc(50% - 63px);
        background-color: none;
        background: transparent;
        text-align: center; } }
    .postpanel .media-preview-info .video-path {
      padding-top: 6px;
      overflow: hidden; }
    .postpanel .media-preview-info .fileIcon {
      width: 25px;
      height: 32px;
      float: left;
      margin-right: 10px;
      background-size: contain !important;
      background-repeat: no-repeat;
      margin-top: 2px; }
      @media only screen and (max-width: 800px) {
        .postpanel .media-preview-info .fileIcon {
          width: 25px;
          height: 32px;
          float: none;
          margin-right: 10px;
          background-size: contain !important;
          background-repeat: no-repeat;
          margin-top: 2px;
          display: block;
          width: 100%;
          margin: auto;
          text-align: center;
          background-position: center; } }
      .postpanel .media-preview-info .fileIcon.image, .postpanel .media-preview-info .fileIcon.pictures {
        background-image: url(/app/assets/images/post/preview/pictures.svg); }
      .postpanel .media-preview-info .fileIcon.video {
        background-image: url(/app/assets/images/post/preview/video.svg); }
      .postpanel .media-preview-info .fileIcon.other {
        background-image: url(/app/assets/images/post/preview/unknown.svg); }
      .postpanel .media-preview-info .fileIcon.ppt {
        background-image: url(/app/assets/images/post/preview/ppt-file-icon.svg); }
      .postpanel .media-preview-info .fileIcon.doc {
        background-image: url(/app/assets/images/post/preview/doc.svg); }
      .postpanel .media-preview-info .fileIcon.excel {
        background-image: url(/app/assets/images/post/preview/excel.svg); }
      .postpanel .media-preview-info .fileIcon.pdf {
        background-image: url(/app/assets/images/post/preview/pdf.svg); }
      .postpanel .media-preview-info .fileIcon.code {
        background-image: url(/app/assets/images/post/preview/code.svg); }
      .postpanel .media-preview-info .fileIcon.audio {
        background-image: url(/app/assets/images/post/preview/audio.svg); }
      .postpanel .media-preview-info .fileIcon.text {
        background-image: url(/app/assets/images/post/preview/text.svg); }
      .postpanel .media-preview-info .fileIcon.zip {
        background-image: url(/app/assets/images/post/preview/zip.svg); }
    .postpanel .media-preview-info .file-name {
      float: left;
      width: calc( 100% - 38px);
      white-space: nowrap;
      height: 18px;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left; }
      @media only screen and (max-width: 800px) {
        .postpanel .media-preview-info .file-name {
          text-align: center; } }
    .postpanel .media-preview-info .file-size {
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #97a3ad;
      display: block; }
  .postpanel .image-preview-container .preview-file {
    position: relative;
    z-index: 1; }
  .postpanel .image-preview-container .media-bg-gradient {
    background-image: radial-gradient(circle at 0 0, #c4ccd9, #727d8e);
    z-index: 0;
    width: 100%;
    height: 100%; }
  .postpanel .image-sm-size-view {
    min-height: 200px;
    max-height: 350px; }
    @media only screen and (max-width: 800px) {
      .postpanel .image-sm-size-view {
        min-height: 200px;
        max-height: 200px; } }
    .postpanel .image-sm-size-view .preview-file {
      background-size: auto auto;
      background-position: center; }
      @media only screen and (min-width: 801px) {
        .postpanel .image-sm-size-view .preview-file {
          min-height: 200px;
          max-height: 350px;
          height: 100%; } }
  .postpanel .normal-mobile-size .image-preview-container {
    min-height: 200px; }
    @media only screen and (max-width: 800px) {
      .postpanel .normal-mobile-size .image-preview-container {
        min-height: 200px; } }
  .postpanel .normal-mobile-size .preview-file {
    height: 100%;
    max-height: 100%;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 800px) {
      .postpanel .normal-mobile-size .preview-file {
        height: 100%;
        max-height: 100%;
        min-height: 100%; } }
  .postpanel .topview-responsive {
    background-color: #909bad; }
    .postpanel .topview-responsive .image-preview-container {
      min-height: 200px; }
      @media only screen and (max-width: 800px) {
        .postpanel .topview-responsive .image-preview-container {
          min-height: 200px;
          max-height: 200px; } }
    .postpanel .topview-responsive.no-file-preview .preview-file {
      background-size: auto;
      background-position: center;
      min-height: 200px;
      max-height: 200px; }
    .postpanel .topview-responsive .preview-file {
      background-position: center 10px;
      height: 200px;
      max-height: 200px;
      min-height: 200px;
      background-size: 70%;
      border-bottom: 1px solid  #d8dbe7;
      height: 350px; }
      @media only screen and (max-width: 800px) {
        .postpanel .topview-responsive .preview-file {
          height: 250px; } }
  .postpanel .topview {
    background-color: #909bad; }
    .postpanel .topview .image-preview-container {
      min-height: 280px; }
      @media only screen and (max-width: 800px) {
        .postpanel .topview .image-preview-container {
          min-height: 280px !important;
          max-height: 280px !important; } }
    .postpanel .topview.no-file-preview .preview-file {
      background-size: auto;
      background-position: center; }
    .postpanel .topview .preview-file {
      height: 350px;
      max-height: 350px;
      background-position-y: 26px;
      min-height: 350px;
      background-size: 70%;
      border-bottom: 1px solid  #d8dbe7; }
      @media only screen and (max-width: 800px) {
        .postpanel .topview .preview-file {
          background-position: center 10px;
          max-height: 200px;
          min-height: 200px; } }
  .postpanel .image-height-view {
    margin-right: 0px; }
    .postpanel .image-height-view .image-preview-container {
      min-height: 350px; }
      @media only screen and (max-width: 800px) {
        .postpanel .image-height-view .image-preview-container {
          min-height: 200px; } }
    .postpanel .image-height-view .preview-file {
      height: 350px;
      max-height: 350px;
      background-size: auto 100%;
      background-repeat: no-repeat;
      min-height: 280px; }
  .postpanel .image-random-view {
    margin-right: 0px;
    margin-left: 0px; }
    .postpanel .image-random-view .image-preview-container {
      min-height: 350px; }
      @media only screen and (max-width: 800px) {
        .postpanel .image-random-view .image-preview-container {
          min-height: 200px;
          margin-right: 0px;
          margin-left: 0px; } }
    .postpanel .image-random-view .preview-file {
      background-size: auto 100%;
      background-repeat: no-repeat; }
  .postpanel .image-random-sm-view {
    margin-right: 0px;
    margin-left: 0px; }
    .postpanel .image-random-sm-view .image-preview-container {
      min-height: 200px; }
    .postpanel .image-random-sm-view .preview-file {
      background-size: auto 100%;
      background-repeat: no-repeat;
      height: 100%;
      min-height: 200px;
      background-position: center; }
      @media only screen and (max-width: 800px) {
        .postpanel .image-random-sm-view .preview-file {
          min-height: 200px; } }
  .postpanel .image-random-sm-view-proffile {
    margin-right: 0px;
    margin-left: 0px;
    max-height: 280px; }
    @media only screen and (max-width: 800px) {
      .postpanel .image-random-sm-view-proffile .image-preview-container {
        min-height: 200px;
        margin-right: 0px;
        margin-left: 0px;
        max-height: 350px; } }
    .postpanel .image-random-sm-view-proffile .preview-file {
      background-size: auto 100%;
      background-repeat: no-repeat;
      height: 100%;
      min-height: 100%;
      max-height: 280px;
      background-position: center; }
      @media only screen and (max-width: 800px) {
        .postpanel .image-random-sm-view-proffile .preview-file {
          min-height: 200px;
          max-height: 280px; } }
  @media only screen and (max-width: 800px) {
    .postpanel .normal .image-preview-container {
      min-height: 200px; } }
  .postpanel .normal .preview-file {
    height: 350px;
    max-height: 350px;
    background-repeat: no-repeat;
    width: calc( 100% + 1px); }
    @media only screen and (max-width: 800px) {
      .postpanel .normal .preview-file {
        height: 280px;
        max-height: 280px;
        min-height: 280px; } }
  .postpanel.box.push-half--bottom {
    border-radius: 0px;
    border: none; }

@media only screen and (max-width: 800px) {
  .postShareCommentView {
    margin-bottom: 10px;
    display: flow-root; } }

.postShareCommentView .postpanel.box.push-half--bottom {
  border: 1px solid #d8dbe7;
  border-radius: 4px; }

.emoji-like {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-like.svg); }

.emoji-sad {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-sad.svg); }

.emoji-angry {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-angry.svg); }

.emoji-funny {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-funny.svg); }

.emoji-celebrate {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-celebrate.svg); }

.emoji-love {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-love.svg); }

.emoji-wow {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-wow.svg); }

.emoji-like-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-like-stroke.svg); }

.emoji-sad-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-sad-stroke.svg); }

.emoji-angry-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-angry-stroke.svg); }

.emoji-funny-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-funny-stroke.svg); }

.emoji-love-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-love-stroke.svg); }

.emoji-celebrate-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-celebrate-stroke.svg); }

.emoji-wow-stroke {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/emoji/emoji-wow-stroke.svg); }

.emoji-rectangle {
  width: 305px;
  height: 48px;
  border-radius: 123px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  position: absolute;
  margin-top: -50px;
  z-index: 1; }
  @media only screen and (max-width: 800px) {
    .emoji-rectangle {
      z-index: 100; } }
  .emoji-rectangle div {
    background-position-x: inherit;
    display: inline-block;
    margin-left: 12px;
    margin-top: 9px; }
    .emoji-rectangle div.icon {
      background-repeat: no-repeat;
      background-position: center center;
      height: 30px;
      width: 30px;
      background-size: 30px 30px;
      cursor: pointer;
      margin-right: 0px; }
      .emoji-rectangle div.icon:hover {
        width: 45px;
        height: 45px;
        margin-top: -10px;
        background-size: 45px 45px;
        margin-left: 5px;
        margin-right: -10px;
        transition: all 0.4s ease; }

.emoji-rectangle-list {
  height: 26px;
  border-radius: 100px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF; }
  .emoji-rectangle-list .comment-emoji .icon {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat; }
  .emoji-rectangle-list .comment-emoji:nth-child(2) .icon {
    margin-left: -12px; }
  .emoji-rectangle-list .comment-emoji:nth-child(3) .icon {
    margin-left: -12px; }
  .emoji-rectangle-list .comment-emoji:nth-child(4) .icon {
    margin-left: -12px; }
  .emoji-rectangle-list .comment-emoji:nth-child(5) .icon {
    margin-left: -12px; }
  .emoji-rectangle-list .emoji-count {
    margin-right: -3px;
    vertical-align: top;
    line-height: 25px; }
    .emoji-rectangle-list .emoji-count span {
      padding-left: 0px; }

.shared-post-user-info .time-post {
  width: auto;
  height: 14px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #b4bbc7; }

.shared-post-user-info .user-job-info span {
  color: #909bad; }

.talkbox-wrapper .talkbox-header-wrapper {
  display: flex; }

.talkbox-wrapper .spot-light-setting, .talkbox-wrapper .postlight-post-switch-wrapper {
  margin-left: auto; }

.talkbox-wrapper wt-change-media-layout {
  z-index: 10;
  margin-top: -10px;
  margin-bottom: 10px;
  position: absolute;
  right: 20px; }
  @media screen and (max-width: 800px) {
    .talkbox-wrapper wt-change-media-layout {
      width: calc( 100% - 10px);
      margin: 10px;
      position: initial; } }

@media screen and (max-width: 800px) {
  .showOnDesktop {
    display: none; } }

.tb-modal-header.talkbox-wrapper .talkbox-header-wrapper {
  display: grid;
  width: 100%;
  height: 75px; }
  .tb-modal-header.talkbox-wrapper .talkbox-header-wrapper .modal-tb-header {
    display: grid;
    grid-template-columns: 50% 50%; }
  .tb-modal-header.talkbox-wrapper .talkbox-header-wrapper .talkbox-back {
    display: inline;
    font-weight: 600;
    font-size: 13px; }
  .tb-modal-header.talkbox-wrapper .talkbox-header-wrapper .feature-wrapper {
    display: flex;
    text-transform: uppercase;
    justify-content: flex-end; }
  .tb-modal-header.talkbox-wrapper .talkbox-header-wrapper .confidential-wrapper {
    display: flex;
    text-transform: uppercase;
    justify-content: flex-end; }
  .tb-modal-header.talkbox-wrapper .talkbox-header-wrapper .popup .postlight-post-switch-wrapper {
    display: flex; }

.talkbox-wrapper .talkbox-header-wrapper .postlight-post-switch-wrapper.spotlight-posts-count {
  display: flex; }

.talkbox-wrapper .talkbox-header-wrapper.grid {
  display: grid;
  grid-template-columns: 100px auto 105px 200px;
  margin-right: 0px;
  margin-left: 0px; }

.talkbox-wrapper .talkbox-header-wrapper.grid {
  display: grid;
  grid-template-columns: 100px auto 105px 200px;
  margin-right: 0px;
  margin-left: 0px; }

@media only screen and (max-width: 800px) {
  .talkbox-wrapper .talkbox-header-wrapper.grid.popup-header-talkbox {
    display: grid;
    grid-template-columns: 70px 105px auto;
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (max-width: 400px) {
  .talkbox-wrapper .talkbox-header-wrapper.grid.popup-header-talkbox {
    display: grid;
    grid-template-columns: 50px 70px auto;
    margin-right: 0px;
    margin-left: 0px; } }

.confidential-wrapper {
  display: flex;
  background-color: #f12814;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  height: 22px;
  padding: 3px 8px;
  border-radius: 4px;
  margin-top: -3px;
  text-transform: uppercase; }
  @media only screen and (max-width: 800px) {
    .confidential-wrapper {
      border-radius: 4px;
      text-transform: uppercase;
      width: 100%;
      margin-top: 8px;
      padding-top: 2px; } }
  .confidential-wrapper.mobileview {
    display: flex;
    width: 50%;
    max-width: 169px;
    min-width: 169px;
    float: right;
    margin-bottom: 10px;
    justify-content: flex-end; }

.feature-wrapper {
  display: flex;
  text-transform: uppercase; }
  .feature-wrapper.mobileview {
    display: flex;
    width: 50%;
    max-width: 169px;
    min-width: 169px;
    float: right;
    margin-bottom: 10px;
    justify-content: flex-end; }
  .feature-wrapper .feature-elemment-btn {
    display: flex;
    width: auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 7px center;
    height: 22px;
    padding: 1px 8px;
    border-radius: 4px;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-left: 20px;
    margin-top: -3px;
    margin-left: 10px;
    cursor: pointer; }
    .feature-wrapper .feature-elemment-btn.featured-off {
      width: 130px; }
    .feature-wrapper .feature-elemment-btn.featured-post {
      width: 92px;
      color: #fff;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/star-white.svg); }
    .feature-wrapper .feature-elemment-btn.public.featured-off {
      background-color: #ffffff;
      border: solid 1px #ff9200;
      color: #ff9200;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/star-orenge.svg); }
    .feature-wrapper .feature-elemment-btn.public.featured-post {
      background-color: #ff9200;
      border: solid 1px #ff9200; }
    .feature-wrapper .feature-elemment-btn.all.featured-off {
      background-color: #ffffff;
      border: solid 1px #00bdcc;
      color: #00bdcc;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-star-icon.svg); }
    .feature-wrapper .feature-elemment-btn.all.featured-post {
      background-color: #00bdcc;
      border: solid 1px #00bdcc; }
    .feature-wrapper .feature-elemment-btn.pro.featured-off {
      background-color: #ffffff;
      border: solid 1px #798ecb;
      color: #798ecb;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-star-icon.svg); }
    .feature-wrapper .feature-elemment-btn.pro.featured-post {
      background-color: #798ecb;
      border: solid 1px #798ecb; }
    .feature-wrapper .feature-elemment-btn.private.featured-off {
      color: #9f9f9f;
      background-color: #ffffff;
      border: solid 1px #9f9f9f;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-star-icon.svg); }
    .feature-wrapper .feature-elemment-btn.private.featured-post {
      background-color: #9f9f9f;
      border: solid 1px #9f9f9f; }
    .feature-wrapper .feature-elemment-btn.personal.featured-off {
      color: #b868c8;
      background-color: #ffffff;
      border: solid 1px #b868c8;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-star-icon.svg); }
    .feature-wrapper .feature-elemment-btn.personal.featured-post {
      background-color: #b868c8;
      border: solid 1px #b868c8; }
    .feature-wrapper .feature-elemment-btn.groups.featured-off {
      color: #66bb69;
      background-color: #ffffff;
      border: solid 1px #66bb69;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/group-star-icon.svg); }
    .feature-wrapper .feature-elemment-btn.groups.featured-post {
      background-color: #66bb69;
      border: solid 1px #66bb69; }
  .feature-wrapper .feature-elemment-info-btn {
    display: flex;
    width: auto;
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/feature-info-icon.svg);
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-left: 4px; }

.featured-tooltip {
  max-width: 647px;
  width: 100%;
  border-radius: 4px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 17px;
  margin-top: -63px;
  position: absolute;
  z-index: 2000;
  display: flex;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #fff; }
  @media only screen and (max-width: 767px) {
    .featured-tooltip {
      max-width: calc( 100% - 20px);
      padding-right: 14px; } }
  .featured-tooltip .content {
    font-family: "Open Sans";
    word-break: break-all;
    margin-right: 8px;
    width: calc(100% - 20px);
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d2026; }
  .featured-tooltip .close-tooltip {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/close-gray.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
    object-fit: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-left: auto; }
    @media only screen and (max-width: 767px) {
      .featured-tooltip .close-tooltip {
        margin-right: 0px;
        width: 22px;
        height: 14px;
        background-size: contain; } }

#aboutme-container .change-media-layout-popup {
  top: 160px;
  z-index: 2; }

#aboutme-container .change-media-layout {
  margin-top: -8px;
  margin-bottom: 5px;
  margin-right: 11px; }

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  /*top: 2px;*/
  width: 1.8em;
  height: 1.8em; }

/*.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}*/
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -7px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

#inboxChatTabs .messageTitle {
  font-family: Open Sans;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  height: 60px;
  color: #373d42; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  /*background: #007fff;*/
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/rightarrow_icon_2x.png) !important;
  background-size: 8px 14px !important; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

/*.ui-icon-circle-triangle-w { background-position: -80px -192px; } */
.ui-icon-circle-triangle-w {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/jquery-ui/left_arrow_icon_2x.png) !important;
  background-size: 8px 14px !important; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 300;
  background-color: #15171c;
  opacity: 0; }

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important; }

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0); }

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative; }

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.title {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #25272b;
  display: block; }

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: 18px;
  left: 0px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #0aa1d8;
  box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.6);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
  /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 1024px) {
  .introjs-helperNumberLayer {
    display: none; } }

.introjs-arrow {
  border: 5px solid transparent;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-bottom-color: white; }

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: white; }

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: white; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: white; }

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white; }

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: white; }

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: white; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: white; }

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: white; }

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 20px;
  background-color: white;
  min-width: 156px;
  max-width: 196px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  display: block; }

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button:hover {
  text-decoration: none; }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  position: relative;
  top: 40px;
  right: 58px;
  text-decoration: underline;
  color: #9da0aa;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600; }

.introjs-prevbutton {
  font-size: 12px;
  font-weight: bold;
  color: #0aa1d8;
  float: left; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
  font-size: 12px;
  font-weight: bold;
  color: #0aa1d8;
  float: right; }

.introjs-donebutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
  font-size: 12px;
  font-weight: bold;
  color: #0aa1d8;
  float: right;
  position: initial !important;
  text-decoration: none !important; }

.introjs-skipbutton-right {
  right: 20px; }

.introjs-nextbutton.introjs-fullbutton {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  cursor: default; }

.introjs-hidden {
  display: none; }

.introjs-bullets {
  text-align: left;
  padding-bottom: 10px; }

.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  padding: 0;
  display: inline-block; }

.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px; }

.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer; }

.introjs-bullets ul li a:hover {
  background: #0aa1d8; }

.introjs-bullets ul li a.active {
  background: #0aa1d8; }

.introjs-tooltiptext {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-align: left;
  color: #627384;
  margin-bottom: 15px; }

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1; }

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c; }

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%; }

.introjs-fixedTooltip {
  position: fixed; }

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer; }

.introjs-hint:focus {
  border: 0;
  outline: 0; }

.introjs-hidehint {
  display: none; }

.introjs-fixedhint {
  position: fixed; }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none; }

.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0; }

@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0; } }

@-moz-keyframes introjspulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0; }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1; }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0; } }

@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  25% {
    transform: scale(0);
    opacity: 0.1; }
  50% {
    transform: scale(0.1);
    opacity: 0.3; }
  75% {
    transform: scale(0.5);
    opacity: 0.5; }
  100% {
    transform: scale(1);
    opacity: 0.0; } }

/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjallemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjallemark
 * Project: https://github.com/CodeSeven/toastr
 */
#toast-container .email-info {
  display: table;
  padding: 0;
  max-width: 598px;
  width: 100%;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 45px;
  background-color: #f5fdff;
  border: solid 1px #0aa1d8;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.11);
  border-radius: 4px; }

#toast-container .success-rbo, #toast-container .error-rbo, #toast-container .info-rbo, #toast-container .warning-rb {
  padding: 10px 10px 10px 20px;
  max-width: 750px;
  width: 100%;
  pointer-events: auto;
  margin: 0 auto;
  margin-top: 45px;
  border: none;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative; }

#toast-container.toast-top-center2 .billing-error {
  width: 970px;
  height: auto;
  padding: 21px 20px 22px 20px;
  border-radius: 4px;
  border: solid 1px #f44336;
  background-color: #ffdfdd;
  margin: 0 auto;
  margin-top: 25px;
  position: relative; }
  #toast-container.toast-top-center2 .billing-error .toast-message2 {
    width: calc(100% - 20px); }
    #toast-container.toast-top-center2 .billing-error .toast-message2 .toaster-txt {
      font-family: Open Sans;
      font-size: 14px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #f44336;
      position: relative; }
  #toast-container.toast-top-center2 .billing-error button.toast-close-button {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/close-red.svg);
    width: 16px;
    height: 16px;
    background-size: contain;
    pointer-events: auto;
    bottom: 0;
    position: absolute;
    top: 50%;
    right: 13px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.success-rbo {
  background-color: #e8ffeb; }

.error-rbo {
  background-color: #ffeeec; }

.info-rbo {
  background-color: #ffffff; }

.warning-rbo {
  background-color: #fff2e3; }

#toast-container .banner-info {
  display: table;
  padding: 0;
  max-width: 732px;
  height: 42px;
  width: 100%;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 45px;
  background-color: #e4ffe8;
  border: solid 1px #32b644;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  margin-top: 12px; }

#toast-container .banner-info.stealth-toaster {
  max-width: 498px;
  margin-top: 20px; }
  #toast-container .banner-info.stealth-toaster .toast-close-button {
    margin-right: 15px;
    margin-top: 19px; }
  #toast-container .banner-info.stealth-toaster .toast-message2 .banner-info-warning .banner-toaster-txt {
    width: auto; }

#toast-container .banner-info .toast-close-button {
  margin-top: 20px;
  width: 14px;
  height: 14px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-banner-copy-toastr.svg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 16px; }

#toast-container .banner-info .toast-close-button > span {
  display: none; }

#toast-container .settings-info {
  display: flex !important;
  padding: 0;
  max-width: 967px;
  width: 100%;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 45px;
  background-color: #f5fdff;
  border: solid 1px #0aa1d8;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  margin-top: 70px;
  padding: 5px; }

#toast-container .settings-info .toast-top-center2 > div > button.toast-close-button {
  width: 12px;
  height: 12px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-toaster.svg);
  background-repeat: no-repeat;
  background-size: cover; }

#toast-container .email-info .toast-top-center2 > div > button.toast-close-button {
  width: 12px;
  height: 12px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-toaster.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.email-warning {
  line-height: 46px;
  width: 100%;
  color: #000;
  min-width: 300px; }

.banner-info-warning {
  line-height: 38px;
  width: 100%; }

.toaster-txt {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39404c;
  max-width: 526.5px;
  width: 100%; }

.settings-warning {
  line-height: 46px;
  width: 100%;
  display: flex;
  height: 35px; }
  @media only screen and (max-width: 600px) {
    .settings-warning {
      height: 50px; } }

.toaster--txt {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0aa1d8;
  width: 100%;
  padding-left: 15px;
  margin: auto; }

.banner-toaster-txt {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #169227;
  max-width: 526.5px;
  width: 100%;
  padding-left: 15px; }

.banner-toaster-txt:hover {
  text-decoration: none; }

.toaster-txt:hover {
  text-decoration: none; }

.paper-plane {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/paper-plane.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 17.4px;
  height: 13px;
  margin-left: 16px;
  position: relative;
  top: 1px;
  margin-right: 8px; }

.close-toaster {
  width: 12px;
  height: 12px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-toaster.svg);
  background-repeat: no-repeat;
  background-size: cover; }

@media only screen and (max-width: 600px) {
  #toast-container .email-info {
    margin-left: 20px;
    margin-right: 20px;
    max-width: fit-content;
    position: relative; }
  #toast-container .settings-info {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 90%;
    position: relative; }
  .email-warning {
    display: flex;
    padding-top: 12px;
    padding-bottom: 16px;
    /* width: max-content; */
    z-index: 100000; }
  .paper-plane {
    margin-left: 14px; }
  .toaster-txt {
    width: 70%; }
  .close-toaster {
    position: relative;
    left: 15px;
    top: 23px; } }

@media only screen and (max-width: 600px) {
  .email-info {
    max-width: 280px;
    margin-top: 32px; }
  .settings-info {
    max-width: 280px;
    margin-top: 32px; }
  .banner-toaster-txt {
    display: block;
    margin-top: 10px; }
  #toast-container .banner-info .toast-close-button {
    margin-top: 16px; }
  #toast-container .banner-info {
    margin-top: 0px; } }

@media only screen and (max-width: 370px) {
  .banner-toaster-txt {
    font-size: 11px; } }

.toast-title {
  font-weight: bold;
  float: left;
  width: 30px;
  padding-top: 0px; }

.toast-title fa {
  font-size: 15px !important; }

.toast-message {
  float: left;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  width: calc( 100% - 20px);
  padding-left: 30px; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: 0;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.removeIcon {
  position: absolute;
  right: 15px;
  top: 9px; }

.onBoarding-body .removeIcon {
  top: 13px; }

.removeIcon img {
  width: 13px !important;
  height: 13px !important;
  max-width: 100% !important; }

.toast-error .toast-message {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/erroricon_2x.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 19px 17px;
  width: 943px; }

.toast-success .toast-message {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/successtostericon_2x.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 18.2px 14px; }

.onBoarding-body .toast-error .toast-message {
  background-position: 0px 0px; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 100px;
  left: 12px; }

.toast-top-center {
  top: 100px; }

.toast-top-right {
  top: 65px;
  right: 0px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-center {
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

.toast-center {
  top: 45%; }

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: auto;
  font-size: 16px !important;
  /*overrides*/ }

#toast-container.toast-center,
#toast-container.toast-top-center,
#toast-container.toast-bottom-center {
  width: 100%;
  pointer-events: none; }

#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  margin: auto;
  position: relative;
  pointer-events: auto;
  margin-bottom: 10px; }

#toast-container.toast-center > button,
#toast-container.toast-top-center > button,
#toast-container.toast-bottom-center > button {
  pointer-events: auto; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  display: table;
  margin: 0 0 6px;
  padding: 9px 12px 9px 12px;
  width: 100%;
  max-width: 977px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-message {
  font-family: "Open Sans", serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #feffff; }

.toast-message :first-letter {
  text-transform: uppercase; }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-wait {
  background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important; }

#toast-container > .toast-error {
  /*  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;*/
  background-color: #f44036; }

#toast-container > .toast-success {
  /*  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;*/
  background-color: #4caf4e; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-wait {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

/*Responsive Design*/
@media all and (max-width: 1000px) {
  #toast-container > div {
    padding: 8px 8px 8px 12px;
    width: calc(100% - 20px); }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; }
  /*Responsive Design*/ }

@media all and (max-width: 1000px) and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 12px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (max-width: 1000px) and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 12px;
    /*width: 18em;*/ }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (max-width: 1000px) and (min-width: 300px) and (max-width: 768px) {
  #toast-container > div {
    width: 100%;
    max-width: calc(100% - 20px); } }

@media all and (max-width: 1000px) and (min-width: 300px) and (max-width: 981px) {
  .toast-top-right {
    top: 75px; }
  .toast-error .toast-message {
    width: calc(100% - 22px); } }

@media all and (max-width: 1000px) and (max-width: 420px) {
  .removeIcon {
    right: 5px; } }

@media all and (max-width: 1000px) and (min-width: 481px) and (max-width: 700px) {
  .toast .removeIcon img {
    margin-top: 5px; } }

@media all and (max-width: 1000px) {
  /*
   * AngularJS-Toaster
   * Version 0.3
  */
  :not(.no-enter)#toast-container > div.ng-enter,
  :not(.no-leave)#toast-container > div.ng-leave {
    -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; }
  :not(.no-enter)#toast-container > div.ng-enter.ng-enter-active,
  :not(.no-leave)#toast-container > div.ng-leave {
    opacity: 0.8; }
  :not(.no-leave)#toast-container > div.ng-leave.ng-leave-active,
  :not(.no-enter)#toast-container > div.ng-enter {
    opacity: 0; } }

/* TOASTER STYLE ENDS HERE */
/* perfect-scrollbar v0.6.10 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important; } }

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps-container.ps-in-scrolling {
  pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px; }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px; }

.ps-container:hover.ps-in-scrolling {
  pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999; }

div.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 5px;
  width: 300px;
  height: 100px;
  overflow-y: auto;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

div.tagsinput span.tag {
  /*border: 1px solid #a5d24a;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  background: #586476;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 13px; }

div.tagsinput span.tag a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 13px; }

div.tagsinput input {
  width: 80px;
  margin: 0px;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px; }

div.tagsinput div {
  display: block;
  float: left; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px; }

.not_valid {
  background: #0aa1d8;
  color: #90111A !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
#toast-container.toast-top-center2 {
  top: 0;
  right: 0;
  width: 100%; }

#toast-container.toast-top-center2 > div > .toast-title2 {
  font-weight: bold;
  display: none; }

#toast-container.toast-top-center2 > div > .toast-message2 {
  word-wrap: break-word; }

#toast-container.toast-top-center2 > div > .toast-close-button2 {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */ }

#toast-container.toast-top-center2 > div > .toast-close-button:hover,
#toast-container.toast-top-center2 > div > .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4; }

#toast-container.toast-top-center2 > div > button.toast-close-button > span {
  display: none; }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
#toast-container.toast-top-center2 > div > button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/removeicon_2x.svg);
  max-width: 100%;
  font-style: italic;
  top: 0em;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-size: 13px 13px;
  background-position: center; }

#toast-container.toast-top-center2 .email-info button.toast-close-button {
  width: 12px;
  height: 12px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-toaster.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 17px;
  right: 16px; }

@media only screen and (max-width: 600px) {
  #toast-container.toast-top-center2 .success-rbo .toast-message2, #toast-container.toast-top-center2 .error-rbo .toast-message2, #toast-container.toast-top-center2 .info-rbo .toast-message2, #toast-container.toast-top-center2 .warning-rbo .toast-message2 {
    width: 90%; } }

#toast-container.toast-top-center2 .success-rbo button.toast-close-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/icon-green.svg);
  position: initial;
  background-size: 20px 20px;
  margin: 0 0 0 auto;
  order: 2; }

#toast-container.toast-top-center2 .error-rbo button.toast-close-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/icon-red.svg);
  position: initial;
  background-size: 20px 20px;
  margin: 0 0 0 auto;
  order: 2; }

#toast-container.toast-top-center2 .info-rbo button.toast-close-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/icon-blue.svg);
  position: initial;
  background-size: 20px 20px;
  margin: 0 0 0 auto;
  order: 2; }

#toast-container.toast-top-center2 .warning-rbo button.toast-close-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/icon-orange.svg);
  position: initial;
  background-size: 20px 20px;
  margin: 0 0 0 auto;
  order: 2; }

#toast-container.toast-top-center2 .settings-info button.toast-close-button {
  width: 12px;
  height: 12px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close-toaster.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: initial;
  margin: auto 10px auto auto;
  order: 2; }

@media only screen and (max-width: 600px) {
  #toast-container.toast-top-center2 .email-info button.toast-close-button {
    position: absolute;
    top: 45%; }
  #toast-container.toast-top-center2 .settings-info button.toast-close-button {
    position: absolute;
    top: 30%; } }

#toast-container.toast-top-center2 {
  pointer-events: none;
  position: fixed;
  z-index: 999999; }

#toast-container.toast-top-center2 * {
  box-sizing: border-box; }

#toast-container.toast-top-center2 .ngx-toastr {
  position: absolute;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF; }

.toast-top-center2.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer; }

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
#toast-container.toast-top-center2 .toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); }

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
#toast-container.toast-top-center2 .toast-error {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/erroricon_2x.svg);
  background-size: 19px 17px;
  background-origin: border-box; }

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
#toast-container.toast-top-center2 .toast-success {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");*/
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/successtostericon_2x.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 18.2px 14px; }

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
#toast-container.toast-top-center2 .toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); }

#toast-container.toast-top-center2 > .ngx-toastr {
  display: table;
  width: 100%;
  padding: 8px 12px 8px 45px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  width: 997px;
  background-color: #030303;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 65px; }

#toast-container.toast-top-center2 > .toast-success {
  background-color: #4caf4e; }

#toast-container.toast-top-center2 > .toast-error {
  background-color: #f44036;
  background-position: 15px 10px; }

#toast-container.toast-top-center2 > .toast-info {
  background-color: #0aa1d8; }

#toast-container.toast-top-center2 > .toast-warning {
  background-color: #F89406; }

#toast-container.toast-top-center2 > .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4; }

/* Responsive Design */
@media all and (max-width: 240px) {
  #toast-container.toast-top-center2 .toast-container > .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container.toast-top-center2 .toast-container > .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container.toast-top-center2 .toast-container > .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container.toast-top-center2 .toast-container > .ngx-toastr > .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container.toast-top-center2 .toast-container > .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

@media all and (max-width: 414px) {
  #toast-container.toast-top-center2 > .ngx-toastr {
    margin-left: calc(10% - 25px); } }

.hide-link {
  text-decoration: underline; }

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: #fff;
  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  width: 400px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px; } }

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block; }

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.sweet-alert fieldset {
  border: none;
  position: relative; }

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding .15s,max-height .15s;
  transition: padding .15s,max-height .15s; }

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding .2s,max-height .2s;
  transition: padding .25s,max-height .25s; }

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 3px; }

.sweet-alert .sa-error-container p {
  display: inline-block; }

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all .1s;
  transition: all .1s; }

.sweet-alert .sa-input-error::after, .sweet-alert .sa-input-error::before {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px; }

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all .3s;
  transition: all .3s; }

.sweet-alert input:focus {
  outline: 0;
  box-shadow: 0 0 3px #c4e6f5;
  border: 1px solid #b4dbed; }

.sweet-alert.show-input input {
  display: block; }

.sweet-alert button {
  background-color: #AEDEF4;
  color: #fff;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0;
  cursor: pointer; }

.sweet-alert button:focus {
  outline: 0;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover {
  background-color: #a1d9f2; }

.sweet-alert button:active {
  background-color: #81ccee; }

.sweet-alert button.cancel {
  background-color: #D0D0D0; }

.sweet-alert button.cancel:hover {
  background-color: #c8c8c8; }

.sweet-alert button.cancel:active {
  background-color: #b6b6b6; }

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important; }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px; }

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86; }

.sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat; }

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert .3s;
  animation: showSweetAlert .3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop .3s;
  animation: slideFromTop .3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom .3s;
  animation: slideFromBottom .3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert .2s;
  animation: hideSweetAlert .2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop .4s;
  animation: slideToTop .4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom .3s;
  animation: slideToBottom .3s; }

@-webkit-keyframes animateSuccessTip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0%, 5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  100%, 12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0%, 5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  100%, 12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip .75s;
  animation: animateSuccessTip .75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong .75s;
  animation: animateSuccessLong .75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon .5s;
  animation: animateErrorIcon .5s; }

@-webkit-keyframes animateXMark {
  0%, 50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0%, 50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark .5s;
  animation: animateXMark .5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning .75s infinite alternate;
  animation: pulseWarning .75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns .75s infinite alternate;
  animation: pulseWarningIns .75s infinite alternate; }

.croppie-container {
  width: 100%;
  height: 100%; }

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none; }

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100% !important;
  height: 270px !important; }

.cropArea {
  margin-bottom: 0px !important;
  height: auto !important; }

.headerCropp {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -10px;
  background-color: #586476;
  color: #fff;
  width: calc(100% + 40px);
  padding: 14px 20px;
  margin-bottom: 0px;
  font-size: 19px;
  border-radius: 4px 4px 0px 0px; }

#myAvatarModalImageField {
  position: absolute;
  left: 0%;
  width: 100%;
  opacity: 0;
  height: 30px; }

#myAvatarImageField {
  position: absolute;
  left: 0%;
  width: 100%;
  opacity: 0;
  height: 30px;
  top: 3px; }

.horizontal-align {
  top: 7px !important; }

.croppie-containerpanel form {
  width: calc(100% + 40px);
  margin-left: -20px; }

.croppie-container .cr-viewport {
  position: absolute;
  border: 1px dashed #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0; }

.croppie-container .cr-original-image {
  display: none; }

.croppie-container .cr-vp-circle {
  border-radius: 50%; }

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move; }

.croppie-containerpanel .modal__body {
  /*height:270px*/ }

.croppie-containerpanel input[type="range" i] {
  color: #a1a6ba; }

.croppie-containerpanel input[type=range]::-webkit-slider-thumb,
.croppie-containerpanel input[type=range]::-moz-range-thumb,
.croppie-containerpanel input[type=range]::-ms-track {
  border: 2px solid #03a9f4;
  background: #fff; }

input[type="range"]::-moz-range-track {
  background-color: #a1a6ba; }

.croppie-containerpanel .modal__footer {
  margin: 0px 0px;
  width: calc(100% - 0px);
  margin-top: 2px;
  margin-bottom: 1px; }

.croppie-containerpanel input[type='range']::-webkit-slider-thumb {
  width: 27px;
  -webkit-appearance: none;
  height: 27px;
  background: #fff;
  border: 2px solid #03a9f4;
  margin-top: -12px; }

@supports (-ms-ime-align: auto) {
  /* IE10+ CSS styles go here */
  .croppie-containerpanel input[type='range']::-webkit-slider-thumb {
    margin-top: 0px; } }

.croppie-containerpanel input[type='range']::-moz-slider-thumb {
  width: 27px;
  -webkit-appearance: none;
  height: 27px;
  background: #fff;
  border: 2px solid #03a9f4;
  margin-top: -12px; }

.croppie-containerpanel input[type='range']::-moz-range-thumb {
  background: #fff;
  width: 27px;
  height: 27px;
  border: 2px solid #03a9f4; }

.croppie-containerpanel input[type='range']:active::-moz-range-thumb {
  background: #fff;
  width: 27px;
  border: 2px solid #03a9f4; }

input[type='range']::-webkit-slider-runnable-track {
  height: 2px;
  -webkit-appearance: none;
  color: #a1a6ba; }

/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #a1a6ba; }

input[type="range"]::-moz-range-track {
  background-color: #a1a6ba; }

/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #a1a6ba; }

input[type="range"]::-ms-fill-upper {
  background-color: #a1a6ba; }

.croppie-container .cr-slider-wrap {
  width: calc( 100% - 40px);
  margin: 20px;
  text-align: center;
  padding: 13px 25px;
  padding-top: 2px;
  height: 40px;
  padding-left: 15px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 37px;
  margin-bottom: 16px; }

.homepage .croppie-container .cr-slider-wrap {
  padding: 0px 25px !important;
  height: 40px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
  margin-bottom: 16px; }

.homepage {
  margin-top: 0px !important; }

.croppie-result {
  position: relative;
  overflow: hidden; }

.croppie-result img {
  position: absolute; }

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /* border: 1px solid white; */
  width: calc( 100% - 35px);
  max-width: 100%;
  margin-left: -5px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cr-slider {
    height: 80px;
    margin-top: -8px; } }

.homepage .cr-slider {
  margin-top: 13px; }

@supports (-moz-transform: translate(0, 0)) {
  .cr-slider {
    margin-top: -8px; } }

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

.cr-slider:focus {
  outline: none; }

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-ms-tooltip {
  display: none; }

.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px; }

.cr-slider::-ms-track {
  width: 300px;
  height: 2px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;
  /*remove default tick marks*/ }

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #03a9f4;
  margin-top: -3px; }

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5); }

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5); }

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1; }

.cr-rotate-controls button {
  border: 0;
  background: none; }

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px; }

.cr-rotate-l i:before {
  content: '↺'; }

.cr-rotate-r i:before {
  content: '↻'; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.reward-faqs-accordions .mat-expansion-indicator::after {
  color: #006aff; }

.reward-faqs-accordions .mat-expansion-panel.mat-expanded.mat-expansion-panel-spacing {
  margin-bottom: 0px;
  margin-top: 0px; }
  .reward-faqs-accordions .mat-expansion-panel.mat-expanded.mat-expansion-panel-spacing .mat-expansion-indicator {
    margin-top: 10px; }

.reward-faqs-accordions .mat-expansion-panel-header {
  padding: 4px 10px 5px 0px; }
  .reward-faqs-accordions .mat-expansion-panel-header.mat-expanded {
    height: 48px;
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 45px; }

.rbo-wrapper {
  display: flex;
  position: relative;
  margin-top: -25px;
  background-color: #F3F5F9; }
  .rbo-wrapper .backoverlay {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    opacity: 0;
    z-index: -1;
    position: absolute; }
  .rbo-wrapper .side-nav-panel {
    width: 227px;
    height: 100vh; }
  .rbo-wrapper .middle-panel.full-screen {
    width: 100%;
    padding-bottom: 48px; }
    .rbo-wrapper .middle-panel.full-screen .rbo-content {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; }
  .rbo-wrapper .middle-panel.center {
    margin: 0 auto; }
  .rbo-wrapper .middle-panel {
    width: calc(100% - 567px);
    padding-bottom: 35px; }
    .rbo-wrapper .middle-panel .rbo-content {
      width: 747px;
      margin: 0 auto; }
  .rbo-wrapper .side-status-panel {
    width: 340px;
    height: 100vh;
    position: absolute;
    right: 0px; }
  .rbo-wrapper .search-icon-responsive {
    display: none; }

@media only screen and (min-width: 1920px) {
  .rbo-wrapper {
    width: 1397.47px;
    margin: 0 auto;
    margin-top: -25px; } }

@media only screen and (max-width: 1345px) {
  .rbo-wrapper .middle-panel .rbo-content {
    width: 673px; } }

@media only screen and (max-width: 1260px) {
  .rbo-wrapper .middle-panel {
    width: 100%; }
    .rbo-wrapper .middle-panel .rbo-content {
      width: 673px; }
  .rbo-wrapper .side-status-panel {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .rbo-wrapper {
    margin-top: -19px; }
    .rbo-wrapper .backoverlay.is-mobile {
      z-index: 100;
      height: 100vh;
      opacity: .9; }
    .rbo-wrapper .backoverlay.ng-hide-remove {
      -webkit-animation: fadeIn 0.5s ease;
      -moz-animation: fadeIn 0.5s ease;
      -o-animation: fadeIn 0.5s ease;
      animation: fadeIn 0.5s ease; }
    .rbo-wrapper .backoverlay.ng-hide-add {
      -webkit-animation: fadeOut 0.5s ease;
      -moz-animation: fadeOut 0.5s ease;
      -o-animation: fadeOut 0.5s ease;
      animation: fadeOut 0.5s ease; }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: .8; } }
  @keyframes fadeOut {
    0% {
      opacity: .8; }
    100% {
      opacity: 0; } }
    .rbo-wrapper .side-nav-panel-overlay {
      width: 100%;
      height: 100%;
      border: 1px solid red;
      position: fixed;
      background-color: #058a5e;
      z-index: 1000; }
    .rbo-wrapper .side-nav-panel {
      float: left;
      padding: 0;
      position: fixed;
      overflow: hidden;
      cursor: pointer;
      z-index: 205;
      height: 100vh;
      width: 227px;
      box-shadow: 11px 0px 66px rgba(0, 0, 0, 0.55);
      background-color: #ffffff; }
      .rbo-wrapper .side-nav-panel:active {
        background-color: #ffffff; }
      .rbo-wrapper .side-nav-panel:focus {
        background-color: #ffffff;
        outline: none; }
    .rbo-wrapper .side-nav-panel.ng-hide-remove {
      -webkit-animation: slideIn 0.5s ease;
      -moz-animation: slideIn 0.5s ease;
      -o-animation: slideIn 0.5s ease;
      animation: slideIn 0.5s ease; }
    .rbo-wrapper .side-nav-panel.ng-hide-add {
      -webkit-animation: slideOut 0.5s ease;
      -moz-animation: slideOut 0.5s ease;
      -o-animation: slideOut 0.5s ease;
      animation: slideOut 0.5s ease; }
  @keyframes slideIn {
    0% {
      left: -227px; }
    100% {
      left: 0px; } }
  @keyframes slideOut {
    0% {
      left: 0px; }
    100% {
      left: -227px; } } }

@media only screen and (max-width: 768px) {
  .rbo-wrapper .middle-panel {
    width: 100%; }
    .rbo-wrapper .middle-panel .rbo-content {
      padding-top: 10px;
      width: 100%;
      padding-left: 46px;
      padding-right: 46px; } }

@media only screen and (max-width: 600px) {
  @keyframes slideIn {
    0% {
      left: -100%; }
    100% {
      left: 0%; } }
  @keyframes slideOut {
    0% {
      left: 0%; }
    100% {
      left: -100%; } }
  .rbo-wrapper .side-nav-panel {
    width: 100%; }
  .rbo-wrapper .side-nav-panel.ng-hide-remove {
    -webkit-animation: slideIn 0.5s ease;
    -moz-animation: slideIn 0.5s ease;
    -o-animation: slideIn 0.5s ease;
    animation: slideIn 0.5s ease; }
  .rbo-wrapper .side-nav-panel.ng-hide-add {
    -webkit-animation: slideOut 0.5s ease;
    -moz-animation: slideOut 0.5s ease;
    -o-animation: slideOut 0.5s ease;
    animation: slideOut 0.5s ease; }
  .rbo-wrapper .middle-panel .rbo-content {
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 24px; } }

.navbar {
  background: #555;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }

/*Mobile Menu*/
.mobile-left-side-menu {
  color: white;
  float: left;
  width: 30px;
  height: 36px;
  font-size: 24px;
  margin-top: 0px;
  margin-left: 0; }

#nav-toggle {
  width: 30px;
  height: 25px;
  margin-left: 15px;
  top: 20px;
  float: left;
  position: absolute;
  display: block;
  padding-top: 20px;
  cursor: pointer; }
  #nav-toggle span {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 24px;
    background: whitesmoke;
    position: absolute;
    display: block;
    opacity: 1; }
  #nav-toggle span:nth-child(1) {
    top: 1px; }
  #nav-toggle span:nth-child(2), #nav-toggle span:nth-child(3) {
    top: 9px; }
  #nav-toggle span:nth-child(4) {
    top: 17px; }
  #nav-toggle.active span:nth-child(1) {
    top: 9px;
    opacity: 0;
    height: 0; }
  #nav-toggle.active span:nth-child(4) {
    top: 10px;
    opacity: 0;
    height: 0; }

#mobile-nav-menu {
  float: left;
  padding: 0;
  position: fixed;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000;
  height: 100vh;
  width: 324px;
  box-shadow: 0 13px 30px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff; }
  @media only screen and (max-width: 600px) {
    #mobile-nav-menu {
      margin-top: 0px;
      width: 100%; } }

#mobile-nav-menu.ng-hide-remove {
  -webkit-animation: slideIn 0.5s ease;
  -moz-animation: slideIn 0.5s ease;
  -o-animation: slideIn 0.5s ease;
  animation: slideIn 0.5s ease; }

#mobile-nav-menu.ng-hide-add {
  -webkit-animation: slideOut 0.5s ease;
  -moz-animation: slideOut 0.5s ease;
  -o-animation: slideOut 0.5s ease;
  animation: slideOut 0.5s ease;
  display: block !important; }

@keyframes slideIn {
  0% {
    left: -320px; }
  100% {
    left: 0px; } }

@keyframes slideOut {
  0% {
    left: 0px; }
  100% {
    left: -320px; } }

.profile-banner-nav-wrapper.fixed-profile-filter .profile-banner-nav-btn .about-btn-wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 1px; }

.profile-banner-nav-wrapper {
  display: flex;
  width: max-content;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative; }
  .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover {
    background-color: #0aa1d8;
    text-decoration: none;
    border-color: #0aa1d8; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .nav-counter, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .nav-counter {
      color: #ffffff; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .mutual-connection-avatar-container-wrapper .recommend-icon, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .mutual-connection-avatar-container-wrapper .recommend-icon {
      filter: brightness(0) invert(1); }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .mutual-connection-avatar-container-wrapper .nav-counter-contact, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .mutual-connection-avatar-container-wrapper .nav-counter-contact {
      color: #ffffff; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .mutual-connection-avatar-container-wrapper .mutual-txt, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .mutual-connection-avatar-container-wrapper .mutual-txt {
      color: #ffffff; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper {
      color: #ffffff; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.about::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.about::before {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/about-icon-white.svg); }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.about.no-icon::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.about.no-icon::before {
      background-image: none; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.news::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.news::before {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/news-icon-white.svg); }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.photos::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.photos::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tb-photo-white.svg); }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.videos::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.videos::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tb-video-white.svg); }
    .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab .btn-text-wrapper.contacts::before, .profile-banner-nav-wrapper .profile-banner-nav-btn.active-tab:hover .btn-text-wrapper.contacts::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg); }
  .profile-banner-nav-wrapper .profile-banner-nav-btn {
    width: 180px;
    height: 53px;
    border-radius: 4px;
    border: solid 1px #d8dbe7;
    background-color: #ffffff;
    text-decoration: none;
    margin-left: 19px;
    display: flex;
    align-items: center;
    padding-left: 17px;
    position: relative; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .nav-counter {
      font-family: Open Sans;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      color: #909bad;
      position: absolute;
      right: 16px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .network-wrap {
      display: flex; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper {
      position: absolute;
      right: 16px;
      bottom: 7px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .recommend-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/recommend-icon.svg);
        width: 20px;
        height: 20px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 3px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .nav-counter-contact {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: normal;
        color: #909bad;
        text-align: center;
        position: relative;
        top: 3px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .mutual-txt {
        font-family: Open Sans;
        font-size: 10px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: normal;
        color: #909bad; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .mutual-connection-avatar-wrapper {
        display: flex;
        width: max-content;
        margin: 0 auto; }
        .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .mutual-connection-avatar-wrapper .mutual-avatar-icon.two {
          margin-left: -4px; }
        .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .mutual-connection-avatar-wrapper .mutual-avatar-icon.three {
          margin-left: -4px; }
        .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper .mutual-connection-avatar-wrapper .mutual-avatar-icon {
          width: 12px;
          height: 12px;
          border: 1px solid #fff;
          border-radius: 50%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper {
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      text-decoration: none;
      display: flex; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper::before {
        margin-right: 8px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.about::before {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/about-icon.svg);
      content: "";
      height: 18px;
      width: 18px;
      background-size: contain;
      background-repeat: no-repeat; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .submenu-avatar {
      width: 20px;
      height: 20px;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
      border: solid 1px #ffffff;
      border-radius: 100px;
      margin: 0 auto; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.about.no-icon::before {
      background-image: none;
      height: auto;
      width: auto; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.news::before {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/news-icon.svg);
      content: "";
      height: 18px;
      width: 18px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 2px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.photos::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tb-photo-default.svg);
      content: "";
      height: 18px;
      width: 18px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.videos::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tb-video-default.svg);
      content: "";
      width: 20px;
      height: 15.3px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 4px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.contacts::before {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-blue.svg);
      content: "";
      width: 20px;
      height: 15.3px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 2px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn:hover {
      text-decoration: none;
      border: solid 1px #d8dbe7;
      background-color: #f5f6f7; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn:hover .btn-text-wrapper {
        color: #647287; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn:hover .nav-counter {
        color: #647287; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn:hover .mutual-connection-avatar-container-wrapper .nav-counter-contact {
        color: #647287; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn:hover .mutual-connection-avatar-container-wrapper .mutual-txt {
        color: #647287; }
  .profile-banner-nav-wrapper .profile-banner-nav-btn:first-child {
    margin-left: 0px; }

@media only screen and (max-width: 950px) {
  .profile-banner-nav-wrapper {
    width: 100%; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn {
      justify-content: center;
      padding-left: 0px;
      padding-right: 0px;
      max-width: 177px;
      width: 100%;
      height: 55px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper {
        display: grid; }
        .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper:before {
          margin: 0 auto; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.news::before {
        top: 0px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.videos::before {
        top: 0px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.contacts::before {
        top: 0px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn:first-child {
      margin-left: 0px; } }

@media only screen and (max-width: 800px) {
  .profile-banner-nav-wrapper .profile-banner-nav-btn .nav-counter {
    display: none; }
  .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper {
    display: none; } }

@media only screen and (max-width: 600px) {
  .profile-banner-nav-wrapper.profile-contacts {
    margin-bottom: 0px; }
  .profile-banner-nav-wrapper {
    width: 100%;
    margin-bottom: 0px;
    margin-bottom: 11px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn {
      justify-content: center;
      padding-left: 0px;
      padding-right: 0px;
      max-width: 177px;
      width: 100%;
      height: 55px;
      border: none;
      margin-left: 0px;
      border-radius: 0px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .nav-counter {
        display: none; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .mutual-connection-avatar-container-wrapper {
        display: none; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper {
        display: grid;
        font-size: 10px; }
        .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper:before {
          margin: 0 auto; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.news::before {
        top: 0px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.videos::before {
        top: 0px; }
      .profile-banner-nav-wrapper .profile-banner-nav-btn .btn-text-wrapper.contacts::before {
        top: 0px; }
    .profile-banner-nav-wrapper .profile-banner-nav-btn:first-child {
      margin-left: 0px; } }

.discover-page-wrapper .discover-page-ad {
  margin-bottom: 35px;
  display: block;
  text-align: center; }

.discover-page-wrapper .poeple-you-may-know-wrapper {
  position: relative;
  margin: 0 auto;
  top: 10px; }
  .discover-page-wrapper .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper {
    text-align: center;
    margin-bottom: 20px; }
    .discover-page-wrapper .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper .discover-people-you-may-know-header {
      font-family: Montserrat;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }

.talkbox-textarea {
  width: calc(100% - 92px);
  background: transparent;
  border: none;
  outline: none;
  margin-left: 20px;
  resize: none;
  margin: 0;
  min-height: 72px;
  font-size: 16px;
  font-family: 'Open Sans';
  color: #647287;
  padding-top: 15px;
  transition: padding-top 0.1s ease-in-out;
  overflow: hidden; }

@media only screen and (max-width: 800px) {
  .single-media-post-wrapper {
    padding-left: 0px;
    padding-right: 0px; }
  .discover-widget-component {
    display: none; }
  .full-length-box .talkbox-textarea {
    min-height: 86px; } }

.talkbox-textarea ::-webkit-scrollbar {
  width: 5px; }

.talkbox-textarea ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background: #fff;
  border-radius: 10px; }

.talkbox-textarea ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e3e3e3; }

.talkbox-textarea:focus {
  box-shadow: none;
  padding-top: 0px;
  overflow: auto;
  transition: padding-top 0.1s ease-in-out; }

.talkbox-textarea.has-data {
  padding-top: 0px;
  overflow: auto;
  margin-bottom: 10px; }

@media only screen and (max-width: 600px) {
  .talkbox-textarea {
    width: 100%;
    font-size: 15px; } }

.edittalkboxTagArea {
  min-height: 42px; }

.min-height-55 {
  min-height: 55px; }

.mobile-attach-icon {
  display: none !important; }

.margin_bottom_zero {
  margin-bottom: 0px !important; }

.media_module_comment_media {
  margin-top: 20px;
  max-height: 70vh;
  width: auto;
  height: auto; }

.modal-viewer .avatar_media_img,
.modal-viewer .viewer .viewer__main .show-area img.avatar_media_img {
  width: auto !important;
  height: auto !important;
  max-height: calc(100vh - 40px);
  /*exactly same size as the module*/ }

.news-box .bg-small {
  background-size: 60% !important;
  background-position: center !important; }

.hide-for-desktop {
  display: none; }

#attach-news-photo .cancellink, #attach-news-photo a.cancellink {
  color: #667586 !important; }

#mediaContainerfileOnly .mediaThumb, .mediaContainerFilePanel .newsMediaFileThumb {
  width: calc(50% - 4px);
  margin-right: 10px;
  background-color: #fff !important;
  height: 40px;
  padding: 9px 22px 6px 35px;
  float: left;
  background-repeat: no-repeat !important;
  background-size: 15px 16px !important;
  background-position: 10px center !important;
  border: solid 1px #dcdfe5; }

.postpanel .postPanelFilesMedia .mediaThumb {
  width: 50%;
  height: 35px;
  width: calc(50% - 6px);
  margin-right: 10px;
  background-color: #fff !important;
  height: 40px;
  padding: 9px 22px 6px 9px;
  float: left;
  /* background-repeat: no-repeat !important;
  background-size: 50px 100px !important;
  background-position: 2px 1px !important;
  border: solid 1px #dcdfe5; */ }

.postpanel .postPanelFilesMedia .mediaThumb:nth-child(even) {
  margin-right: 0px; }

.postpanel .postPanelFilesMedia .mediaThumb .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  /*white-space: nowrap !important; */
  padding-right: 15px;
  /*overflow: hidden */ }

.postpanel .postPanelFilesMedia .mediaThumb .remove {
  position: absolute;
  top: 8px;
  float: right;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  padding: 3px 3px 3px 3px;
  cursor: pointer;
  font-size: 0.70em;
  font-weight: normal;
  right: 6px;
  color: #ccc;
  border: none;
  left: inherit;
  right: 2px !important;
  background: none;
  padding: 2px 2px 2px 2px !important; }

.postpanel .postPanelFilesMedia .mediaThumb .remove:hover {
  color: #0aa1d8; }

.postpanel .postPanelFilesMedia .mediaThumb:hover .remove {
  /*display: block;*/ }

#mediaContainerfileOnly .mediaThumb .text,
.mediaContainerFilePanel .newsMediaFileThumb .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  font-size: 13px;
  color: #586476; }

#mediaContainerfileOnly {
  width: 100%; }

#mediaContainerfileOnly .mediaThumb i {
  position: absolute;
  top: 8px;
  float: right;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  padding: 4px 18px 0px 0px;
  cursor: pointer;
  font-size: 0.70em;
  font-weight: normal;
  right: 6px;
  color: #cfd4db;
  border: none;
  left: inherit;
  right: 2px !important;
  background: none; }

#mediaContainerfileOnly .mediaThumb i:hover {
  color: #0aa1d8; }

#mediaContainerfileOnly .mediaThumb:nth-child(even) {
  margin-right: 0px;
  margin-left: 0px; }

/*** auto complete ************/
.viewer__main ul.ui-autocomplete.ui-menu {
  top: 55px !important; }

.viewer__main .ui-autocomplete li:last-child {
  border: none !important; }

.viewer__main .ui-autocomplete .ui-menu-item {
  font-size: 13px;
  font-weight: 500;
  color: #39414d; }

.padding-bottom-five {
  padding-bottom: 5px; }

.padding-bottom-ten {
  padding-bottom: 10px; }

.padding-bottom-twenty {
  padding-bottom: 20px; }

.group_model_popup input.cmn-toggle-round:checked + label:before {
  background-color: #E53635; }

.confidential-selected-prop {
  font-weight: 600;
  color: red; }

.viewer__main .ui-autocomplete {
  border-radius: 4px;
  border: 1px solid #0aa1d8 !important;
  margin-top: 18px;
  width: 255px; }

.viewer__main .ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #0aa1d8; }

.viewer__main .ui-autocomplete .ui-menu-item {
  border-bottom: 1px solid #cfd4db !important;
  padding: 9px 10px; }

#tag_user_in_photos {
  display: none;
  position: absolute;
  top: 100px;
  left: calc(50% - 155px);
  z-index: 6666;
  width: 300px; }

.mediaThumb {
  height: 94px;
  width: 94px;
  float: left;
  margin: 0px 6px 8px 0px;
  position: relative;
  background-repeat: no-repeat !important;
  border: 1px solid #cfd4db;
  margin-right: 8px; }

.notified-comment {
  background-color: #ffffff;
  animation-name: highlightcomment;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-play-state: running; }

@keyframes highlightcomment {
  0% {
    background-color: #fcf7da; }
  70% {
    background-color: #fcf7da; }
  100% {
    background-color: #fcf7da; } }

@keyframes highlightreplycomment {
  0% {
    background-color: #fcf7da; }
  70% {
    background-color: #fcf7da; }
  100% {
    background-color: #fcf7da; } }

.viewer .viewer__sidebar .list--comments {
  /*max-height: calc(100vh - 230px - 20vh) !important;*/
  /*overflow-y: scroll;*/
  position: relative; }

#mediaContainer {
  /*border: 1px solid #ccc;*/
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 55px;
  display: table; }

#attach-news-photo .modal__content {
  background-color: #ffffff !important; }

#attach-news-photo .modal__content a {
  color: #0aa1d8 !important; }

#attach-news-photo .modal__content .btn-default,
#attach-news-photo .modal__content .triggerFileClick {
  color: #fff !important;
  cursor: pointer; }

#attach-news-photo .box--gray, .box--media__visitor {
  background-color: #fff !important; }

#attach-news-photo .lines-button.x.close {
  right: 0.5rem !important;
  top: 7px !important;
  max-width: 25px;
  max-height: 25px; }

#attach-news-photo input[type=file] {
  display: block !important;
  z-index: 200;
  width: 100%;
  height: 45px;
  position: absolute;
  top: 60px;
  opacity: 0; }

#attach-news-photo .lines-button.x.close .lines:before,
#attach-news-photo .lines-button.x.close .lines:after {
  width: 1.3rem !important; }

.newsMediaFileThumb {
  background-size: 100% 100% !important;
  margin: 5px;
  border: 1px solid #ffba49;
  width: 30px;
  height: 30px;
  position: relative; }

/* News Talk box attachment previews limit exceed css starts here */
.limit-exceed {
  border: 2px dashed #ff0000 !important;
  animation: grow-animation 2s linear infinite; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes grow-animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

/* Standard syntax */
@keyframes grow-animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

/* News Talk box attachment previews limit exceed css ends here */
.editpost-buttons {
  text-align: right;
  top: 22px;
  right: 30px;
  width: 30px; }

.edit-post .editable-post textarea.input--text,
.edit-post .editable-post textarea.selectize-input {
  border: 2px solid #667586;
  padding: 2px 40px 2px 10px; }

/*.news-box .mediaThumb .remove{ display: none }*/
.news-box .mediaThumb:hover .remove {
  display: block; }

.editable-post {
  background: none !important;
  border: none !important; }

.reply_comment_ul_container_main {
  margin-right: -20px;
  margin-left: -20px;
  position: relative; }

.reply_comment_ul_container_main
.reply_comment_ul_container_main > li:first-child {
  margin-top: 10px; }

.reply_comment_ul_container_main > li:first-child:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #e8eaf1;
  left: 26px;
  position: absolute;
  top: -5px; }

wt-media-light-box-component .reply_comment_ul_container_main:before {
  border-bottom: 8px solid #d8dbe7;
  top: -7px; }

.reply_comment_ul_container_main > li:first-child:after,
.side_menu_banner_overlay {
  display: table;
  width: 100%;
  background-color: #1d2026 !important; }

.side_menu_banner_overlay:hover #user_side_menu_banner {
  opacity: 0.5; }

.side_menu_banner_overlay #bannerIconEditIcon_onsidebar {
  display: none; }

.side_menu_banner_overlay:hover #bannerIconEditIcon_onsidebar {
  display: block; }

#user_side_menu_banner {
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%; }

wt-media-light-box-component .reply_comment_ul_container_main:after {
  border-bottom: 7px solid #e6e8e8; }

.postpanel ul .island {
  padding-top: 10px !important;
  padding-bottom: 0px !important; }

/**************** Cropping tool****************/
.croppie-container .cr-vp-square {
  -webkit-box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important;
  -moz-box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important;
  box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important; }

.croppie-container .cr-viewport {
  position: absolute;
  border: 1px dashed #fff; }

/*********************************/
.postPanelFilesMedia td {
  position: relative; }

.mediaThumb i, .newsMediaThumb i, .postPanelFilesMedia i {
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  float: right;
  width: 37px;
  height: 37px;
  border-radius: 18px;
  padding: 10px 3px 3px 4px;
  cursor: pointer;
  font-size: 0.91em;
  font-weight: normal;
  border: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  line-height: 14px; }

.postPanelFilesMedia i, .postPanelImagesMedia i {
  position: absolute;
  padding: 10px 4px 3px 4px;
  font-size: 0.91em;
  top: calc(50% - 18px);
  left: calc(50% - 18px); }

#media-lightbox-modal .postPanelFilesMedia i, #media-lightbox-modal .postPanelImagesMedia i {
  padding: 10px 3px 3px 4px;
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px); }

.postPanelImagesMedia i {
  top: 2px;
  left: 35px !important; }

.mediaThumb i:hover, .newsMediaThumb i:hover, .postPanelFilesMedia i:hover {
  color: #0aa1d8;
  border: 2px solid #0aa1d8; }

.comment-reply-box {
  /*margin-left: -20px;*/
  /*margin-right: -20px;*/ }

.uploadMoreThumb {
  width: 94px;
  height: 94px;
  border: 1px dashed #cfd4db;
  display: block;
  position: relative;
  float: left;
  margin-top: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 16pt;
  font-weight: 600;
  color: #b3b0b0;
  margin-left: 0px;
  margin-bottom: 10px; }

.uploadMoreThumb a {
  display: block;
  height: 100%;
  padding-top: 25px;
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/add-more.svg) no-repeat center center; }

.uploadMoreThumb a:hover {
  display: block;
  height: 100%;
  padding-top: 25px;
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/add-more-over.svg) no-repeat center center; }

.uploadMoreThumb a:hover {
  text-decoration: none;
  color: #0aa1d8; }

.newsMediaThumb i {
  left: 48px; }

.postPanelFilesMedia i {
  top: 2px;
  left: 25px; }

.newsavatar {
  background-size: cover !important;
  float: left;
  position: relative;
  overflow: hidden;
  display: table-row;
  box-sizing: border-box;
  width: 50px !important;
  border: 1px solid #DCDFE5;
  height: 50px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1; }

.selectize-input.full {
  background-color: #ffffff; }

.selectize-input {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite; }

.loader {
  height: 100%;
  width: 100%;
  overflow: scroll;
  z-index: 10;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  border-right: 1px solid #e2e5e5; }
  @media only screen and (min-width: 800px) {
    .loader {
      margin-top: 60px; } }
  @media only screen and (max-width: 800px) {
    .loader {
      margin-top: 47px; } }
  .loader .rewards-wrapper {
    position: relative; }
    .loader .rewards-wrapper .rewards-body {
      background-color: #fff;
      display: grid;
      width: 100%; }
      .loader .rewards-wrapper .rewards-body .whole-pie .month-pie {
        display: flex;
        padding: 20px 20px 30px 20px;
        border-bottom: 1px solid #e2e5f1; }
        .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .loader-icon {
          width: 60px;
          height: 60px;
          background-color: #eeeff1;
          border-radius: 50%;
          margin-right: 10px; }
          @media only screen and (max-width: 560px) {
            .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .loader-icon {
              width: 52px;
              height: 52px; } }
        .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .button-line-overlay {
          width: 140px;
          height: 34px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin: 0 0 0 auto; }
          @media only screen and (max-width: 560px) {
            .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .button-line-overlay {
              display: none; } }
        .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info {
          position: relative;
          top: 3px; }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .month-header {
            height: 13px;
            width: 239px;
            background-color: #eeeff1;
            border-radius: 100px;
            margin-bottom: 10px;
            display: block; }
            @media only screen and (max-width: 560px) {
              .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .month-header {
                width: 163px;
                height: 13px; } }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-1 {
            width: 270px;
            height: 7px;
            background-color: #eeeff1;
            border-radius: 100px;
            margin-bottom: 10px;
            display: block; }
            @media only screen and (max-width: 560px) {
              .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-1 {
                width: 111px;
                height: 7px; } }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-2 {
            width: 137px;
            height: 7px;
            background-color: #eeeff1;
            border-radius: 100px;
            margin-bottom: 17px;
            display: block; }
            @media only screen and (max-width: 560px) {
              .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-2 {
                width: 91px;
                height: 7px; } }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-3 {
            width: 197px;
            height: 7px;
            background-color: #eeeff1;
            border-radius: 100px;
            display: block; }
            @media only screen and (max-width: 560px) {
              .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .line-3 {
                width: 188px;
                height: 7px; } }

.loader.closed {
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease; }

.selectize-input {
  padding: 9px 23px 10px 10px;
  border-width: 1px;
  box-shadow: none; }

.input--text, .selectize-input {
  border-radius: 2px;
  box-sizing: border-box;
  color: #000;
  cursor: auto;
  height: 41px;
  padding: 9px 10px;
  width: 100%;
  -webkit-appearance: none; }

.croppie-containerpanel .browseFile {
  border: 2px dashed #e5e6ec;
  margin: 20px;
  height: 300px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin-bottom: 30px !important;
  margin-top: 25px !important; }

.croppie-containerpanel #coverImageFileFieldForm .grid__item {
  padding-bottom: 0px; }

.croppie-containerpanel #coverImageFileFieldForm {
  min-height: 300px; }

.croppie-containerpanel #coverImageFileFieldForm {
  position: relative; }

.croppie-containerpanel #coverImageFileFieldForm .loading-icon {
  display: none;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
  background-position: center;
  height: 306px;
  background-size: 100px 100px;
  width: 100%;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 2000; }

.loading_responsive_panel {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  background-position: center;
  height: 100vh;
  background-size: 100px 100px;
  width: 100%;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 2000; }

.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10000;
  background-size: 250px 75px; }

.timeline-overlay {
  position: fixed;
  background-color: #ffffff;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
  width: 100%;
  height: 100%;
  min-height: 100%;
  opacity: .7;
  top: 0;
  left: 0;
  z-index: 10000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 250px 75px; }

#addfile-modal #fileUploadFileField {
  opacity: 0;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  top: 10px; }

.desktop-attach-icon-cell-portrail {
  display: block !important; }

.mobile-attach-icon-cell-portrail {
  display: none !important; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block; }

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

/*.header .wrapper  .form-field--search {margin-right: -30px;}*/
.header .wrapper .form-field--search {
  width: 100%; }

/*
.grid--narrow > .grid__item {
    padding-left: 10px;
}
*/
.selectize-input input[type=text]:read-only {
  background-color: transparent !important; }

.modal-dialog .inprogress {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 10px center;
  cursor: not-allowed; }

.reply_comment_index-0::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid #e8eaf1;
  left: 26px;
  position: absolute;
  top: -5px; }

.reply_comment_index-0::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 7px solid #d8dbe7;
  left: 26px;
  position: absolute;
  top: -7px; }

.postPanelImagesMedia, .postPanelFilesMedia {
  width: 100%;
  height: auto;
  display: block !important; }

@media only screen and (max-width: 800px) {
  .side_menu_banner_overlay #bannerIconEditIcon_onsidebar {
    display: block; }
  .error_message_dialogue {
    margin-top: 30px; }
  /* add spinner to mobile for onboardings buttons*/
  .singupforms .loaderImage, #coverImageFileFieldForm .loaderImage {
    width: 14px !important;
    height: 14px !important;
    position: absolute;
    left: 10px;
    top: calc(50% - 7px) !important; }
  .homepage .singupforms .loaderImage, #coverImageFileFieldForm .loaderImage {
    top: calc(50% - 15px) !important; }
  .postpanel .replycommentLi {
    padding-top: 10px !important; }
  .postpanel .comments__lists-item--reply .user_hover_panel {
    padding-bottom: 0px !important; }
  .comments__box .comment_text_section {
    margin-left: -23px; }
  /* add spinner to mobile */
  .fixed .dropdown-box-new__title.dropdown-box-new__title--no-border {
    padding-top: 13px;
    padding-bottom: 10px;
    max-width: 90px !important; }
  .notification_panel .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
    width: calc(100% - 25px) !important;
    /*border: 1px solid #ff0000;*/
    background-position-x: right !important;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/arrow-down-dropdown-w.svg) !important; }
  .desktop-attach-icon {
    display: none; }
  .mobile-attach-icon {
    display: block !important; }
  .talk_box_panel_form {
    margin-top: 46px; }
  .gettingStarted {
    margin-top: 20px; }
  .on-tour {
    margin-top: 0; }
  .talkbox-desktop #mediaContainer {
    display: none; }
  .lap--one-half {
    width: 50%; }
  .lap--one-half {
    width: 50%; }
  .comment_btn_section {
    width: 27% !important; }
  .news-box .mediaThumb .remove {
    display: block !important; }
  .mobile-padding-13 {
    padding: 13px; }
  .mobile-padding-right-0 {
    padding-right: 0 !important; }
  textarea#talkboxInputMobile {
    max-height: 140px !important;
    overflow-y: scroll !important; }
  .comment_text_section {
    width: 73% !important; }
  .edittalkboxTagArea {
    overflow-y: scroll !important;
    height: auto !important; }
  .editpost-buttons .attach-icon {
    margin-left: -30px; }
  .people-you-may-know-mobile, .who-viewed-your-profile .box {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -5px; }
  .people-you-may-know-timeline .media-content {
    padding-bottom: 10px; }
  .responsive-comment-text-section .comments__date {
    text-align: left !important; }
  .responsive-comment-text-section {
    float: none;
    display: inline-block;
    width: auto !important; }
  .responsive-edit-comments-link {
    padding: 15px 15px 15px 15px !important; }
  .hide-for-mobile {
    display: none; }
  .viewer .viewer__actions .viewer__actions__list {
    display: table; }
  .viewer .viewer__sidebar {
    width: 100% !important; }
  .fixed--mobile-navigator .box--filters.fixed {
    left: 0;
    top: 0;
    padding: 5px 19px;
    margin-left: 0;
    width: 100%;
    position: fixed;
    z-index: 1000; }
  .fixed-profile-filter.fixed .profile-heading {
    display: none; }
  .fixed-profile-filter.fixed .side-nav-btn {
    display: table-cell !important; }
  .fixed-profile-filter.fixed {
    left: 0;
    top: 0;
    margin-left: 0;
    padding: 0px;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background: #EEEFF1; }
  .fixed-profile-filter.fixed > .nav-main__list {
    border-top: none; } }

@media only screen and (max-width: 800px) and (max-width: 800px) {
  .fixed--mobile-navigator .box--filters.fixed {
    padding-right: 0px;
    height: 50px !important; } }

@media only screen and (max-width: 800px) {
  .fixed-profile-filter.fixed .noImage {
    display: none !important; }
  .fixed-profile-filter.fixed .menu-btn {
    float: right;
    margin-top: -12px;
    display: block !important; }
  .fixed-profile-filter.fixed .nav-main__list--five li {
    width: 11% !important; }
  .fixed-profile-filter.fixed .nav-main__list {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
    margin-bottom: -12px;
    text-align: left; }
  .icon-photo-add-btn, .icon-video-add-btn, .icon-file-add-btn {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add-photo@2x.jpg) !important;
    background-size: contain;
    width: 32px;
    height: 32px; }
  .selectize-input input[type=text]:read-only {
    background-color: transparent !important; }
  .side-bar-tree-wrapper .sidebar__title.desktoponly {
    display: none !important; }
  .light-box-modal-header-links {
    margin-bottom: 0 !important;
    width: 100%;
    background-color: black;
    text-align: center; }
  .replycommentLi img {
    margin-top: 6px; } }

@media only screen and (max-width: 768px) {
  .fixed-profile-filter.fixed .nav-main__list {
    margin-left: 0px; }
  .fixed-profile-filter.fixed .nav-main__list--five li {
    width: 11% !important; }
  .fixed-profile-filter.fixed .nav-main__list {
    padding-right: 0px !important;
    margin-bottom: -10px;
    padding-top: 0px !important;
    text-align: left; }
  .fixed-profile-filter.fixed .menu-btn {
    margin-top: -10px; } }

@media only screen and (max-width: 670px) {
  .fixed-profile-filter.fixed .nav-main__list--five li {
    width: 11% !important; }
  .fixed-profile-filter.fixed .nav-main__list {
    padding-right: 0px !important;
    margin-bottom: -10px; }
  .fixed-profile-filter.fixed .menu-btn {
    margin-top: -10px; } }

@media only screen and (max-width: 600px) {
  .talk_box_panel_form {
    margin-top: 58px; }
  .fixed-profile-filter.fixed .nav-main__list {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: -10px; }
  .fixed-profile-filter.fixed .menu-btn {
    margin-top: -10px; }
  .fixed-profile-filter.fixed {
    left: 0;
    top: 0;
    padding: 0px;
    margin-left: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background: #EEEFF1; } }

@media only screen and (max-width: 500px) {
  .fixed-profile-filter.fixed .nav-main__list--five li {
    width: 15.5% !important; }
  .fixed-profile-filter.fixed .nav-main__list {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: -10px; }
  .fixed-profile-filter.fixed .menu-btn {
    margin-top: -10px; } }

@media only screen and (max-width: 450px) {
  .lap--one-half {
    width: 100%; } }

@media only screen and (max-width: 799px) {
  .news-box.profconnections > div > .list--big-icons {
    background: #798ecb !important; }
  .news-box.perconnections > div > .list--big-icons {
    background: #b868c8 !important; }
  .news-box.Groups > div > .list--big-icons {
    background: #66bb69 !important; }
  .news-box.Groups .btn, .news-box.allconnections .upload-avatar__input {
    background: #66bb69 !important; }
  .box--attach-mobile {
    border: none !important; } }

@media only screen and (min-width: 800px) {
  #talk_box_panel_form {
    margin-top: 0px; }
  .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
    width: 50%; } }

.phone--one-half, .phone--two-quarters, .phone--three-sixths, .phone--four-eighths, .phone--five-tenths, .phone--six-twelfths {
  width: 50%; }

input.btn--yellow, .btn--yellow {
  background-color: #FFBA49;
  border: 2px solid transparent;
  color: #FFF;
  font-size: 14px;
  height: 41px;
  line-height: 38px;
  padding: 0; }

.news-box.allconnections .btn, .news-box.allconnections .upload-avatar__input {
  background: #4bc5c3; }

.list--horizontal__icons > li:nth-child(2) > a {
  position: relative;
  left: 5px; }

.edit-post__editable .editable-post, .edit-post__editable .show-box {
  opacity: 1;
  display: block; }

.postPanelImagesMedia ul {
  white-space: nowrap;
  list-style: none; }

.postPanelImagesMedia li {
  display: inline-block; }

.postPanelImagesMedia .newsMediaThumb, .postPanelFilesMedia .newsMediaFileThumb {
  cursor: pointer; }

.newsMediaThumb {
  background-size: cover !important;
  margin: 5px;
  border: 1px solid #dcdfe5;
  width: 60px;
  height: 60px;
  position: relative;
  margin-left: 0px; }

.edit-post__editable .wt-truncate-text:first-child .static-post {
  display: none;
  opacity: 0; }

/* padding top 5px */
.push--top--padding-five {
  padding-top: 5px; }

/* padding top 10px */
.push--top--padding-ten {
  padding-top: 10px; }

/* push right 20px */
.push--left--twenty {
  margin-left: 20px; }

/* push right 187px */
.push--left--hundreds-eight-seven {
  margin-left: 187px; }

/* push right 15px */
.push--right-fifteen {
  right: 15px !important; }

.lines-button.x.close {
  color: initial;
  line-height: 1;
  padding: 0;
  min-height: 25px; }

@media only screen and (max-width: 420px) {
  .align {
    margin-right: -5px; } }

@media only screen and (min-width: 650px) {
  .align {
    margin-right: -6px; } }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050; }

.box--media__visitor .grid__item a {
  border-right: 1px; }

/*
.box--media__visitor .grid__item { float:left }
*/
.box--media__visitor .grid__item:last-child a {
  border-right: 0px; }

/*.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px;
}
*/
.conversation-wrapper {
  height: 652px;
  top: 60px; }
  .conversation-wrapper .grid {
    max-height: 100%;
    width: 100%; }

.js-modal-search .modal-search .conversation-wrapper, .js-modal-search .modal-search .search-modal-wrapper {
  height: 652px;
  top: 0px; }
  .js-modal-search .modal-search .conversation-wrapper .grid, .js-modal-search .modal-search .search-modal-wrapper .grid {
    max-height: 100%;
    width: 100%; }

.soft-half--top {
  padding-top: 10px !important; }

.grid--table {
  display: table; }

.grid--full, .tables__table tbody {
  margin-left: 0; }

.modal-title {
  border-bottom: 1px solid #E6E8E8;
  font-size: 18px;
  font-weight: 400;
  line-height: 41px;
  padding: 9px 20px;
  position: absolute;
  top: 0;
  width: 100%; }

.postpanel .island {
  padding-bottom: 0px;
  padding-top: 20px; }

@media only screen and (max-width: 800px) {
  .postpanel .island {
    padding-bottom: 0px;
    padding-top: 15px;
    padding-left: 10px; } }

/**** remove padding top for "posting a comment on post"****/
.comments__lists .comments__lists-item--form {
  padding: 20px 16px 20px 20px !important; }
  @media only screen and (max-width: 800px) {
    .comments__lists .comments__lists-item--form {
      padding: 20px 16px 20px 10px !important; } }

.comments__lists .padding-ends-12 {
  padding-top: 15px !important; }

/******** end *******/
.relative {
  position: relative; }

.border-bottom-none {
  border-bottom: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.lines-button.x.close .lines {
  background: transparent;
  left: 0; }

.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg); }

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 20px; }

.lines:before {
  top: 0; }

.lines:before, .lines:after {
  display: inline-block;
  width: 1.4rem;
  height: 1px;
  background: #CCC;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 1px center;
  transform-origin: 1px center; }

.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg); }

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 20px; }

.lines:after {
  top: 0; }

.lines:before, .lines:after {
  display: inline-block;
  width: 1.4rem;
  height: 1px;
  background: #CCC;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 1px center;
  transform-origin: 1px center; }

.lines-button {
  line-height: 45px;
  padding: 19 1.5625rem;
  transition: .3s;
  cursor: pointer;
  user-select: none; }

.modal-wrapper-close {
  background: transparent;
  border: 0;
  color: #D4DADE;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 10;
  width: 40px;
  height: 40px; }

.grid--narrow {
  margin-left: -10px; }

.comments__comment .descText {
  padding-left: 10px; }

.selectize-custom__text:hover i.icon-Conn {
  color: #4bc5c3; }

.selectize-custom__text:hover i.icon-All {
  color: #fff; }

/* line 189, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-perconnections {
  color: #0aa1d8; }

.selectize-custom__text:hover i.icon-Personal {
  color: #0aa1d8; }

.selectize-custom__text:hover i.icon-Staff {
  color: #FFBA49; }

/* line 192, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-profconnections {
  color: #5f676f; }

.selectize-custom__text:hover i.icon-Pro {
  color: #5f676f; }

/* line 195, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-connect {
  color: #3b658c; }

.selectize-custom__text:hover .icon-Groups {
  color: #3b658c; }

.news-box.allconnections textarea.input--text, .news-box.allconnections textarea.selectize-input, .news-box.allconnections .talkboxInput {
  border-color: #4bc5c3 !important; }

/* line 6, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.allconnections .btn, .news-box.allconnections .upload-avatar__input {
  background: #4bc5c3; }

/* line 11, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.perconnections textarea.input--text, .news-box.perconnections textarea.selectize-input, .news-box.perconnections .talkboxInput {
  border-color: #b868c8 !important; }

/* line 14, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.perconnections .btn, .news-box.perconnections .upload-avatar__input {
  background: #b868c8; }

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.profconnections textarea.input--text, .news-box.profconnections textarea.selectize-input, .news-box.profconnections .talkboxInput {
  border-color: #798ecb !important; }

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.Groups textarea.input--text,
.news-box.Groups textarea.selectize-input,
.news-box.Groups .talkboxInput {
  border-color: #66bb69 !important; }

.news-box.Groups .talkboxbutton {
  background-color: #66bb69 !important; }

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.Private textarea.input--text,
.news-box.Private textarea.selectize-input,
.news-box.Private .talkboxInput {
  border-color: #9f9f9f !important; }

.news-box.Private .talkboxbutton {
  background-color: #9f9f9f !important; }

/* line 22, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.profconnections .btn, .news-box.profconnections .upload-avatar__input {
  background: #798ecb; }

.news-box.profconnections .talkboxInput {
  border-color: #5f676f; }

/* line 27, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.connect textarea.input--text, .news-box.connect textarea.selectize-input {
  border-color: #5f676f !important; }

/* line 30, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.connect .btn, .news-box.connect .upload-avatar__input, .news-box.connect .talkboxInput {
  background: #3b658c; }

/* line 34, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox {
  text-align: right; }

/* line 36, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox li {
  margin-left: 8px; }

/* line 38, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox li:last-child {
  margin-right: 10px; }

/* line 45, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.new-box--clear {
  /*padding: 10px 0;*/ }

.selectize-dropdown, .selectize-dropdown-opposite {
  background: #303a44;
  border: 0;
  border-radius: 4px;
  margin-top: 15px; }

.selectize-dropdown-content::-webkit-scrollbar {
  width: 5px; }

.selectize-dropdown-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #646262;
  border-radius: 10px; }

.selectize-dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 250px !important; }

.recommendations-dropdown .selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 100% !important;
  margin-top: 10px; }

.truncation {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%; }

.selectize-dropdown-opposite {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 100% !important; }

.selectize-dropdown, .selectize-dropdown-opposite, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-dropdown:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #303a44;
  left: 15px;
  top: -5px;
  position: absolute; }

.selectize-dropdown-opposite:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #303a44;
  left: 15px;
  top: 240px;
  position: absolute; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header, .selectize-dropdown-opposite [data-selectable], .selectize-dropdown-opposite .optgroup-header {
  padding: 5px 10px; }

.selectize-dropdown [data-selectable],
.selectize-dropdown-opposite [data-selectable] {
  cursor: pointer;
  overflow: hidden; }

.selectize-dropdown, .selectize-dropdown-opposite, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.select-hover {
  visibility: visible;
  width: 220px;
  left: 0px;
  z-index: 2000;
  top: 41px; }

.selectize-dropdown-content {
  border-radius: 5px;
  max-height: 240px;
  position: relative; }

/* line 214, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div {
  background: #303a44;
  color: #d6d7dd; }

/* line 217, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div:first-child {
  border-radius: 4px 4px 0 0;
  padding-top: 10px; }

/* line 221, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.selected {
  background: #303a44; }

/* line 224, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.active {
  background: #000;
  color: #d6d7dd; }

/* line 227, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.active:hover {
  background: #000;
  color: #d6d7dd; }

/* line 232, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div:last-child {
  border-radius: 0 0 4px 4px;
  padding-bottom: 10px; }

/* line 237, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text {
  background: #1d2026;
  color: #d6d7dd; }

/* line 241, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text.active:hover {
  background: #000; }

/* line 245, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text:last-child {
  border-radius: 0 0 4px 4px; }

.selectize-dropdown {
  background: #1d2026;
  border: 0;
  border-radius: 4px;
  margin-top: 15px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35); }

/* line 136, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .optgroup-header {
  background: #303a44;
  color: #d6d7dd;
  padding: 5px 14px !important; }

/* line 141, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .selectize-custom__text {
  padding: 5px 14px !important; }

/* line 145, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-radius: 4px 4px 0 0; }

/* line 149, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1d2026;
  left: 15px;
  top: -6px;
  position: absolute; }

/* line 161, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown.up:before {
  border-bottom: none !important;
  border-top: 8px solid #303a44 !important;
  top: auto !important;
  bottom: -8px !important; }

/*.icon-panel:before {*/
/*content: "\e63f"*/
/*}*/
/*.icon-Groups:before {*/
/*content: "\e63e"*/
/*}*/
/*icon-group:before {*/
/*content: "\e64b"*/
/*}*/
/*.icon-pages:before {*/
/*content: "\e63e"*/
/*}*/
/*.icon-connect:before {*/
/*content: "\e623"*/
/*}*/
/*.icon-allconnections:before, .icon-All:before {*/
/*content: "\e63f"*/
/*}*/
/*.icon-staff:before, .icon-Staff:before {*/
/*content: "\e60d"*/
/*}*/
.privacyiconsection .icon-All {
  color: #4bc5c3; }

.privacyiconsection .icon-Pro {
  color: #5f676f; }

.privacyiconsection .icon-Public {
  color: orange; }

.privacyiconsection .icon-Personal {
  color: #0aa1d8; }

/*.icon-profconnections:before, .icon-Pro:before {*/
/*content: "\e63c";*/
/*}*/
/*.icon-perconnections:before, .icon-Personal:before {*/
/*content: "\e63b"*/
/*}*/
.icon-Professional {
  content: "\e63c"; }

/*.icon-profconnections:before {*/
/*content: "\e63c"*/
/*}*/
/*.icon-public:before {*/
/*content: "\e63d"*/
/*}*/
/*.icon-pages:before, .icon-pages {*/
/*content: "\e63e";*/
/*}*/
/*.icon-allconnections:before {*/
/*content: "\e639"*/
/*}*/
/*.icon-perconnections:before {*/
/*content: "\e63b"*/
/*}*/
/*.icon-profconnections:before {*/
/*content: "\e63c"*/
/*}*/
/*.icon-public:before {*/
/*content: "\e63d"*/
/*}*/
.newsfiltericons, .newsfiltericons span, .newsfiltericons i, .newsfiltericons:hover {
  color: #0095BA !important;
  text-decoration: none !important; }

.newsfiltericonsdisable, .newsfiltericonsdisable span, .newsfiltericonsdisable i, .newsfiltericonsdisable:hover {
  color: #B0B9C1 !important;
  text-decoration: none !important; }

.dropdown-box-new:before {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid #2F3943;
  position: absolute;
  right: 10px;
  top: -10px; }

/*groups confidentails style*/
.confidential_stamp {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/confidential_stamp_2x.jpg) no-repeat;
  width: 100px;
  height: 32px;
  background-size: 100px auto; }

.confidential-groups-news {
  position: absolute;
  margin-top: 0px;
  right: 0px;
  top: 0px; }

.relationship-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/relationship-heart-icon.png);
  background-size: auto;
  background-position: center;
  width: 73px;
  height: 73px;
  padding: 25px 23px;
  background-color: #0aa1d8;
  background-repeat: no-repeat;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 13px;
  margin-top: 13px; }

.relationship-text {
  font-family: Open Sans;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.61;
  letter-spacing: normal;
  color: #1d2026;
  text-align: center;
  display: block;
  margin-bottom: 32px; }

b.relationship-text {
  padding-bottom: 22px; }

@media only screen and (min-width: 500px) {
  .confidential_stamp {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/confidential_stamp_2x.jpg) no-repeat;
    width: 200px;
    height: 64px;
    background-size: 152px auto;
    background-position: top right; }
  .confidential-groups-news {
    position: absolute;
    margin-top: 0px;
    right: 85px;
    top: 20px; } }

@media only screen and (max-width: 500px) {
  .desktop-attach-icon-cell-portrail {
    display: none !important; }
  .mobile-attach-icon-cell-portrail {
    display: block !important; }
  .confidential_stamp {
    position: initial !important;
    width: 80px;
    height: 20px;
    background-size: 80px auto;
    background-position-y: 2px; }
  .responsive_margin-top {
    margin-top: 5px; } }

.loadingicon {
  padding: 0px 10px 0px 30px !important;
  position: relative !important; }

@media only screen and (max-width: 600px) {
  .profile-news-loader-wrapper {
    height: 1000px;
    display: block; } }

.loaderImage {
  width: 14px !important;
  height: 14px !important;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px); }

.comments__lists-item--form {
  padding-right: 10px; }

.island, .spinner-box {
  padding: 20px; }

.island, .spinner-box, .islet {
  display: block; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 14px;
  margin: 1px 0;
  font-weight: 800;
  color: #495c79; }

.icon-calendar:focus:before, .icon-calendar:hover:before {
  color: #0aa1d8 !important; }

.js-post--content .news--content a {
  color: #0aa1d8; }

.comments__box .descText a {
  color: #0aa1d8; }

.overflow--visible {
  overflow: visible !important; }

.media__img {
  cursor: pointer; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.push__margin_right_zero {
  margin-right: 0px !important; }

.push__right__ten {
  padding-left: 10px; }

.push__left__ten {
  padding-left: 10px; }

.push__right__twenty {
  padding-left: 20px; }

.push__up__forty {
  margin-bottom: 40px !important; }

.push__up__fortyone {
  margin-bottom: 41px !important; }

.push__right__eight {
  padding-left: 8px; }

.push__down__ten {
  margin-bottom: 10px; }

.push__down__five {
  margin-bottom: 5px; }

.margin__up_twenty_four {
  margin-top: 24px; }

.margin__up_twenty {
  margin-top: 20px; }

.margin_up_fifteen {
  margin-top: -15px; }

.margin__down_twenty {
  margin-bottom: 20px; }

.margin__down_twenty_four {
  margin-bottom: 24px; }

.margin__down_fourty {
  margin-bottom: 40px; }

.push-half--right, .media__img {
  margin-right: 10px; }

.media__img {
  /*float: left; Please don't put it without class as it's different from application.css, use it with specific class */ }

.red {
  background-color: #f31f44;
  color: #fff !important; }

.conversation__section .conversation__media-text {
  width: 100%; }

.conversation__section .conversation__media-text .list--horizontal, .conversation__section .conversation__media-text .list-tags, .conversation__section .conversation__media-text .list-checkbox, .conversation__section .conversation__media-text .list--icon-text, .conversation__section .conversation__media-text .list--big-icons, .conversation__section .conversation__media-text .pager-bnts {
  opacity: 0;
  right: 0; }

.media__body:hover .conversation__media-text .list--horizontal {
  opacity: 1; }

/* line 734, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active {
  background: #ffffff;
  position: absolute;
  right: 0;
  width: calc(100% + 35px);
  min-width: 220px;
  z-index: 10; }

/* line 741, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search {
  border-color: transparent;
  border-radius: 0;
  width: 100%; }

/* line 746, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search:hover {
  background-color: transparent;
  border-color: transparent; }

/* line 749, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search:hover i {
  color: #05a4dc; }

/* line 753, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search i {
  position: absolute;
  right: 13px;
  top: 14px; }

/* line 758, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search .form-field {
  display: block;
  width: 100%; }

/* line 761, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search .form-field input {
  height: 100%;
  padding: 10px 35px 10px 10px; }

/* line 685, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField .form-field {
  display: none; }

/* line 689, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active .form-field {
  display: block; }

/* line 695, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active {
  background: #ffffff;
  position: absolute;
  right: 100px;
  width: calc(100% + 72px);
  z-index: 10; }

/* line 701, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon {
  border-color: transparent;
  border-radius: 0;
  width: 100%; }

/* line 705, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon:hover {
  background-color: transparent;
  border-color: transparent; }

/* line 712, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon i {
  position: absolute;
  right: 10px;
  top: 2px; }

/* line 717, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon .form-field {
  display: block;
  width: 100%; }

/* line 720, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon .form-field input {
  height: 32px;
  padding-right: 27px;
  vertical-align: middle; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 4px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.ps-container > .ps-scrollbar-y-rail {
  width: 4px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  height: 4px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.ps-container > .ps-scrollbar-x-rail {
  height: 4px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.showCard_div1 {
  width: 25px;
  max-width: 25px;
  float: left;
  display: block;
  padding-top: 4px; }

.showCard_div2 {
  width: 34px;
  max-width: 34px;
  float: left;
  display: block;
  margin-top: -1px; }

.showCard_div3 {
  width: calc(100% - 65px);
  float: left;
  display: block;
  padding-left: 10px;
  letter-spacing: 1.5px;
  font-size: 13px; }

.credit_card_field_div1, .credit_card_field_div2, .credit_card_field_div3 {
  display: block;
  float: left; }

.credit_card_field_div1 {
  width: calc(60% - 15px);
  margin-right: 10px;
  margin-left: 10px; }

.credit_card_field_div2 {
  width: calc(20% - 10px);
  margin-right: 10px; }

.credit_card_field_div3 {
  width: calc(20% - 5px); }

#send-private-message-modal .modal__content,
#send-private-message-modal-mobile .modal__content {
  padding: 20px 20px; }

.news_search_icon {
  /*border-left: 1px solid #c0c3c8;*/ }

#profileInterestedIn_tagsinput:empty:not(:focus):before {
  content: attr(data-text); }

.tag {
  border-radius: 3px;
  display: inline-block;
  font-size: 15px;
  margin-right: 5px;
  padding: 3px 10px;
  vertical-align: middle;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  padding: 3px 8px !important;
  height: 26px;
  padding-top: 3px !important; }

/* Web talk auto complete loading icon */
.webtalk-autocomplete .loadingimage,
.webtalk-widget .loadingimage {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 20px;
  height: 20px; }

.webtalk-widget .loadingimage {
  top: 35px; }

/** About us interested in **/
div.tagsinput span.tag a {
  font-weight: 400; }

div.tagsinput span.tag a img {
  height: 9px !important;
  width: 9px !important; }

.list-tags li span {
  background: #586476 !important;
  border-radius: 2px;
  /*color: #FFFFFF;
    display: inline-block;
    font-weight: normal;
    padding: 4px 8px;
    font-size: 13px;
    height: 26px;
    */ }

/************************/
.search_new_box input[type=text] {
  width: 100%;
  padding: 6px 10px;
  border: none;
  height: 36px;
  padding-right: 23px; }

.search_news_text {
  width: 100%;
  margin-top: 0px; }

.btnnotify {
  height: 36px;
  padding-top: 10px; }

.slideout {
  position: absolute;
  -webkit-animation: slide 1s forwards;
  -webkit-animation-delay: 1s;
  animation: slidedown 1s forwards;
  animation-delay: 0.5s; }

#sharewithSettings .newsTalkBoxSharingOptions .selectize-dropdown-content,
.media_upload_modal .newsTalkBoxSharingOptions .selectize-dropdown-content,
#sharewithSettingsMobile .js-select-icons-mobile .selectize-dropdown-content {
  max-height: 260px !important; }

@-o-keyframes slidedown {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    top: 55;
    opacity: 1; } }

@-moz-keyframes slidedown {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    top: 55;
    opacity: 1; } }

@-webkit-keyframes slidedown {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    top: 55;
    opacity: 1; } }

@keyframes slidedown {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    top: 55;
    opacity: 1; } }

.header .logo .home-link {
  margin-left: 11px; }

.news_search_icon a {
  padding: 5px;
  /*background-color: #586476;*/
  color: #fff;
  border-radius: 4px;
  margin-left: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.news_search_icon a:hover {
  padding: 5px;
  /*background-color: #000;*/
  color: #fff;
  border-radius: 4px;
  /*margin-left: 10px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.seach-news-toggle {
  background-color: #B1B6BD; }

.seach-news-toggle:hover {
  background-color: #586476;
  animation-delay: 0.5s; }

.seach-news-toggle-open {
  background-color: #b1b6bd !important; }

@media only screen and (min-width: 760px) {
  .header .logo .webtalk-link {
    display: inline-block;
    padding: 10px 0px 9px 0px; } }

.news_search_icon a i {
  color: #fff !important;
  width: 14px;
  height: 14px;
  display: block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/search-icon.svg);
  background-position: center;
  background-repeat: no-repeat; }

.header-user-icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 2px solid #d6d7dd;
  position: relative;
  top: 6px; }

.header .logo .home-link {
  margin-left: 10px; }

.mentions-input-box textarea {
  background-color: white; }

.black_out_header {
  background-color: #39414d !important; }

.counts-icon {
  position: absolute;
  height: 16px;
  line-height: 7px;
  right: calc(20% - 5px);
  top: 10px;
  padding: 4px 6px 4px 6px;
  font-size: 10px;
  color: #e9eaee;
  font-weight: bold;
  background-color: #0aa1d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-style: normal;
  -moz-border-radius: 4px; }

@media only screen and (max-width: 760px) {
  .counts-icon {
    right: calc(40% - 10px); } }

@media only screen and (max-width: 414px) {
  .counts-icon {
    right: calc(40% - 14px); } }

.video_play_icon {
  background: transparent url(https://wtdemo.webtalk.co/static/public/app/assets/images/play-video.png) no-repeat center center/cover;
  content: " ";
  display: block;
  height: 40px;
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 5; }

.image-preview-container {
  cursor: pointer; }

.viewer .viewer__sidebar .list--comments {
  max-height: calc(100vh - 330px); }

.lightbox-list--comments {
  /*overflow-y: scroll;*/
  /*overflow-x: hidden;*/ }

@media only screen and (max-width: 850px) {
  .viewer .viewer__sidebar .list--comments {
    max-height: 40% !important;
    overflow: auto; } }

@media only screen and (max-width: 800px) {
  .lightbox-list--comments {
    max-height: initial;
    overflow: visible;
    margin: 0px;
    overflow-x: hidden; }
  wt-media-light-box-component .viewer .viewer__sidebar .box-comments {
    margin-left: -1px !important;
    margin-right: 0px !important; }
  wt-media-light-box-component .comments-wrapper {
    background-color: #f3f4f9;
    padding-bottom: 22px;
    margin-bottom: 0px !important;
    margin-right: -3px; } }

@media only screen and (max-width: 500px) {
  .viewer .viewer__sidebar .list--comments {
    max-height: 40% !important;
    overflow: auto; } }

.people-you-Know-notification .sidebar__title {
  color: #39414d !important;
  margin-top: 20px; }

/******************************* Notification Ends *****************************/
.push__down {
  margin-top: 20px; }

.loading-notify {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 150px;
  display: block;
  height: 30px; }

.no_invitation_box {
  margin-top: 19px;
  margin-bottom: 13px;
  width: 100%;
  display: inline-block; }

.no_invitation_box .message {
  font-size: 14px;
  color: #39414d;
  text-align: center;
  font-weight: 600;
  width: 100%; }

.uploadwindIcon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cameraicon_upload_wind_2x.png) center no-repeat;
  background-size: 59px 50px;
  min-height: 150px; }

.emailortextlayer .col-md-6 {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.emailortextlayer .col-md-6 div:nth-child(3) {
  width: 120px;
  padding-left: 5px; }

.emailortextlayer .textmecode {
  margin-left: 28px;
  margin-bottom: 10px; }

@media only screen and (max-width: 388px) {
  .emailortextlayer .col-sm-12 {
    width: 100% !important; }
  .emailortextlayer .col-sm-12:nth-child(1) {
    margin-bottom: 10px; }
  .emailortextlayer .textmecode {
    margin-left: 0px;
    margin-bottom: 0px; } }

@media only screen and (max-width: 500px) {
  .credit_card_field_div1 {
    width: calc(100% - 10px);
    margin-right: 0px; }
  .credit_card_field_div2 {
    width: calc(50% - 10px);
    margin-right: 5px;
    margin-left: 10px; }
  .credit_card_field_div3 {
    width: calc(50% - 10px);
    margin-left: 5px; }
  .comments_media_lightbox.mobile {
    display: block; } }

/*below line is for showing tagged user in news etc*/
.comments__lists-item .media__body {
  overflow: visible; }

/*To show scroll bar for recipient fields*/
#send-private-message-modal .dropdown-menu,
#send-private-message-modal-mobile .dropdown-menu {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 115px; }

/*toggle button style starts*/
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none; }

input.cmn-toggle-round + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px; }

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 0px;
  left: 1px;
  bottom: 1px;
  content: ""; }

input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #b0b8c4;
  border-radius: 60px;
  transition: background 0.4s; }

input.cmn-toggle-round + label:after {
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 100%;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);*/
  transition: margin 0.4s; }

input.cmn-toggle-round:checked + label:before {
  background-color: #028eca; }

.switchpanel {
  background-image: none !important;
  box-shadow: none !important;
  width: 46px; }

.switchpanel label {
  height: 18px !important;
  width: 32px !important; }

.switchpanel input.cmn-toggle-round + label:after {
  margin: 2px; }

.switchpanel input.cmn-toggle-round:checked + label:after {
  margin-left: 14px; }

.singupforms .input.cmn-toggle-round + label:before {
  right: 1px;
  border-radius: 60px;
  transition: background 0.4s; }

.singupforms .input.cmn-toggle-round + label:before {
  background-color: #b0b8c4; }

.singupforms input.cmn-toggle-round + label:after {
  width: 14px;
  background-color: #fff;
  /*border-radius: 100%;*/
  transition: margin 0.4s;
  height: 14px;
  margin-top: 2px;
  margin-left: 2px;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/round-circle-signup.png) no-repeat; }

input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  bottom: 0px; }

.singupforms input.cmn-toggle-round:checked + label:after {
  margin-left: 13px; }

.singupforms input.cmn-toggle-round + label {
  padding: 0px;
  width: 32px;
  height: 18px;
  background-color: #fff;
  border-radius: 60px; }

.singupforms input.cmn-toggle-round:checked + label:after {
  margin-left: 15px; }

.singupforms input.cmn-toggle-round + label {
  width: 34px !important; }

/*toggle button style ends*/
.submitted .backendError {
  border: 1px solid red !important; }

.links {
  color: #40c7f8;
  text-decoration: underline; }

/*circles loader*/
.loading_circles_box {
  width: 100%;
  height: 25px;
  display: block; }

.loading_circles {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg) no-repeat;
  margin: auto;
  width: 25px;
  height: 25px; }

.loading_circles_banner {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg) no-repeat;
  margin: auto;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.add-card-btn {
  font-size: 14px;
  font-family: "Open Sans" !important; }

.erroe_alert_popup {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/error_alert_2x.png) no-repeat;
  margin: auto;
  color: #e53635;
  width: 60px;
  height: 60px; }

.multiline-truncate {
  display: block !important;
  /* Fallback for non-webkit */
  display: -webkit-box !important;
  max-height: 56px !important;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

/* Truncate paragraph .. */
.recommendation-multiline-truncate {
  display: block !important;
  /* Fallback for non-webkit */
  display: -webkit-box !important;
  max-height: 95px !important;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

/* Truncate paragraph .. */
.recommendation-multiline-truncate-3 {
  display: block !important;
  /* Fallback for non-webkit */
  display: -webkit-box !important;
  max-height: 55px !important;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

/* Truncate paragraph .. */
.recommendation-multiline-truncate-5 {
  display: block !important;
  /* Fallback for non-webkit */
  display: -webkit-box !important;
  max-height: 95px !important;
  /* Fallback for non-webkit */
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.singleDataObj .readmore, .singleDataObj .hidereadmore {
  text-align: right;
  font-size: 13px;
  color: #0aa1d8; }

.readhidemore {
  padding-right: 10px; }

.margin-left5 {
  margin-left: 5px; }

.promo-time {
  padding-left: 20px; }

.margin-right10 {
  margin-right: 10px; }

#allNotificationPage .notification_main_footer {
  display: none; }

.font_fourteen {
  font-size: 14px !important; }

.padding-ends-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.newsFilterText:hover {
  color: black !important; }

.media-filters-icons {
  width: 14px;
  height: 18px;
  float: left;
  background-position-y: 1px;
  background-repeat: no-repeat !important;
  cursor: pointer; }

.media-filter-files-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files.svg);
  background-repeat: no-repeat;
  background-position-y: 2px; }

.media-filter-files-icon:hover, .list--icon-text li:hover .media-filter-files-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-down.svg); }

.media-filter-files-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-over.svg);
  color: #a8acb3; }

.media-filter-files-icon-active:hover, .list--icon-text li:hover .media-filter-files-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-down.svg);
  color: #586476; }

.media-filter-photos-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos.svg);
  background-repeat: no-repeat;
  background-position-y: 2px; }

.media-filter-photos-icon:hover,
.list--icon-text li:hover .media-filter-photos-icon,
.newsfiltericons:hover .media-filter-photos-icon,
.newsfiltericons:hover .media-filter-photos-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-down.svg);
  color: #586476; }

.media-filter-photos-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-over.svg); }

.media-filter-videos-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-over.svg); }

.media-filter-photos-icon-active:hover {
  /*background-image: url("../../assets/images/icons/filter/photos-down.svg");*/ }

.media-filter-videos-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos.svg);
  background-repeat: no-repeat !important;
  background-position-y: 2px; }

.media-filter-news-post {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/new-post-responsive.svg) !important;
  background-repeat: no-repeat !important; }

.media-filter-js-nav-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/hamburger-responsive.svg) !important;
  background-repeat: no-repeat !important;
  height: 100%;
  width: 100%;
  background-size: 23px 23px;
  background-position: center; }

.media-filter-videos-icon:hover,
.list--icon-text li:hover .media-filter-videos-icon,
.newsfiltericons:hover .media-filter-videos-icon,
.newsfiltericons:hover .media-filter-videos-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-down.svg); }

.newsFilterText {
  padding-left: 7px;
  float: left; }

.list--icon-text li:hover .newsFilterText {
  color: #586476 !important; }

.newsfilter li {
  /*display: block;*/
  float: left !important; }

.newsfilter > li:nth-child(6), .newsfilter li:nth-child(7) {
  /*display: none;*/
  height: 40px !important;
  width: 40px !important;
  margin-left: 0px !important;
  padding-left: 0px; }

.newsfilter > li:nth-child(6), .newsfilter li:nth-child(7) a {
  height: 100%;
  width: 100%; }

.newsfilter li:nth-child(7) {
  display: none !important; }

.media-filter-videos-icon-active:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-down.svg) !important; }

/******************************* Selectisize ********************************/
.selectize-input i {
  width: 20px !important;
  height: 20px !important; }

.selectize-custom__text i {
  height: 22px !important;
  width: 21px !important;
  display: block;
  height: 16px;
  float: left;
  /*border:1px solid #ff0000;*/ }

.notification_panel .dropdown-box__list li:hover i.icon-All, .notification_panel .dropdown-box__list li i.icon-All {
  background-size: 15px 17px !important; }

.news-shared-setting-icon .privacy-icon i.icon-public {
  background-size: 16px 15px;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) no-repeat; }

.news-shared-setting-icon .privacy-icon i.icon-Public {
  background-size: 16px 15px;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) no-repeat; }

.news-shared-setting-icon .privacy-icon:hover i.icon-public {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg) no-repeat; }

.news-shared-setting-icon .privacy-icon:hover i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg) no-repeat; }

i.icon-All, .privacy-icon:hover i.icon-All,
.newsTalkBoxSharingOptions .active i.icon-All,
i.icon-Conn, .privacy-icon:hover i.icon-Conn {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg) no-repeat;
  background-size: 20px 18px; }

#newsShareSelection i.icon-allnews, #newsShareSelection i.icon-All {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/all-news.svg) no-repeat;
  background-size: 15px 17px; }

#newsShareSelection i.icon-allnews {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/all-news.svg) no-repeat;
  background-size: 15px 17px; }

#newsShareSelection i.icon-top {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/top-news.svg) no-repeat;
  background-size: 15px 17px;
  background-position: 2px 0px; }

#newsShareSelection .dropdown-box-new__title i {
  /*padding-left: 25px;*/
  display: inline-block;
  background-position: center bottom;
  background-size: contain; }

i.icon-Pro, .privacy-icon:hover i.icon-Pro,
.newsTalkBoxSharingOptions .active i.icon-Pro {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg) no-repeat;
  background-size: 18px 15px !important; }

i.icon-Professional {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg) no-repeat;
  background-size: 15px 13px !important; }

i.icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg) no-repeat; }

.icon-Groups, i.icon-Groups, .privacy-icon:hover i.icon-Groups {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon-default.svg) no-repeat; }

i.icon-Page, .privacy-icon:hover i.icon-Page {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pages-over.svg) no-repeat;
  background-size: 14px 14px !important; }

i.icon-Upline {
  background-size: 18px 13px !important; }

i.icon-Downline {
  background-size: 18px 13px !important; }

i.icon-staff, .privacy-icon:hover i.icon-staff {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/staff.svg) no-repeat;
  background-size: 20px 16px !important; }

i.icon-Private, .privacy-icon:hover i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon-default.svg) no-repeat;
  background-size: auto !important; }

i.icon-Top {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/top-news.svg) no-repeat;
  background-size: 16px 18px !important; }

.selectize-input i.icon-public,
.selectize-custom__text:hover i.icon-public,
.dropdown-box__list li:hover i.icon-Public,
.privacy-icon i.icon-Public,
.privacy-active a.Public,
.privacy-active .icon-Public,
.newsTalkBoxSharingOptions .active i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) no-repeat;
  color: #ff9200; }

.newsTalkBoxSharingOptions.share-model .active i.icon-public {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) no-repeat;
  color: #ff9200; }

.newsTalkBoxSharingOptions.share-model .selectize-custom__text {
  background: transparent;
  color: #d6d7dd; }

.newsTalkBoxSharingOptions.share-model .icon-public-panel.active {
  color: #ff9200; }

.newsTalkBoxSharingOptions.share-model .icon-public-panel:hover {
  color: #ff9200; }

#newsShareSelection .dropdown-box-new ul li:first-child:hover,
#newsShareSelection .dropdown-box-new ul li:last-child:hover {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important; }

#newsShareSelection .dropdown-box-new ul {
  background-color: #1d2026 !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  margin-left: 0px; }

#newsShareSelection .dropdown-box-new {
  width: 230px; }

.selectize-input i.icon-Personal,
.selectize-custom__text:hover i.icon-Personal,
.dropdown-box__list li:hover i.icon-Personal,
.privacy-icon i.icon-Personal,
.notification_panel .icon-Personal,
.privacy-active a.Personal,
.privacy-active .icon-Personal,
.newsTalkBoxSharingOptions .active i.icon-Personal,
.talkbox-sharewith-dd-title i.icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg);
  background-repeat: no-repeat;
  color: #b868c8; }

@media only screen and (max-width: 800px) {
  .talkbox-sharewith-dd-title i.icon-Personal {
    background-position: 0px; } }

.selectize-input i.icon-Conn, .selectize-custom__text:hover i.icon-Conn, .dropdown-box__list li:hover i.icon-Conn,
.privacy-icon i.icon-Conn, .notification_panel .icon-Conn,
.privacy-active a.All,
.privacy-active .icon-Conn,
.newsTalkBoxSharingOptions .active i.icon-Conn,
.talkbox-sharewith-dd-title i.icon-Conn {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon.svg) no-repeat;
  color: #00bdcc;
  background-repeat: no-repeat !important; }

.selectize-input i.icon-All, .selectize-custom__text:hover i.icon-All, .dropdown-box__list li:hover i.icon-All,
.privacy-icon i.icon-All, .notification_panel .icon-All,
.privacy-active a.All,
.privacy-active .icon-All,
.newsTalkBoxSharingOptions .active i.icon-All,
.talkbox-sharewith-dd-title i.icon-All {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon.svg) no-repeat;
  color: #00bdcc;
  background-repeat: no-repeat !important; }

.selectize-input i.icon-Pro, .selectize-custom__text:hover i.icon-Pro,
.dropdown-box__list li:hover i.icon-Pro,
.privacy-icon i.icon-Pro,
.privacy-active a.Pro,
.privacy-active .icon-Pro,
.newsTalkBoxSharingOptions .active i.icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
  background-size: 18px 15px !important;
  background-position-y: 9px !important;
  background-position-x: 7px !important;
  background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  color: #798ecb; }

.talkbox-sharewith-dd-title i.icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
  background-size: 18px 15px !important;
  background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  color: #798ecb; }

.selectize-input i.icon-Professional,
.selectize-custom__text:hover i.icon-Professional,
.dropdown-box__list li:hover i.icon-Professional,
.privacy-icon i.icon-Professional,
.notification_panel .icon-Professional,
.privacy-active a.Professional,
.privacy-active .icon-Professional {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg) no-repeat;
  color: #798ecb !important; }

.privacy-icon:hover .icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg) no-repeat !important;
  background-position: center center !important; }

.notification_panel .dropdown-box-new__title {
  width: auto;
  min-width: 60px !important;
  color: #fff;
  margin-top: 0px;
  padding-top: 0px; }

.notification_panel .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
  right: 0px;
  position: absolute;
  top: 16px;
  width: calc(100% - 5px); }

.notification_panel .dropdown-box-new__title i {
  width: 16px !important;
  height: 16px !important;
  float: left;
  margin-top: 2px; }

.notification_panel .dropdown-box-new__title:hover,
.notification_panel .dropdown-box-new__title:hover div,
.notification_panel .dropdown-box-new__title div:hover {
  color: #fff !important; }

.notification_panel .dropdown-box-new__title div {
  width: auto;
  float: left;
  padding-left: 3px; }

.notification_panel .dropdown-box-new__title .icon-public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg) !important; }

.notification_panel .dropdown-box-new__title .icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news.svg) !important;
  width: 20px !important; }

.notification_panel .dropdown-box-new__title .icon-Pro,
.notification_panel .dropdown-box-new__title .icon-Professional {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg) !important; }

.notification_panel .dropdown-box-new__title .icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg) !important; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2:before {
  left: calc(100% - 20px) !important; }

.notification_panel .All-Personal-Professional-header-notifications .dropdown-box-new {
  width: 250px !important;
  /*left: calc(50% - 160px) !important;*/
  right: 2px; }

.icon-notifications.icon {
  margin-left: -1px;
  padding: 0px 7px !important;
  margin-right: 5px !important; }

.selectize-input i.icon-Groups,
.selectize-custom__text:hover .icon-Groups,
.dropdown-box__list li:hover .icon-Groups,
.privacy-icon i.icon-Groups, .notification_panel .icon-Groups,
.privacy-active a.Groups,
.privacy-active .icon-Groups,
.newsTalkBoxSharingOptions .active .icon-Groups,
.talkbox-sharewith-dd-title i.icon-Groups {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon.svg) no-repeat;
  color: #66bb69 !important; }

.selectize-input i.icon-Private, .selectize-custom__text:hover i.icon-Private, .dropdown-box__list li:hover i.icon-Private,
.privacy-icon i.icon-Private,
.privacy-active a.Private,
.privacy-active .icon-Private,
.newsTalkBoxSharingOptions .active i.icon-Private,
.talkbox-sharewith-dd-title i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg) no-repeat;
  color: #9f9f9f; }

.selectize-input i.icon-Staff, .selectize-custom__text:hover i.icon-Staff, .dropdown-box__list li:hover i.icon-Staff,
.privacy-icon i.icon-Staff, .notification_panel .icon-Staff {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/staff-over.svg) no-repeat;
  color: #798ecb; }

.selectize-input i.icon-Page, .selectize-custom__text:hover i.icon-Page, .dropdown-box__list li:hover i.icon-Page,
.privacy-icon i.icon-Page {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/pages-i-follow.svg) no-repeat;
  color: #798ecb; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg) no-repeat; }

i.icon-notifications.icon.icon-Groups, i.icon-notifications.icon.icon-Personal,
i.icon-notifications.icon.icon-Professional, i.icon-notifications.icon.icon-All, i.icon-notifications.icon.icon-Public {
  background-size: contain; }

#newsShareSelection .dropdown-box-new .icon-pages:before {
  content: "" !important;
  width: 25px;
  display: inline-block; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Pages,
#newsShareSelection .dropdown-box-new i.icon-Pages {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/pages-i-follow.svg) no-repeat; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Staff {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/staff.svg) no-repeat; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon-default.svg) no-repeat; }

#newsShareSelection i.icon-Conn {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg) no-repeat !important;
  background-size: 18px 13px !important;
  background-position: 1px center !important; }

#newsShareSelection .dropdown-box-new__title i.icon-Conn {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg) no-repeat !important;
  background-size: 18px 13px;
  background-position: 1px center !important; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Pro {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg) no-repeat !important;
  background-position: center center !important; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg) no-repeat !important;
  background-position: center center !important; }

#newsShareSelection .dropdown-box-new li:hover .icon-Groups {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon-default.svg) no-repeat; }

/* talkbox attach icon */
.attach-icon {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/attach-icon.svg) no-repeat;
  width: 28px;
  height: 28px; }

#newsShareSelection .dropdown-box-new__title i.icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news-grey.svg); }

#newsShareSelection .dropdown-box-new__title i.icon-top {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/top-news-grey.svg); }

#newsShareSelection .dropdown-box-new__title i.icon-Conn {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-connections-grey.svg) !important;
  background-size: auto 15px !important;
  background-position-x: center !important; }

#newsShareSelection .dropdown-box-new__title i.icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/professional-connections-grey.svg) !important;
  background-size: 17px; }

#newsShareSelection .dropdown-box-new__title i.icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-connections-grey.svg) !important;
  background-size: 16px; }

#newsShareSelection .dropdown-box-new__title .icon-Groups {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-grey.svg) !important;
  width: 21px !important;
  height: 21px !important;
  background-position: center 2px !important; }

.rewards-office-header.notification_panel.conn-style li {
  border-left: 3px solid #006aff;
  background-color: #FFFFFF; }
  .rewards-office-header.notification_panel.conn-style li:hover {
    background-color: #F6F8FF; }

.rewards-office-header.notification_panel .con-link a {
  color: #006aff; }

.rewards-office-header.notification_panel .link-text-button {
  border: solid 1px #006aff; }
  .rewards-office-header.notification_panel .link-text-button:hover {
    background-color: #006aff; }

.rewards-office-header.notification_panel .conn-button {
  border: none !important;
  background-color: #006aff !important; }

.rewards-office-header.notification_panel .notification_layer .notification_info .username {
  color: #006aff; }

.rewards-office-header.notification_panel .notification_layer .notification_info .connButton {
  color: #006aff;
  border: solid 1px #006aff; }
  .rewards-office-header.notification_panel .notification_layer .notification_info .connButton:hover {
    background-color: #006aff; }

.notification_panel.conn-style li {
  border-left: 3px solid #798ecb;
  background-color: #FFFFFF; }
  .notification_panel.conn-style li:hover {
    background-color: #F6F8FF; }

.notification_panel .conn-button {
  border: none !important;
  background-color: #798ecb; }

.notification_panel .con-link a {
  color: #798ecb; }

.notification_panel .notification_layer .notification_info .connButton {
  color: #798ecb; }

.imagePreview {
  cursor: pointer; }

.attach-icon:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/attach-icon-over.svg) no-repeat;
  width: 28px;
  height: 28px; }

.selectize-custom__text {
  font-size: 14px !important; }

.icon-class-Staff:hover {
  color: #798ecb !important; }

.newsTalkBoxSharingOptions .icon-Private-panel.active,
.icon-class-Private:hover {
  color: #9f9f9f !important; }

.icon-class-Staff:hover {
  color: #798ecb !important; }

.newsTalkBoxSharingOptions .icon-Pro-panel.active,
.icon-class-Pro:hover {
  color: #798ecb !important; }

.newsTalkBoxSharingOptions .icon-All-panel.active,
.icon-class-All:hover {
  color: #00bdcc !important; }

.newsTalkBoxSharingOptions .icon-Personal-panel.active,
.icon-class-Personal:hover {
  color: #b868c8 !important; }

.newsTalkBoxSharingOptions .icon-Public-panel.active,
.icon-class-public:hover {
  color: #ff9200 !important; }

.newsTalkBoxSharingOptions .icon-Groups-panel.active,
.icon-class-Groups:hover {
  color: #66bb69 !important; }

.privacy-icon .icon {
  color: #b0b9c1;
  display: block !important;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
  background-position: center center !important;
  height: 100%; }

.media--general .media--general__title {
  margin-bottom: 0px !important; }

/****** icons for search filter ******************/
.dropdown-box__list li .icon {
  padding-right: 25px;
  padding-bottom: 20px;
  background-position: top center !important; }

.action .dropdown-box__list li .icon {
  padding-right: 5px !important;
  padding-bottom: 20px; }

.selectize-custom__text i {
  padding-right: 15px !important;
  padding-bottom: 2px;
  margin-right: 8px;
  background-position: center 1px !important;
  padding-top: 1px; }

.selectize-input .selectize-custom__text {
  height: 22px; }

.selectize-dropdown .selectize-custom__text {
  padding: 9px 11px 5px !important;
  font-family: inherit; }

#sharewithSettings .newsTalkBoxSharingOptions {
  width: 240px; }

/******************************* Selectisize ********************************/
.comment_description {
  font-size: 9pt;
  color: #929498;
  margin-left: 52px; }

/*news filter*/
.js-fixed-news-filters .dropdown-box-new__title i {
  padding-left: 25px;
  height: 15px;
  display: inline-block;
  /* background-position: center center; */
  /* background-size: contain !important; */ }

.js-fixed-news-filters .dropdown-box-new__title i.icon-Pages {
  padding-left: 0px !important;
  height: 15px;
  display: inline-block;
  /* background-position: center center; */
  /* background-size: contain !important; */ }

.js-fixed-news-filters .dropdown-box-new__title i {
  margin-right: 5px; }

/*************************** Selectisize end ********************************/
.padding-left-26 {
  padding-left: 26px; }

.fa-exclamation-triangle {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/toaster-error-icon.svg);
  width: 19px;
  height: 18px; }

.fa-exclamation-triangle::before {
  content: "" !important; }

.see-more-popup-overflow {
  overflow-y: auto;
  max-height: 400px; }

.selectize-dropdown-content .icon-name span {
  background-color: transparent;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-name .active {
  color: #d6d7dd; }

.selectize-dropdown-content .icon-id {
  color: #d6d7dd;
  padding-bottom: 11px;
  font-size: 14px !important; }

.selectize-dropdown-content .icon-id span {
  background-color: transparent;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-id .active {
  color: #d6d7dd; }

.form-field .selectize-control .icon-id-label {
  padding-top: 5px; }

.form-field .selectize-control .icon-name-label {
  padding-top: 5px; }

.selectize-dropdown-content .media-filter-files-icon {
  padding-bottom: 11px; }

.selectize-dropdown-content .media-filter-photos-icon {
  padding-bottom: 11px; }

.selectize-dropdown-content .media-filter-videos-icon {
  padding-bottom: 11px; }

.selectize-dropdown-content .media-filter-files-icon span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .media-filter-files-icon:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #79879C; }

.selectize-dropdown-content .media-filter-files-icon .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #79879C;
  background-color: transparent; }

.selectize-dropdown-content .media-filter-photos-icon span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .media-filter-photos-icon:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #79879C; }

.selectize-dropdown-content .media-filter-photos-icon .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #79879C;
  background-color: transparent; }

.selectize-dropdown-content .media-filter-videos-icon span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-white-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-Public {
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-Public span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-Public:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  padding-left: 27px;
  color: #ff9200; }

.selectize-dropdown-content .icon-Public .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) !important;
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px;
  color: #ff9200 !important;
  background-color: transparent !important; }

.selectize-dropdown-content .icon-Pro {
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-Pro span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-Pro:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #798ecb; }

.selectize-dropdown-content .icon-Pro .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #798ecb !important;
  background-color: transparent !important; }

.selectize-dropdown-content .icon-Personal {
  padding-bottom: 11px; }

selectize-dropdown-content .icon-Groups {
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-All span {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-All:hover span {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans;
  color: #00bdcc; }

.selectize-dropdown-content .icon-All .active {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans;
  color: #00bdcc !important; }

.selectize-dropdown-content .icon-All {
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-Personal span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans;
  color: #fff; }

.selectize-dropdown-content .icon-Personal:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #b868c8; }

.selectize-dropdown-content .icon-Personal .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #b868c8 !important;
  background-color: transparent !important; }

.selectize-dropdown-content .icon-Private {
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-Private span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon-default.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 4px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-Private:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 4px;
  padding-left: 27px;
  color: #9f9f9f; }

.selectize-dropdown-content .icon-Private .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 4px;
  padding-left: 27px;
  color: #9f9f9f !important;
  background-color: transparent !important; }

.selectize-dropdown-content .icon-Groups {
  font-size: 14px;
  font-family: Open Sans;
  padding-bottom: 11px; }

.selectize-dropdown-content .icon-Groups span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.selectize-dropdown-content .icon-Groups .active,
.selectize-dropdown-content .icon-Groups:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon.svg);
  color: #66bb69 !important;
  background-color: none; }

.filter-dropdown-wrapper .selectize-input .icon-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg) !important;
  background-repeat: no-repeat;
  background-position-y: 2px; }

.filter-dropdown-wrapper .selectize-input .icon-Pro {
  background-position-y: 2px !important;
  background-position-x: center !important; }

.filter-dropdown-wrapper .selectize-input .icon-Personal {
  background-position-y: 2px; }

.filter-dropdown-wrapper .selectize-input .icon-Private {
  background-position-y: 2px; }

.filter-dropdown-wrapper .selectize-input .media-filter-files-icon {
  background-position-y: 1px; }

.filter-dropdown-wrapper .selectize-input > * {
  vertical-align: top; }

.mobile-dropdown-list-modal .media-filter-videos-icon .active {
  color: #79879C !important; }

.mobile-dropdown-list-modal .media-filter-files-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .media-filter-files-icon .active {
  color: #79879C; }

.mobile-dropdown-list-modal .media-filter-files-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-down.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .media-filter-photos-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .media-filter-photos-icon .active {
  color: #79879C; }

.mobile-dropdown-list-modal .icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.mobile-dropdown-list-modal .icon-All .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.mobile-dropdown-list-modal .media-filter-photos-icon-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.mobile-dropdown-list-modal .icon-Public .active {
  color: #ff9200; }

.mobile-dropdown-list-modal .icon-Public-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg);
  background-repeat: no-repeat;
  background-position-y: 3px; }

.mobile-dropdown-list-modal .icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Pro .active {
  color: #798ecb; }

.mobile-dropdown-list-modal .icon-Pro-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Personal .active {
  color: #b868c8; }

.mobile-dropdown-list-modal .icon-Personal-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Private {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon-default.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 5px; }

.mobile-dropdown-list-modal .icon-Private .active {
  color: #79879C; }

.mobile-dropdown-list-modal .icon-Private-active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px;
  background-position-x: 4px; }

.icon-span-space {
  padding-left: 35px; }

.modal-width-sharing .share-dropdown-wrapper .icon-Public span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.modal-width-sharing .share-dropdown-wrapper .icon-Pro span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.modal-width-sharing .share-dropdown-wrapper .icon-Personal span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.modal-width-sharing .share-dropdown-wrapper .icon-Private span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg);
  background-repeat: no-repeat !important;
  background-position-y: 3px; }

.modal-width-sharing .share-dropdown-wrapper .selectize-input > * {
  vertical-align: middle; }

.share-dropdown-wrapper .selectize-icon-dropdown-opposite {
  position: absolute;
  width: 250px !important;
  border-radius: 4px; }

.share-dropdown-wrapper .selectize-icon-dropdown-opposite:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #303a44;
  left: 15px;
  position: absolute; }

.profile-banner-dropdown-wrapper .selectize-dropdown {
  width: 100% !important; }

.connections-dropdown-wrapper .selectize-dropdown {
  margin-top: 0px; }

.filter-dropdown-wrapper .selectize-dropdown {
  width: 100% !important; }

.rewards-office-header .notification_main_header.conn-color {
  background-color: #006aff;
  border-color: #006aff; }
  .rewards-office-header .notification_main_header.conn-color:hover {
    background-color: #006aff; }

@media only screen and (max-width: 700px) {
  .connection-notification-view-all.rewards-office-header {
    margin-top: 144px; }
    .connection-notification-view-all.rewards-office-header .notification_main_header {
      height: 54px;
      border-bottom: 1px solid #d7dfef;
      margin-top: -54px;
      padding-top: 15px; }
      .connection-notification-view-all.rewards-office-header .notification_main_header.conn-color {
        background-color: #fff; }
        .connection-notification-view-all.rewards-office-header .notification_main_header.conn-color:hover {
          background-color: #fff; } }

.notification_main_header .selectize-input.full {
  background-color: transparent;
  color: #fff;
  box-shadow: none; }

.notification_main_header .selectize-input {
  border: none; }

.notification_main_header .selectize-input > * {
  position: absolute;
  right: 25px;
  color: #fff; }

.notification_main_header .selectize-dropdown {
  right: 0px !important;
  left: auto !important;
  margin-top: 0px; }

.notification_main_header .selectize-dropdown:before {
  left: 231px; }

.notification_main_header .selectize-control {
  width: 150px;
  top: -9px; }

.notification_main_header .selectize-dropdown-content .notification-icon-All span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news.svg) !important;
  background-repeat: no-repeat !important;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.notification_main_header .selectize-dropdown-content .notification-icon-All:hover span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news-over.svg) !important;
  background-repeat: no-repeat !important;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans;
  color: #00bdcc; }

.notification_main_header .selectize-dropdown-content .notification-icon-All .active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news-over.svg) !important;
  background-repeat: no-repeat !important;
  font-family: Open Sans;
  color: #00bdcc; }

.notification_main_header i.notification-icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news.svg);
  background-repeat: no-repeat !important;
  top: -2px;
  left: 85px; }

.notification_main_header .selectedicon, .notification_main_header .notifications-dropdown-selection .selectedicon {
  position: absolute;
  right: 25px;
  top: 10px;
  padding-left: 24px;
  padding-right: 5px;
  font-size: 14px;
  cursor: pointer; }
  .notification_main_header .selectedicon.notifi-view-all, .notification_main_header .notifications-dropdown-selection .selectedicon.notifi-view-all {
    top: 0px; }

.notification_main_header .selectedicon i, .notification_main_header .notifications-dropdown-selection .selectedicon i {
  position: absolute;
  left: 0px !important;
  top: -2px;
  width: 18px !important;
  height: 18px !important; }

.notification_main_header .selectedicon::after, .notification_main_header .notifications-dropdown-selection .selectedicon::after {
  font-family: webtalk;
  content: "\e613";
  border: 0;
  height: 32px;
  margin-top: 0px;
  width: 20px;
  right: 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -7px;
  width: 0;
  height: 0;
  border-style: solid; }

.notification_main_header i.icon-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon-default.svg);
  background-repeat: no-repeat !important; }

.notification_main_header li {
  padding-top: 10px; }

.notification_main_header i.icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon-default.svg);
  background-repeat: no-repeat !important; }

.notification_main_header i.icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon-default.svg);
  background-repeat: no-repeat !important; }

.notification_main_header .selectize-dropdown .active {
  background-color: transparent; }

.notification_main_header.conn-color {
  background-color: #798ecb;
  border-color: #798ecb; }

.notification_main_header.conn-color:hover {
  background-color: #798ecb;
  border-color: #798ecb; }

.notification_main_header.conn-color-text a {
  color: #798ecb !important; }

.notifications-dropdown-selection .selectedicon {
  right: 20px;
  top: 2px; }

.selectize-dropdown-content .notification-icon-All {
  padding-bottom: 11px; }

/* .mobile-dropdown-list .notification-icon-All .active{
    color: #79879C;
} */
.mobile-dropdown-list-modal .notification-icon-All span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news.svg) !important;
  background-repeat: no-repeat !important;
  font-size: 14px;
  font-family: Open Sans; }

.mobile-dropdown-list-modal .notification-icon-All-active span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news-over.svg) !important;
  background-repeat: no-repeat !important;
  font-size: 14px;
  font-family: Open Sans; }

.mobile-dropdown-list-modal .notification-icon-All .active {
  color: #00bdcc; }

.notification-page .selectize-dropdown:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1d2026;
  left: 228px;
  top: -6px;
  position: absolute; }

.notification-page .selectize-control {
  margin-bottom: -11px;
  width: 250px;
  float: right;
  margin-right: 6px; }

.notification-page .selectize-control {
  margin-bottom: -41px; }

.notification-page .selectize-dropdown {
  top: 18px; }

.notifications-inverted-dropdown {
  bottom: 50px !important;
  top: auto !important; }

.notifications-inverted-dropdown:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #303a44;
  left: 228px;
  position: absolute; }

.selectize-dropdown.notifications-inverted-dropdown:before {
  display: none; }

.back-to-contacts-page {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #909bad;
  display: flex;
  text-decoration: none;
  margin-bottom: 20px; }
  @media only screen and (max-width: 600px) {
    .back-to-contacts-page {
      margin-top: 20px;
      margin-left: 10px; } }
  .back-to-contacts-page::before {
    content: '';
    display: block;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/icon-arrow-small-left.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    bottom: 2px;
    background-position-x: -8px; }

.connections-dashboard-panel .connections-header-wrapper {
  width: 100%;
  margin-bottom: 15px; }

.connections-dashboard-panel .connections-sort-search-wrapper {
  width: 100%;
  margin-bottom: 17px; }

.connections-sort-search-wrapper .connections-sort-search-list {
  width: 100%;
  display: flex; }

.connections-sort-search-list .connections-search-field {
  position: relative;
  right: 0px; }

.connections-dashboard-panel .connections-sort-search-wrapper .connections-sort-search-list .connections-search-field .connections-search-wrapper {
  max-width: 508px;
  width: 100%;
  height: 34px;
  border-radius: 4px; }

.icon-search-logo {
  width: 24px;
  height: 24px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/glass.svg);
  background-repeat: no-repeat; }

.search--input {
  border: none; }
  .search--input:focus {
    border: 2px solid #9dd3e7; }
  .search--input::placeholder {
    color: red; }

.connections-dashboard-panel .connections-sort-search-wrapper .connections-sort-search-list .connections-search-wrapper .connecion-input-search-icon {
  right: auto;
  top: 5px;
  left: 11px; }

.connections-sort-field {
  width: 100%;
  max-width: 117px;
  position: relative; }

.connections-sort-search-list .connections-sort-field .connections-sort-wrapper {
  max-width: 117px;
  width: 100%;
  height: 33px;
  top: 1px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #627384; }

.wt-dd-selected-icon.icon-favorite::after {
  content: '';
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/favourites-icon-blk.svg);
  width: 15px;
  height: 15px;
  object-fit: contain;
  filter: invert(66%) sepia(7%) saturate(685%) hue-rotate(178deg) brightness(92%) contrast(89%);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px; }

.wt-dd-selected-icon.icon-recent::after {
  content: "";
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/con-icon.svg);
  width: 24px;
  height: 24px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  filter: invert(66%) sepia(7%) saturate(685%) hue-rotate(178deg) brightness(92%) contrast(89%);
  top: 5px;
  right: 25px; }

.wt-dd-selected-icon.icon-alpha::after {
  content: "";
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/icon-alphabetical.svg);
  width: 24px;
  height: 24px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  filter: invert(66%) sepia(7%) saturate(685%) hue-rotate(178deg) brightness(92%) contrast(89%);
  top: 5px;
  right: 25px; }

.wt-dd-selected-icon.icon-clock::after {
  content: "";
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/clock-icon.svg);
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: invert(66%) sepia(7%) saturate(685%) hue-rotate(178deg) brightness(92%) contrast(89%);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  right: 25px; }

.add-contacts-btn-mobile {
  display: none; }

.add-contacts-btn-mobile-wrapper {
  display: none; }

@media only screen and (max-width: 600px) {
  .connections-dashboard-panel .connections-header-wrapper {
    border-bottom: none;
    margin-bottom: 0px; }
  .main-container__connections .mobile-connections-search-wrapper {
    border-bottom: none;
    padding: 0;
    display: flex !important; }
  .main-container__connections .connection-mobile-search::before {
    right: auto; }
  .main-container__connections .mobile-connections-search-wrapper .connection-mobile-search .connections-mobile-search-field {
    padding-left: 35px;
    padding-top: 3px; }
  .add-contacts-btn-mobile-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    margin-top: 5px; }
  .mobile-connections-searchbox {
    width: calc(100% - 55px); }
  .add-contacts-btn-mobile {
    display: block;
    padding-left: 23px;
    width: 100%;
    line-height: 36px;
    border-radius: 4px;
    background-color: #08a1d8;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    position: relative; }
  .add-contacts-btn-mobile::before {
    content: "";
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/contact-icon-w.svg);
    width: 24px;
    height: 24px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 7px;
    margin-left: -27px; }
  .connections-sort-btn {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px #d6d8e3;
    background-color: #ffffff;
    margin-left: 12px; }
  .connections-sort-btn .icon-recent {
    content: "";
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/sort-field-icon.svg);
    width: 15px;
    height: 11.5px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: 9px;
    margin-left: 8px; } }

.connection-sm-btns span:nth-child(2) {
  border-color: #798ecb;
  color: #798ecb; }

.connection-sm-btns span:nth-child(2):hover {
  background-color: #798ecb;
  color: white !important; }

.border-conn {
  border-radius: 0 !important;
  margin-bottom: 1px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: 48px !important;
  width: 54px !important; }

.border-conn:hover {
  background-color: transparent !important; }

.reg-conn {
  border-bottom: 4px solid #798ecb;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/connections-hover.svg) !important; }

.rewards-office-header.reg-conn {
  border-bottom: 4px solid #006aff; }

.rewards-office-header.reg-noti {
  border-bottom: 4px solid #006aff; }

.reg-noti {
  border-bottom: 4px solid #0aa1d8;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notifications-hover.svg) !important; }

.reg-ad {
  border-bottom: 4px solid #006aff;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/reward-hover.svg) !important; }

.rewards-office-header.reg-ad {
  border-bottom: 4px solid #006aff; }

.toggle {
  text-align: center;
  display: block;
  cursor: pointer;
  text-align: left;
  width: 50%;
  float: left;
  border: 1px solid #ccc; }

.toggle.border_curve_left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-left-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px; }

.toggle.border_curve_right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px; }

.toggle label {
  float: left;
  float: left;
  width: 100%;
  text-align: left; }

.toggle label span {
  text-align: center;
  padding: 3px 0px;
  display: block;
  cursor: pointer;
  text-align: left;
  padding: 10px 15px; }

.toggle label input {
  position: absolute;
  top: 70px;
  z-index: 1000; }

.toggle .input-checked {
  background-color: #d7dae0;
  color: #39414d;
  font-size: 14px; }

.post-button {
  width: 109px;
  height: 26px;
  border-radius: 100px;
  background-color: #0aa1d8;
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  left: 235px;
  bottom: 63px; }
  @media only screen and (max-width: 600px) {
    .post-button {
      font-size: 11px;
      top: -50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
  .post-button .plus-circle-icon {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/plus.svg);
    content: "";
    height: 12px;
    width: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin: 2px auto auto auto; }

.ad-block-rbo {
  display: none;
  max-width: 728px;
  height: 90px;
  margin: 20px auto 30px auto; }
  @media only screen and (max-width: 728px) {
    .ad-block-rbo {
      height: 60px; } }
  .ad-block-rbo.show-bottom-margin {
    padding-bottom: 20px; }

.native-ad {
  display: block; }

.sponsored-rl-ad {
  position: absolute; }
  @media only screen and (max-width: 974px) {
    .sponsored-rl-ad {
      left: 50%;
      top: 35px;
      transform: translate(-50%, -50%); } }

.sponsored-block {
  min-width: 728px;
  margin: 15px 0 15px auto;
  padding: 10px 20px 11px 16px;
  background-color: #ffffff;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 975px) {
    .sponsored-block {
      margin: 0 0 15px 0; } }
  @media only screen and (max-width: 975px) {
    .sponsored-block {
      margin-left: -30px; } }
  @media only screen and (max-width: 975px) {
    .sponsored-block {
      order: 1; } }
  @media only screen and (max-width: 728px) {
    .sponsored-block {
      min-width: 100%;
      margin: 10px 0 10px 0;
      padding: 6px 20px 6px 16px; } }
  .sponsored-block .web-avatar-spp {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 51px;
    min-width: 51px;
    margin-right: 10px; }
    @media only screen and (max-width: 728px) {
      .sponsored-block .web-avatar-spp {
        min-width: 37px;
        min-height: 37px; } }
  .sponsored-block .remove-sponsored-title {
    max-width: 200px; }
    .sponsored-block .remove-sponsored-title span {
      font-family: Open Sans;
      font-size: 14px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.36;
      letter-spacing: normal;
      color: #1d2026; }
      @media only screen and (max-width: 728px) {
        .sponsored-block .remove-sponsored-title span {
          font-size: 12px; } }
    .sponsored-block .remove-sponsored-title .upgrade--pro-link {
      color: #0aa1d8;
      cursor: pointer;
      font-weight: 700;
      font-family: Open Sans;
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.36; }
      @media only screen and (max-width: 728px) {
        .sponsored-block .remove-sponsored-title .upgrade--pro-link {
          font-size: 12px; } }
      .sponsored-block .remove-sponsored-title .upgrade--pro-link:hover {
        text-decoration: none; }
  .sponsored-block .tile-sponsored-list {
    margin: 0 0 0 auto; }
    @media only screen and (max-width: 728px) {
      .sponsored-block .tile-sponsored-list {
        display: none; } }
    .sponsored-block .tile-sponsored-list .bold-spon-title {
      font-family: Montserrat;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
  .sponsored-block .sponsored-list {
    margin: 0 0 0 auto; }
    @media only screen and (max-width: 728px) {
      .sponsored-block .sponsored-list {
        display: none; } }

/*@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700");*/
/*@import url("//fonts.googleapis.com/css?family=Architects+Daughter");*/
body {
  padding-right: 0px !important; }

.close-slack-channel-popup {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/close-grey.svg); }

.back-to-channel {
  display: flex; }
  .back-to-channel::before {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/icon-arrow-small-left.svg);
    width: 10px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: auto;
    content: '';
    margin-right: 10px;
    background-position: center; }

.talkbox-toggle-tooltip-font {
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: normal;
  color: #fff;
  text-align: left; }

.grecaptcha-badge {
  visibility: collapse !important; }

.modal-body-content::-webkit-scrollbar {
  width: 5px; }

.modal-body-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #fafafa;
  border-radius: 10px; }

.modal-body-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c2c2c2; }

.simple-header-height {
  height: 55px; }

.enrollment-footer {
  border-top: 1px solid #d8dbe7;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
  width: 747px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px; }
  .enrollment-footer .webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-webtalk-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 102px;
    height: 19px; }
  .enrollment-footer .webtalk-links-wrapper {
    display: flex;
    width: calc(100% - 280px);
    margin-left: 54px; }
    .enrollment-footer .webtalk-links-wrapper .page-link {
      margin-right: 15px;
      font-family: Inter;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #5b6987; }
  .enrollment-footer .webtalk-c {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a4adc1;
    display: block;
    margin-left: 29px; }

@media only screen and (max-width: 600px) {
  .enrollment-footer {
    display: grid;
    width: 100%;
    padding-top: 20px;
    position: relative;
    margin-top: 24px; }
    .enrollment-footer .webtalk-logo {
      position: relative;
      left: 24px; }
    .enrollment-footer .page-link-wrapper:last-child {
      margin-left: 50px;
      height: 90px; }
      .enrollment-footer .page-link-wrapper:last-child .page-link {
        margin-bottom: 0px; }
    .enrollment-footer .page-link-wrapper {
      display: grid; }
      .enrollment-footer .page-link-wrapper .page-link {
        text-align: left;
        margin-bottom: 15px; }
    .enrollment-footer .webtalk-links-wrapper {
      margin-left: 24px;
      margin-top: 18px;
      width: fit-content; }
    .enrollment-footer .webtalk-c {
      position: relative;
      left: 171px;
      bottom: 29px;
      width: fit-content; } }

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none; }

.webtalk-autocomplete .ui-widget-content {
  background: white !important; }

.createpage--input-website:before {
  top: 24px !important; }

.main-section-public {
  margin-top: 40px; }

.avatar_hover_effect:hover:before, .avatar_hover_effect:hover::before {
  background: rgba(29, 32, 38, 0.5) !important;
  height: 200px;
  width: 200px;
  display: block; }

.selectize-input #product-modal select {
  padding: 9px 23px 10px 10px;
  border-width: 1px;
  box-shadow: none; }

/*input.ng-invalid, .input--text.ng-invalid { border:1px solid #ff0000 !important}*/
.reffer_invite_link {
  background-color: #2ba0d8 !important;
  border-radius: 2px !important;
  font-size: 18px !important;
  padding: 24px;
  background-image: -moz-linear-gradient(90deg, #010202 0%, white 100%);
  background-image: -webkit-linear-gradient(90deg, #010202 0%, white 100%);
  background-image: -ms-linear-gradient(90deg, #010202 0%, white 100%);
  width: 342px;
  height: 66px !important; }

.reffer_message {
  display: none; }

form select {
  border-radius: 2px;
  border: 1px solid #d6d8e3;
  color: #667586;
  cursor: auto;
  height: 41px;
  padding: 9px 10px;
  width: 100%; }

.liked-desk a:nth-child(2) {
  min-width: 20px;
  text-align: left; }

form.ng-submitted .input--text.ng-pristine.ng-invalid,
input.ng-invalid,
.input--text.ng-invalid {
  border: 2px solid #ff0000; }

.input--text.ng-pristine.ng-invalid {
  border: 1px solid #d6d8e3; }

#contentLoading {
  text-align: center; }

select {
  border-radius: 2px;
  border: 1px solid #d6d8e3;
  box-sizing: border-box;
  color: #667586;
  cursor: auto;
  height: 41px;
  padding: 9px 10px;
  width: 100%;
  /*-webkit-appearance: none;*/ }

input:required {
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

:-moz-ui-invalid:not(output) {
  box-shadow: 0 0 0.5px 0.5px WhiteSmoke; }

.submitted .ng-invalid {
  border: 1px solid #d6d8e3 !important; }

.search-popup-margin {
  margin-top: 60px !important; }

#submitLink {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/misc/tick.png);
  /*background-size: cover;*/
  /*background-size: 100%;*/
  /*font-size:16px;*/
  /*width:32px;
  height:32px;*/ }

[ng-cloak] {
  display: none !important; }

@media only screen and (min-width: 760px) {
  .modal-wrapper--notification {
    /*  top: 55 !important;
    right: 12px;
    */ }
  .pageSubmenu {
    text-align: left;
    width: 62%;
    display: inline-block; } }

/*

.recomendation-comments, .edit-section .recommendation-detail{ display: none}
.edit-section .recomendation-comments,  .recommendation-detail { display: block}*/
.uploader {
  position: relative;
  overflow: hidden;
  /*width:300px;*/
  /*height:100%;*/
  background: none !important;
  /*border:2px dashed #e8e8e8;*/ }

.uploader img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: none; }

#bannerImage {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  z-index: -1; }

#bannerImageModal {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  z-index: -1; }

.countclass {
  width: auto;
  min-width: 10px; }

.newsavatar {
  background-size: cover !important;
  float: left;
  position: relative;
  overflow: hidden;
  display: table-row;
  box-sizing: border-box;
  width: 50px !important;
  border: 0px solid #cc0000;
  height: 50px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 800; }

#newsShareSelection .dropdown-box-new__title i {
  height: 18px;
  background-size: auto;
  float: left; }

#newsShareSelection .dropdown-box-new__title div {
  float: left;
  margin-top: 0px; }

.postpanel .media-header .media__body {
  width: calc(100% - 62px) !important; }

.expicons {
  height: 50px;
  width: 50px; }

.media__img {
  cursor: pointer; }

.selectize-input i.icon-Personal {
  color: #0aa1d8; }

.icon-All:before {
  /*content: "\e639" !important;*/ }

.selectize-input i.icon-allconnections,
.selectize-input i.icon-All {
  color: #4bc5c3; }

@media only screen and (min-width: 800px) {
  .modal-backdrop.in {
    z-index: 1042; } }

.conversation-wrapper {
  z-index: 900; }

/****************** folder code that we will remove later on **************/
.sidebar__folders .sidebar__folders-list li.activenew li.left--line:before {
  display: block;
  left: -18px; }

.sidebar__folders .sidebar__folders-list li.activenew:before {
  border-top: 2px solid #0095BA; }

/*******/
.sidebar__folders .sidebar__folders-list {
  overflow-x: hidden;
  margin: 0 20px 20px 0;
  overflow-y: hidden;
  display: table; }

#mediaContainer {
  /*border: 1px solid #ccc;*/
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 55px;
  display: none; }

.dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon ul li a i {
  margin-right: 0px; }

.mediaThumb {
  height: 50px;
  width: 50px;
  float: left;
  margin: 2px;
  position: relative; }

.newsMediaThumb {
  background-size: cover !important;
  margin: 5px;
  border: 1px solid #dcdfe5;
  width: 60px;
  height: 60px;
  position: relative;
  margin-left: 0px; }

.postPanelImagesMedia,
.postPanelFilesMedia {
  width: 100%;
  height: 125px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden; }

.mediaThumb i,
.newsMediaThumb i,
.postPanelFilesMedia i {
  position: absolute;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  font-weight: normal; }

.postPanelFilesMedia i {
  left: 34px; }

.postPanelImagesMedia .newsMediaThumb,
.postPanelFilesMedia .newsMediaFileThumb {
  cursor: pointer; }

.newsMediaThumb i {
  top: -4px;
  cursor: pointer;
  left: 48px; }

.postPanelFilesMedia i {
  top: 0px;
  cursor: pointer;
  left: 25px; }

.postPanelFilesMedia {
  height: 40px; }

.truncatetext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 17px; }

.truncatetext--2line {
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 17px;
  height: 35px; }

.truncatetext-overflow-x {
  overflow-x: hidden; }

.modal-dialog .loadingimg {
  position: absolute;
  top: 20px;
  right: 20px; }

/*
.modal-wrapper--notification {
    background-color: #363e45;
    border-radius: 0 0 2px 2px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 57px;

    width: 303px;
    z-index: 14;
}
*/
#switchAccountMenus {
  display: none;
  position: absolute;
  right: 10px;
  background: #4bc5c3;
  top: 50px;
  border: 1px solid #333;
  width: 250px; }

#switchAccountMenus li {
  padding: 5px 10px;
  border-bottom: 1px solid #333;
  color: #fff; }

#switchAccountMenus li a {
  color: #fff; }

.popup-model-overflow {
  overflow-y: auto;
  max-height: 400px;
  padding-right: 20px; }

.talk-button-height {
  height: 60px !important; }

.noDataDiv {
  background-color: #fff;
  padding: 40px;
  border: 1px solid red;
  color: red;
  font-size: 13pt;
  text-align: center; }

.noDataDiv p {
  color: #333; }

#switchAccountMenus {
  z-index: 900; }

.txtOnOneLine {
  white-space: nowrap; }

.sharedPostInfoAvatar {
  width: 50px;
  height: 50px;
  margin-right: 10px !important; }

.error {
  color: #a94442;
  margin-bottom: 10px; }

.error-field {
  color: #f44036;
  margin-bottom: 10px; }

#uploadAvatarSignupDiv:hover {
  cursor: pointer; }

.closeLinkOnTop {
  z-index: 1;
  /*position: absolute;*/
  right: 5px;
  font-weight: 500 !important; }

input.ng-invalid.webtalk_noBorder,
.input--text.ng-invalid.webtalk_noBorder,
.webtalk_noBorder {
  border: 1px solid #d6d8e3 !important; }

/*.icon-page:before,*/
/*.icon-page,*/
/*.icon-Page:before,*/
/*.icon-Page {*/
/*content: "\e63e";*/
/*}*/
/*.icon-Private:before {*/
/*content: "\e628";*/
/*}*/
/*cusor position 'not allowed' */
.cursor-not-allowed {
  cursor: not-allowed; }

.loadericon {
  float: left;
  margin: 5px 10px;
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  border-top: 4px solid #ccc;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#showEditProfile {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333; }

.connect_icon_profile_page {
  margin-left: 0px;
  min-width: 112px !important;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px; }

@media only screen and (max-width: 600px) {
  #follow_dropdown {
    float: left; }
  .connect_icon_profile_page {
    float: left; }
  .profile_status_dropdown_icon {
    padding-right: 10px;
    padding-left: 10px; } }

.leftborderonly {
  border-top-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-bottom-left-radius: 0px !important;
  background-color: #05a4dc !important;
  background-position-y: 18px !important;
  min-width: 35px;
  margin-left: 1px !important;
  float: right;
  font-size: 22px !important;
  background-size: 8px !important;
  min-width: 30px !important; }

.default_profile_btn {
  background-color: #05a4dc !important;
  background-position-y: 18px !important;
  background-position-x: 123px;
  background-size: 8px !important; }

.loadingDonetext {
  float: left;
  padding-left: 5px; }

#bannerImage {
  position: absolute;
  height: 350px;
  width: 100%;
  left: 0px;
  z-index: -1;
  background-size: cover !important;
  /* background-position: center !important; */ }

.banner-hero-cover {
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  background-size: cover; }

@media only screen and (max-width: 760px) {
  #bannerImage {
    /*background-size: 100% 100% !important;*/ }
  .header__nav li a {
    /* padding: 0 20px; */
    padding: 18px 20px;
    line-height: 45px;
    display: inline; } }

@media only screen and (max-width: 759px) {
  .showAllNotificationCounts {
    display: inline !important;
    top: 5px !important; } }

.profileDoneBtn {
  background-color: #05a4dc !important;
  color: #fff !important; }

.profileDoneLoadingBtn {
  background-color: #a1a6ba !important;
  color: #fff !important; }

@keyframes colorChangeToBlue {
  0% {
    background: white; }
  100% {
    background: #05a4dc;
    color: #fff; } }

@-webkit-keyframes colorChangeToBlue {
  0% {
    background: white; }
  100% {
    background: #05a4dc;
    color: #fff; } }

.profileEditBtn {
  background-color: none;
  color: #333; }

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear; }

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg); }
  to {
    transform: scale(1) rotate(360deg); } }

.signup-process-bottom-icons .one-third {
  padding-left: 13px; }

.widget_image {
  width: 32px;
  height: 32px; }

.tableview {
  display: table;
  width: 100%; }

.tableCellView {
  display: table-cell;
  width: auto; }

.tableview .tableCellView:nth-child(0) {
  width: 33%; }

.tableview .tableCellView:nth-child(1) {
  width: 33%; }

.tableview .tableCellView:nth-child(2) {
  width: 33%; }

.centerAlignText {
  text-align: center; }

.user_avatar_box {
  background-repeat: no-repeat !important;
  background-color: #1d2026 !important;
  position: relative;
  z-index: 199;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

wt-side-menu .user_avatar_box {
  position: absolute; }

.user_hover_panel .user_avatar_box {
  border: 5px solid #fff;
  box-shadow: 0 1px 0 #e4e7e7; }

.user_avatar_box:hover .list--controls a,
.user_avatar_box:hover #editAvatorImageIcon {
  opacity: 1 !important; }

.user_avatar_box .cover-info__image {
  border: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }

.user_avatar_box #editAvatorImageIcon {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 36px;
  width: 36px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  z-index: 200; }

.editProfile .user_avatar_box #editAvatorImageIcon {
  display: block;
  background-color: #0aa1d8 !important; }

@media only screen and (max-width: 800px) {
  .notification_panel {
    right: 0 !important; }
  .editProfile .user_avatar_box #editAvatorImageIcon {
    display: block !important;
    background-color: #0aa1d8 !important; }
  .editProfile .user_avatar_box #editAvatorImageIcon, .user_avatar_box #editAvatorImageIcon {
    /*TODO: will remove comment after testing*/
    /*top: calc( 50% - 12px );*/
    display: block;
    /*left: calc( 50% - 12px );*/
    background-color: #0aa1d8 !important; } }

.usermenubg {
  width: 100%;
  height: 100%;
  opacity: 1; }

.user_avatar_box:hover .usermenubg,
.user_avatar_box:hover #profileAvatar {
  opacity: 0.5; }

.user_avatar_box .list--controls {
  position: absolute;
  z-index: 200; }

.list--controls li #edit-user-avatar:hover,
.user_avatar_box .icon-write:hover,
.user_avatar_box #editAvatorImageIcon:hover {
  background-color: #0990c2 !important; }

.user_avatar_box #editAvatorImageIcon:hover {
  border: 1px solid #fff;
  background-color: #0990c2 !important; }

#bannerIconEditIcon_onsidebar {
  float: left;
  margin-left: -20px;
  margin-top: -27px;
  z-index: 100;
  position: relative;
  background-color: #0aa1d8 !important; }

.connection-page-height {
  height: 0px !important; }

.welcome-webtalk-font-size {
  /** issue posted: to increase the size to 30px; */
  font-size: 30px !important; }

.welcome-webtalk-logo-font-size {
  /** issue posted: to increase the size to 21px; */
  font-size: 21px !important; }

.next-line-word-wrap {
  word-wrap: break-word !important; }

/*** Borading popups **/
.boardingpanel {
  background-color: #eeeff1;
  padding: 0px;
  font-size: 11pt !important;
  color: #667586;
  width: 400px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: url("/app/assets/images/request-invite/thankYou.jpg") top no-repeat; }

#search-mobile-number .modalBg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d2026+0,1d2026+100&0.6+0,0.81+100 */
  background: -moz-linear-gradient(top, rgba(29, 32, 38, 0.6) 0%, rgba(29, 32, 38, 0.71) 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(29, 32, 38, 0.6) 0%, rgba(29, 32, 38, 0.71) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(29, 32, 38, 0.6) 0%, rgba(29, 32, 38, 0.71) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#991d2026', endColorstr='#cf1d2026', GradientType=0);
  /* IE6-9 */ }

.boardingpanel .crossbtn {
  background: none;
  display: block !important;
  padding: 10px 16px;
  height: 30px;
  text-align: right;
  color: #fff !important;
  position: absolute;
  text-align: right;
  width: 100%;
  z-index: 2000; }

.boardingpanel .modal__close {
  color: #fff; }

.boardingpanel .modal--title {
  max-height: 240px;
  padding-left: 30px;
  padding-right: 30px; }

.push--bottom--ten {
  margin-top: 10px; }

.push--bottom-onboarding {
  padding-top: 54px;
  color: #fff; }

.width_Four_Hundred .crossBtn_congratulations {
  margin-right: 10px;
  margin-top: 5px; }

.width_Six_Hundred .crossBtn_congratulations, .wrapper--registration-signup-info .crossBtn_congratulations {
  display: block;
  height: 20px;
  position: absolute;
  padding-top: -10px !important;
  right: 33px;
  top: 30px; }

.push_header_down {
  padding-top: 25px; }

.crossBtn_congratulations a {
  font-size: 28px;
  font-weight: normal !important;
  margin-right: -20px !important;
  padding-top: 0px;
  width: 20px;
  height: 25px; }

.boardingpanel .crossBtn_congratulations a {
  margin-right: 10px !important;
  margin-top: 16px; }

.crossBtn_congratulations .white {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cross-icon-w.png) no-repeat;
  background-size: 15px 16px; }

.crossBtn_congratulations a:hover {
  background: url(/app/assets/images/cross-icon-o.png) no-repeat;
  background-size: 15px 16px; }

.crossBtn_congratulations .black {
  background: url(/app/assets/images/cross-icon.png) no-repeat;
  background-size: 16px 16px; }

.blackrollOveronly a:hover {
  background: url(/app/assets/images/cross-icon.png) no-repeat !important;
  background-size: 15px 16px !important; }

.btn_limited .btn {
  min-width: 80px !important; }

.btnSize70 {
  max-width: 60px;
  min-width: 70px !important;
  padding: 10px 10px !important; }

.btn--reset {
  background: #ffffff;
  color: #0aa1d8 !important;
  border: 1px solid #0aa1d8 !important;
  padding: 9px 20px !important;
  font-size: 14px;
  padding-bottom: 10px !important;
  line-height: 18px; }

.btn--reset:hover {
  color: #fff !important; }

.Rounded_Rectangle_User_info {
  border-style: solid;
  border-width: 1px;
  border-color: #dcdfe5;
  border-radius: 4px !important;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  width: 243px;
  height: 78px;
  z-index: 120;
  margin: auto; }

.Rounded_Rectangle_User_info .avatar {
  height: 54px;
  margin-top: 1px;
  position: absolute;
  left: -20px;
  z-index: 66666;
  width: 54px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.Rounded_Rectangle_User_info .contact--card__name {
  color: #39414d;
  font-size: 15px;
  font-weight: 600; }

.Rounded_Rectangle_User_info .media__body {
  padding-left: 35px;
  color: #586476;
  font-size: 13px; }

.notyetcolor {
  margin-left: 140px;
  margin: auto;
  width: 245px;
  display: block;
  text-align: right;
  margin-top: 5px;
  font-weight: 600; }

.font--twenty--one {
  font-size: 21px !important; }

.font--fourteen {
  font-size: 14px !important; }

.btn--submitme {
  background: #0aa1d8;
  border: 1px solid #0aa1d8;
  color: #fff;
  border: 1px solid #0aa1d8;
  padding: 10px 20px !important;
  font-size: 14px;
  margin-left: 5px; }

.btn--submitme:hover {
  background-color: #028eca;
  border: 1px solid #028eca; }

.connecteduser:nth-child(even) {
  margin-left: 0px;
  padding-left: 45px; }

input.btn--default:hover, .btn--default:hover, .btn--reset:hover, .btn-webtalk:hover, .webtalk-modal .btn--alternative:hover {
  background-color: #028eca !important;
  color: #fff;
  border: 1px solid #028eca !important; }

input.btn--default:active, .btn--default:active, .btn--reset:active, .btn-webtalk:active {
  background-color: #027db7 !important;
  color: #fff;
  border: 1px solid #027db7 !important; }

input.btn--default:hover, .btn--default:hover {
  background-color: #028eca !important;
  color: #fff;
  border: 1px solid #028eca !important; }

.box-white--inner .btn--default {
  background: #0aa1d8;
  border: 2px solid transparent;
  color: #fff;
  padding: 0;
  text-align: center; }

.box-white--inner .btn--reset {
  padding: 10px 20px;
  margin-left: 5px; }

.boardingpanel .contentsection {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d2026+0,1d2026+100&0.6+0,0.81+100 */
  background: -moz-linear-gradient(top, rgba(29, 32, 38, 0.6) 0px, rgba(29, 32, 38, 0.71) 350px);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(29, 32, 38, 0.6) 0px, rgba(29, 32, 38, 0.71) 350px);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(29, 32, 38, 0.6) 0px, rgba(29, 32, 38, 0.91) 350px);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#991d2026', endColorstr='#cf1d2026', GradientType=0);
  /* IE6-9 */
  padding: 0px 0px;
  display: block;
  padding-bottom: 0px; }

.boardingpanel .heading {
  color: #39404d;
  font-size: 21pt;
  margin-bottom: 15px; }

.boardingpanel .subHeading {
  max-width: 100%;
  font-size: 16px;
  margin-bottom: 15px; }

.boardingpanel .subHeadingEx {
  font-size: 16pt;
  color: #586476;
  margin-bottom: 15px; }

.boardingpanel .grerypanel {
  padding: 25px 30px !important;
  background-color: none;
  margin-top: 0px;
  display: table;
  width: 100%; }

@media (min-width: 200px) {
  .no-responsive-width {
    float: left !important;
    width: 33.33333333% !important; }
  .user-no-responsive-width {
    float: left !important;
    width: 50% !important; } }

.boardingpanel .grerypanel input::-webkit-input-placeholder,
.boardingpanel .grerypanel input:-ms-input-placeholder,
.boardingpanel .grerypanel input::-moz-input-placeholder,
.boardingpanel .grerypanel input:-moz-input-placeholder {
  color: #b0b8c4; }

input[type=text]::-webkit-input-placeholder,
.inbox-placeholder-color::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  color: #667586 !important; }

input[type=text]::-webkit-input-placeholder,
.input--text::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  color: #b0b8c4; }

input[type=text]::-moz-placeholder,
.input--text::-moz-placeholder,
input[type=password]::-moz-placeholder {
  color: #b0b8c4; }

input[type=text]:-moz-placeholder,
.input--text:-moz-placeholder,
input[type=password]:-moz-placeholder {
  color: #b0b8c4; }

input[type=text]::input-placeholder,
input--text::input-placeholder,
input[type=password]::input-placeholder {
  color: #b0b8c4; }

.boardingpanel .grerypanel .heading {
  margin-bottom: 0px;
  font-size: 17pt; }

.boardingpanel .grerypanel p {
  padding-bottom: 10px; }

.boardingpanel .btn--layer {
  display: block;
  margin-bottom: 5px;
  text-align: center; }

.boardingpanel .btn--layer .right--center {
  text-align: right; }

.boardingpanel .btn--layer button {
  margin-left: 0px; }

.formfieldCountryCode {
  width: 100px !important;
  float: left; }

.formfieldCountryNumber {
  width: calc(100% - 96px) !important;
  float: left;
  margin-left: -5px; }

.formfieldCountryCode .input--text {
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important; }

.topmargin40 {
  margin-top: 40px; }

.boardingpanel .subHeadingsm,
.singuppanel .subHeadingsm {
  font-size: 12pt; }

#social-network-popup .boardingpanel p {
  margin: 15px; }

.countryCode {
  width: 100px !important; }

.errorMessage {
  display: none;
  color: red;
  font-size: 12px; }

.loginerror,
invalid-code-error {
  display: block;
  color: red;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px; }

.next-line-word-wrap {
  word-wrap: break-word !important; }

.jq-toolitp-popup-splash {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575;
  margin-left: 17px; }

.jq-toolitp-popup {
  z-index: 35000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575;
  margin-left: 7px; }

/* jq-toolitp-popup-right */
.jq-toolitp-popup-right {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  border-color: #171a21 !important;
  color: #FFFFFF !important;
  text-align: left !important;
  margin-left: -17px;
  /* border: #000000 !important; */
  border-radius: 4px !important; }

.jq-toolitp-popup-left {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575 !important;
  padding-bottom: 3px;
  padding-top: 3px; }

.profile-jq-toolitp-popup-left {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575 !important;
  margin-left: -16px;
  padding-bottom: 3px;
  padding-top: 3px; }

.apps-jq-toolitp-popup-center {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575 !important;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-top: 20px; }

.apps-jq-toolitp-popup-center-double-margin-top {
  z-index: 15000 !important;
  background-color: #171a21 !important;
  /*border-color: #171a21!important;*/
  color: #FFFFFF !important;
  text-align: center !important;
  /* border: #000000 !important; */
  border-radius: 4px !important;
  border: solid 1px #757575 !important;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-top: 40px;
  margin-left: -70px; }

.box--registration .box--registration__description,
.boardingpanel .box--registration__description {
  max-width: 90%;
  font-size: 16px; }

@media only screen and (min-width: 800px) {
  .box__description,
  .box__description--small,
  .box--registration .box--registration__description,
  .boardingpanel .box--registration__description {
    font-size: 18px; } }

/*boot stap pager css starts*/
.socialnetworkpagination .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.socialnetworkpagination .pagination > li {
  display: inline; }

.socialnetworkpagination .pagination > li > a,
.socialnetworkpagination .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 15px 7px 15px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 1.42857143;
  color: #39414d;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 15px;
  font-weight: bold;
  border-right: 0px; }

.socialnetworkpagination .pagination > li:first-child > a,
.socialnetworkpagination .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.socialnetworkpagination .pagination > li:last-child > a,
.socialnetworkpagination .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.socialnetworkpagination .pagination > li > a:hover,
.socialnetworkpagination .pagination > li > span:hover,
.socialnetworkpagination .pagination > li > a:focus,
.socialnetworkpagination .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd; }

.socialnetworkpagination .pagination > .active > a,
.socialnetworkpagination .pagination > .active > span,
.socialnetworkpagination .pagination > .active > a:hover,
.socialnetworkpagination .pagination > .active > span:hover,
.socialnetworkpagination .pagination > .active > a:focus,
.socialnetworkpagination .pagination > .active > span:focus {
  z-index: 2;
  color: #fff !important;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: auto !important; }

.socialnetworkpagination .pagination > .disabled > span,
.socialnetworkpagination .pagination > .disabled > span:hover,
.socialnetworkpagination .pagination > .disabled > span:focus,
.socialnetworkpagination .pagination > .disabled > a,
.socialnetworkpagination .pagination > .disabled > a:hover,
.socialnetworkpagination .pagination > .disabled > a:focus {
  color: #a6b0be !important;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
  width: auto !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  font-weight: 700; }

.socialnetworkpagination .pagination li:nth-child(1).disabled {
  color: #a6b0be !important; }

.socialnetworkpagination .pagination-lg > li > a,
.socialnetworkpagination .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  font-weight: 700; }

.socialnetworkpagination .pagination-lg > li:first-child > a,
.socialnetworkpagination .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.socialnetworkpagination .pagination-lg > li:last-child > a,
.socialnetworkpagination .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.socialnetworkpagination .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.socialnetworkpagination .pagination-sm > li:first-child > a,
.socialnetworkpagination .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.socialnetworkpagination .pagination-sm > li:last-child > a,
.socialnetworkpagination .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.truncate-overflow-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
  display: block;
  overflow: hidden; }

.btn-webtalk {
  padding: 0px 10px !important; }

.modal-webtalk {
  margin-top: 0px;
  padding-top: 0px; }

.modal-webtalk .modal__title {
  margin-left: -20px;
  margin-right: -20px;
  background-color: #fafafb;
  padding: 5px;
  border-bottom: 1px solid #cfd4db; }

.webtalk-modal .grid__item {
  padding-bottom: 5px; }

/* Social system users **/
.system-user .media__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  text-transform: capitalize; }

.system-user .media__subtitle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.margin--left--0 {
  margin-left: 0px !important; }

.system-user .media__img {
  width: 50px !important;
  margin-left: -23px;
  max-height: 55px;
  overflow: hidden; }

.system-user .palm--one-half {
  margin-right: auto;
  width: calc(50% - 15px); }

.system-user label input[type="checkbox"] {
  opacity: 1;
  margin-top: 0px; }

.system-user .media__body {
  margin-top: 5px; }

.btn-webtalk {
  padding: 0px 10px !important; }

.modal-webtalk {
  margin-top: 0px;
  padding-top: 0px;
  max-width: 600px;
  padding-top: 0px !important; }

/********************* Normal Behaviour *************************/
.box--registration__title {
  color: #39414d;
  font-size: 21px; }

.box--registration__description {
  color: #39414d;
  font-size: 16px; }

.box--registration__paragraph--medium {
  font-size: 14px; }

/**************************************************************/
.modal-webtalk .modal__title {
  margin-left: -20px;
  margin-right: -20px;
  background-color: #fafafb;
  padding: 20px 20px;
  font-size: 14px;
  border-bottom: 1px solid #cfd4db;
  font-weight: 400;
  color: #79879c;
  margin-bottom: 13px;
  border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px; }

/** web Talk Modal Buttons */
.webtalk-modal .btn {
  width: auto !important;
  min-width: inherit;
  padding-left: 20px !important;
  padding-right: 20px !important;
  letter-spacing: 0.02em;
  font-weight: normal;
  margin-left: 5px; }

.webtalk-modal .input--text {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important; }

/* .webtalk-modal .input--text:focus {
    border: 1px solid #0aa1d8 !important;
    background: #e1f5fd !important
} */
.webtalk-modal .btn--default, .box-white--inner .btn--default {
  background-color: #0aa1d8;
  color: #fff;
  font-size: 14px;
  padding: 0px 20px;
  line-height: 18px; }

.box-white--inner .btn--default {
  margin-left: 5px;
  border: 1px solid #0aa1d8; }

.webtalk-modal .btn--alternative {
  border: 1px solid #0aa1d8;
  background-color: #fff;
  color: #0aa1d8;
  font-size: 14px; }

.webtalk-modal .btn--alternative:hover {
  background-color: #028eca;
  color: #fff; }

/***************************************/
.webtalk-modal a {
  color: #2ea8db;
  text-decoration: none; }

.webtalk-modal a.underline {
  text-decoration: underline !important; }

.webtalk-modal .grid__item {
  padding-bottom: 5px; }

.grideclipse {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.webtalk-modal .modal__title__sub {
  color: #1d2026;
  font-size: 20px;
  margin-bottom: 17px;
  line-height: 29px; }

.webtalk-modal .modal__title__sub2 {
  color: #1d2026;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 29px; }

.box--notification .lines:before, .box--notification .lines:after {
  width: 20px !important; }

.webtalk-modal .lines:before:hover, .webtalk-modal .lines:after:hover {
  background: #0aa1d8 !important; }

.webtalk-modal .lines:before,
.webtalk-modal .lines:after {
  background: #39414d;
  width: 1.7rem; }

.webtalk-modal .lines-button:hover .lines:after,
.webtalk-modal .lines-button:hover .lines:before {
  background: #0aa1d8 !important; }

.webtalk-modal .lines-button.x.close {
  margin-right: -10px;
  margin-top: 6px; }

.webtalk-modal .lines-button.x.close .lines:before,
.webtalk-modal .lines-button.x.close .lines:after {
  width: 1.5rem; }

.webtalk-modal .modal__title__sublow {
  color: #1d2026;
  font-size: 15px;
  margin-bottom: 17px; }

.webtalk-modal .system-user {
  min-height: 50px;
  display: table;
  width: calc(100% - 0px);
  margin-left: 0px; }

.webtalk-modal #contacts {
  display: block;
  width: 100%;
  min-height: 50px; }

.webtalk-modal .social-icons__box {
  height: 104px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #dcdfe5;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); }

.disabled--field {
  background-color: #dcdfe5 !important; }

.disabled--field:hover {
  background-color: #dcdfe5 !important; }

.font-twentyone {
  font-size: 21px;
  color: #39414d; }

.bottom--radius--only {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px; }

.webtalk-modal .social-icons__box:hover {
  background-color: #eaedf7 !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.webtalk-modal .social-icons__box img {
  width: auto;
  height: auto;
  margin: auto;
  margin-top: 25px; }

.webtalk-modal .social-icons__box_fixed {
  height: 104px;
  width: 104px; }

.webtalk-modal .margin-20 {
  margin-left: -20px; }

.webtalk-modal .margin-top-15 {
  margin-top: 15px !important; }

.webtalk-modal .margin-top-12 {
  margin-top: 12px !important; }

.webtalk-modal .margin-top-10 {
  margin-top: 10px !important; }

.webtalk-modal .margin-bottom-12 {
  margin-bottom: 12px !important; }

.webtalk-modal .margin-bottom-10 {
  margin-bottom: 10px !important; }

.webtalk-modal .margin-top-20 {
  margin-top: 20px; }

.webtalk-modal .socialicons {
  float: left; }

.webtalk-modal .fontcolor {
  color: #39414d;
  font-size: 15px; }

.webtalk-modal .loadingmsg {
  color: #05a4dc;
  text-align: left;
  font-size: 13px;
  font-weight: 300; }

.webtalk-modal .loadingmsg img {
  width: 20px;
  height: 20px; }

.socialnetworkpagination .pagination li:nth-child(1) a {
  content: '';
  color: #0aa1d8;
  padding: 0px 16px 0px 10px;
  font-size: 24px;
  letter-spacing: -5; }

.socialnetworkpagination .pagination li:nth-child(2) a {
  content: '';
  padding: 0px 19px 0px 12px;
  font-size: 24px !important;
  letter-spacing: -5;
  color: #0aa1d8 !important; }

.socialnetworkpagination .pagination li:nth-last-child(2) a {
  content: '';
  padding: 0px 19px 0px 12px;
  font-size: 24px !important;
  letter-spacing: -5;
  color: #0aa1d8 !important; }

.socialnetworkpagination .pagination li:nth-last-child(1) a {
  content: '';
  padding: 0px 16px 0px 10px;
  font-size: 24px !important;
  letter-spacing: -5;
  color: #0aa1d8 !important;
  border-right: 1px solid #ccc; }

.selectchAlldiv {
  /* margin-top: 15px; */
  margin-bottom: 23px; }

.margin-right-20 {
  margin-right: 20px; }

/** Check boxes for Get connection**/
.control-checkedBoxes {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  height: 20px; }

.control-checkedBoxes input:checked ~ .control__indicator {
  background: #39414d; }

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #FFFFFF;
  border: 2px solid rgba(66, 55, 55, 0.93);
  border-radius: 4px; }

.control__indicator:after {
  content: '';
  position: absolute;
  display: none; }

.color--lighter {
  color: #586476; }

.control--checkbox .control__indicator:after {
  left: 4px;
  top: 0px;
  width: 7px;
  height: 12px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg); }

.control-checkedBoxes input:checked ~ .control__indicator:after {
  display: block; }

.bold {
  font-weight: bold; }

.panelbg {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dcdfe5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  min-width: 245px;
  height: 80px;
  max-height: 80px; }

.panelbg .frame {
  background-color: none !important;
  padding: 0px; }

.panelbg .media__img {
  border-radius: 4px;
  margin-top: 4px;
  -webkit-box-shadow: 4px;
  -moz-border-radius: 4px;
  max-width: 50px !important;
  height: 50px;
  width: inherit;
  border-radius: 4px; }

.panelbg a {
  color: #39414d !important; }

/* red color to error text */
.emailError {
  color: red; }

.floatingIcon {
  position: absolute;
  right: 10px;
  top: 11px; }

.floatingIcon .fa {
  font-size: 16px;
  font-weight: 100; }

.getconnect-manuallyadddiv {
  position: relative; }

.connecteduser {
  margin-bottom: 10px;
  padding-left: 18px; }

.btn.disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65; }

.webtalk_disabled_btb {
  background-color: #dcdfe5 !important;
  color: #b0b8c4;
  border: 1px solid #cfd4db !important; }

.webtalk_disabled_btb:hover {
  background-color: #dcdfe5 !important;
  color: #b0b8c4 !important;
  border: 1px solid #cfd4db !important; }

#dynamicEmailItem {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  margin-top: 5px; }

.webtalk-modal .box--registration__height-box > div > div {
  height: 80px; }

.webtalk-modal .soft-half,
.quick-tip {
  padding: 5px; }

.webtalk-modal .soft-half,
.quick-tip {
  padding: 5px !important; }

/* landing page button fon size */
.landing-button-font {
  min-width: 205px !important;
  font-family: Arial, sans-serif !important; }

/* scroll for message list
 *user direct message list
  */
.message-list-overflow {
  position: absolute !important; }

.tree_nav_back_heading {
  margin-right: 7px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/left-arrow.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: -5px center; }

/* welcome tour styles */
/* 10px padding for next arrow*/
.next-step-icon-padding {
  padding-left: 10px !important; }

/* move the text closet to the image*/
.text-closer-to-image {
  margin-left: 60px !important;
  margin-top: 7px !important;
  /* add margin-top 5px and make padding-bottom to 15 px */
  padding-bottom: 13px !important; }

/* change the position of arrow which is poiting to user menu in webtalk tour*/
.position-menu-arrow {
  margin-top: 45px;
  margin-left: -10px !important; }

/* .margin-right-20px for menu pointing arrow */
.margin-right-10 {
  margin-right: 10px !important; }

/* background image for step-4 make 100% */
.image-tour-steps-image {
  width: 100% !important;
  height: calc(100% - 50px) !important; }

/* background image for step-7 make the image 100% */
.viewer .viewer__sidebar {
  /*width: 330px !important;*/ }

.image-tour-steps-7-image {
  /*    height: 356px !important;*/ }

/* welcome tour step 6, text move to right */
.tour-step-6-text-move {
  margin-right: -93px !important; }

.errortype {
  color: red;
  padding: 10px; }

.invite_contact_last_step {
  text-align: center;
  display: block;
  overflow-y: auto;
  line-height: 22px; }

.sharedModel {
  height: 80vh !important;
  width: 80vw;
  max-height: 80% !important;
  overflow: hidden;
  margin: auto !important;
  top: 10%; }

.modal-viewer .viewer .viewer__main .show-area img {
  max-height: 80vh;
  height: auto;
  width: auto;
  margin: auto !important; }

@media screen and (max-height: 1500px) {
  .modal-viewer .viewer .viewer__main .show-area img {
    height: auto !important;
    max-height: 80vh;
    width: auto;
    margin: auto !important; } }

.viewer .viewer__sidebar {
  width: 330px !important; }

.input.btn--border-altern, .btn--border-altern {
  height: 53px !important;
  line-height: 2px !important;
  color: #fff !important;
  font-size: 14px;
  border: 2px solid #fff !important;
  letter-spacing: 0.4px;
  font-weight: 500; }

/****************************** Line height *****************************/
.line--height--twenty--one {
  line-height: 21px !important; }

.line--height--twenty--tw0 {
  line-height: 22px !important; }

/******************** NEWS PAGE *******************/
.postpanel .img--full {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

/****************** side bar new layout *********************/
.section-accordion {
  border-left: 4px solid #2B3237;
  margin-bottom: 1px; }

.section-accordion .push--sides {
  margin-right: 0px !important; }

.section-accordion .soft--right {
  padding-right: 22px !important; }

.section-accordion:hover {
  background-color: #535e70 !important;
  border-left: 4px solid #02a2d9; }

.create_page_icon {
  background: url(/app/assets/images/icons/create-page.svg) no-repeat !important;
  background-position: 50px 19px !important;
  text-align: left !important;
  padding-left: 72px !important;
  padding-top: 23px !important; }

.create_page_icon:hover {
  background: #05a4dc url(/app/assets/images/icons/create-page.svg) no-repeat !important;
  background-position: 50px 19px !important; }

.invite_contact_icon {
  background: url(/app/assets/images/icons/invite-contacts.svg) no-repeat !important;
  background-position: 43px 19px !important;
  text-align: left !important;
  padding-left: 62px !important;
  padding-top: 23px !important; }

.invite_contact_icon:hover {
  background: #05a4dc url(/app/assets/images/icons/invite-contacts.svg) no-repeat !important;
  background-position: 43px 19px !important; }

.icon-sidebar-news {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/news.svg) no-repeat; }

.sidebar-navigation .section-accordion .icon-sidebar-news {
  background-size: 18px 20px !important;
  background-position-x: 2px;
  background-position-y: 1px; }

.icon-sidebar-profile {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile.svg) no-repeat; }

.icon-sidebar-pages {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pages.svg) no-repeat; }

.icon-sidebar-files {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/files.svg) no-repeat; }

.icon-sidebar-photos {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/photos.svg) no-repeat; }

.icon-sidebar-videos {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/videos.svg) no-repeat; }

.icon-sidebar-connections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections.svg) no-repeat; }

.section-accordion .accordion-header {
  font-size: 15px !important;
  padding-left: 16px !important; }

.section-accordion .accordion-header.active, .section-accordion .accordion-header:hover {
  font-size: 15px !important;
  color: #fff !important; }

.section-accordion .accordion-header i {
  width: 22px;
  height: 22px !important; }

.section-accordion .icon-sidebar-connections {
  background-size: 22px 16px !important;
  background-position: 0px 3px !important; }

.section-accordion .icon-sidebar-profile {
  background-size: 18px 18px !important;
  background-position: 2px 1px !important; }

.section-accordion .icon-sidebar-pages {
  background-size: 18px 18px !important;
  background-position: 2px 3px !important; }

.section-accordion .icon-sidebar-files {
  background-size: 14px 17.5px !important;
  background-position: 3px 2px !important; }

.section-accordion .icon-sidebar-photos {
  background-size: 19px 14px !important;
  background-position: 1px 4px !important; }

.section-accordion .icon-sidebar-videos {
  background-size: 15px 17px !important;
  background-position: 3px 2px !important; }

.section-accordion:hover .icon-sidebar-news, .section-accordion.active .icon-sidebar-news {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/news-over.svg) no-repeat;
  background-position: 2px 1px !important; }

.section-accordion:hover .icon-sidebar-profile, .section-accordion.active .icon-sidebar-profile {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-over.svg) no-repeat; }

.section-accordion:hover .icon-sidebar-pages, .section-accordion.active .icon-sidebar-pages {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pages-over.svg) no-repeat; }

.section-accordion:hover .icon-sidebar-files, .section-accordion.active .icon-sidebar-files {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/files-over.svg) no-repeat; }

.section-accordion:hover .icon-sidebar-photos, .section-accordion.active .icon-sidebar-photos {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/photos-over.svg) no-repeat; }

.section-accordion:hover .icon-sidebar-videos, .section-accordion.active .icon-sidebar-videos {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/videos-over.svg) no-repeat; }

.section-accordion:hover .icon-sidebar-connections, .section-accordion.active .icon-sidebar-connections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg) no-repeat;
  background-position: 0px 3px !important; }

.section-accordion.active, .section-accordion:hover {
  background-color: #535e70 !important;
  border-left: 4px solid #02a2d9; }

.section-accordion.open, .section-accordion.open:hover {
  background-color: #2B3237 !important;
  border-left: 4px solid #2B3237 !important; }

.section-accordion i {
  float: left;
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  margin-top: -3px;
  margin-right: 12px; }

.section-accordion .icon-dropdown {
  margin-top: 0px;
  padding: 2px; }

.section-accordion a {
  color: #b4bbc7; }

.accordion-header.active a, .section-accordion.active a {
  color: #fff !important; }

.section-accordion:hover .soft--right {
  padding-right: 22px !important; }

/************************************************************/
/* verification sms, send code for verfication phone number
 * verification code popup button padding
 */
.padding-20 {
  padding: 20px !important; }

.margin-top-18 {
  margin-top: 18px !important; }

.margin-top-35 {
  margin-top: 35px !important; }

@media only screen and (max-width: 800px) and (min-width: 732px) {
  .margin-top-35 {
    margin-top: 45px !important; } }

/* margin top 50px*/
.margin-top-50 {
  margin-top: 50px !important; }

/* page maximum width top 412px*/
.page-maximum-width {
  max-width: 412px !important; }

/* margin top 50px*/
.close-beta-button {
  border: 0;
  background: transparent;
  margin-left: 3px;
  vertical-align: top; }

.disableLink {
  pointer-events: none;
  cursor: default; }

.boardingpanel .box--registration__title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 13px;
  letter-spacing: 0.0015em;
  color: #fff !important; }

.font_twenty_one {
  font-size: 21px !important; }

.boardingpanel .box--registration__description {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.0125em;
  color: #fff;
  width: 100% !important;
  max-width: 100%; }

.boardingpanel .box--registration__paragraph {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.0015em;
  margin-top: 13px;
  line-height: 23px; }

.boardingpanel .grerypanel {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.boardingpanel .grerypanel .box--registration__title {
  font-size: 21px;
  weight: 600;
  margin-top: 0px;
  letter-spacing: 0.0015em; }

.boardingpanel .checkbox__text {
  color: #586476;
  font-size: 13px; }

.boardingpanel .link--color {
  color: #0aa1d8 !important;
  font-size: 13px; }

.line_height_twentyone {
  line-height: 21px !important; }

.boardingpanel .grerypanel .box--registration__title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.0015em;
  color: #39414d !important;
  line-height: 26px; }

.boardingpanel .grerypanel .box--registration__paragraph {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.0015em;
  color: #586476 !important; }

.boardingpanel .box--registration__description {
  width: 100% !important; }

.boardingpanel .intl-tel-input .flag-dropdown {
  margin-left: 0px; }

.boardingpanel .countryCode {
  width: 80px !important; }

.boardingpanel .formfieldCountryCode {
  width: 75px !important;
  border-left: 1px solid #fff !important; }

.boardingpanel .formfieldCountryNumber {
  width: calc(100% - 74px) !important;
  float: left;
  margin-left: -2px; }

.moveleft, .boardingpanel .moveleft {
  float: left; }

.formfieldCountryNumber .input--text {
  padding-left: 20px; }

.moveright, .boardingpanel .moveright {
  float: right; }

.boardingpanel .grid__item {
  padding-bottom: 10px; }

.boardingpanel .crossBtn_congratulations {
  margin-top: 10px;
  position: absolute;
  right: 5px;
  top: -10px; }

/*.width_Four_Hundred .crossBtn_congratulations{
        position: absolute;
        right: 0px;
        top: 5px;
}
*/
.boardingpanel .content-form--add {
  padding-bottom: 5px !important; }

.btn-fiftypercent-left {
  width: calc(50% - 5px);
  margin-right: 5px;
  float: left;
  font-weight: 600; }

.relative--div {
  position: relative; }

.password_toggle_icon_show {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/password_show.png) no-repeat 10px;
  position: absolute;
  top: 29px;
  right: 5px;
  height: 30px;
  z-index: 6;
  width: 30px;
  cursor: pointer;
  background-size: 15px 12px; }

.password_toggle_icon_hide {
  background: url(/app/assets/images/password_hide.png) no-repeat 10px;
  position: absolute;
  top: 29px;
  right: 5px;
  height: 30px;
  z-index: 6;
  width: 30px;
  cursor: pointer;
  background-size: 15px 12px; }

.btn-fiftypercent-right {
  width: calc(50% - 5px);
  margin-left: 5px;
  float: right;
  font-weight: 600; }

.noborderwithWhite {
  background: none;
  background-color: #fff !important;
  border-radius: 4px;
  padding: 30px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.slack-editcontent {
  height: 50px;
  width: 100%;
  font-family: Inter;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031b4e; }

.fullwidth {
  width: 100%; }

.fullwidth-must {
  width: 100% !important; }

.no-border-sign-up {
  border: none !important;
  width: 400px;
  padding: 35px;
  padding-bottom: 0px; }

.no-border-registration {
  width: 600px;
  max-width: 600px; }

.congratulations_avatar {
  height: 120px;
  width: 100%;
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: auto;
  padding: 0px; }

.congratulations_avatar .v-table {
  text-align: center;
  width: 120px;
  position: relative;
  margin: auto; }

.congradulation_user_info {
  width: 100%;
  display: table;
  text-align: center; }

.footer__message_content {
  margin-top: 0px;
  background: none;
  position: absolute;
  bottom: -80px;
  color: white;
  text-align: center;
  left: calc(50% - 120px); }

.congradulations_socialicons {
  width: 100px;
  height: 100px; }

.congradulation_user_info a {
  color: #0aa1d8;
  font-size: 15px;
  font-weight: 600; }

.congradulation_user_info .contact--card__job {
  color: #586476;
  font-size: 13px; }

.btn-panel_right {
  width: 100%;
  margin-top: 20px;
  text-align: right; }

.modal--medium-sign-up {
  max-width: 600px !important; }

.singupforms .grid__item {
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px; }

.singupforms .grid__item .form-field {
  margin-bottom: 15px; }

.singupforms .push--bottom {
  margin-bottom: 20px !important; }

.two-fifths,
.four-tenths {
  width: 30%; }

.default-notifications-main-div {
  padding: 13px 10px 15px 7px; }

.default-notifications-main-div:hover {
  background-color: #f3fcff; }

#newsShareSelection .dropdown-box-new ul {
  background-color: #282d36 !important; }

#newsShareSelection .js-dropdown-options {
  margin-top: 40px; }

.text_eclipse_full_view {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.responsiveWriteIcon {
  width: 11.2%; }

.media-page-share-with #sharewithSettings {
  padding-left: 0;
  width: 100%; }

@media only screen and (max-width: 860px) {
  .responsiveWriteIcon {
    width: 11%; } }

@media only screen and (max-width: 800px) {
  .responsiveWriteIcon {
    width: 11.4%; }
  .sortingdropdown .dropdown-box-new {
    width: 143px !important;
    top: 14px;
    left: -97px; }
  .sortingdropdown .dropdown-box__list li .icon {
    padding-right: 10px; } }

@media only screen and (max-width: 700px) {
  .responsiveWriteIcon {
    width: 11.2%; } }

@media only screen and (max-width: 600px) {
  .responsiveWriteIcon {
    width: 11%; } }

@media only screen and (max-width: 526px) {
  .responsiveWriteIcon {
    width: 10%; } }

@media only screen and (max-width: 400px) {
  .text_eclipse_full_view {
    display: inline-block;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .responsiveWriteIcon {
    width: 10.2%; } }

@media only screen and (max-width: 350px) {
  .text_eclipse_full_view {
    display: inline-block;
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .connect_icon_profile_page {
    float: left;
    min-width: 94px !important; }
  .responsiveWriteIcon {
    width: 9.7%; } }

@media only screen and (max-width: 324px) {
  .comments__lists.mobile .media__body .grid--narrow .write-box--icon {
    width: 79%; } }

.loaderImage {
  width: 14px !important;
  height: 14px !important;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px); }

.loadingicon {
  padding: 0px 10px 0px 30px !important;
  position: relative !important; }

.width_Four_Hundred {
  width: 400px;
  background-color: #fff;
  margin: auto;
  padding: 25px 25px 25px 25px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.width_Four_Hundred .box--white {
  padding: 0px 0px;
  border: none;
  padding-bottom: 10px;
  display: table;
  width: 100%; }

.width_Six_Hundred {
  width: 600px;
  margin: auto;
  background-color: none;
  background: none; }

.width_Six_Hundred .box--white {
  padding: 0px 35px;
  border: none;
  padding-bottom: 10px; }

.wrapper--registration-signup-info .three-fifths,
.wrapper--registration-signup-info .six-tenths,
.wrapper--registration-signup-info .six-tenths,
.wrapper--registration-signup-info .four-tenths {
  width: 100%; }

/* request an invite button style */
.request-an-invite {
  background: #05a4dc;
  color: #F5F5F5;
  border: none; }

/* upload avatar */
.upload-avatar-sign-up {
  position: absolute;
  margin: 0;
  padding: 43px 0px 30px 0px;
  margin-top: -128px;
  margin-left: 40px;
  z-index: 3; }

/* signup banner,background image*/
.bannerSignupfullBg {
  background: none;
  background-color: none;
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/bannersignupfull.png) top no-repeat;
  height: 200px;
  border-radius: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 20px 35px;
  color: #fff; }

.bannerSignupfullBg .box--registration__title {
  color: #fff; }

.box-white--inner {
  background: #fff;
  margin-top: -2px;
  padding-top: 74px;
  z-index: 2; }

.box--white-sign-up {
  background-color: none; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.grid-width-sign-up {
  /* margin-left: -280px; */
  padding: 0px 20px !important;
  margin-left: 20px;
  margin-right: 10px; }

.footer__message_content p {
  color: #dcdfe5; }

.color_slight_grey {
  color: #dcdfe5; }

.font_thirteen {
  font-size: 13px; }

.link_sharp {
  color: #29baef !important; }

.boardingpanel .grerypanel form div {
  text-align: left; }

.push-half--right {
  margin-right: 10px !important;
  margin-left: 2px !important; }

.boardingpanel .link {
  color: #29baef;
  text-decoration: underline; }

.underline {
  text-decoration: underline !important; }

.boardingpanel .modal__footer__message {
  background: none;
  background-color: none;
  margin-top: 5px;
  text-align: center;
  color: #dcdfe5;
  font-size: 13px; }

.push__down {
  margin-top: 20px; }

.letterspace_fourteen {
  letter-spacing: 0.014em; }

.push__up_fifteen {
  margin-bottom: 15px !important; }

.push__down_fifteen {
  margin-top: 15px !important; }

.push__down_twenty {
  margin-top: 20px !important; }

.push__down_twentyfive {
  margin-top: 25px !important; }

.push__down_twentyseven {
  margin-top: 27px !important; }

.push__up {
  margin-bottom: 20px; }

.push__up_twentyfive {
  margin-bottom: 25px; }

.push__down_thirty {
  margin-top: 30px !important; }

.push__up_thirty {
  margin-bottom: 30px !important; }

.push__up_twenty_seven {
  margin-bottom: 27px !important; }

.push__up_ten {
  margin-bottom: 10px; }

.push__up_five {
  margin-bottom: 5px; }

.radius_two {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.push__bottom_ten {
  margin-top: 10px; }

.boardingpanel .modal__footer div,
.boardingpanel .modal__footer button {
  width: 100%; }

.croppie-containerpanel .modal__body {
  min-height: 260px; }

.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
  display: block !important; }

.reddot {
  font-size: smaller;
  margin-left: 0px !important;
  height: 15px !important;
  width: 15px !important;
  vertical-align: text-top;
  padding: 0px 7px;
  background: url(/app/assets/images/validationdot.png) no-repeat top; }

.errorMessage {
  background-color: #f44036;
  padding: 10px;
  color: #fff !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%; }

.redbox_floating_OnHeader {
  background-color: #f44036;
  border-radius: 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 8px;
  padding: 10px;
  height: 60px;
  width: 60px;
  margin: auto;
  top: -30px;
  position: absolute;
  left: calc(50% - 30px);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25); }

.greenbox_floating_OnHeader {
  background-color: #4caf4e;
  border-radius: 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 8px;
  padding: 10px;
  height: 60px;
  width: 60px;
  margin: auto;
  top: -30px;
  position: absolute;
  left: calc(50% - 30px);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.25); }

.greenbox_floating_OnHeader_marked {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/check_icon_2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 24px; }

.erroralert {
  background-color: e53635 !important; }

.greenbox_floating_OnHeader_error {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/error_alert_2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 24px; }

.greenbox_floating_OnHeader_fly {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/fly_icon_2x.png);
  background-size: 22px 22px; }

.greenbox_floating_OnHeader_clock {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/click_icon_2x.png);
  background-size: 28px 27px; }

.greenbox_floating_OnHeader_thumbup {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/thumbs_up.2x.png);
  background-size: 26px 24px;
  z-index: 10; }

.greenbox_floating_OnHeader_lock {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/lock_icon_2x.png);
  background-size: 18px 22px; }

.lightGreen {
  color: #ceff90 !important; }

.upload-avatar-sing-up-style {
  border: 3px solid white;
  border-radius: 8px;
  width: 126px;
  height: 126px; }

.letter--spacing-zero {
  letter-spacing: 0px; }

.socialButtons {
  font-size: 14px;
  padding-left: 25px !important;
  letter-spacing: 0.050em;
  padding-right: 25px !important; }

.autocompleteSearched {
  color: #50bce2 !important; }

.AUTOCOMPLETESEARCHED {
  color: #50bce2 !important; }

.ui-autocomplete li:hover .ui-menu-item-wrapper {
  background: none !important;
  background-color: none !important; }

.ui-autocomplete li .ui-menu-item-wrapper:hover {
  background: none !important;
  background-color: none !important; }

.ui-autocomplete li .ui-menu-item-wrapper:hover {
  background: none !important;
  background-color: none !important; }

.ui-autocomplete li .ui-menu-item-wrapper:hover span {
  bordeR: none !important; }

.ui-autocomplete li:hover .ui-menu-item-wrapper span {
  bordeR: none !important; }

.ui-autocomplete li .ui-state-active {
  border: none !important;
  background: none !important; }

.ui-autocomplete li:hover .ui-state-active {
  color: #fff !important; }

.webtalk--new-autocomplete .ui-autocomplete li:hover {
  background-color: #333 !important; }

.ui-autocomplete li:last-child {
  border: none !important; }

.ui-autocomplete .ui-menu-item:hover,
.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:active,
.ui-menu .ui-state-focus {
  background: none;
  background-color: #333 !important;
  color: #fff; }

.ui-autocomplete li:hover + ui-state-active {
  background: none;
  background-color: #333 !important; }

.ui-autocomplete li .ui-state-active .autocompleteSearched, .ui-autocomplete li .ui-state-active .AUTOCOMPLETESEARCHED {
  color: #fff; }

#profileExperienceSection .content-edit--show .media-content:last-child .separator {
  display: none; }

#profileEducationSection .educationsection .separator {
  margin-bottom: 0px !important; }

#profileEducationSection .educationsection:last-child .separator {
  display: none; }

/******************* Experience - education auto complete ***********/
.ui-autocomplete {
  font-family: 'Open Sans' !important; }

#profileExperienceSection .ui-autocomplete,
#profileEducationSection .ui-autocomplete {
  position: relative;
  overflow: auto;
  margin-top: 0px !important; }

#profileEducationSection .grid__item {
  padding-left: 10px; }

#profileEducationSection .edit-single-data-form .grid__item {
  padding-left: 0px; }

#profileExperienceSection .ui-autocomplete,
#profileEducationSection .ui-autocomplete {
  top: 10px !important;
  border: 1px solid #0aa1d8 !important; }

#profileExperienceSection .ui-autocomplete .ps-container > .ps-scrollbar-y-rail,
#profileEducationSection .ui-autocomplete .ps-container > .ps-scrollbar-y-rail {
  widget: 6px;
  right: 6px; }

#profileExperienceSection .ui-autocomplete .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
#profileEducationSection .ui-autocomplete .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 6px;
  right: 6px; }

#profileExperienceSection .ui-autocomplete .ui-menu-item,
#profileEducationSection .ui-autocomplete .ui-menu-item {
  padding: 9px 6px;
  font-weight: normal !important; }

.webtalk-widget .ui-autocomplete .ui-menu-item {
  padding: 0px;
  font-weight: normal !important; }

#profileExperienceSection .ui-autocomplete li .ui-menu-item-wrapper,
#profileEducationSection .ui-autocomplete li .ui-menu-item-wrapper,
.webtalk-widget .ui-autocomplete li .ui-menu-item-wrapper {
  padding: 9px 10px; }

#profileExperienceSection .ui-autocomplete li .ui-state-active,
#profileExperienceSection .ui-autocomplete li div.ui-state-active,
#profileEducationSection .ui-autocomplete li .ui-state-active,
#profileEducationSection .ui-autocomplete li div.ui-state-active,
.webtalk-widget .ui-autocomplete div.ui-state-active,
.webtalk-widget .ui-autocomplete .ui-state-focus {
  background-color: #333 !important;
  color: #fff; }

#profileExperienceSection .ui-autocomplete li .ui-state-active .autocompleteSearched,
#profileExperienceSection .ui-autocomplete li div.ui-state-active .autocompleteSearched,
#profileEducationSection .ui-autocomplete li .ui-state-active .autocompleteSearched,
#profileEducationSection .ui-autocomplete li div.ui-state-active .autocompleteSearched {
  color: #50bce2 !important; }

/*******************************************************************/
.cursor--pointer {
  cursor: pointer; }

.upload-avatar-camer-icon {
  margin-top: -30px;
  width: 22px !important;
  height: 20px;
  margin-left: 81px; }

.social-icons__box.social-icons__box--big {
  border: 1px solid #0aa1d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: relative;
  height: 104px;
  width: 104px; }

.social-icons__box.social-icons__box--big:hover {
  background-color: #eceff8; }

.force_box_title {
  font-size: 21px;
  font-weight: 600; }

.force_box--registration__description {
  line-height: 25px; }

.checkIcon {
  color: #0aa1d8;
  font-weight: 500;
  margin-right: 1px; }

/****************************************************/
.box-white--inner .btn {
  min-width: 60px !important;
  margin-left: 10px; }

.input--text {
  box-sizing: border-box;
  color: #586476;
  cursor: auto;
  height: 40px;
  padding: 9px 14px;
  width: 100%;
  -webkit-appearance: none; }

.boardingpanel .input--text, .singupforms .input--text {
  border-radius: 4px;
  border: 1px solid #cfd4db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px; }

.input--text::placeholder {
  color: #b0b8c4; }

.selectize-input {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px; }

.boardingpanel .input--text:focus, .singupforms .input--text:focus {
  border: 1px solid #0aa1d8 !important;
  /*  background: #e1f5fd !important */ }

.boarding--checkboxes-connected {
  width: 40px;
  height: 40px;
  opacity: 0 !important;
  position: absolute;
  left: 0px;
  z-index: 200; }

.boarding--checkboxes-connection-request {
  width: 40px;
  height: 40px;
  opacity: 0 !important;
  position: absolute;
  left: -12px;
  margin-top: -7px !important;
  z-index: 200;
  padding-left: 10px !important; }

.notification_main_header .All-Personal-Professional-header-notifications .js-dropdown-options .js-dropdown-options {
  display: none !important; }

.list--share li a:hover .icon {
  color: #CDD3D6; }

/* use the below class to avoid responsive and checkbox tap area will be 40840 for responsive */
.checkbox-hidden-absolute {
  width: 40px;
  height: 40px;
  opacity: 0 !important;
  position: absolute;
  left: 0px;
  z-index: 200; }

#dynamicEmailItem input[type=text]:focus {
  border: 1px solid #0aa1d8 !important;
  /* background: #e1f5fd !important*/ }

.margin_bottom_15 {
  margin-bottom: 15px !important; }

#thankYouMEssagePopup {
  background: none !important;
  background-color: #fff !important; }

/* For signup basic info dialog tabs */
/* signup info tabs */
/* Style the tab */
div.tab {
  overflow: hidden;
  background-color: #eceef1; }

/* Style the links inside the tab */
div.tab a {
  float: left;
  display: block;
  color: #39414d;
  text-align: center;
  padding: 10px 4px;
  text-decoration: none;
  /*transition: 0.3s;*/
  font-size: 14px;
  text-decoration: none !important;
  margin-left: 20px; }

div.tab a input {
  display: none; }

div.tab a.active {
  color: #0aa1d8;
  border-bottom: 2px solid #0aa1d8; }

/* Change background color of links on hover */
/*div.tab a:hover {
                */
/*background-color: #ddd;*/
/*
            }*/
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none; }

#basicSignupDiv input {
  visibility: hidden; }

#basicSignupDiv label {
  cursor: pointer; }

/*#basicSignupDiv input:checked + label {
                background: red;
            }*/
/* text color red,red color */
.text-color-red {
  color: red; }

/* text color red,red color */
.margin-left-thirty {
  margin-left: 30px; }

/* text color red,red color */
.margin_left_twenty_five {
  margin-left: 25px; }

.margin-top-two {
  margin-top: 2px; }

.margin-left-twenty {
  margin-left: 20px; }

.margin-left-fifteen {
  margin-left: 15px; }

/* search background color*/
/* login button color */
.login-button-color {
  color: #e9edf7 !important; }

/* footer links style ,footer links color and font */
#footerLinks > li > a {
  color: #d7d9dd !important;
  font-size: 14px;
  font-weight: normal; }

/* border none */
.border__none {
  border: none !important; }

/* overlay text font */
.overlay__font {
  font-size: 18px !important;
  font-weight: 200 !important; }

/* overlay text font */
.width__threeten {
  width: 310px !important; }

/* invite contact position */
.invite__contact__position {
  margin-left: 0px;
  margin-top: 45px; }

#invite-mail-contacts .modal-dialog, #invite-contacts-modal .modal-dialog {
  width: 600px; }

input[type=text]:read-only, input[type=email]:read-only {
  background-color: #dcdfe5; }

input[type=text]:-moz-read-only, input[type=email]:-moz-read-only {
  background-color: #dcdfe5; }

/* notification dropdown style */
.notification__dropdown_profile_page {
  /* right: 312px; */ }

/* notification dropdown style */
.notification__dropdown_other_page {
  right: 303px; }

.showAllNotificationCounts {
  display: none; }

.no_underline {
  text-decoration: none; }

.no_underline:hover {
  text-decoration: underline; }

/* reset-password links */
.chkbox-fiftypercent-left {
  width: 50%;
  margin-right: 5px;
  float: left; }

.invited_contacts {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0px; }

.invited_contacts .datagrid, .connecteduser .datagrid {
  max-height: calc(100vh - 370px);
  overflow-y: scroll;
  width: calc(100% + 20px);
  margin-left: -20px; }

.system-user .datagrid {
  max-height: calc(100vh - 370px);
  overflow-y: auto;
  width: calc(100% + 20px);
  margin-left: 0px;
  margin-bottom: 10px; }

.errorInputMsg, .requestinvite .label, .box--white-sign-up .form-field label.error {
  color: #f44036;
  padding-top: 5px;
  font-size: 13px;
  display: table; }

.box--white-sign-up .form-field input.error {
  border-color: 1px solid #f44036 !important; }

.box--white-sign-up .form-field label.error {
  margin-top: -5px;
  padding-top: 0px; }

.box--white-sign-up .form-field.iconerror input.error,
.box--white-sign-up .palm--one--whole.iconerror input.error,
.box--white-sign-up .form-field input.error {
  background: url(/app/assets/images/icons/erroricon.png) no-repeat right;
  background-size: 13px 13px;
  background-position: calc(100% - 10px) center; }

.requestInvite_Btn {
  min-width: 180px;
  min-height: 50px;
  line-height: 48px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31aede+11,2593d3+100 */
  background: #31aede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #31aede 11%, #2593d3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #31aede 11%, #2593d3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #31aede 11%, #2593d3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31aede', endColorstr='#2593d3', GradientType=0);
  /* IE6-9 */ }

.reffer_invite_link {
  font-size: 18px;
  height: 66px; }

.reffer_invite_link:before {
  width: 342px;
  height: 66px;
  border-radius: 2px;
  background-image: linear-gradient(to right, #010202, #ffffff), linear-gradient(#2ba0d8, #2ba0d8);
  background-blend-mode: overlay, normal;
  opacity: 0.15; }

.cropArea {
  /*background: #E4E4E4;*/
  overflow: hidden;
  width: 400px;
  height: 400px; }

.avatarPopup {
  height: calc(100vh - 250px); }

/* search model, follow icon color should be blue */
.seach-follow-color {
  background-color: #05a4dc;
  border: none !important; }

.float__right {
  float: right !important; }

.step--eight-absolute {
  position: absolute;
  top: -95;
  right: 48px; }

.ui-autocomplete .ui-menu-item {
  font-size: 14px;
  font-weight: 600;
  color: #39414d; }

/* login modal,forgot password margin-top */
.login-password-model-position .modal-dialog {
  margin-top: 80px; }

.city_autocomplete_widget-label {
  display: block;
  font-weight: bold;
  margin-bottom: 1em; }

ul.ui-autocomplete.ui-menu {
  z-index: 11000; }

.singupforms ul.ui-autocomplete.ui-menu {
  top: 55px !important; }

/* date picker css */
.singupforms ui-datepicker td span, .ui-datepicker td a, .singupforms ui-state-disabled td span, .ui-datepicker-unselectable .ui-state-default {
  border: none !important;
  font-size: 12px !important;
  font-weight: bold !important;
  width: 24px !important;
  height: 20px !important; }

.ui-datepicker td a, .ui-datepicker-current-day .ui-state-active {
  background: #0aa1d8;
  color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.ui-datepicker {
  border: 1px solid #0aa1d8 !important; }

/* on boarding reset password heading style */
.reset-password-screens-heading {
  font-family: 'Open Sans';
  font-size: 21px;
  color: #39414d;
  line-height: 29px;
  margin-top: -2px !important; }

/* on boarding reset password sub-heading color and line-height style */
.reset-password-screens-sub-heading {
  font-size: 14px;
  color: #39414d;
  line-height: 19px;
  font-family: 'Open Sans';
  letter-spacing: 0.0em !important; }

.rest-password-account {
  font-family: 'Open Sans';
  color: #39414d;
  line-height: 29px; }

.singupforms input.btn--default {
  margin-left: 5px !important; }

.ui-autocomplete {
  border-radius: 4px;
  border: 1px solid #0aa1d8 !important;
  margin-top: 18px;
  width: 255px; }

.ui-menu .ui-menu-item-wrapper {
  padding: 0px; }

.contact--card .contact--card__name {
  width: calc(100% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.user--connection-truncate {
  padding-top: 5px;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  width: 100%; }

/* day style change in date picker*/
#ui-datepicker-div table th {
  font-weight: bolder !important;
  text-transform: uppercase !important; }

#ui-datepicker-div.ui-datepicker {
  width: 255px !important; }

/* auto-complete css */
.webtalk-autocomplete {
  position: relative; }

.webtalk-autocomplete .ui-menu-item {
  background: none; }

.webtalk-autocomplete .ui-state-hover,
.webtalk-autocomplete .ui-widget-content .ui-state-hover,
.webtalk-autocomplete .ui-widget-header .ui-state-hover,
.webtalk-autocomplete .ui-state-focus,
.webtalk-autocomplete .ui-widget-content .ui-state-focus,
.webtalk-autocomplete .ui-widget-header .ui-state-focus {
  background: none !important;
  background-color: #333333 !important;
  color: #fff !important; }

.webtalk-autocomplete ui-state-focus .autocompleteSearched {
  color: #50bce2 !important; }

.webtalk-autocomplete ui-state-focus, .webtalk-autocomplete ui-menu-item:hover,
.webtalk-autocomplete .ui-state-focus {
  background: none !important;
  background-color: #333333 !important;
  color: #fff; }

/* reset password radio button style start*/
.webtalk-autocomplete .ui-state-focus div {
  color: #fff !important; }

.reset-radio-button {
  width: 22px;
  height: 22px; }

div.reset-radio-button {
  display: none; }

input[type="radio"] + div.reset-radio-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.8);
  pointer-events: none;
  border: 2px solid #383F4A; }

.comments__box .grid--narrow {
  width: calc(100% + 20px); }

.profileCompletePanel .heading {
  color: #39414d;
  font-weight: 700;
  font-size: 16px; }

.profileCompletePanel .heading span {
  color: #627384;
  font-weight: 600;
  font-size: 16px; }

.profileCompletePanel .heading .status {
  color: #39414d;
  font-weight: 700;
  font-size: 14px; }

.profileCompletePanel .enablefont {
  color: #0aa1d8;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer; }

.profileCompletePanel .enablefont i, .profileCompletePanel .disablefont i {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100px; }

.profileCompletePanel-recommendation {
  color: #586476 !important;
  font-weight: 600 !important; }

.profileCompletePanel .disablefont {
  color: #b0b8c4;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer; }

.profileCompletePanel .percentagebar {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #c4c4c4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  height: 5px; }

.profileCompletePanel .percentagebar .current {
  position: absolute;
  background-color: #0aa1d8;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  height: 5px; }

input[type="radio"] + div.reset-radio-button::after {
  content: '.';
  color: transparent;
  position: absolute;
  display: block;
  width: 2px;
  height: 2px;
  margin: 7px 0 0 7px;
  opacity: 0.6;
  border-radius: 50%;
  transition: .2s; }

input[type="radio"]:checked + div.reset-radio-button::after {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  opacity: 1;
  background-color: #39414D;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

/* reset password radio button style end*/
/* user name tagging style,tagged user names  */
.tagged_uses_list {
  padding: 5px 0px;
  /*border:2px solid;*/ }

.remove_tagged_name {
  background: #586476;
  padding: 5px 0px 5px 5px;
  color: #FFF;
  border-radius: 4px;
  margin: 0 1px 1px 0;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5; }

.postpanel .tag {
  padding: 2px; }

.postpanel .taguser {
  padding: 0px 1px 0px 1px; }

.postpanel [class*="tag-user"], .js-post--content .news--content [class*="tag-user"] {
  text-decoration: none; }

.tagtext a {
  color: #1dacdf; }

.edittalkboxTagArea {
  height: auto !important;
  min-height: inherit; }

.disabled-shadow {
  box-shadow: inset 0px 0px 0 2000px rgba(0, 0, 0, 0.2) !important; }

.tooltip-package-coupon {
  top: 0;
  left: 0px;
  border-radius: 5px;
  position: relative; }

.overflow-x-hidden {
  overflow-x: hidden;
  word-wrap: break-word; }

#profileMediaDescription {
  border: 1px solid #d6d8e3;
  color: #667586;
  width: 100%;
  height: 70px;
  font-size: 13px;
  resize: none; }

.comments__form .editBox {
  padding-right: 30px; }

/*********tagline background color************/
#tagline_background_color #tagLine_id {
  background-color: transparent !important; }

.user-menus-company-names {
  max-height: calc(100vh - 490px) !important;
  overflow: auto;
  position: relative; }

.user-profile-header-company-names {
  max-height: calc(100vh - 200px) !important;
  overflow: auto; }

.sorting-text-position .selectize-input {
  cursor: pointer !important;
  padding-top: 5px !important; }

/* pro and basic icon */
.pro-account-icon {
  background: url(/app/assets/images/icons/pro-account.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px; }

.basic-account-icon {
  background: url(/app/assets/images/icons/basic-account.svg);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px; }

.basic-account-icon:hover {
  background: url(/app/assets/images/icons/basic-account.svg);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px; }

.account-deactive-icon {
  background: url(/app/assets/images/icons/account-deactive.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  padding-right: 30px; }

.font-size-48 {
  font-size: 48px !important; }

.go-pro-background-color {
  background-color: #E9EAEE; }

.go-pro-unlock-exclusive {
  /*padding-top: 80px;*/
  padding-bottom: 65px !important; }

.margin-top-140 {
  margin-top: 140px; }

.margin-bottom--10 {
  margin-top: -10px; }

.deactive-user--profile {
  border: 1px solid black;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 0px; }

.deactive-user--icon {
  color: #162643;
  font-size: 16px;
  font-weight: bold; }

.deactive-user--hr {
  border-color: #ccc;
  padding-bottom: .5em; }

.deactive-user--active-link {
  color: #365899 !important; }

.verification-email-dialog {
  max-width: 400px; }

.successMessage {
  color: #4Caf4e;
  margin-top: 10px; }

.settings--calender .input--text-icon.icon:before {
  color: #D2D8DA;
  position: absolute;
  right: 10px;
  top: 13px; }

.settings--calender .icon-calendar:before {
  content: "\e60b"; }

.ui-datepicker .ui-widget-header {
  background: none;
  border: none !important;
  background-color: #fff !important; }

.ui-datepicker-header select {
  border: none; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
  border: none;
  background-color: #fff; }

@media only screen and (max-width: 1024px) {
  .hide_responsive {
    display: none; }
  .button-arrow {
    margin-top: -50px; }
  .sidebar-navigation .btn__edit,
  .cover-info__image .btn__edit,
  #tagline_background_color .btn__edit {
    border-radius: 0px;
    width: 36px !important;
    height: 36px !important;
    background-color: #0aa1d8 !important;
    border: 1px solid #fff; } }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 12px;
  width: 1.8em;
  height: 1.8em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #fff;
  text-align: center;
  /* font-size: 12px; */
  color: #495c79;
  font-weight: normal; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Open Sans" !important; }

.ui-datepicker td {
  border: 0;
  padding: 5px; }

.ui-datepicker .ui-state-hover {
  background: #0aa1d8; }

.ui-datepicker table th {
  font-weight: bolder !important;
  text-transform: uppercase !important; }

.ui-datepicker th {
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border: 0;
  color: #495c79; }

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none; }

input.cmn-toggle-round + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px; }

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 0px;
  left: 1px;
  bottom: 1px;
  content: ""; }

input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #b0b8c4;
  border-radius: 60px;
  transition: background 0.4s; }

input.cmn-toggle-round + label:after {
  width: 58px;
  background-color: #fff;
  border-radius: 100%;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);*/
  transition: margin 0.4s; }

input.cmn-toggle-round:checked + label:before {
  background-color: #028eca; }

input.cmn-toggle-round:checked + label:after {
  margin-left: 60px; }

.spinner {
  margin: 0 auto;
  text-align: center;
  width: 70px; }

#verificationLinkPopup .spinner-box {
  padding: 0px; }

.spinner-box:after {
  content: "";
  display: table;
  clear: both; }

.spinner > div {
  background-color: #00a3d9;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  width: 12px;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner-box > :last-child, .islet > :last-child {
  margin-bottom: 0; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.box {
  border-radius: 4px;
  box-sizing: border-box; }

/*circles loader*/
.loading_circles_box {
  width: 100%;
  height: 25px;
  display: block; }

.loading_circles {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg) no-repeat;
  margin: auto;
  width: 25px;
  height: 25px; }

.erroe_alert_popup {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/error_alert_2x.png) no-repeat;
  margin: auto;
  color: #e53635;
  width: 60px;
  height: 60px; }

.margin-top-16 {
  margin-top: 16px !important; }

#profileInterestedIn_tagsinput {
  min-height: 75px;
  height: 75px; }

.recommendation_jobInfo {
  color: #2C3E50 !important;
  font-size: 14px !important;
  font-weight: normal; }

.line-height-nineteen {
  line-height: 19px !important; }

.approveRecommendationBoxContent {
  height: 248px;
  overflow-y: auto;
  margin-top: -15px;
  position: relative;
  padding-right: 10px; }

.label {
  color: #7F8C8C;
  font-family: "Open Sans", serif;
  display: block;
  line-height: 19px;
  margin-bottom: 5px;
  color: #586476;
  font-size: 14px; }

/* margin--left--twenty, move to left */
.margin--left--twenty {
  margin-left: -20px; }

#signup_complete_success .modal-backdrop, #signup_complete_user_exist .modal-backdrop, #signup_complete_error .modal-backdrop {
  height: 100% !important; }

/* @2x Images (Pixel Ratio of 1.25+) */
/* @3x Images (Pixel Ratio of 2.25+) */
/* @4x Images (Pixel Ratio of 3.25+) */
/** header icons****/
.header__nav li a {
  padding-bottom: 17px; }

.header_dots_icon {
  background: url(/app/assets/images/icons/webtalk-app.svg) no-repeat; }

.header_flower_icon {
  background: url(/app/assets/images/icons/webtalk-gift.svg) no-repeat; }

.header_sidemenu_icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/hamburger.svg) no-repeat; }

.js-header-request, .js-header-request, .headerbar, .js-header-chat {
  width: 60px !important; }

.js-header-chat, .js-header-chat:hover {
  width: 60px !important; }

.header__nav li {
  width: 62px !important; }

.notification-header-icon {
  position: relative;
  width: 60px;
  height: 55px;
  background: url(/app/assets/images/icons/notification_icon.svg) no-repeat;
  background-size: 17px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

.chat_inbox_icon {
  position: relative;
  width: 60px;
  height: 55px;
  background: url(/app/assets/images/icons/inbox.svg) no-repeat;
  background-size: 21px 17px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

.connection-header-icon {
  position: relative;
  width: 60px;
  height: 55px;
  background: url(/app/assets/images/icons/request_header_icon.svg) no-repeat;
  background-size: 28px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

/*********************** Header Styles *****************************/
.js-webtalk-apps {
  z-index: 1300;
  float: right;
  right: 10px;
  position: fixed;
  margin-top: 55px;
  width: 362px; }

@media only screen and (min-width: 760px) {
  .form-field--search {
    margin-right: 125px; } }

.header .wrapper.logged {
  background-color: #4bc5c3 !important;
  background: #4bc5c3 !important; }

.js-webtalk-apps .footer {
  height: 50px;
  background-color: #f4f5f6;
  border-top: solid 1px #e0e0e0;
  margin-top: 32px;
  border-bottom-left-radius: 4px;
  -webkkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #39414d;
  padding: 13px;
  text-align: center; }

.go-pro-background-color .header .wrapper, .go-pro-background-color header {
  background: none !important; }

.webtalk-apps-popup-background .thumbs {
  width: 64px;
  height: 64px;
  margin: auto;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat !important;
  margin-top: 21px;
  cursor: pointer; }

.webtalk-apps-popup-background .thumbs:hover {
  background-position: center; }

.webtalk-apps-popup-background p {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding-top: 3px; }

.webtalk-apps-popup-background .contain {
  width: 90%;
  margin: auto !important;
  display: table; }

.webtalk-apps-popup-background .thumbs:hover {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.app_helpdesk_icon {
  background: url(/app/assets/images/icons/helpdesk-icon.svg); }

.app_socialcpx_icon {
  background: url(/app/assets/images/icons/scpx-logo.svg);
  background-position: 15px 5px !important; }

.app_store_icon {
  background: url(/app/assets/images/icons/store-icon.svg); }

.app_imeet_icon {
  background: url(/app/assets/images/icons/imeet-icon.png);
  background-size: 47px 49px !important; }

.app_event_icon {
  background: url(/app/assets/images/icons/event-icon.png);
  background-size: 48px 48px !important; }

.app_helpdesk_icon:hover {
  background: url(/app/assets/images/icons/helpdesk-icon-over.svg); }

.app_socialcpx_icon:hover {
  background: url(/app/assets/images/icons/scpx-logo-over.svg); }

.app_store_icon:hover {
  background: url(/app/assets/images/icons/store-icon-over.svg); }

.app_imeet_icon:hover {
  background: url(/app/assets/images/icons/imeet-icon-over.png);
  background-size: 47px 49px; }

.app_event_icon:hover {
  background: url(/app/assets/images/icons/event-icon-over.png);
  background-size: 48px 48px; }

.app_icon_socialcpx {
  background: url(/app/assets/images/icons/account-deactive.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  padding-right: 30px; }

/** header icons hover ****/
.header__nav li a:hover, .header__nav li a:hover {
  background-color: #535e70 !important;
  opacity: 1 !important; }

.section-summary__coffee-bg {
  margin-bottom: 0px !important; }

header__nav li a:active {
  background-color: #000 !important; }

.active .header_dots_icon,
.headerbar:hover .header_dots_icon,
.header_dots_icon:hover {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/webtalk-app-over.svg) no-repeat; }

.active .header_sidemenu_icon {
  background: black url(/app/assets/images/icons/hamburger-over.svg) no-repeat; }

.headerbar:hover .header_sidemenu_icon,
.header_sidemenu_icon:hover {
  background: url(/app/assets/images/icons/hamburger-over.svg) no-repeat; }

.headerbar {
  display: block !important;
  margin-top: 0px !important;
  padding: 0px !important;
  line-height: 16px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.headerbar div {
  width: 60px;
  height: 55px;
  background-position: center !important;
  background-repeat: no-repeat; }

.active .header_flower_icon,
.headerbar:hover .header_flower_icon,
.header_flower_icon:hover {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/webtalk-gift-over.svg) no-repeat; }

.headerbar:hover .header_flower_icon,
.header_flower_icon:hover {
  background-color: #535e70; }

.connection-header-icon:hover {
  background: #535e70 url(/app/assets/images/icons/request_header_icon_OVER.svg) no-repeat !important;
  background-size: 28px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

.active .chat_inbox_icon {
  background: black url(/app/assets/images/icons/inbox_over.svg) no-repeat; }

.chat_inbox_icon:hover {
  background: #535e70 url(/app/assets/images/icons/inbox_over.svg) no-repeat;
  background-size: 21px 17px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

.notification-header-icon:hover {
  background: #535e70 url(/app/assets/images/icons/notification_icon_over.svg) no-repeat;
  background-size: 17px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat; }

/**** webtalk apps popup **************/
.webtalk-apps-popup-background {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e0e0e0;
  margin-top: 65px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.webtalk-apps-popup-background .modal-wrapper-close {
  top: 10px;
  right: 10px;
  display: none; }

/*.webtalk-apps-popup-background  .lines-button.x.close .lines:before,
.webtalk-apps-popup-background .lines-button.x.close .lines:after{*/
/*width: 1.3rm}*/
/*}*/
.webtalk-apps-popup-header-color {
  width: 360px;
  height: 40px;
  background-color: #535e70;
  padding-top: 11px;
  padding-left: 11px;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px; }

.webtalk-apps-popup-header-text {
  height: 13px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #feffff;
  padding-bottom: 13px; }

.webtalk-apps-popup-header-btn {
  min-width: 180px;
  min-height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 600;
  color: #fff; }

.avatar_dropdown_icon, .profile_status_dropdown_icon {
  background: url(/app/assets/images/icons/avatar_dropdown.svg) no-repeat;
  width: 6px;
  height: 8px;
  background-position: center;
  margin-left: 13px;
  margin-bottom: 1px;
  background-position-y: 0px; }

.avatar_dropdown_icon_gray {
  background: url(/app/assets/images/icons/avatar_dropdown_gray.svg) no-repeat; }

.no_left_margin {
  margin-left: 0px; }

.avatar_dropdown_icon:hover {
  background: url(/app/assets/images/icons/avatar_dropdown-over.svg) no-repeat; }

.user_settings_dropdown, .user_profile_status_dropdown {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  width: 210px;
  background-color: #fff;
  font-weight: 600;
  top: 60px;
  left: 35px;
  position: absolute;
  color: #39414d;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }

.user_profile_status_dropdown {
  top: 60px;
  right: 0px;
  left: auto !important; }

/* use the below class to avoid responsive and checkbox tap area will be 40840 for responsive */
.checkbox-hidden-absolute {
  width: 40px;
  height: 40px;
  opacity: 0 !important; }

.user_profile_status_dropdown {
  position: absolute;
  background-color: #1d2026;
  border-color: #2F3943;
  border-radius: 4px;
  left: 65px; }

.user_settings_dropdown a, .user_settings_dropdown li a, .user_profile_status_dropdown a, .user_profile_status_dropdown li a {
  color: #39414d; }

.user_settings_dropdown .first {
  background-color: #0aa1d8 !important;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  color: #fff; }

.user_settings_dropdown:before,
.user_settings_dropdown::before,
.user_profile_status_dropdown:before,
.user_profile_status_dropdown::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #0aa1d8 transparent;
  content: "";
  display: block;
  left: 18px;
  top: 0;
  bottom: 0;
  position: absolute;
  top: -5px;
  left: 100px; }

.user_profile_status_dropdown:before,
.user_profile_status_dropdown::before {
  top: -5px;
  left: auto !important;
  right: 9px !important;
  color: #1d2026;
  border-color: transparent transparent #1d2026 transparent; }

.user_profile_status_dropdown li a {
  color: #fff;
  font-weight: 500; }

.user_profile_status_dropdown li:hover:nth-child(1),
.user_profile_status_dropdown li:hover:last-child {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important; }

.user_settings_dropdown .last {
  border-top: 1px solid #e0e0e0;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px; }

.user_settings_dropdown li, .user_profile_status_dropdown li {
  padding: 10px 14px;
  padding-bottom: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.user_settings_dropdown li:hover, .user_profile_status_dropdown li:hover {
  background-color: #39414d;
  color: #ffffff !important; }

.user_settings_dropdown li:hover a, .user_profile_status_dropdown li:hover a {
  color: #fff; }

.user_settings_dropdown li a:hover, .user_profile_status_dropdown li a:hover {
  color: #ffffff !important; }

.All-Personal-Professional-header-notifications {
  width: 165px;
  height: 10px;
  font-size: 13px;
  text-align: right;
  color: #eaedf2;
  display: block; }

.All-Personal-Professional-header-notifications span {
  padding-left: 3px; }

.All-Personal-Professional-header-notifications span.active {
  font-weight: 800;
  color: #f4f5f6; }

/***cursor style *******/
.roll-over-cursor {
  cursor: pointer; }

.header__nav li.active, .header__nav li a.active {
  background-color: black !important; }

/*Webtalk gifts window css starts*/
.webtalk-gifts {
  height: auto;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  width: auto;
  position: fixed;
  right: 10px;
  top: 65px; }

.webtalk-gifts .heart-img {
  width: 16px;
  height: 14px; }

.webtalk-gifts .title-div {
  width: 360px;
  height: 40px;
  background-color: #535e70;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px; }

.webtalk-gifts .title {
  height: 13px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #feffff;
  padding: 11px; }

.webtalk-gifts .container {
  float: right;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8);
  /*border: solid 1px #e0e0e0; */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.webtalk-gifts .footer {
  color: #fff;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px; }

.webtalk-gifts .body-div {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/couple_sharing.jpg);
  width: 360px;
  height: 260px;
  object-fit: contain;
  background-size: 360px 261px; }

.webtalk-gifts .body-div-title {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  text-align: left;
  color: #ffffff; }

.webtalk-gifts .body-div-title-padding {
  padding-left: 20px;
  padding-top: 20px; }

.webtalk-gifts .body-div-content {
  width: 100%;
  height: 65px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  color: #ffffff; }

.webtalk-gifts .body-div-content-font-weight {
  font-weight: bold; }

.webtalk-gifts .body-div-content-padding {
  margin-top: 22px;
  padding-left: 20px;
  padding-right: 20px; }

.webtalk-gifts .body-footer {
  width: 291px;
  height: 17px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  text-align: left;
  color: #ffffff; }

.webtalk-gifts .body-footer-padding {
  padding-left: 20px;
  padding-bottom: 40px;
  margin-top: 30px; }

.header-user-icon {
  border: 1px solid #d6d7dd !important;
  top: 7px !important; }

.webtalk-gifts .footer {
  width: 360px;
  height: 55px;
  padding-top: 16px;
  background-color: #0aa1d8;
  padding-left: 50px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; }

.webtalk-gifts .footer:hover {
  background-color: #028eca;
  opacity: 1; }

.header .logo .home-link {
  margin-left: 5px !important; }

.webtalk-gifts .footer-gift-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  border: 0px;
  top: 16px; }

.webtalk-gifts .footer-arrow-icon {
  width: 15px;
  height: 15px;
  border: 0px;
  top: 5px; }

/***** edit icon border radius removed********/
.sidebar-navigation .btn__edit, .cover-info__image .btn__edit, #tagline_background_color .btn__edit {
  border-radius: 0px;
  width: 36px !important;
  height: 36px !important; }

.sidebar-navigation .btn__edit:hover,
.cover-info__image .btn__edit:hover,
#tagline_background_color .btn__edit:hover {
  border-radius: 0px;
  width: 36px !important;
  height: 36px !important;
  background-color: #0990c2 !important;
  border: 1px solid #fff; }

#user_side_menu_banner .icon-write, #editAvatorImageIcon .icon-write {
  background: url(/app/assets/images/icons/edit.svg) !important;
  background-position: 10px 9px !important;
  background-repeat: no-repeat !important;
  background-size: 14px;
  width: 100%;
  height: 100%;
  display: block; }

#user_side_menu_banner .icon-write:before {
  content: none !important; }

#editAvatorImageIcon .icon-write:before {
  content: none !important; }

.list--controls li #edit-user-avatar:hover,
.cover-info__image:hover .icon-write,
.cover-info__image:hover #editAvatorImageIcon {
  background-color: #0990c2 !important; }

/**************user menu user avatar ************/
@media only screen and (max-width: 759px) {
  .user-menu-user-avatar {
    top: 73px; } }

.push--down--eighteen {
  margin-top: 18px; }

/************************************* notification ****************************/
/**************************** Notification Panel *************************/
.notification_panel.rewards-office-header {
  left: 10px; }

.notification_panel {
  width: 360px;
  position: fixed;
  right: 10px;
  top: 65px;
  font-size: 13px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -mox-border-radius: 4px;
  -webkit-box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
  z-index: 2000; }

.notification_panel.no-email-validation {
  top: 105px; }

.notification_panel .dropdown-box__list li {
  padding: 5px;
  min-height: 30px !important; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2 ul li i {
  width: 20px;
  height: 20px; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon ul li a i {
  margin-top: 2px; }

#all_notifications .notification_panel {
  width: 100%;
  position: relative !important;
  top: 20px;
  z-index: 2;
  box-shadow: none !important;
  -webkit-box-shadow: !important;
  -moz-box-shadow: !important; }

#all_notifications .notification_panel .container {
  height: auto;
  max-height: auto;
  scroll: none; }

.notification_main_header {
  background-color: #0aa1d8;
  color: #fff;
  font-size: 13px;
  height: 40px;
  width: 100%;
  padding: 10px;
  padding-left: 19px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px; }

.rewards-office-header .notification_main_header {
  background-color: #006aff; }

.user_info_box {
  width: 246px;
  min-height: 320px;
  border-radius: 10px;
  background-color: #2c3237;
  box-shadow: 0 0 9px 0 #535e70;
  position: absolute;
  z-index: 6666;
  top: 120px;
  right: 55px; }

.user_info_box .btnnotify {
  width: 96px !important;
  height: 36px;
  font-size: 14px;
  min-width: 96px !important;
  margin-left: 4px; }

.user_info_box .btn--alternative {
  box-shadow: 0 0 9px 0 #535e70;
  border: solid 1px #0aa1d8 !important;
  color: #40c7f8;
  margin-left: 4px; }

.user_info_box .job_title {
  font-size: 13px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ffffff;
  padding-top: 5px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  max-height: 2.4em;
  margin-bottom: 20px; }

.user_info_box .message-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/message-icon.svg) no-repeat;
  background-position: 9px 11px;
  padding-left: 26px;
  margin-left: 4px; }

.showlink {
  cursor: pointer; }

.user_info_box .user_connection_info .col-lg-4 {
  padding-left: 5px;
  padding-right: 5px; }

.user_info_box .user_connection_info label {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-align: center;
  color: #dcdfe5;
  padding-top: 11px;
  padding-bottom: 0;
  display: block; }

.user_info_box .user_connection_info .title {
  font-size: 13px;
  /*line-height: 1.54;*/
  letter-spacing: 0.1px;
  text-align: center;
  color: #b4bbc7; }

.user_info_box .user_connection_info div {
  height: 75px; }

.notification_main_footer {
  background-color: #fff;
  color: #0aa1d8;
  font-size: 14px;
  height: 40px;
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  text-align: center;
  font-weight: 600;
  display: table;
  table-layout: fixed; }

.notification_main_footer > .action_button {
  display: table-cell;
  text-align: center; }

.rewards-office-header .notification_main_footer > .action_button {
  color: #006aff; }

.notification_panel .container {
  height: auto;
  max-height: calc(100vh - 305px);
  overflow: auto;
  overflow-x: hidden !important; }

#all_notifications .notification_panel .container {
  max-height: none !important;
  overflow: none; }

.notification_main_header i {
  float: right;
  margin-top: 3px; }

.notification_main_header ul i {
  margin-top: 0px; }

.notification_main_header a {
  float: right; }

notification_main_header ul {
  display: block !important; }

.notification_panel .notification_sender {
  float: left;
  margin-right: 10px;
  margin-top: -1px; }

.notification_sender .notification_sender_over {
  display: none;
  position: absolute;
  height: 50px;
  width: 50px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer; }

.notification_sender:hover .notification_sender_over {
  display: block !important; }

.notification_panel .notification_sender img {
  /*width: 50px !important;*/
  /*height: 50px;*/
  /*min-width: 50px !important;*/
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

.notification_sender .user-avatar-style, .notification_sender.user-avatar-style {
  width: 48px;
  height: 48px;
  display: flex; }

.notification_sender.pro-border img {
  max-width: 100%;
  max-height: 100%; }

.notification_panel li {
  display: table;
  width: 100%;
  /* min-height: 115px; */
  padding: 10px 10px 5px 7px;
  border-bottom: 1px solid #e0e0e0; }

.notification_panel li {
  border-left: 3px solid #0aa1d8;
  background-color: #FFFFFF; }

.rewards-office-header.notification_panel li {
  border-left: 3px solid #006aff;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 800px) {
    .rewards-office-header.notification_panel li {
      border-left: none; } }

.notification_panel li.viewed-true {
  border-left: 3px solid #fff;
  background-color: #fff; }
  .notification_panel li.viewed-true h3 {
    color: #909bad; }
  .notification_panel li.viewed-true:hover {
    border-left: 3px solid #F4F9FF; }

.notification_panel .dropdown-box-new {
  padding: 0px 0px !important; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2 ul li i {
  width: 20px;
  height: 16px; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2 ul li:first-child li {
  margin-top: 0px !important;
  min-height: 30px !important; }

.notification_panel .dropdown-box-new.dropdown-box-new__v2.dropdown-box-new__v2--icon ul li a ii {
  margin-top: 0px;
  min-height: 25px; }

.notification_panel .dropdown-box__list li:hover i.icon-Public,
.notification_panel .dropdown-box__list li i.icon-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) !important; }

.notification_panel .dropdown-box__list li:hover i.icon-public-hollow,
.notification_panel .dropdown-box__list li i.icon-public-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-hollow.svg); }

.notification_panel .dropdown-box__list li:hover i.icon-Pro,
.notification_panel .dropdown-box__list li i.icon-Pro,
.notification_panel .dropdown-box__list li:hover i.icon-Professional,
.notification_panel .dropdown-box__list li i.icon-Professional {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) !important;
  background-size: 15px 13px !important; }

.notification_panel .dropdown-box__list li:hover i.icon-Personal,
.notification_panel .dropdown-box__list li i.icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) !important;
  background-size: 16px 14px !important; }

.notification_panel .dropdown-box__list li:hover i.icon-All,
.notification_panel .dropdown-box__list li i.icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-news.svg) !important;
  /*background-size: 21px 14px !important;*/ }

.notification_panel .dropdown-box-new ul li:first-child {
  -webkit-border-top-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
  -moz-border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -moz-border-top-right-radius: 4px !important; }

.notification_panel .dropdown-box-new ul li:last-child {
  -webkit-border-bottom-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  -moz-border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -moz-border-bottom-right-radius: 4px !important; }

/* notification tooltip */
.notification_panel .dropdown-box-new li {
  /* color: #555; */
  /* display: block; */
  font-size: 12px;
  padding: 4px 10px;
  /* text-align: left; */
  background-color: #282d36;
  /*border-radius: 4px;*/
  /* width: 100%; */
  min-height: 40px; }

.notification_panel .dropdown-box-new .dropdown-box__list li a {
  font-size: 14px;
  color: #ECEDED !important; }

.dropdown-box-new .dropdown-box__list li {
  /*border-bottom: 1px solid #586476;*/
  border: none !important; }

.notification_panel .dropdown-box-new li:nth-child(odd) {
  border-left: 0px solid #0aa1d8;
  background-color: #2F3943; }

.ps-container > .ps-scrollbar-x-rail {
  display: none !important; }

.notification_panel .dropdown-box-new li:nth-child(even) {
  border-left: 0px solid #0aa1d8;
  background-color: #2F3943; }

.notification_panel .people-you-Know-notification .sidebar__title {
  font-size: 17px;
  font-weight: bold;
  text-transform: none !important; }

.no_notification_text {
  font-size: 14px;
  font-weight: bold; }

.notification_panel .notification_info h3 {
  font-size: 13px;
  margin-bottom: 2px;
  color: #39414d;
  width: calc(100% - 18px);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  background-size: 12px 12px;
  font-weight: 500;
  margin-top: 0px;
  padding-left: 0px; }

.notification_panel .notification_info h3 .group {
  font-weight: 600 !important; }

.notification_panel .notification_info h3 .highlight {
  font-weight: bold; }

.notification_panel .notification_info {
  width: calc(100% - 72px);
  float: left;
  display: block;
  font-size: 10pt;
  margin-top: -5px; }

#all_notifications .notification_panel .notification_info {
  width: calc(100% - 60px); }

.modal-wrapper--notification li + li {
  margin-top: 0px; }

.notification_panel .notification_info .media__title i {
  margin-right: 5px;
  font-weight: normal !important; }

.connection-request-panel .notification_info .time {
  display: table;
  width: 100%; }

.connection-request-panel .btnsm {
  padding-top: 12px !important;
  font-size: 10px !important;
  font-weight: 700 !important; }

.connection-request-panel .btn--default {
  background-color: #0aa1d8;
  border-color: #0aa1d8; }

.connection-request-panel .btn--alternative:hover {
  color: #fff;
  background-color: #0aa1d8; }

.connection-request-panel .btn--alternative:hover .icon-close:before {
  color: #fff; }

.connection-request-panel .btnsm .icon-check:before {
  font-size: 10px !important; }

.connection-sm-btns {
  position: absolute;
  right: 0px;
  top: 4px; }

.connection-request-panel .icon icon-dropdown {
  display: none !important; }

.connection-request-panel .wants-to {
  font-weight: 600; }

.notification_panel .type_heading {
  font-weight: 600; }

.notification_panel .username {
  font-weight: bold; }

.notification_panel .icon-Public:hover {
  color: #FFBA49; }

.notification_panel .icon-public-hollow:hover {
  color: #FFBA49; }

.notification_panel .icon-Professional:hover {
  color: #5f676f; }

.notification_panel .icon-Personal:hover {
  color: #0aa1d8; }

.notification_panel .icon-Groups:hover {
  color: #5f676f; }

.notification_panel .notification_info .btn--icon {
  position: absolute;
  right: -3px;
  display: none;
  width: 30px;
  top: -3%; }

@media only screen and (max-width: 1024px) {
  .notification_panel .notification_info .btn--icon {
    display: block; } }

.notification_panel .notification_info .btn--icon .icon {
  font-size: 14px;
  color: #333; }

.notification_panel .notification_info:hover .btn--icon {
  display: block; }

.notification_panel .notification_info a {
  font-size: 13px;
  color: #000; }

.connection-request-panel .notification_info a {
  color: #0aa1d8; }

.connection-request-panel .notification_layer .notification_info .username {
  color: #0aa1d8; }

.notification_panel .notification_info a:hover {
  font-size: 13px;
  color: #333; }

.notification_panel .notification_info .desc {
  background-color: #d9dfe8;
  padding: 5px;
  margin-bottom: 5px;
  color: #586476;
  clear: both;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  display: table;
  clear: both; }

.notification_panel .notification_info .media_track {
  background-color: none;
  background: none !important;
  padding: 5px 17px;
  color: #586476;
  clear: both;
  width: 100%;
  font-size: 9pt;
  line-height: 16px;
  display: table;
  clear: both; }

.notification_panel .notification_info .media_track .thumbs {
  border: 2px solid #cfd4db;
  width: 48px;
  height: 48px;
  background-size: cover !important;
  float: left;
  margin-right: 5px; }

.notification_panel .notification_info .media_track .thumbs .text {
  padding-top: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: bold; }

.notification_panel .notification_info .media_track .thumbs .icon-notify-file {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/file_icon_2x.png) no-repeat;
  width: 20px;
  height: 20px;
  margin: auto;
  margin-top: 12px;
  background-size: 20px 20px; }

.notification_panel .notification_info .media_track .thumbs .icon-notify-video {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/video_icon_2x.png) no-repeat;
  width: 20px;
  height: 20px;
  margin: auto;
  margin-top: 12px;
  background-size: 20px 20px; }

.notification_panel .notification_info .media_track .thumbs .icon-notify-image {
  background: none; }

.notification_panel .notification_info .media_track .fileName {
  float: left;
  width: auto;
  max-width: calc(150px);
  overflow: hidden;
  text-align: left;
  margin-top: 0px; }

.notification_panel .notify-icon {
  width: 12px;
  height: 17px;
  background-size: 12px 12px;
  background-position: 0px 5px;
  background-repeat: no-repeat; }

.notification_panel .notification_info .time {
  padding: 0px 0px 2px 0px;
  font-size: 9pt;
  color: #909BAD; }

@media only screen and (max-width: 700px) {
  .notification_panel {
    top: 55px; } }

/* notification people you may know widget */
.notification_panel .people-you-Know-notification li {
  border-left: 0px solid #0aa1d8 !important;
  background-color: transparent !important;
  padding: 0px 10px 0px 0px;
  border-bottom: 0px solid #e0e0e0;
  display: inline-block;
  width: auto;
  float: right; }

.notification_panel .people-you-Know-notification .media-content {
  margin-left: 10px; }

@media only screen and (max-width: 414px) {
  .notification_panel .dropdown-box-new {
    /*left: calc(50% - 88px) !important;*/ } }

@media only screen and (max-width: 375px) {
  .notification_panel .dropdown-box-new {
    /*left: calc(50% - 108px) !important;*/ } }

@media only screen and (max-width: 360px) {
  .notification_panel .dropdown-box-new {
    /*left: calc(50% - 160px) !important;*/ } }

@media only screen and (max-width: 320px) {
  .notification_panel .dropdown-box-new {
    /*left: calc(50% - 135px) !important;*/ } }

#all_notifications .notification_panel .dropdown-box-new {
  width: 250px !important;
  left: calc(100% - 245px) !important; }

.notification_panel .dropdown-box-new li a {
  display: block;
  width: 100%; }

.notification_panel .ps-container > .ps-scrollbar-x-rail {
  display: none; }

.notification-View-all-Mark-all-read-Hide-all {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #0aa1d8; }

.Your-post-was-shared-with {
  font-family: OpenSans;
  font-size: 12px;
  line-height: 1.58;
  text-align: left;
  color: #cfd4db; }

.notification-connection-request-btn {
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 4px; }

/********push top,push header icon popup ****/
.top--32 {
  top: 32px !important; }

.top--112 {
  top: 112px !important; }

.top--122 {
  top: 122px !important; }

.usermenu--upgrdae--btn {
  width: 88px;
  height: 34px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.30;
  text-align: right;
  color: #ffffff; }

.usermenu--user--role--text {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.54;
  letter-spacing: 0.1px;
  text-align: center;
  color: #dcdfe5; }

.sidebar-navigation .list--controls li {
  margin: 0px !important;
  width: 36px !important;
  height: 36px !important; }

.dropdown-box-new.dropdown-box-new__v2 ul li a {
  font-size: 14px !important;
  padding-left: 30px; }

.dropdown-box-new.no-padding ul li a {
  font-size: 14px !important;
  padding-left: 0px; }

#newsShareSelection .dropdown-box-new li:hover i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat;
  background-position: center 2px !important; }

#newsShareSelection .dropdown-box-new li i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat;
  background-position: center 2px !important; }

#newsShareSelection .dropdown-box-new li:hover {
  background-color: #586476 !important; }

#tagline_background_color .btn__edit {
  opacity: 0 !important; }

#newsShareSelection .dropdown-box-new li:hover, #newsShareSelection .dropdown-box-new li:hover a {
  color: #fff; }

.dropdown-box-new.dropdown-box-new__v2 ul li i {
  position: absolute;
  width: 22px;
  height: 22px;
  padding: 0px !important;
  left: 12px;
  background-position: center center !important;
  display: block; }

.dropdown-box-new.dropdown-box-new__v2 ul li:first-child {
  margin-top: 5px; }

.dropdown-box-new.dropdown-box-new__v2 ul li:last-child {
  margin-bottom: 5px; }

.dropdown-box-new__v2 .icon-Pages {
  padding-right: 0px !important; }

.box--media__connections .dropdown-box__list li .icon {
  padding-right: 10px !important; }

.box--media__connections .dropdown-box__list li .icon-close {
  padding-right: 0px !important; }

.box--media__connections .dropdown-box__list li .icon {
  padding-bottom: 0px;
  background-position: top center !important; }

.icon-notifications.icon {
  background-position: center center !important; }

.usermenu--user--name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff; }

.gallery_media_display {
  width: 100%;
  height: 184px;
  display: block;
  background-position: center center;
  background-size: cover; }

.mediagallery .btn--full, .upload-avatar__input {
  padding: 0px; }

.soft--top--padding-27 {
  padding-top: 27px !important; }

.soft--top--padding-30 {
  padding-top: 30px !important; }

.soft--top--4 {
  top: 4px !important; }

.soft--top--3 {
  top: 3px !important; }

.soft--top--2 {
  top: 2px !important; }

.soft--top--1 {
  top: 1px !important; }

.soft--top--5 {
  top: 5px !important; }

.soft--right--14 {
  padding-right: 14px; }

.soft--right--16 {
  padding-right: 16px; }

.soft--right--20 {
  padding-right: 20px; }

.capatalize {
  text-transform: capitalize !important; }

.playment-failed-notification-avatar-wrapper {
  width: 50px;
  height: 50px;
  line-height: 67px;
  border-radius: 4px;
  background-color: #e53635;
  float: left;
  text-align: center; }

.playment-failed-notification-avatar-icon {
  width: 29px;
  height: 27px;
  object-fit: contain;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/invalid-name.svg);
  background-repeat: no-repeat; }

.playment-failed-notification-text {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #39414d; }

.notification_panel .notification_info .playment-failed-notification-link {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0aa1d8 !important; }

.notification_panel .notification_info .playment-failed-notification-link:hover {
  text-decoration: none; }

.icon-notifications.icon {
  cursor: pointer;
  margin-right: 3px;
  padding: 0px 8px; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-bold {
  font-weight: bold; }

.go-pro-main-page .ui-widget-content,
.go-pro-main-page .ui-widget.ui-widget-content {
  border: none !important; }

.go-pro-main-page .tabs--pro .ui-tabs-nav {
  box-shadow: none !important; }

.js-comments-box li {
  border-bottom: none !important; }

/* Profile main page */
.change_visibility_popup i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) no-repeat;
  display: block !important;
  background-position: center center; }

.privacyiconsection .icon-Private:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg) no-repeat center center;
  display: block !important; }

/*.icon-profconnections:before { content: "\e63c"; }*/
.connections-dashboard-panel .media-title__icon a i.icon-Public, .followers-dashboard-panel .media-title__icon a i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-dashboard-panel .media-title__icon a i.icon-public-hollow, .followers-dashboard-panel .media-title__icon a i.icon-public-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.connections-dashboard-panel .media-title__icon a i.icon-Pro, .followers-dashboard-panel .media-title__icon a i.icon-Pro {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

/*Classes for connections tree icons starts*/
.connections-icons-parent-div i.icon-Public, .media-tree-icons-parent-div i.icon-Public,
wt-connection-tree i.icon-public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-Public:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-public,
.media-tree-icons-parent-div i.icon-Public:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-Public {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-public-hollow, .media-tree-icons-parent-div i.icon-public-hollow,
wt-connection-tree i.icon-public-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-public-hollow:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-public-hollow,
.media-tree-icons-parent-div i.icon-public-hollow:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-public-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-public-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-profconnections, .media-tree-icons-parent-div i.icon-profconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-sentconnections, .media-tree-icons-parent-div i.icon-sentconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.connections-icons-parent-div i.icon-sentconnections:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections,
.media-tree-icons-parent-div i.icon-sentconnections:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-sentconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.connections-icons-parent-div i.icon-sentconnections-hollow, .media-tree-icons-parent-div i.icon-sentconnections-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }
  .connections-icons-parent-div i.icon-sentconnections-hollow.active, .media-tree-icons-parent-div i.icon-sentconnections-hollow.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white-hollow.svg) no-repeat;
    top: 4px;
    position: relative;
    left: 3px; }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-sentconnections-hollow, .media-tree-icons-parent-div i.icon-sentconnections-hollow {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white-hollow.svg) no-repeat;
      top: 4px;
      position: relative;
      left: 3px; } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-sentconnections-hollow.node, .media-tree-icons-parent-div i.icon-sentconnections-hollow.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-hollow.svg) no-repeat;
      top: 4px;
      position: relative;
      left: 3px; } }

.connections-icons-parent-div i.icon-sentconnections-hollow:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections-hollow,
.media-tree-icons-parent-div i.icon-sentconnections-hollow:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-sentconnections-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }

.connections-icons-parent-div i.icon-gmailemail, .media-tree-icons-parent-div i.icon-gmailemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/gmail-adapted@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.connections-icons-parent-div i.icon-gmailemail:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-gmailemail,
.media-tree-icons-parent-div i.icon-gmailemail:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-gmailemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/gmail-adapted-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-gmailemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/gmail-adapted-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.5px; }

.connections-icons-parent-div i.icon-yahooemail, .media-tree-icons-parent-div i.icon-yahooemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/yahoo@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 22px 14px; }

.connections-icons-parent-div i.icon-yahooemail:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-yahooemail,
.media-tree-icons-parent-div i.icon-yahooemail:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-yahooemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/yahoo-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 22px 14px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-yahooemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/yahoo-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 22px 14px; }

.connections-icons-parent-div i.icon-outlookemail, .media-tree-icons-parent-div i.icon-outlookemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/outlook@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 17px; }

.connections-icons-parent-div i.icon-outlookemail:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-outlookemail,
.media-tree-icons-parent-div i.icon-outlookemail:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-outlookemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/outlook-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 17px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-outlookemail {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/outlook-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 17px; }

.connections-icons-parent-div i.icon-email, .media-tree-icons-parent-div i.icon-email {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-blue@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 16px 11.7px; }

.connections-icons-parent-div i.icon-email:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-email,
.media-tree-icons-parent-div i.icon-email:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-email {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-blue-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 16px 11.7px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-email {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-blue-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 16px 11.7px; }

.connections-icons-parent-div i.icon-profconnections:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-profconnections,
.media-tree-icons-parent-div i.icon-profconnections:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-profconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li .btn--icon {
  background-color: #fff; }

wt-connection-tree .js-folder-list .btn--icon {
  background-color: #fff !important; }

wt-connection-tree .js-folder-list li.hover .icon-default-parent-node,
wt-connection-tree .js-folder-list li.active .icon-default-parent-node {
  background-color: #0aa1d8 !important; }

.sidebar__folders .sidebar__folders-list li > a > strong > i.icon-prof-prospect {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/prosp_prof_icon.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.i.icon-prof-prospect:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .i.icon-prof-prospect,
.connections-icons-parent-div li.active > a > .btn--icon > .i.icon-prof-prospect,
.sidebar__folders .sidebar__folders-list li:hover > a > strong > i.icon-prof-prospect,
.media-tree-icons-parent-div i.i.icon-prof-prospect:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .i.icon-prof-prospect {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/prosp_prof_icon.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-profconnections {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-prof-prospect {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/prosp_prof_icon_active.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-Personal, .media-tree-icons-parent-div i.icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-Personal:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-Personal,
.media-tree-icons-parent-div i.icon-Personal:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-Personal {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-allconnections, .media-tree-icons-parent-div i.icon-allconnections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-importcontacts, .media-tree-icons-parent-div i.icon-importcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-blue-silver.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }

.connections-icons-parent-div i.icon-referralnetwork, .media-tree-icons-parent-div i.icon-referralnetwork {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/referral-node-icon-gray.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }

.js-folder-list .active i.icon-referralnetwork,
.connections-icons-parent-div i.icon-referralnetwork:hover,
.media-tree-icons-parent-div i.icon-referralnetwork:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/referral-node-icon.svg); }

.connections-icons-parent-div i.icon-recommend, .media-tree-icons-parent-div i.icon-recommend {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-gray.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }
  .connections-icons-parent-div i.icon-recommend.active, .media-tree-icons-parent-div i.icon-recommend.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-blue.svg); }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-recommend, .media-tree-icons-parent-div i.icon-recommend {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-blue.svg); } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-recommend.node, .media-tree-icons-parent-div i.icon-recommend.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-gray.svg); } }

.js-folder-list .active i.icon-recommend,
.connections-icons-parent-div i.icon-recommend:hover,
.media-tree-icons-parent-div i.icon-recommend:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/recomend-logo-blue.svg); }

.connections-icons-parent-div i.icon-heart-logo, .media-tree-icons-parent-div i.icon-heart-logo {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-gray.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }
  .connections-icons-parent-div i.icon-heart-logo.active, .media-tree-icons-parent-div i.icon-heart-logo.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-blue.svg); }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-heart-logo, .media-tree-icons-parent-div i.icon-heart-logo {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-blue.svg); } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-heart-logo.node, .media-tree-icons-parent-div i.icon-heart-logo.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-gray.svg); } }

.js-folder-list .active i.icon-heart-logo,
.connections-icons-parent-div i.icon-heart-logo:hover,
.media-tree-icons-parent-div i.icon-heart-logo:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/heart-logo-blue.svg); }

.connections-icons-parent-div i.icon-view-profile, .media-tree-icons-parent-div i.icon-view-profile {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-icon.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }
  .connections-icons-parent-div i.icon-view-profile.active, .media-tree-icons-parent-div i.icon-view-profile.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-idon-blue.svg); }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-view-profile, .media-tree-icons-parent-div i.icon-view-profile {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-idon-blue.svg); } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-view-profile.node, .media-tree-icons-parent-div i.icon-view-profile.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-icon.svg); } }

.js-folder-list .active i.icon-view-profile,
.connections-icons-parent-div i.icon-view-profile:hover,
.media-tree-icons-parent-div i.icon-view-profile:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/view-idon-blue.svg); }

.connections-icons-parent-div i.icon-question-logo, .media-tree-icons-parent-div i.icon-question-logo {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-gray.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }
  .connections-icons-parent-div i.icon-question-logo.active, .media-tree-icons-parent-div i.icon-question-logo.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-blue.svg); }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-question-logo, .media-tree-icons-parent-div i.icon-question-logo {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-blue.svg); } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-question-logo.node, .media-tree-icons-parent-div i.icon-question-logo.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-gray.svg); } }

.js-folder-list .active i.icon-question-logo,
.connections-icons-parent-div i.icon-question-logo:hover,
.media-tree-icons-parent-div i.icon-question-logo:hover {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/question-logo-blue.svg); }

.connections-icons-parent-div i.icon-importcontacts:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-importcontacts,
.media-tree-icons-parent-div i.icon-importcontacts:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-importcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-grey.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }

.connections-icons-parent-div i.icon-importcontacts-blue, .media-tree-icons-parent-div i.icon-importcontacts-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-blue-silver.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }

.connections-icons-parent-div i.icon-importcontacts-blue:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-importcontacts-blue,
.media-tree-icons-parent-div i.icon-importcontacts-blue:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-importcontacts-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-grey.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px; }

.connections-icons-parent-div i.icon-joinedcontacts-blue, .media-tree-icons-parent-div i.icon-joinedcontacts-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-blue@3x.png);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.8px; }

.connections-icons-parent-div i.icon-joinedcontacts-blue:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts-blue,
.media-tree-icons-parent-div i.icon-joinedcontacts-blue:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.8px; }

.connections-icons-parent-div i.icon-sentconnections-blue, .media-tree-icons-parent-div i.icon-sentconnections-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-blue@3x.png);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.8px; }

.connections-icons-parent-div i.icon-sentconnections-blue:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections-blue,
.media-tree-icons-parent-div i.icon-sentconnections-blue:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-sentconnections-blue {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 13.8px; }

.connections-icons-parent-div i.icon-joinedcontacts, .media-tree-icons-parent-div i.icon-joinedcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-grey@3x.png);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 14px; }

.connections-icons-parent-div i.icon-joinedcontacts:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts,
.media-tree-icons-parent-div i.icon-joinedcontacts:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 14px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-joinedcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white@3x.png) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 18px 14px; }

.connections-icons-parent-div i.icon-joinedcontacts-hollow, .media-tree-icons-parent-div i.icon-joinedcontacts-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-grey-hollow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }
  .connections-icons-parent-div i.icon-joinedcontacts-hollow.active, .media-tree-icons-parent-div i.icon-joinedcontacts-hollow.active {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white-hollow.svg);
    background-repeat: no-repeat;
    background-position: center; }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-joinedcontacts-hollow, .media-tree-icons-parent-div i.icon-joinedcontacts-hollow {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-grey-hollow.svg);
      background-repeat: no-repeat;
      background-position: center; } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-joinedcontacts-hollow.node, .media-tree-icons-parent-div i.icon-joinedcontacts-hollow.node {
      background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-grey-hollow.svg);
      background-repeat: no-repeat;
      background-position: center; } }

.connections-icons-parent-div i.icon-joinedcontacts-hollow:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts-hollow,
.media-tree-icons-parent-div i.icon-joinedcontacts-hollow:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-joinedcontacts-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-joinedcontacts-hollow {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white-hollow.svg) no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 21px; }

.connections-icons-parent-div i.icon-allconnections:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-allconnections,
.media-tree-icons-parent-div i.icon-allconnections:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-allconnections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

/*.connections-icons-parent-div i.icon-allconnections:hover{*/
/*background-image: url('../../../../public/common/images/icons/all-connections-w.svg') !important;*/
/*}*/
.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-allconnections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-importcontacts {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-grey.svg) no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.interestedin_placeholder {
  color: #79879c;
  font-size: 14px;
  padding-bottom: 10px;
  display: none; }

.connections-icons-parent-div i.icon-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }
  .connections-icons-parent-div i.icon-pending.active {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending-over.svg); }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-pending {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending-over.svg); } }
  @media only screen and (max-width: 600px) {
    .connections-icons-parent-div i.icon-pending.node {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending.svg); } }

.sidebar__folders .sidebar__folders-list li:hover > a > strong .icon-referralnetwork {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/referral-node-icon.svg) no-repeat;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-connection {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 24px 24px; }

.connections-icons-parent-div .active i.icon-connection, .connections-icons-parent-div li:hover > a > .btn--icon > .icon-connection {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-over.svg);
  background-size: 24px; }

.connections-icons-parent-div i.icon-pending:hover,
.connections-icons-parent-div li:hover > a > .btn--icon > .icon-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending-over.svg); }

.sidebar__folders .sidebar__folders-list li.active > a > .btn--icon > .icon-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending-over.svg);
  background-position: center !important; }

.connections-icons-parent-div i.icon-outgoing {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.main-container__connections .link i.icon-outgoing {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing.svg) !important;
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-outgoing-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-hollow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.main-container__connections .link i.icon-outgoing-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-hollow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.main-container__connections .link i.icon-incoming {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming.svg) !important;
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.main-container__connections .link i.icon-incoming-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-hollow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

@media only screen and (min-width: 800px) {
  .connections-icons-parent-div i.icon-outgoing:hover,
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-outgoing {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-over.svg); }
  .connections-icons-parent-div i.icon-outgoing-hollow:hover,
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-outgoing-hollow {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-hollow-over.svg); } }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-outgoing {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-over.svg);
  background-position: center !important; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-outgoing-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-hollow-over.svg);
  background-position: center; }

.connections-icons-parent-div i.icon-incoming {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-incoming-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-hollow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

@media only screen and (min-width: 800px) {
  .connections-icons-parent-div i.icon-incoming:hover,
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-incoming {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-over.svg); }
  .connections-icons-parent-div i.icon-incoming-hollow:hover,
  .connections-icons-parent-div li:hover > a > .btn--icon > .icon-incoming-hollow {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-hollow-over.svg); } }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-incoming {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-over.svg);
  background-position: center !important; }

.sidebar__folders .sidebar__folders-list li.active > a > strong > i.icon-incoming-hollow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-hollow-over.svg);
  background-position: center; }

/*Classes for connections tree icons ends*/
.connection-links .link a i.icon-sidebar-connections {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections.svg) no-repeat;
  background-position: center 12px !important;
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(2);
  -webkit-transform: scale(1);
  -moz-transform: scale(1); }

/*connection search fields start style*/
.clear_connection_search i {
  cursor: pointer;
  position: absolute;
  font-size: 16px;
  right: 5px;
  top: 9px;
  color: #0aa1d8; }

/*connection search fields end style*/
.media-tree-icons-parent-div i.icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

.media-tree-icons-parent-div i.icon-Private:hover,
.media-tree-icons-parent-div li:hover > a > .btn--icon > .icon-Private {
  background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block; }

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

.user-profile-contact-sections {
  width: 40px;
  height: 40px;
  right: -10px;
  position: absolute;
  top: 12px; }

.user-profile-contact-icon-section {
  position: relative;
  margin-left: 11px; }

.who-viewed-your-profile .box .popup-model-overflow {
  margin-left: 20px !important; }

.modal-body h3.sidebar__title {
  margin-left: 20px;
  margin-top: 20px; }

.modal-body .lines-button i.lines {
  margin-left: 0px;
  margin-top: -20px; }

.people-list-model .lines-button i.lines {
  margin-left: 0px;
  margin-top: -5px; }

.people-list-model h3.sidebar__title {
  margin-left: 5px;
  margin-top: 0px; }

.who-i-recommend-trim {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical; }

@media only screen and (max-width: 799px) {
  .editControls.canEdit.hidden {
    display: none !important; }
  .talkbox--mobile .news__share-with > :nth-child(1), .talkbox--mobile .news__share-with > :nth-child(2),
  .talkbox--mobile .news__share-with > :nth-child(3) {
    width: 100% !important;
    margin: 10px 0;
    padding-left: 0 !important;
    margin-bottom: -10px; }
  .mediaContainerFilePanel {
    margin-top: -20px !important;
    margin-bottom: 0px !important; } }

/*.icon-public:before { content: "\e63d"; }*/
/******************** Responsive Settings * *************/
/*.dropdown-box__list li .icon{*/
/*display: block;*/
/*}*/
/*.box--media__connections .box--media__connections-dropdown {*/
/*border-radius: 0 0 0 3px;*/
/*height: 38px;*/
/*opacity: 0;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*width: 38px;*/
/*z-index: 1;*/
/*}*/
/*.box--media__connections .box--media__connections-dropdown i{color:#84929f!important}*/
/*.box--media__connection:hover .box--media__connections-dropdown{opacity: 1}*/
/*.box--media__connections .drop-options.show,*/
/*.box--media__connections .dropdown-box__list li .icon{ display: block}*/
@media only screen and (max-width: 500px) {
  .singupforms .singupforms .two-fifths,
  .singupforms .four-tenths {
    width: auto; }
  .box--media__connections .drop-options.show,
  .box--media__connections .drop-options.displayblock {
    animation: none !important;
    right: 3px;
    top: 40px;
    border-radius: 5px;
    z-index: 2;
    height: auto;
    padding-bottom: 10px; }
  .main-container.main-container__connections .box--media__connections .drop-options.close {
    display: none; }
  .notification_panel {
    width: calc(100% - 10px);
    left: 0px; } }

@media only screen and (min-width: 620px) {
  .width_Six_Hundred {
    width: 600px;
    margin: auto; } }

@media only screen and (max-width: 620px) {
  .width_Six_Hundred {
    width: 100%;
    /*background-color: #fff;*/
    margin: auto; }
  #signUp-window-modal {
    background-color: none !important; }
  .connecteduser:nth-child(even) {
    padding-left: 18px; }
  #invite-contacts-modal .modal-dialog, #invite-mail-contacts .modal-dialog {
    width: calc(100% - 0px);
    margin-left: 0px; }
  .width_Six_Hundred {
    width: calc(100% - 10px);
    margin: auto; }
  .system-user .palm--one-half {
    width: calc(100% - 20px) !important; } }

@media only screen and (max-width: 500px) {
  .system-user .one-whole {
    width: calc(100% - 0px) !important; }
  .wrapper--registration-signup-info .four-tenths {
    margin-bottom: 20px; }
  .modal--medium-sign-up {
    max-width: calc(100% - 10px) !important; }
  .width_Four_Hundred .box--white {
    padding: 0px 0px; } }

@media only screen and (max-width: 420px) {
  .no-border-sign-up {
    width: 100%; }
  .boardingpanel .grerypanel {
    padding: 25px 20px !important;
    margin-top: -3px; }
  .width_Four_Hundred {
    width: calc(100% - 20px);
    background-color: #fff;
    margin: auto; }
  .boardingpanel {
    width: calc(100% - 20px) !important; }
  .socialButtons {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .join-login-webtalk-section .join--webtalk {
    margin-right: 20px !important; }
  .join-login-webtalk-section #login_link {
    margin-right: 5px;
    /*padding: 0px 15px 0px 15px !important;*/ }
  .invite__contact__position {
    margin-left: 0px;
    margin-top: 0px; }
  .tab-content .grid__item ol {
    display: block !important; }
  .modal-search .pagination {
    display: block !important; }
  .edittalkboxTagArea {
    overflow-y: scroll !important;
    height: auto !important; }
  #mainLandingPage.no-scroll {
    overflow: hidden; }
  #mainLandingPage .modal-container .modal-dialog .modal-content .modal-body {
    padding: 0px !important; }
  .people-you-may-know-mobile, .who-viewed-your-profile {
    margin-left: 10px;
    margin-right: 0px !important;
    background-color: #FFFFFF !important;
    margin-bottom: 10px;
    border: 1px solid #E6E7E9; }
  .people-you-may-know-mobile, .who-viewed-your-profile .box {
    padding-top: 20px;
    padding-left: 10px !important;
    padding-right: 0px !important;
    margin-bottom: -5px; }
  .who-viewed-your-profile .box .popup-model-overflow {
    overflow-y: auto;
    max-height: 400px;
    padding-right: 10px !important;
    margin-left: 0px; }
  .modal-body .lines-button i.lines {
    margin-left: -10px;
    margin-top: 0px; }
  .people-you-may-know-mobile, .who-viewed-your-profile {
    margin-left: 0px;
    margin-right: 0px !important;
    background-color: #FFFFFF !important;
    margin-bottom: 10px;
    border: 1px solid #E6E7E9; }
  .people-you-may-know-mobile, .who-viewed-your-profile .box {
    margin-left: 10px;
    margin-right: 10px; }
  .no_invitation_box .people-you-may-know-mobile, .people-you-may-know {
    border: none; }
  .modal-body h3.sidebar__title {
    margin-left: 10px;
    margin-top: 20px; }
  .modal-wrapper-close {
    background: transparent;
    border: 0;
    color: #D4DADE;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 25px; } }

@media only screen and (max-width: 390px) {
  .social-icons__box.social-icons__box--big {
    width: 80px;
    height: 80px; }
  .footer__message_content {
    bottom: -70px !important; }
  .btn--fixed {
    width: calc(50% - 5px); }
  .edittalkboxTagArea {
    overflow-y: scroll !important;
    height: auto !important; } }

@media only screen and (min-width: 500px) {
  .social-icons__box.social-icons__box--big {
    position: relative;
    height: 100px;
    border: 1px solid #0aa1d8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
  /*background-color: transparent;  }*/
  .no-border-registration {
    width: calc(100% - 10px); }
  .box-white--inner .btn {
    min-width: 60px !important;
    margin-left: 10px; }
  .join-login-webtalk-section .join--webtalk {
    margin-right: 20px !important; }
  .join-login-webtalk-section #login_link {
    margin-right: 5px !important;
    padding: 0px 15px 0px 15px !important; }
  .invite__contact__position {
    margin-left: 0px;
    margin-top: 0px; }
  /*.edittalkboxTagArea {*/
  /*overflow-y: scroll !important;*/
  /*height: calc( 20% - 40px ) !important;*/
  /*}*/ }

.box--media__play-news:before {
  background: transparent url(https://wtdemo.webtalk.co/static/public/app/assets/images/play-video.svg) no-repeat center center/cover;
  content: " ";
  display: block;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 5; }

.connection-links {
  width: 100%;
  display: table; }

.connection-links .col-md-4, .connection-links .col-md-6 {
  display: block;
  margin: 0px;
  padding: 0px;
  float: left; }

.connection-links .link a {
  border-left: 1px solid #b0b9c1; }

.connection-links .link .newicon-connections {
  margin-top: 10px; }

.connection-links .link:first-child a {
  border-left: 0px !important; }

/* No greater than 600, no less than 320px */
@media only screen and (max-width: 600px) {
  .login-password-model-position .modal-dialog {
    margin-top: 40px !important; }
  .main-top .btn--login {
    padding: 20px 20px; }
  .user_profile_status_dropdown {
    top: 70px;
    right: 0px;
    left: auto !important; } }

@media only screen and (max-width: 370px) {
  .reffer_invite_link {
    width: calc(100% - 20px) !important; } }

@media only screen and (max-width: 320px) {
  .no-border-sign-up {
    width: 100%; }
  .boardingpanel .grerypanel {
    padding: 25px 20px !important; }
  .width_Four_Hundred {
    width: calc(100% - 0px);
    background-color: #fff;
    margin: auto; }
  .boardingpanel {
    width: calc(100% - 10px) !important; }
  .socialButtons {
    padding-left: 10px !important;
    padding-right: 10px !important; } }

@media only screen and (max-width: 500px) {
  .grid-width-sign-up {
    padding: 0 10px !important;
    margin-left: 10px;
    margin-right: 0; }
  .connection-resultset {
    width: 100% !important; }
  .bannerSignupfullBg {
    padding: 20px 15px !important; }
  .upload-avatar-sign-up {
    margin-left: 20px !important; }
  .side-bar-tree-wrapper .side-panel-myself {
    overflow: auto;
    max-height: calc(100vh - 90px) !important; } }

@media only screen and (max-width: 499px) {
  .upload-avatar-sign-up {
    margin-left: 20px !important; }
  #signup-basic-info {
    margin-left: -5px;
    margin-right: 5px; }
  #basicSignupDiv {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0 !important; } }

.signup-process-bottom-icons {
  margin-left: 0;
  margin-right: 0;
  height: 80px;
  width: 100%; }

.signup-process-bottom-icons .col-sm-4 {
  position: absolute; }

.signup-process-bottom-icons .icon_one {
  left: 0; }

.signup-process-bottom-icons .icon_two {
  left: calc(50% - 51px); }

.signup-process-bottom-icons .icon_three {
  right: 2px; }

.signup-process-bottom-icons .col-sm-4 {
  display: table;
  padding: 0;
  float: left;
  width: 102px; }

.media-header .media__width-mobile .media__body ul li a i.icon-dropdown:before {
  content: "\e640" !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 20px; }

.edit-post-position {
  position: absolute;
  width: 40px;
  height: 40px; }

@media only screen and (max-width: 390px) {
  #newsShareSelection .dropdown-box-new {
    width: 185px;
    left: 0 !important; } }

@media only screen and (max-width: 390px) {
  .signup-process-bottom-icons .col-sm-4 {
    display: table;
    padding: 0;
    float: left;
    width: 78px; }
  .notification_panel {
    width: calc(100% - 10px);
    left: 0px; }
  .signup-process-bottom-icons .icon_two {
    left: calc(50% - 39px); } }

.fa-times-circle {
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 18px; }

@media only screen and (max-width: 450px) {
  .signup-process-bottom-icons {
    display: table;
    text-align: -webkit-center; } }

@media only screen and (max-width: 448px) {
  .signup-process-bottom-icons .one-third {
    padding-left: 0px; }
  .signup-process-bottom-icons {
    margin-left: 0px; } }

@media only screen and (max-width: 320px) {
  .emailortextlayer .textmecode {
    margin-left: 0px !important; }
  .emailortextlayer .textmecode-top-position {
    margin-top: 7px; }
  .edittalkboxTagArea {
    overflow-y: scroll !important;
    height: auto !important;
    /* calc(100vh - 205px); */ } }

@media only screen and (max-width: 330px) {
  #signup-basic-info .btn--reset {
    margin-left: 0px !important;
    float: left; }
  .webtalk-modal .system-user {
    min-height: 50px;
    display: table;
    width: calc(100% + 10px);
    margin-left: 0px; }
  .system-user .one-whole {
    width: calc(100% - 0px) !important; }
  .panelbg {
    max-width: 235px !important;
    min-width: 235px !important; } }

@media only screen and (max-width: 800px) {
  .newsFilterText {
    display: none; }
  .media-filters-icons {
    width: 40px !important;
    height: 40px !important;
    background-position: center !important;
    background-size: 21px 23px !important; }
  #newsShareSelection .dropdown-box-new__title .item .long {
    display: none; }
  #newsShareSelection .dropdown-box-new__title .item .short {
    display: inline-block;
    max-width: 66px; }
  .notifications-dropdown-selection #newsShareSelection .dropdown-box-new__title div {
    display: none; }
  .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
    top: 0px !important;
    /*font-size: 13pt;*/
    left: 23px !important;
    color: #b1b6bd; }
  .dropdown-box-new__title:after {
    position: absolute;
    font-family: 'webtalk';
    background: none;
    content: "";
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/arrow-down-dropdown.svg) !important;
    height: 19px;
    width: 22px;
    display: block;
    margin-top: 0px;
    background-size: 10px 6px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; }
  #news-with > li:nth-child(4) {
    border-right: 0px; }
  .invite__contact__position.webtalk-modal .modal__title__sub {
    font-size: 16px;
    text-align: center;
    line-height: 22px; }
  .invite__contact__position.webtalk-modal .margin-bottom-10 {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center; }
  .invite__contact__position.webtalk-modal .margin-bottom-10 .social-icons__box_fixed {
    display: block;
    margin: 0 auto; }
  .tab-content .grid__item ol {
    display: block !important; }
  .modal-search .pagination {
    display: block !important; }
  /*Below class is for fixing WEB-1849*/
  .fixed--mobile-navigator .header {
    position: fixed !important; }
  .side-bar-tree-wrapper .side-panel-myself {
    overflow: auto;
    max-height: calc(100vh - 90px) !important; }
  #addfile-modal .modal--small .modal__content h1 {
    text-align: center;
    padding-top: 20px; }
  .connection-mobile-search .search_news_text {
    width: 100%;
    margin-top: 10px !important; }
  .connection-mobile-search .clear_connection_search {
    position: absolute;
    right: 7px;
    top: 9px; }
  .deactive-user--profile {
    margin-top: 50px; } }

@media only screen and (max-width: 1023px) {
  .modal-search .pagination {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .invite__contact__position.webtalk-modal .lines-button.x.close {
    margin-right: -15px; } }

@media only screen and (max-width: 400px) {
  .verification-email-dialog {
    width: calc(100% - 20px); } }

@media only screen and (max-width: 768px) {
  .modalPrivateWindow {
    top: 25px !important; }
  .modal-backdrop.fade.in {
    top: 0px !important; } }

@media only screen and (max-width: 550px) {
  .search-users-company--mobile {
    display: none !important; }
  .search-users-company {
    display: block !important; } }

@media only screen and (max-width: 400px) {
  .password_toggle_icon_hide {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/password_hide.png) no-repeat 10px;
    position: absolute;
    top: 28px;
    right: 0px;
    height: 30px;
    z-index: 6;
    width: 40px;
    cursor: pointer;
    background-size: 22px 18px !important; }
  .password_toggle_icon_show {
    background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/password_show.png) no-repeat 10px;
    position: absolute;
    top: 28px;
    right: 0px;
    height: 30px;
    z-index: 6;
    width: 40px;
    cursor: pointer;
    background-size: 22px 18px !important; } }

#signup_birthday[type='date'] {
  -webkit-appearance: textfield !important;
  -webkit-border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -moz-appearance: textfield !important;
  border: 1px solid #cfd4db !important;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  color: #667586;
  cursor: auto;
  height: 41px;
  padding: 9px 10px;
  font-family: "Open Sans" !important;
  background-color: #FFFFFF; }

#signup_birthday[type='date']::-webkit-clear-button {
  /* Removes blue cross */
  -webkit-appearance: none;
  margin: 0; }

.box--white-sign-up .form-field input.error,
#signup_birthday[type='date'].error {
  border: 1px solid #E74C3C !important; }

.pac-container {
  z-index: 10000; }

.setting_referral_link {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/copy.svg);
  background-repeat: no-repeat;
  background-position: center; }

.setting_referral_link:hover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/copy-hover.svg);
  background-repeat: no-repeat;
  background-position: center; }

.searchtab-nav-link {
  width: 110%;
  height: 5%; }

.fa-plus-circle {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/circle-right.svg);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat; }

.fa-plus-circle::before, .fa-check-circle::before, .fa-question-circle::before, fa-check-circle-recommendation::before {
  content: '' !important; }

.fa-check-circle {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/round-check.svg); }

.fa-check-circle-recommendation {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/round-check-recommendation.svg); }

.fa-question-circle {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/question-mark.svg);
  width: 13px !important;
  height: 13px !important; }

.modal-container .modal-body {
  padding: 0px !important; }

.modal-container .modal {
  /*position: relative !important;*/
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto; }

.connect_label {
  padding-left: 0px !important; }

@media only screen and (max-width: 500px) {
  .modal-container .modal-dialog {
    margin: 0px !important; } }

.datepicker_css {
  width: 100%;
  padding: 9px 10px; }

.display {
  display: block !important; }

.edit_recommendations {
  background: #EEEFF1;
  padding: 20px 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 500px) {
  .onResponsiveLanguageItemMode {
    margin-top: 100px; }
  .cover-info__title {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; } }

.selectize__blue {
  min-width: 195px; }

@media only screen and (max-width: 320px) {
  .onResponsiveLanguageItemMode {
    margin-top: 100px; }
  .cover-info__title {
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .selectize__blue {
    min-width: 180px; } }

.icon-pending {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pending.svg);
  background-repeat: no-repeat;
  background-position: center !important;
  width: 100%;
  height: 100%;
  display: block !important; }

.pending-background {
  background: #dcdfe5; }

.highlight-text {
  font-weight: 600; }

.displayTable {
  display: table; }

.modal-viewer .media-lightbox-wrapper .fullImageScreen {
  width: 100%; }

.disabled-button {
  background-color: #cfd4db;
  color: #F5F5F5;
  height: 41px;
  line-height: 38px;
  font-size: 14px;
  padding: 0; }

.selectize-left-padding {
  margin-left: 20px; }

.upload_modal .box--white.media-uploader-padding-top {
  padding-top: 20px; }

.media-top-margin {
  margin-top: 55px; }

.browse-link-position {
  margin-top: 120px; }

.media-content .no-margin-bottom-on-last-item {
  margin-bottom: 0px; }

.education-layout {
  width: 100%;
  height: auto;
  padding: 20px;
  padding-left: 10px; }

.profile-layout-fixer {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px; }

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px; }

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
.simpleDemo ul[dnd-list] .dndDraggingSource {
  display: none; }

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px; }

.simpleDemo ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px; }

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d; }

.menu-icon-res:hover {
  background-color: #535e70; }

.menu-icon-close {
  padding: 0 !important;
  display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .ie-buttons {
    display: list-item !important;
    padding-bottom: 20px !important; }
  .student-button {
    display: list-item !important;
    padding-bottom: 40px !important; } }

@supports (-ms-ime-align: auto) {
  /* Edge CSS styles go here */
  .ie-buttons {
    display: list-item !important;
    padding-bottom: 20px !important; }
  .student-button {
    display: list-item !important;
    padding-bottom: 40px !important; } }

.btn-password-modal-done {
  background: #05a4dc;
  border: 1px solid #05a4dc;
  color: #F5F5F5;
  height: 41px;
  line-height: 38px;
  font-size: 14px;
  padding: 0;
  margin-right: auto;
  float: right; }

.btn-password-modal-done:hover {
  background-color: #028eca;
  color: #fff;
  border: 1px solid #028eca; }

.btn-password-modal-forgot {
  background: #ffffff;
  color: #0aa1d8;
  border: 1px solid #0aa1d8;
  padding: 11px 20px;
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 18px; }

.btn-password-modal-forgot:hover {
  background-color: #028eca;
  color: #fff;
  border: 1px solid #028eca; }

.btn-close-password-modal {
  float: right; }

@media only screen and (max-width: 800px) {
  .pushleft {
    margin-left: 20px; } }

.stealth-view-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/stealth-gray.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 30px 20px;
  background-color: #c0c3c8;
  height: 50px;
  width: 50px;
  display: block; }

.card-expiring-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/toaster-error-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 25px 25px;
  background-color: #e33839;
  height: 50px;
  width: 50px;
  display: block; }

.promo-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/percentage.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 29px 29.7px;
  background-color: #f44036;
  height: 50px;
  width: 50px;
  display: block; }

.promoButton {
  width: 126px;
  height: 28px;
  border-radius: 4px;
  background-color: #0aa1d8;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: bold;
  color: white;
  margin-left: 18px;
  margin-bottom: 5px; }

.connButton {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  font-family: Open Sans;
  border: solid 1px #798ecb;
  font-size: 13px;
  color: #798ecb; }

.followUserButton {
  width: 126px;
  height: 28px;
  border-radius: 4px;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: bold;
  color: #0aa1d8;
  margin-top: 5px;
  display: block;
  border: 1px solid; }

.rewards-office-header .followUserButton {
  color: #006aff; }

.rewards-office-header .promoButton {
  background-color: #006aff; }

.notification_panel .notification_info .yes-or-no-btn-wrapper {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px; }
  .notification_panel .notification_info .yes-or-no-btn-wrapper .yes-btn, .notification_panel .notification_info .yes-or-no-btn-wrapper .no-btn {
    width: calc(50% - 5px);
    height: 28px;
    border-radius: 4px;
    border: solid 1px #798ecb;
    line-height: 25px;
    text-align: center;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #798ecb;
    text-decoration: none; }
  .notification_panel .notification_info .yes-or-no-btn-wrapper .no-btn {
    margin-left: 10px; }

.connButton:hover {
  background-color: #798ecb;
  color: white !important;
  text-decoration: none; }
  .connButton:hover.link-text-button {
    color: #fff !important; }

.link-text-button {
  padding: 3px;
  text-align: center; }

.mr-left {
  margin-left: 10px; }

.button-blocks {
  display: flex;
  margin-top: 5px; }

.enroll-Button {
  width: 126px;
  height: 28px;
  border-radius: 4px;
  background-color: #006aff;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: bold;
  color: white;
  margin-bottom: 5px; }

.payment-received-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/checkmark.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 25px 20px;
  background-color: #006aff;
  height: 50px;
  width: 50px;
  display: block; }

.paid-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/icon-1@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 28px 21px;
  background-color: #006aff;
  height: 50px;
  width: 50px;
  display: block; }

.payments-reward-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/rewards-payments@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 21px 24px;
  background-color: #006aff;
  height: 21px;
  width: 24px;
  display: block; }

.rewards-back-office .enroll-Button {
  background-color: #006aff; }

.rewards-back-office .payment-received-notification {
  background-color: #006aff; }

.rewards-back-office .enroll-notification {
  background-color: #006aff; }

.rewards-back-office .payments-reward-notification {
  background-color: #006aff; }

.rewards-back-office .paid-notification {
  background-color: #006aff; }

.rewards-back-office .bag-notification {
  background-color: #006aff; }

.rewards-back-office .new-referral {
  background-color: #006aff; }

.enroll-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/enroll-completed-1@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 24px 26px;
  background-color: #006aff;
  height: 24px;
  width: 26px;
  display: block; }

.bag-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/group@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 30px 30.3px;
  background-color: #006aff;
  height: 30px;
  width: 30.3px;
  display: block; }

.report-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/report-noti-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 20.2px 29.6px;
  background-color: #006aff;
  height: 30px;
  width: 30.3px;
  display: block; }

.daily-follower-notification {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/multiple-users-silhouette-1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 25.2px 29.6px;
  background-color: #006aff;
  height: 30px;
  width: 30.3px;
  display: block; }

.bag-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/group@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 30px 30.3px;
  background-color: #006aff;
  height: 30px;
  width: 30.3px;
  display: block; }

.new-referral {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/get-referrals-1@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 24px 25px;
  background-color: #006aff;
  width: 24px;
  height: 23px;
  display: block; }

@media only screen and (max-width: 800px) {
  .invites-wrapper {
    margin-top: 55px; } }

@media only screen and (max-width: 700px) {
  .invites-wrapper {
    margin-top: 45px; } }

@media only screen and (max-width: 800px) {
  .sidebar-profile-completion {
    display: none; }
  .main-profile-completion {
    display: block; } }

@media only screen and (min-width: 801px) {
  .sidebar-profile-completion {
    display: block; }
  .main-profile-completion {
    display: none; } }

.title-contacts {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #25272b;
  display: block; }

.title-contacts-subtext {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  text-decoration: none !important;
  text-transform: none;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-bottom-pad {
  padding-bottom: 10px;
  display: block; }

.dashed-line {
  border-top: 1px dashed #B4BBC7;
  margin-bottom: 13px; }

@-moz-document url-prefix() {
  .dashed-line {
    border-bottom: none; } }

.deleteTourMobile > .getting-started-block {
  margin-top: 65px !important; }

.rewards-office-header .ad-rewards {
  background-color: #006aff; }

.ad-rewards {
  background-color: #006aff; }

.notifiad-panel li, .rewards-office-header.notifiad-panel li {
  border-left: 3px solid #006aff;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 800px) {
    .notifiad-panel li, .rewards-office-header.notifiad-panel li {
      border-left: none; } }
  .notifiad-panel li.hover, .rewards-office-header.notifiad-panel li.hover {
    background-color: #F4F9FF; }

@media only screen and (max-width: 700px) {
  .rewards-back-office-design {
    position: relative;
    top: 15px; }
    .rewards-back-office-design .dashboard-link {
      font-family: Inter;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: right;
      color: #006aff; }
    .rewards-back-office-design .notification_main_header {
      margin-top: -55px;
      padding-top: 16px;
      border-bottom: 1px solid #d7dfef;
      height: 54px;
      z-index: 1000; }
      .rewards-back-office-design .notification_main_header .type_heading {
        font-family: Inter;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #1d2026; }
  .dashboard-link {
    color: #006aff;
    margin-top: 1px; }
  .notification_main_header {
    padding-left: 20px;
    padding-right: 10px; } }

.box--ad-title {
  text-align: left;
  max-width: 300px;
  margin-top: 20px;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026;
  margin-bottom: 20px; }

.description-ad {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  color: #1d2026;
  text-align: left; }

.content--mobilead {
  margin: 0 auto;
  padding: 25px 40px;
  width: 560px;
  height: auto; }

.ad-button-log {
  border-radius: 100px;
  background-color: #0aa1d8;
  color: #ffffff;
  width: 100%;
  font-family: Montserrat;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 10px 14px;
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
  text-decoration: none; }

.ad-button-log:hover {
  text-decoration: none;
  color: #ffffff; }

.link-ad-block {
  color: #0aa1d8;
  font-weight: 700; }

@media only screen and (max-width: 768px) {
  .ad-button-log {
    font-size: 15px; }
  .box--ad-title {
    font-size: 20px; }
  .content--mobilead {
    margin-top: 0;
    padding: 20px;
    width: auto;
    height: 100%; }
  .text-block-ad {
    display: block; }
  .ad-confirmation-modal .modal-dialog {
    margin: auto; }
  .ad-confirmation-modal .modal-content, .ad-confirmation-modal .modal-dialog {
    height: 100%; } }

.rumble-upload-complete {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/video-camera-rumble.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 25px 25px;
  background-color: #0aa1d8;
  height: 50px;
  width: 50px;
  display: block; }

.rumble-upload-error {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/video-camera-rumble.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 25px 25px;
  background-color: #f44036;
  height: 50px;
  width: 50px;
  display: block; }

@media only screen and (min-width: 801px) {
  #newsShareSelection .news-type-dd li:first-child {
    display: flex;
    align-items: center;
    padding-top: 0px; }
    #newsShareSelection .news-type-dd li:first-child .dropdown-box-new__title--width {
      height: auto; }
      #newsShareSelection .news-type-dd li:first-child .dropdown-box-new__title--width .icon {
        position: absolute;
        top: calc(50% - 10px);
        left: 5px; }
      #newsShareSelection .news-type-dd li:first-child .dropdown-box-new__title--width .item {
        margin-left: 32px; }
  #newsShareSelection .news-type-dd .profile-privacy-dropdown-icons li:first-child {
    height: auto; }
    #newsShareSelection .news-type-dd .profile-privacy-dropdown-icons li:first-child:hover {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px; } }

#newsShareSelection .dropdown-box-new__title {
  padding-top: 8px; }
  #newsShareSelection .dropdown-box-new__title i {
    height: 17px;
    margin-right: 3px; }
  #newsShareSelection .dropdown-box-new__title i.icon-Public {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-grey.svg);
    background-repeat: no-repeat; }
  #newsShareSelection .dropdown-box-new__title i.icon-top {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/top-news-grey.svg); }
  #newsShareSelection .dropdown-box-new__title div {
    margin-top: 1px;
    margin-left: 3px;
    max-width: 103px; }
  #newsShareSelection .dropdown-box-new__title .long {
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 12px;
    max-width: 100%; }
  #newsShareSelection .dropdown-box-new__title .short {
    display: none; }

#newsShareSelection .news_search_icon.desktop {
  border-radius: 4px;
  background-color: white;
  width: 200px;
  height: 30px;
  margin-top: 1px; }
  #newsShareSelection .news_search_icon.desktop .newsfiltericons {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 0px; }
  #newsShareSelection .news_search_icon.desktop .clear_search_field {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 33px;
    top: 10px;
    background-size: 7px;
    opacity: 0.6; }

#newsShareSelection .news_search_icon .searchfield {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  width: calc(100% - 34px);
  padding: 6px 18px;
  margin-left: 2px;
  padding-left: 3px;
  float: left;
  border: 0px;
  outline: none; }

#newsShareSelection .selectize-control.single .selectize-input:after {
  content: ''; }

#newsShareSelection .news-arrow-down {
  display: none; }

#newsShareSelection .toggle-switch {
  padding-top: 15px !important;
  padding-bottom: 10px !important; }

.media_dd {
  width: auto;
  float: left;
  margin-right: 5px;
  padding-top: 7px;
  position: relative; }
  @media only screen and (max-width: 800px) {
    .media_dd {
      margin-right: 14px;
      padding-top: 8px; } }
  @media only screen and (max-width: 400px) {
    .media_dd {
      margin-right: 5px; } }
  .media_dd .news-filter-media-dd-selected {
    margin-right: 10px; }
  .media_dd .selectize-control {
    height: 25px; }
  .media_dd .selectize-input.full {
    background-color: transparent !important; }

#newsShareSelection .force-move-up {
  margin-top: -6px !important; }

@media only screen and (max-width: 800px) {
  #newsShareSelection .force-move-up {
    margin-top: -4px !important; }
  #newsShareSelection .short, #newsShareSelection .long {
    display: block;
    white-space: pre-wrap;
    min-width: 60px; }
  #newsShareSelection .lng-text {
    max-width: 66px; }
    #newsShareSelection .lng-text .short, #newsShareSelection .lng-text .long {
      display: block;
      white-space: pre-wrap;
      font-size: 11px;
      line-height: 12px; }
  #newsShareSelection .dropdown-box-new__title {
    padding-top: 10px; }
    #newsShareSelection .dropdown-box-new__title i {
      background-position: center; } }

.search_new_box {
  border: 2px solid #b1b6bd;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 296px;
  height: 40px;
  right: 0px;
  top: 25px;
  z-index: 700;
  opacity: 0; }

@media only screen and (max-width: 800px) {
  .search_new_box {
    margin-top: 22px !important;
    margin-right: 6px !important;
    height: 42px !important; }
    .search_new_box input[type=text] {
      outline: none; } }

.public-trigger {
  margin-top: 8px;
  margin-left: 10px;
  background-size: 15px;
  background-position: 0px;
  cursor: pointer;
  padding-left: 15px;
  cursor: pointer;
  font-size: 13px;
  color: #39414d;
  margin-left: 0px; }
  .public-trigger .icon {
    background-size: 100%;
    width: 41px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/unselected-switch.svg);
    float: left; }
    .public-trigger .icon.on {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/selectedon.svg); }
  .public-trigger .text {
    width: auto;
    display: inline-block;
    font-size: 13px;
    font-weight: 600; }
  @media only screen and (max-width: 800px) {
    .public-trigger {
      padding-left: 23px;
      margin-top: 7px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-grey.svg);
      background-repeat: no-repeat;
      background-size: 17px;
      height: 17px;
      background-position-y: 0px;
      margin-top: 12px; }
      .public-trigger .icon {
        display: none; }
      .public-trigger .text {
        color: #b0b8c4; }
      .public-trigger.on {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg); }
        .public-trigger.on .text {
          color: #ff9200; } }

@media only screen and (min-width: 801px) {
  #newsShareSelection .dropdown-box-new__title i {
    background-size: contain !important; } }

@media only screen and (max-width: 800px) {
  #newsShareSelection wt-news-filter-privacy {
    margin-right: 10px; }
    #newsShareSelection wt-news-filter-privacy .dropdown-box-new__title {
      padding-left: 0px;
      margin-right: 3px; }
      #newsShareSelection wt-news-filter-privacy .dropdown-box-new__title i.icon-All {
        margin-right: 3px; }
  #newsShareSelection .dropdown-box-new__title--width {
    max-width: 96px !important; } }

.fixed {
  padding: 5px 20px; }
  .fixed .media_dd .news-filter-media-dd-selected {
    margin-right: 10px; }
    @media only screen and (max-width: 800px) {
      .fixed .media_dd .news-filter-media-dd-selected .item {
        display: none; } }
  .fixed #newsShareSelection .force-move-up {
    margin-top: 0px !important; }
  @media only screen and (max-width: 800px) {
    .fixed #newsShareSelection wt-news-filter-privacy {
      margin-top: 3px; } }
  @media only screen and (max-width: 400px) {
    .fixed #newsShareSelection wt-news-filter-privacy {
      margin-top: 3px; } }
  .fixed #newsShareSelection .add-news-icon {
    display: inline-block; }
  .fixed #newsShareSelection .togglemenu {
    display: inline-block;
    margin-right: 10px; }
  @media only screen and (max-width: 800px) {
    .fixed #newsShareSelection {
      padding-right-: 0px; }
      .fixed #newsShareSelection .news-filter-media-dd-selected {
        margin-top: 2px; }
      .fixed #newsShareSelection .public-trigger {
        background-size: 23px;
        height: 23px;
        margin-top: 10px; }
        .fixed #newsShareSelection .public-trigger .text {
          margin-left: 7px;
          margin-top: 3px; }
      .fixed #newsShareSelection .dropdown-box-new__title {
        width: 23px;
        padding-top: 0px;
        height: 23px;
        margin-top: 6px;
        min-width: 40px !important; } }
    @media only screen and (max-width: 800px) and (max-width: 400px) {
      .fixed #newsShareSelection .dropdown-box-new__title .short, .fixed #newsShareSelection .dropdown-box-new__title .long {
        display: none !important; } }
  @media only screen and (max-width: 800px) and (max-width: 400px) {
    .fixed #newsShareSelection wt-news-filter-privacy .filter-icon {
      width: auto;
      min-width: auto !important; } }
  @media only screen and (max-width: 800px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .dropdown-box-new__title {
        height: 23px;
        width: 23px;
        padding-top: 0px; }
        .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .dropdown-box-new__title i {
          height: 23px !important;
          width: 23px;
          margin-top: 0px;
          background-size: contain !important; } }
    @media only screen and (max-width: 800px) and (max-width: 400px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .dropdown-box-new__title {
        width: auto;
        min-width: auto !important; } }
  @media only screen and (max-width: 800px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .icon, .fixed #newsShareSelection wt-news-filter-privacy .filter-icon i {
        margin-top: 0px;
        height: 29px !important;
        width: 23px;
        background-size: 23px !important;
        background-position: 0px center; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .icon, .fixed #newsShareSelection wt-news-filter-privacy .filter-icon i {
        margin-top: -5px; } }
    @media only screen and (max-width: 800px) and (max-width: 400px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .icon, .fixed #newsShareSelection wt-news-filter-privacy .filter-icon i {
        margin-top: 0px; } }
  @media only screen and (max-width: 800px) and (max-width: 800px) {
    .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .close-dropdown {
      right: 5px;
      top: 25px; } }
  @media only screen and (max-width: 800px) {
      .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .dropdown-box-new__v2--icon .icon, .fixed #newsShareSelection wt-news-filter-privacy .filter-icon .dropdown-box-new__v2--icon i {
        height: 22px !important;
        width: 22px;
        background-position: center center !important;
        background-size: auto !important; } }
  .fixed #newsShareSelection .media-filter-js-nav-button {
    background-size: 22px;
    margin-top: 1px; }
  .fixed #newsShareSelection .news_search_icon {
    margin-top: 10px; }
    .fixed #newsShareSelection .news_search_icon a {
      padding: 4px 5px 5px 4px !important; }

@media only screen and (max-width: 800px) {
  .search_news_text {
    padding: 0px 18px; } }

.search_new_box i {
  cursor: pinter;
  position: absolute;
  font-size: 16px;
  right: 13px;
  top: 13px;
  color: #0aa1d8; }

.clear_search_field {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close.svg);
  background-color: #ccc;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  top: 12px;
  right: 3px;
  background-position: center;
  background-size: 10px;
  background-size: 7px;
  opacity: .6; }
  @media only screen and (max-width: 600px) {
    .clear_search_field {
      height: 15px; } }

.toggle-switch .remember-my-selection-text {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  float: left;
  width: auto;
  padding-top: 0px; }

.toggle-switch .remember-my-selection-switch {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  width: 41px;
  height: 18px; }
  .toggle-switch .remember-my-selection-switch i {
    width: 41px !important;
    height: 18px !important; }

.js-fixed-news-filters.fixed .selectize-control .selectize-input i.icon-media {
  min-height: 25px; }

@media only screen and (max-width: 800px) {
  .input--text-mobile.height-talkbox {
    max-height: 200px; } }

.comment-textarea {
  border-width: 2px; }

.comments__lists-item--reply .comments__comment .cmt-job-title {
  max-width: 285px; }

@media only screen and (min-width: 800px) {
  .lightbox .modal-viewer .media-lightbox-wrapper .comments__lists-item--reply .emoji-rectangle {
    margin-left: -75px;
    z-index: 1; }
  .lightbox .modal-viewer .media-lightbox-wrapper .comments__lists-item--reply .comments__comment .cmt-job-title {
    max-width: 185px; }
  .lightbox .modal-viewer .media-lightbox-wrapper .comments__lists-item--reply .comments__comment span.pro-user-icon {
    float: left;
    position: absolute; }
  .lightbox .modal-viewer .media-lightbox-wrapper .comments__lists-item--reply .comments__comment-link.pro-user-reply {
    margin-left: 15px; }
  .lightbox .modal-viewer .comments__comment-link {
    max-width: calc(100% - 70px);
    width: 170px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .lightbox .modal-viewer .comments__box .grid--narrow {
    width: calc(100% + 30px); } }

.lightbox .modal-viewer .comments-wrapper .attach-icon-comments {
  margin-top: 5px;
  margin-right: 3px; }

.lightbox .modal-viewer .comments__comment {
  padding: 10px 10px; }
  .lightbox .modal-viewer .comments__comment .cmt-job-title {
    display: block;
    max-width: 196px; }

.lightbox .modal-viewer .comment-reply-box .addCommentReplyBox .cmt-post-box {
  padding-top: 1px; }

.lightbox .modal-viewer .comment-reply-box .addCommentReplyBox .attach-icon-comments {
  margin-top: 8px;
  margin-right: 3px; }

.lightbox .modal-viewer .comments-outer-padding-layer .user-avatar-style {
  margin-top: 5px !important; }

.lightbox .modal-viewer .comments_data_area .icon-dropdown {
  margin-top: 5px; }

.lightbox .updateCommentGrid {
  margin-top: -30px; }

.lightbox .cmt-post-box .attach-icon-comments {
  margin-top: 7px; }

.lightbox .textarea-highlighter-wrap .comment--height {
  padding: 5px 10px;
  padding-right: 25px; }
  .lightbox .textarea-highlighter-wrap .comment--height.commentBoxTextAreaClass {
    padding: 8px 10px; }

.comments__lists {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .comments__lists .list--share-small {
    margin-top: 2px;
    margin-bottom: 4px; }
    .comments__lists .list--share-small .list--share li a {
      margin: -5px -11px -6px -3px; }
    .comments__lists .list--share-small .list--share li a {
      margin: -5px -11px -6px -12px; }

.comments__lists-item .media--small .media__img {
  height: 42px;
  width: 42px;
  margin-top: 0px !important;
  margin-left: 0px !important; }
  @media only screen and (max-width: 800px) {
    .comments__lists-item .media--small .media__img {
      height: 30px;
      width: 30px; } }

.comments__lists-item--load {
  color: #0aa1d8;
  font-size: 13px;
  text-align: center; }

.comments_data_area, .comments__lists-item--form .grid--narrow > .grid__item {
  padding-left: 2px !important; }
  .comments_data_area wt-truncate-text .shortText span, .comments__lists-item--form .grid--narrow > .grid__item wt-truncate-text .shortText span {
    padding-bottom: 0px;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal; }
    .comments_data_area wt-truncate-text .shortText span a, .comments__lists-item--form .grid--narrow > .grid__item wt-truncate-text .shortText span a {
      font-weight: bold;
      text-decoration: none;
      display: inline-block;
      max-width: calc( 100% - 110px);
      white-space: initial;
      display: initial;
      color: #0aa1d8 !important;
      line-height: 18px;
      padding: 0px;
      margin: 0px;
      vertical-align: top;
      display: inline-block;
      white-space: nowrap;
      padding-top: 2px;
      font-weight: bold; }

.comments__lists-item--reply {
  position: relative; }
  .comments__lists-item--reply wt-truncate-text .shortText span a {
    padding-right: 2px; }

.comments__lists-item--reply .comments-outer-padding-layer {
  padding-left: 62px; }

#comment-attachment-dialog.lightBoxCommentboxoverlay {
  display: none;
  padding-right: 17px;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: auto;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  max-height: 100%; }

.comments__lists-item--form {
  padding-right: 10px; }

.comments__date {
  color: #627384;
  font-size: 10px;
  line-height: 18px;
  text-align: right !important; }
  .comments__date span {
    font-style: italic; }
  .comments__date a {
    color: #CDD3D6;
    padding: 0 5px; }
    .comments__date a:hover {
      text-decoration: none; }

.comments-outer-padding-layer {
  background-color: #ffffff; }
  .comments-outer-padding-layer .descBody {
    margin-left: 59px; }
    @media only screen and (max-width: 800px) {
      .comments-outer-padding-layer .descBody {
        margin-left: 50px; } }
  .comments-outer-padding-layer .user-avatar-style.media__img {
    margin-right: 3px !important; }
  .comments-outer-padding-layer .cmt--links .list--share li a {
    margin-left: -10px; }
  .comments-outer-padding-layer .cmt--links li {
    margin-left: 0px; }
    .comments-outer-padding-layer .cmt--links li a {
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      margin-left: -10px; }
      @media only screen and (width: 800px) {
        .comments-outer-padding-layer .cmt--links li a {
          margin-left: -10px; } }
    .comments-outer-padding-layer .cmt--links li i {
      margin-right: 5px;
      border-left: 1px solid #97a3ad;
      padding-left: 10px;
      background-position-x: 10px;
      font-family: 'Open Sans', sans-serif; }
    .comments-outer-padding-layer .cmt--links li .icon-post-like {
      width: 38px;
      display: inline-block;
      background-repeat: no-repeat;
      height: 16px;
      padding-left: 20px;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      color: #647287;
      background-size: contain;
      background-size: 16px;
      background-position-y: 0px; }
      .comments-outer-padding-layer .cmt--links li .icon-post-like:hover {
        color: #97a3ad; }
    .comments-outer-padding-layer .cmt--links li .icon-post-cmt {
      width: 38px;
      display: inline-block;
      background-repeat: no-repeat;
      height: 16px;
      padding-left: 30px;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      color: #647287;
      background-size: 16px;
      background-position-y: 1px; }
      .comments-outer-padding-layer .cmt--links li .icon-post-cmt:hover {
        color: #97a3ad; }
    .comments-outer-padding-layer .cmt--links li:first-child i {
      border-left: 0px;
      background-position-x: 0px; }
    @media only screen and (max-width: 800px) {
      .comments-outer-padding-layer .cmt--links li .emoji-rectangle {
        right: calc(30% - 30px); } }
  @media only screen and (max-width: 800px) and (max-width: 400px) {
    .comments-outer-padding-layer .cmt--links li .emoji-rectangle {
      right: calc(20% - 30px); } }
  .comments-outer-padding-layer .cmt--links .comment-emoji-stroke {
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    background-size: 16px;
    height: 20px;
    line-height: 1.6;
    background-position-y: 2px;
    transition: none; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-like-color {
      color: #f5af00; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-like-color:hover {
        color: #f5af00; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-sad-color {
      color: #f5af00; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-sad-color:hover {
        color: #f5af00; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-funny-color {
      color: #f5af00; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-funny-color:hover {
        color: #f5af00; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-wow-color {
      color: #f5af00; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-wow-color:hover {
        color: #f5af00; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-angry-color {
      color: #da2f47; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-angry-color:hover {
        color: #da2f47; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-love-color {
      color: #da2f47; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-love-color:hover {
        color: #da2f47; }
    .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-celebrate-color {
      color: #f5af00; }
      .comments-outer-padding-layer .cmt--links .comment-emoji-stroke.post-celebrate-color:hover {
        color: #f5af00; }
  .comments-outer-padding-layer .cmt--links .like-desk a .icon {
    margin-right: 5px; }
    .comments-outer-padding-layer .cmt--links .like-desk a .icon.private-link {
      margin-right: 10px; }

.comments__comment {
  color: #627384;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 2px;
  max-width: calc( 100% - 8px);
  border-radius: 20px;
  background-color: #f4f5f6;
  padding: 16px 16px;
  width: auto;
  display: inline-block;
  min-width: 186px; }
  .comments__comment.emoji-btm-margin {
    margin-bottom: 5px; }
  @media only screen and (max-width: 800px) {
    .comments__comment {
      padding: 10px 10px; } }
  .comments__comment .border-tip {
    background-image: url(/app/assets/images/post/comment-border-tip.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 20px;
    left: -9px; }
  .comments__comment .descText, .comments__comment .shortText {
    padding-left: 0px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #39414d;
    padding-bottom: 0px; }
    .comments__comment .descText .tag-click, .comments__comment .shortText .tag-click {
      font-weight: 600;
      padding-top: 5px;
      line-height: 15px; }
  .comments__comment .pro-user-icon:before {
    object-fit: contain;
    display: inline-flex;
    border-radius: 2px;
    background-position-y: 0px;
    padding-bottom: 1px;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px; }
  @media only screen and (max-width: 420px) {
    .comments__comment .pro-user-icon {
      float: left; }
      .comments__comment .pro-user-icon:before {
        padding-bottom: 0px; } }
  .comments__comment .emoji-cmt-panel {
    width: fit-content;
    position: relative; }

.own-post .comments__comment {
  background-color: #f2f8fd; }
  .own-post .comments__comment .border-tip {
    background-image: url(/app/assets/images/post/comment-border-tip-own.svg); }

.comments__comment-link {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  max-width: calc( 100% - 110px);
  white-space: nowrap;
  display: initial; }
  .comments__comment-link:hover {
    text-decoration: underline; }
  @media only screen and (max-width: 800px) {
    .comments__comment-link {
      max-width: calc(100% - 60px); } }
  @media only screen and (max-width: 420px) {
    .comments__comment-link {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: inherit;
      display: block; }
      .comments__comment-link .pro-user-icon {
        float: left; }
        .comments__comment-link .pro-user-icon:before {
          padding-bottom: 0px; } }

.comments__form .textarea-highlighter-wrap {
  margin-bottom: 5px; }

.comments__form-list-icons {
  text-align: right; }
  .comments__form-list-icons li {
    line-height: 22px;
    margin-left: 10px; }
  .comments__form-list-icons a {
    color: #b4bcc4;
    font-size: 11px;
    padding: 5px;
    transition: color 0.5s ease; }
    .comments__form-list-icons a:hover {
      color: #8b97a4;
      text-decoration: none; }

.reply_comment_ul_container_main {
  margin-top: 0px; }

@media only screen and (max-width: 768px) {
  .comments_data_area a img {
    max-width: 100%; } }

@media only screen and (max-width: 768px) and (max-width: 400px) {
  .comments_data_area .mediaLayer .cmnt-media-attach iframe {
    width: 100%; } }

.comments_media_table {
  text-align: right;
  display: block;
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px; }
  .comments_media_table td {
    position: relative; }
  .comments_media_table .display-cmt-attached-img {
    width: 140px;
    height: 105px;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    background-position: center; }
    .comments_media_table .display-cmt-attached-img:hover .commentsReplyMediaDelete, .comments_media_table .display-cmt-attached-img:hover .commentsMediaDelete {
      display: block; }
  .comments_media_table .comments_edit {
    padding: 0px;
    padding-top: 5px; }

.commentsReplyMediaDelete, .commentsMediaDelete {
  position: absolute;
  cursor: pointer;
  top: calc( 50% - 19px);
  left: calc( 50% - 19px);
  font-size: 9px;
  color: #fff;
  border-radius: 10px;
  padding: 2px;
  background-color: transparent;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/cross-icon.svg);
  background-repeat: no-repeat;
  background-position: center; }
  .commentsReplyMediaDelete:hover, .commentsMediaDelete:hover {
    background-color: #39404c; }

@media only screen and (max-width: 768px) {
  #EditCommentImage img {
    max-width: 100%; }
  .postpanel .comments__box .descText a {
    max-width: 100%;
    white-space: inherit; } }

@media only screen and (max-width: 768px) and (max-width: 800px) {
  .postpanel .post-icons-list {
    width: 100%; }
    .postpanel .post-icons-list li a {
      width: 100%;
      text-align: center; }
    .postpanel .post-icons-list li .icon {
      margin-right: 0px; }
  .postpanel .list--share__mobile ul {
    margin-bottom: 8px; }
    .postpanel .list--share__mobile ul li.like-border-right {
      border-right: none; } }

@media only screen and (max-width: 800px) {
  .addCommentReplyBox .media__img {
    margin-right: -2px; } }

.addCommentReplyBox .sub-comment-avatar {
  width: 100%;
  height: 100%;
  margin-right: -2px; }
  @media only screen and (max-width: 800px) {
    .addCommentReplyBox .sub-comment-avatar {
      width: 32px;
      margin-top: 0px;
      height: 32px;
      margin-right: -2px; } }
  .addCommentReplyBox .sub-comment-avatar a {
    width: 100%; }
  .addCommentReplyBox .sub-comment-avatar img {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    max-width: 100%; }
    @media only screen and (max-width: 800px) {
      .addCommentReplyBox .sub-comment-avatar img {
        max-width: 100%; } }

.addCommentReplyBox .user_hover_panel {
  width: 32px;
  height: 32px; }

.comment-attached-img img {
  max-height: 300px;
  width: auto; }

.comnt-setting-dd {
  position: absolute;
  background-color: #1d2026;
  border-color: #2F3943;
  border-radius: 4px;
  color: #555;
  width: 110px;
  z-index: 2100;
  display: none;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  padding: 0px 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  @media only screen and (max-width: 800px) {
    .comnt-setting-dd {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px; } }

.comnt-setting-dd ul {
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); }

.comnt-setting-dd:before {
  top: -20px !important;
  width: 0;
  top: -15 !important;
  height: 0;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid #282d36 !important; }

.comnt-setting-dd:before {
  content: '';
  border-top: 10px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid #2F3943;
  position: absolute;
  right: 7px;
  top: -8px; }

.cmt--time {
  display: inline-block;
  width: auto;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #b4bbc7;
  padding-left: 7px;
  padding-right: 13px; }
  @media only screen and (max-width: 800px) {
    .cmt--time {
      padding-left: 0px;
      padding-bottom: 4px;
      margin-top: -15px; } }

.cmt-job-title {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #909bad;
  display: block;
  clear: both;
  padding-top: 5px;
  padding-bottom: 12px;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media only screen and (max-width: 800px) {
    .cmt-job-title {
      padding-bottom: 4px; } }
  @media only screen and (max-width: 800px) and (max-width: 500px) {
    .cmt-job-title {
      max-width: 360px; } }
  @media only screen and (max-width: 800px) and (max-width: 500px) and (max-width: 415px) {
    .cmt-job-title {
      max-width: 333px; } }

.cmt-post-box {
  border: solid 1px #d8dbe7;
  padding: 1px;
  border-radius: 20px;
  background-color: #F4F5F6; }
  .cmt-post-box .responsive-reply-cmt-btn {
    display: none; }
    .cmt-post-box .responsive-reply-cmt-btn.show-cmt-by-force {
      display: inline-block; }
  .cmt-post-box .show-cmt-by-force.responsive-reply-cmt-btn {
    display: inline-block; }
  .cmt-post-box:focus, .cmt-post-box:focus-within {
    background-color: #fff; }
    .cmt-post-box:focus .responsive-reply-cmt-btn, .cmt-post-box:focus-within .responsive-reply-cmt-btn {
      display: inline-block; }

@-moz-document url-prefix() {
  .cmt-post-box wt-tagging-box {
    display: block; } }
  .cmt-post-box wt-tagging-box wt-clear-field-trigger:empty:before {
    content: attr(mention-data-placeholder);
    color: #909bad; }
  .cmt-post-box .mention--style {
    padding: 10px 10px; }
  .cmt-post-box .input--text, .cmt-post-box .selectize-input {
    border: solid 1px #fff;
    border-radius: 20px;
    padding-right: 30px;
    border: 0px !important; }
    .cmt-post-box .input--text:focus, .cmt-post-box .selectize-input:focus {
      outline: none;
      border: 0px !important; }
  .cmt-post-box .mediaThumb {
    margin-top: 10px;
    margin-left: 10px; }

.show-more-comments {
  padding: 1px 5px 5px 22px;
  height: 39px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: normal;
  color: #909bad;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 10px; }
  .show-more-comments a {
    color: #0aa1d8; }

.show-more-comments.reply {
  background-color: #fff;
  padding-left: 0px;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.view-more-comments {
  float: right;
  font-weight: 600;
  margin-right: 20px;
  color: #647287; }

.reply_comment_ul_container .show-more-comments {
  padding: 5px 5px 5px 62px; }

.comment_text_section {
  width: 74% !important; }

.comment_btn_section {
  width: 24% !important;
  float: right; }

.reply_comment_ul_container {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 10px; }

.reply_comment_ul_container .comment_text_section {
  width: 73% !important; }

.reply_comment_ul_container .comment_btn_section {
  width: 25% !important;
  float: right; }

.comments__lists-item--reply {
  position: relative; }

.comments__lists-item--reply .comments-outer-padding-layer {
  padding-left: 70px; }

.replycommentLi img {
  width: 32px; }

.comments_media_table img, .comments_media_table img {
  width: 50px;
  height: 50px; }

.cmt-st-dd {
  position: absolute;
  right: 1px;
  margin-right: 0px;
  margin-top: -8px; }

@media only screen and (max-width: 800px) {
  .comments__lists-item .cmt-st-dd {
    margin-right: -5px;
    top: 12px; } }

.grid__item .comments_data_area .dropdown-box-new:before {
  top: -15px !important; }

#newsPostBoxDiv .attach-media-news {
  position: absolute;
  right: 16px;
  top: 16px !important; }

.edit-post-component .talkbox-avatar-index {
  z-index: 198 !important; }

.edit-post-component .talkboxdesktop a {
  text-decoration: none !important; }

.attach-icon-comments {
  background-image: url("/app/assets/images/post/attachment-icon.svg");
  width: 12px;
  height: 18px;
  margin-top: 12px;
  background-size: 12px 18px;
  background-repeat: no-repeat; }

.attach-icon-comments:hover {
  background-image: url("/app/assets/images/post/attachment-icon-blue.svg"); }

.reply-count-text {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: normal;
  color: #0aa1d8;
  background-image: url("/app/assets/images/post/comments/viewhidereplies.svg");
  padding-left: 20px;
  width: 100%;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  margin: 10px 55px 10px 72px;
  cursor: pointer; }
  @media only screen and (max-width: 800px) {
    .reply-count-text {
      margin-left: 54px; } }
  .reply-count-text.hide {
    margin-left: 52px;
    background-image: url("/app/assets/images/post/comments/viewhidereplies.svg"); }
    @media only screen and (max-width: 800px) {
      .reply-count-text.hide {
        margin-left: 42px; } }
  .reply-count-text.hidetop {
    margin-left: 122px;
    background-image: url("/app/assets/images/post/comments/viewhidereplies.svg"); }
    @media only screen and (max-width: 800px) {
      .reply-count-text.hidetop {
        margin-left: 95px; } }

.replycommentLi {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 70px;
  background: #fff;
  position: relative; }

.buttons--comment {
  margin-right: 10px; }

.write-box .buttons--comment a:last-child {
  margin-right: 5px; }

.write-box .buttons--comment a {
  margin-left: 0 !important; }

.replycommentLi {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 70px;
  background: #ffffff;
  position: relative; }

.button-edit-cmt {
  float: right;
  width: 70px; }

.updateCommentGrid {
  margin-top: -44px;
  margin-left: 14px; }
  .updateCommentGrid .boxpanel {
    margin-left: 10px; }
    .updateCommentGrid .boxpanel .write-box--icon {
      width: calc( 100% - 23px);
      padding-left: 6px;
      margin-right: 0px;
      padding-right: 0px; }

.comt-action-btn {
  font-size: 13px;
  padding: 0;
  width: calc( 50% - 6px);
  height: 33px;
  padding-top: 6px;
  margin-right: 5px; }
  .comt-action-btn.blue {
    background: #05a4dc;
    border: 1px solid #05a4dc;
    color: #F5F5F5;
    border-radius: 24px; }
  .comt-action-btn.gray {
    border-radius: 24px;
    background-color: #f4f5f6;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b4bbc7;
    display: inline-block;
    border: 1px solid #f4f5f6; }
  .comt-action-btn.nomargin {
    margin-right: 0px; }

.comments_data_area .list--share li a i:hover {
  color: #667586; }

.add-new-cmt-row {
  margin: 0px 20px; }

.show-next-replies {
  padding-left: 70px; }
  @media only screen and (max-width: 800px) {
    .show-next-replies {
      padding-left: 62px; } }

.comments-outer-padding-layer .cmt--links li .responsive-reply-text {
  font-family: 'Open Sans', sans-serif;
  line-height: 0.62;
  padding-left: 20px; }

.onboarding-video-player .list--container {
  display: flex;
  margin-top: 55px;
  align-items: center; }
  .onboarding-video-player .list--container .left--marSpace {
    margin-left: 10px;
    margin-right: 10px; }
  .onboarding-video-player .list--container img {
    cursor: pointer;
    width: 100px;
    height: 74px; }
  .onboarding-video-player .list--container .next-upLink {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    cursor: pointer; }
    .onboarding-video-player .list--container .next-upLink:before {
      display: inline-block;
      content: "";
      width: 10px;
      height: 10px;
      background: url(/app/assets/images/icons/triangle@3x.png) no-repeat;
      background-size: contain;
      margin-left: 17px;
      margin-right: 10px; }
  .onboarding-video-player .list--container .tumbnail--video {
    outline: 3px solid #0aa1d8;
    outline-offset: -3px; }

.webtalk-rewards-comp-margin {
  margin: 0px; }
  .webtalk-rewards-comp-margin .webtalk-rewards-box {
    border: 0px !important;
    border-radius: 0px !important; }
    .webtalk-rewards-comp-margin .webtalk-rewards-box .head {
      border-radius: 0px !important; }

@media only screen and (min-width: 800px) {
  .edit-comment-media-attachment .modal-dialog .modal-content {
    margin-top: 230px;
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); } }

.wt-selectize .mobile-dropdown-list-wrapper {
  padding-right: 25px !important; }

.wt-dd-selected-icon {
  margin-right: 5px; }

.wt-selectize {
  top: 41px; }
  @media only screen and (max-width: 800px) {
    .wt-selectize {
      top: 0px;
      right: 3px; } }
  .wt-selectize .selectize-dropdown-content, .wt-selectize .mobile-dropdown-list-wrapper {
    max-height: none; }
    .wt-selectize .selectize-dropdown-content .option, .wt-selectize .mobile-dropdown-list-wrapper .option {
      font-size: 13px;
      background: transparent;
      padding-top: 10px;
      padding-left: 15px;
      padding-bottom: 8px;
      cursor: pointer;
      height: 38px; }
      .wt-selectize .selectize-dropdown-content .option span, .wt-selectize .mobile-dropdown-list-wrapper .option span {
        background-repeat: no-repeat;
        padding-left: 27px;
        font-size: 14px;
        font-family: Open Sans;
        height: 20px; }
    .wt-selectize .selectize-dropdown-content .icon-Public span, .wt-selectize .mobile-dropdown-list-wrapper .icon-Public span {
      background-image: url("/common/images/icons/public.svg");
      background-repeat: no-repeat !important; }
    .wt-selectize .selectize-dropdown-content .icon-All span, .wt-selectize .mobile-dropdown-list-wrapper .icon-All span {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections.svg); }
    .wt-selectize .selectize-dropdown-content .icon-All span.active, .wt-selectize .mobile-dropdown-list-wrapper .icon-All span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg);
      color: #00bdcc; }
    .wt-selectize .selectize-dropdown-content .icon-files:before, .wt-selectize .mobile-dropdown-list-wrapper .icon-files:before {
      content: none; }
    .wt-selectize .selectize-dropdown-content .icon-files span, .wt-selectize .mobile-dropdown-list-wrapper .icon-files span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-white-icon.svg); }
    .wt-selectize .selectize-dropdown-content .icon-files span.active, .wt-selectize .mobile-dropdown-list-wrapper .icon-files span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-white-icon.svg);
      color: #fff; }
    .wt-selectize .selectize-dropdown-content .icon-photos:before, .wt-selectize .mobile-dropdown-list-wrapper .icon-photos:before {
      content: none; }
    .wt-selectize .selectize-dropdown-content .icon-photos span, .wt-selectize .mobile-dropdown-list-wrapper .icon-photos span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg); }
    .wt-selectize .selectize-dropdown-content .icon-photos span.active, .wt-selectize .mobile-dropdown-list-wrapper .icon-photos span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg);
      color: #fff; }
    .wt-selectize .selectize-dropdown-content .icon-videos:before, .wt-selectize .mobile-dropdown-list-wrapper .icon-videos:before {
      content: none; }
    .wt-selectize .selectize-dropdown-content .icon-videos span, .wt-selectize .mobile-dropdown-list-wrapper .icon-videos span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-white.svg); }
    .wt-selectize .selectize-dropdown-content .icon-videos span.active, .wt-selectize .mobile-dropdown-list-wrapper .icon-videos span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-white.svg);
      color: #fff; }
    .wt-selectize .selectize-dropdown-content .icon-media span, .wt-selectize .mobile-dropdown-list-wrapper .icon-media span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/mediaicon-off.svg);
      background-size: 18px; }
    .wt-selectize .selectize-dropdown-content .icon-media span.active, .wt-selectize .mobile-dropdown-list-wrapper .icon-media span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/mediaicon-off.svg);
      color: #fff; }
    .wt-selectize .selectize-dropdown-content .media-filter-videos-icon span, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-videos-icon span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-white-icon.svg) !important;
      background-repeat: no-repeat !important; }
    .wt-selectize .selectize-dropdown-content .media-filter-videos-icon:hover, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-videos-icon:hover {
      color: #79879C; }
      .wt-selectize .selectize-dropdown-content .media-filter-videos-icon:hover span, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-videos-icon:hover span {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-media-down.svg) !important;
        background-repeat: no-repeat !important;
        color: #79879C; }
    .wt-selectize .selectize-dropdown-content .media-filter-videos-icon span.active, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-videos-icon span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/videos-media-down.svg) !important;
      background-repeat: no-repeat !important; }
    .wt-selectize .selectize-dropdown-content .media-filter-photos-icon span, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-photos-icon span {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-white-icon.svg);
      background-repeat: no-repeat !important; }
    .wt-selectize .selectize-dropdown-content .media-filter-photos-icon span.active, .wt-selectize .mobile-dropdown-list-wrapper .media-filter-photos-icon span.active {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/photos-media-down.svg) !important;
      background-repeat: no-repeat !important; }
    .wt-selectize .selectize-dropdown-content .icon-unfollow, .wt-selectize .mobile-dropdown-list-wrapper .icon-unfollow {
      padding-left: 12px !important;
      content: ''; }
      .wt-selectize .selectize-dropdown-content .icon-unfollow span, .wt-selectize .mobile-dropdown-list-wrapper .icon-unfollow span {
        background-image: url("/common/images/icons_2x/block_icon.svg") !important;
        background-repeat: no-repeat;
        background-size: 17px 16px;
        background-position: 1px 0px;
        padding-left: 25px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block; }
      .wt-selectize .selectize-dropdown-content .icon-unfollow:before, .wt-selectize .mobile-dropdown-list-wrapper .icon-unfollow:before {
        content: ''; }
    .wt-selectize .selectize-dropdown-content .blockpost span, .wt-selectize .mobile-dropdown-list-wrapper .blockpost span {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disablecomments.svg) !important;
      background-repeat: no-repeat;
      background-size: 17px 16px;
      background-position: 0px center;
      padding-left: 25px !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block; }
      @media only screen and (max-width: 800px) {
        .wt-selectize .selectize-dropdown-content .blockpost span, .wt-selectize .mobile-dropdown-list-wrapper .blockpost span {
          width: calc( 100% - 70px); } }
    .wt-selectize .selectize-dropdown-content .report-user span, .wt-selectize .mobile-dropdown-list-wrapper .report-user span {
      background-image: url("/common/images/icons_2x/report-icon.svg") !important;
      background-repeat: no-repeat;
      background-size: 18px 16px;
      background-position: 0px center;
      padding-left: 25px !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .wt-selectize .selectize-dropdown-content .disable-comment-icon, .wt-selectize .mobile-dropdown-list-wrapper .disable-comment-icon {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disablecomments.svg); }
    .wt-selectize .selectize-dropdown-content .disablecomment-head, .wt-selectize .mobile-dropdown-list-wrapper .disablecomment-head {
      background-repeat: no-repeat;
      background-size: 14px;
      background-position: 15px;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
      cursor: pointer; }
      @media only screen and (max-width: 800px) {
        .wt-selectize .selectize-dropdown-content .disablecomment-head, .wt-selectize .mobile-dropdown-list-wrapper .disablecomment-head {
          padding-top: 10px !important; } }
    .wt-selectize .selectize-dropdown-content .disable-comment-padding, .wt-selectize .mobile-dropdown-list-wrapper .disable-comment-padding {
      padding-left: 40px !important;
      font-size: 14px; }
    .wt-selectize .selectize-dropdown-content .cmt-sub-cat, .wt-selectize .mobile-dropdown-list-wrapper .cmt-sub-cat {
      padding-top: 10px !important;
      padding-bottom: 8px !important;
      cursor: pointer; }
      .wt-selectize .selectize-dropdown-content .cmt-sub-cat:last-child, .wt-selectize .mobile-dropdown-list-wrapper .cmt-sub-cat:last-child {
        padding-bottom: 10px !important; }
    .wt-selectize .selectize-dropdown-content .radio-off, .wt-selectize .mobile-dropdown-list-wrapper .radio-off {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-unchecked.svg);
      background-size: 24px;
      width: 26px;
      height: 26px;
      background-repeat: no-repeat;
      cursor: pointer;
      background-position-y: 0px; }
    .wt-selectize .selectize-dropdown-content .radio-on, .wt-selectize .mobile-dropdown-list-wrapper .radio-on {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/comment-radio-checked.svg);
      width: 26px;
      height: 26px;
      background-size: 24px;
      background-repeat: no-repeat;
      cursor: pointer;
      background-position-y: 0px; }
    .wt-selectize .selectize-dropdown-content .radio-position, .wt-selectize .mobile-dropdown-list-wrapper .radio-position {
      position: absolute;
      left: 10px;
      top: calc(50% - 12px); }
    .wt-selectize .selectize-dropdown-content .checkbox-position, .wt-selectize .mobile-dropdown-list-wrapper .checkbox-position {
      position: absolute;
      right: 10px;
      top: calc(50% - 13px); }
    .wt-selectize .selectize-dropdown-content .checkbox-off, .wt-selectize .mobile-dropdown-list-wrapper .checkbox-off {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_unchecked.svg);
      background-size: 24px;
      width: 24px;
      height: 24px; }
    .wt-selectize .selectize-dropdown-content .divider, .wt-selectize .mobile-dropdown-list-wrapper .divider {
      height: 1px;
      padding: 0px;
      margin: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      background-color: #647287; }
    .wt-selectize .selectize-dropdown-content .margin-six, .wt-selectize .mobile-dropdown-list-wrapper .margin-six {
      margin-top: 6px; }
    .wt-selectize .selectize-dropdown-content .cmt-active, .wt-selectize .mobile-dropdown-list-wrapper .cmt-active {
      color: #ef5150; }
    .wt-selectize .selectize-dropdown-content .disable-comment-icon-red, .wt-selectize .mobile-dropdown-list-wrapper .disable-comment-icon-red {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/disablecomments-red.svg); }
    .wt-selectize .selectize-dropdown-content .checkbox-on, .wt-selectize .mobile-dropdown-list-wrapper .checkbox-on {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/cmt_box_checked.svg) !important;
      width: 24px;
      height: 24px;
      background-size: 24px; }
    .wt-selectize .selectize-dropdown-content .editpost span, .wt-selectize .mobile-dropdown-list-wrapper .editpost span {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/editpost.svg);
      background-size: auto 16px;
      background-position: 0px center;
      padding-left: 25px !important;
      font-size: 14px; }
    .wt-selectize .selectize-dropdown-content .deletepost span, .wt-selectize .mobile-dropdown-list-wrapper .deletepost span {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/deletepost.svg);
      background-size: auto 16px;
      background-position: 0px center;
      padding-left: 25px !important;
      font-size: 14px; }
    .wt-selectize .selectize-dropdown-content .copypost span, .wt-selectize .mobile-dropdown-list-wrapper .copypost span {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/copypost.svg);
      background-size: auto 16px;
      background-position: 0px center;
      padding-left: 25px !important;
      background-repeat: no-repeat;
      font-size: 14px; }
  .wt-selectize .newsTalkBoxSharingOptions .selectize-dropdown-content .item span {
    background-position-y: 3px; }
  .wt-selectize .mobile-dropdown-list-wrapper .item span {
    background-position-y: 0px; }
  .wt-selectize .mobile-dropdown-list-wrapper .option span {
    height: 20px;
    background-position-y: 0px; }
  .wt-selectize .mobile-dropdown-list-wrapper .icon-Public span {
    background-position-x: 2px; }
  .wt-selectize .mobile-dropdown-list-wrapper .icon-Pro span, .wt-selectize .mobile-dropdown-list-wrapper .icon-Personal span {
    background-position-x: 1px; }
  .wt-selectize .mobile-dropdown-list-wrapper .icon-Groups span {
    background-position-x: 0px; }
  .wt-selectize .mobile-dropdown-list-wrapper .disablecomment-head {
    background-position-x: 17px; }
  .wt-selectize .mobile-dropdown-list-wrapper .icon-Private span {
    background-position-x: 3px; }
  .wt-selectize .mobile-dropdown-list-wrapper .radio-off, .wt-selectize .mobile-dropdown-list-wrapper .radio-on {
    background-position-x: 2px; }

wt-media-share-modal .wt-selectize {
  top: auto;
  bottom: 55px !important; }

@media only screen and (max-width: 800px) {
  wt-media-share-modal .user-avatar-style img {
    width: 100%; } }

.elipsis-dd .wt-selectize {
  top: 28px !important;
  text-align: left;
  left: -208px !important;
  width: 230px !important; }
  .elipsis-dd .wt-selectize .option {
    background-color: transparent;
    color: #fff; }
    .elipsis-dd .wt-selectize .option .active {
      color: #fff; }
    .elipsis-dd .wt-selectize .option:hover {
      background-color: #485261; }
  .elipsis-dd .wt-selectize .editPostMenuDiv {
    position: absolute;
    width: 40px;
    height: 40px; }
  .elipsis-dd .wt-selectize:before {
    left: 210px; }

.pro-dropdown span:before {
  content: '';
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-icon-yellow.svg);
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: inline-flex;
  margin-right: 8px;
  padding-bottom: 2px;
  background-repeat: no-repeat; }

.pro-dropdown-label-icon:before {
  content: '';
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-icon-yellow.svg);
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: inline-flex;
  margin-right: 8px;
  padding-bottom: 2px;
  background-repeat: no-repeat; }

.connections-dropdown-wrapper .wt-selectize .selectize-dropdown-content .option span {
  padding-left: 8px; }

.selectize-dropdown-content .option:first-child, .selectize-dropdown-content .option:last-child {
  padding-bottom: 10px; }

.profileview-yourself span {
  background-image: url("/common/images/icons/only-me.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 3px;
  padding-left: 27px; }

.profileview-yourself:hover span {
  background-image: url("/common/images/icons/only-me-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 3px;
  padding-left: 27px;
  color: #9f9f9f; }

.option.profileview-yourself .active {
  background-image: url("/common/images/icons/only-me-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 3px;
  padding-left: 27px;
  color: #9f9f9f;
  background-color: transparent !important; }

.profileview-public span {
  background-image: url("/common/images/icons/public.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px; }

.profileview-public:hover span {
  background-image: url("/common/images/icons/public-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px;
  color: #ff9200; }

.option.profileview-public .active {
  background-image: url("/common/images/icons/public-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px;
  color: #ff9200;
  background-color: transparent !important; }

.profileview-contactsonly span {
  background-image: url("/common/images/icons/all-connections.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px; }

.profileview-contactsonly:hover span {
  background-image: url("/common/images/icons/all-connections-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px;
  color: #00bdcc; }

.option.profileview-contactsonly .active {
  background-image: url("/common/images/icons/all-connections-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 27px;
  color: #00bdcc;
  background-color: transparent !important; }

.profileview-personalcontacts span {
  background-image: url("/common/images/icons/personal-connections.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 1px;
  padding-left: 27px; }

.profileview-personalcontacts:hover span {
  background-image: url("/common/images/icons/personal-connections-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 1px;
  padding-left: 27px;
  color: #b868c8; }

.option.option.profileview-personalcontacts .active {
  background-image: url("/common/images/icons/personal-connections-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 1px;
  padding-left: 27px;
  color: #b868c8;
  background-color: transparent !important; }

.profileview-professionalcontacts span {
  background-image: url("/common/images/icons/professional-connections.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px; }

.profileview-professionalcontacts:hover span {
  background-image: url("/common/images/icons/professional-connections-over.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #798ecb !important; }

.option.profileview-professionalcontacts .active {
  background-image: url("/common/images/icons/professional-connections-over.svg") !important;
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 2px;
  padding-left: 27px;
  color: #798ecb;
  background-color: transparent !important; }

.selectize-dropdown-content .icon-name {
  color: #d6d7dd;
  padding-bottom: 11px;
  font-size: 14px !important; }

.mobile-dropdown-list-modal .icon-Public span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg); }

.mobile-dropdown-list-modal .icon-Pro span {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg);
  background-repeat: no-repeat !important;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Pro span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg);
  background-repeat: no-repeat !important;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Personal span {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg);
  background-repeat: no-repeat !important;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .icon-Personal span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) !important; }

.mobile-dropdown-list-modal .icon-Private span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me-over.svg) !important; }

.mobile-dropdown-list-modal .icon-Private span {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/only-me.svg);
  background-repeat: no-repeat !important;
  background-position-x: 5px; }

.mobile-dropdown-list-modal .icon-Groups span {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/groups.svg);
  background-repeat: no-repeat !important;
  background-position-x: 2px;
  padding-left: 27px;
  font-size: 14px;
  font-family: Open Sans; }

.mobile-dropdown-list-modal .icon-Groups span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/groups-over.svg);
  color: #66bb69 !important; }

.talkbox--mobile .wt-dd-selected-icon {
  float: left; }

.mobile-dropdown-list-modal .media-filter-files-icon span {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-white-icon.svg);
  background-repeat: no-repeat !important;
  background-position-x: 2px; }

.mobile-dropdown-list-modal .media-filter-files-icon span.active {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/filter/files-gray.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: 2px; }

.spinner {
  margin: 0 auto;
  text-align: center;
  width: 70px; }
  .spinner > div {
    background-color: #00a3d9;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    width: 12px;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eee, white 25px);
  background-image: -moz-linear-gradient(top, #eee, white 25px);
  background-image: -o-linear-gradient(top, #eee, white 25px);
  background-image: linear-gradient(to top, #eee, white 25px); }

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 25px; }

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #FF6B69;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all  0.15s ease-out;
  -o-transition: all  0.15s ease-out;
  transition: all  0.15s ease-out; }
  .switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    font-weight: bold;
    font-family: 'webtalk';
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit; }
  .switch-label:before {
    content: '\e625';
    right: 11px;
    color: white;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  .switch-label:after {
    content: '\e624';
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0; }

.switch-input:checked ~ .switch-label {
  background: #00C6C1;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
  .switch-input:checked ~ .switch-label:before {
    opacity: 0; }
  .switch-input:checked ~ .switch-label:after {
    opacity: 1; }

.switch-input:checked ~ .switch-handle {
  left: 33px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
  .switch-input:checked ~ .switch-handle:before {
    background: #00C6C1; }

.contact-switch-label {
  background: #B0B8C4 !important;
  height: 18px;
  width: 41px; }

.standard-switch-label {
  background: #B0B8C4 !important;
  height: 18px;
  width: 41px; }

.switch-input-two {
  display: none;
  background-image: none; }
  .switch-input-two:checked ~ .contact-switch-label {
    background: #028eca !important;
    box-shadow: none; }
    .switch-input-two:checked ~ .contact-switch-label:before {
      opacity: 0; }
    .switch-input-two:checked ~ .contact-switch-label:after {
      opacity: 1; }
  .switch-input-two:checked ~ .standard-switch-label {
    background: #028eca !important;
    box-shadow: none; }
    .switch-input-two:checked ~ .standard-switch-label:before {
      opacity: 0; }
    .switch-input-two:checked ~ .standard-switch-label:after {
      opacity: 1; }
  .switch-input-two:checked ~ .switch-handle {
    left: 26px;
    box-shadow: none; }
    .switch-input-two:checked ~ .switch-handle:before {
      background: #ffffff !important; }

.contact-switch-label:before {
  content: 'no';
  text-transform: lowercase;
  font-family: Montserrat;
  font-size: 0.94em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  top: 40%;
  right: 9px;
  text-shadow: none !important; }

.contact-switch-label:after {
  content: 'yes';
  text-transform: lowercase;
  font-family: Montserrat;
  font-size: 0.94em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  top: 40%;
  left: 6px; }

.standard-switch-label:before {
  content: 'off';
  text-transform: lowercase;
  font-family: Montserrat;
  font-size: 0.94em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  top: 40%;
  right: 9px;
  text-shadow: none !important; }

.standard-switch-label:after {
  content: 'on';
  text-transform: lowercase;
  text-shadown: none;
  font-family: Montserrat;
  font-size: 0.94em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  top: 40%;
  left: 6px; }

.switch-two:checked ~ .switch {
  background: #0aa1d8; }

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to top, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out; }
  .switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    background: #FF6B69;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }

.contact-switch-handle {
  width: 13px;
  height: 13px;
  left: 2px;
  top: 5px; }
  .contact-switch-handle:before {
    background: #f0f0f0 !important;
    width: 0px;
    height: 0px; }

.standard-switch-handle {
  width: 13px;
  height: 13px;
  left: 2px;
  top: 5.5px; }
  .standard-switch-handle:before {
    background: #f0f0f0 !important;
    width: 0px;
    height: 0px; }

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845; }

.post__content {
  padding-bottom: 0; }

.news_box--media__play:before {
  background: transparent url(https://wtdemo.webtalk.co/static/public/app/assets/images/play-video.svg) no-repeat center center/cover;
  content: " ";
  display: block;
  height: 70px;
  left: 50%;
  margin: -36px 0 0 -35px;
  position: absolute;
  top: 50%;
  width: 70px;
  z-index: 5; }

.link-color-only {
  color: #0aa1d8; }

.tagged-user-info {
  margin-right: 3px; }

.icon-post-cmt {
  background-image: url(/app/assets/images/post/comments.svg); }
  .icon-post-cmt:hover {
    background-image: url(/app/assets/images/post/comments-over.svg); }
  .icon-post-cmt.selected {
    background-image: url(/app/assets/images/post/comments-blue.svg); }

.icon-post-share {
  background-image: url(/app/assets/images/post/share.svg); }
  .icon-post-share:hover {
    background-image: url(/app/assets/images/post/share-over.svg); }
  .icon-post-share.selected {
    background-image: url(/app/assets/images/post/share-blue.svg); }

.icon-post-like {
  background-image: url(/app/assets/images/post/like.svg);
  background-repeat: no-repeat; }
  .icon-post-like:hover {
    background-image: url(/app/assets/images/post/like-over.svg); }
  .icon-post-like.selected {
    background-image: url(/app/assets/images/post/like-blue.svg); }

.icon-post-reply {
  background-image: url(/app/assets/images/post/reply-blue-f.svg); }

.post-icons-list {
  font-size: 15px; }
  .post-icons-list li a {
    -webkit-user-select: none;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #647287;
    margin-right: 6px; }
    @media only screen and (max-width: 800px) {
      .post-icons-list li a {
        font-size: 14px; } }
    .post-icons-list li a:hover .icon {
      color: #97A3AD; }
  .post-icons-list .icon {
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 25px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
    text-transform: capitalize;
    background-size: 20px;
    height: 20px; }
    @media only screen and (min-width: 800px) {
      .post-icons-list .icon {
        padding-right: 20px; } }
    @media only screen and (max-width: 800px) {
      .post-icons-list .icon {
        margin-right: 20px; } }
  .post-icons-list .icon-post-cmt {
    width: auto;
    height: 20px;
    background-size: 20px 20px; }
  .post-icons-list .icon-post-like {
    width: auto;
    height: 20px;
    background-size: 20px; }
  .post-icons-list .icon-post-share {
    width: auto;
    height: 20px;
    background-size: 17px; }
  .post-icons-list li a i.post-like-color {
    color: #f5af00; }
    .post-icons-list li a i.post-like-color:hover {
      color: #f5af00; }
  .post-icons-list li a i.post-sad-color {
    color: #f5af00; }
    .post-icons-list li a i.post-sad-color:hover {
      color: #f5af00; }
  .post-icons-list li a i.post-funny-color {
    color: #f5af00; }
    .post-icons-list li a i.post-funny-color:hover {
      color: #f5af00; }
  .post-icons-list li a i.post-wow-color {
    color: #f5af00; }
    .post-icons-list li a i.post-wow-color:hover {
      color: #f5af00; }
  .post-icons-list li a i.post-angry-color {
    color: #da2f47; }
    .post-icons-list li a i.post-angry-color:hover {
      color: #da2f47; }
  .post-icons-list li a i.post-love-color {
    background-size: 20px 20px;
    color: #da2f47; }
    .post-icons-list li a i.post-love-color:hover {
      color: #da2f47; }
  .post-icons-list li a i.post-celebrate-color {
    color: #f5af00; }
    .post-icons-list li a i.post-celebrate-color:hover {
      color: #f5af00; }

.post-stats-info {
  display: block;
  width: 100%;
  height: 20px;
  padding: 15px 22px 12px 15px;
  margin-bottom: 22px; }
  @media only screen and (max-width: 800px) {
    .post-stats-info {
      padding: 10px 10px 10px 4px;
      width: 100%;
      margin-bottom: 8px;
      height: 35px; } }
  .post-stats-info .emojis {
    width: calc(50% - 12px);
    float: left;
    display: inline-block;
    text-align: left;
    margin-top: -2px; }
    @media only screen and (max-width: 800px) {
      .post-stats-info .emojis {
        width: 50px; } }
  .post-stats-info .post-stats-panel {
    width: calc(50% - 20px);
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    color: #647287;
    display: inline-block;
    float: right;
    text-align: right; }
    .post-stats-info .post-stats-panel span {
      cursor: pointer; }
    @media only screen and (max-width: 800px) {
      .post-stats-info .post-stats-panel {
        width: calc(100% - 80px); } }
  .post-stats-info .emoji-rectangle-list {
    box-shadow: none;
    width: auto;
    height: 22px; }
    @media only screen and (max-width: 800px) {
      .post-stats-info .emoji-rectangle-list {
        width: 90px;
        padding-left: 5px; } }
    .post-stats-info .emoji-rectangle-list .comment-emoji .icon {
      display: inline-block;
      height: 22px;
      margin-left: 5px; }
      .post-stats-info .emoji-rectangle-list .comment-emoji .icon.shift-left {
        margin-left: 0; }
    .post-stats-info .emoji-rectangle-list .comment-emoji:nth-child(2) .icon {
      margin-left: -7px; }
    .post-stats-info .emoji-rectangle-list .comment-emoji:nth-child(3) .icon {
      margin-left: -7px; }
    .post-stats-info .emoji-rectangle-list .comment-emoji:nth-child(4) .icon {
      margin-left: -7px; }
    .post-stats-info .emoji-rectangle-list .comment-emoji:nth-child(5) .icon {
      margin-left: -7px; }
    .post-stats-info .emoji-rectangle-list .emoji-count {
      line-height: 20px;
      font-family: 'Open Sans', sans-serif;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      margin-left: 2px;
      color: #647287; }
      .post-stats-info .emoji-rectangle-list .emoji-count span {
        color: #0aa1d8;
        cursor: pointer; }
        .post-stats-info .emoji-rectangle-list .emoji-count span.one-person-liked {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          width: 220px;
          display: inline-block;
          margin-left: 2px; }
      .post-stats-info .emoji-rectangle-list .emoji-count .liked {
        color: #647287; }
    .post-stats-info .emoji-rectangle-list .name-and-others span {
      display: inline-block;
      overflow: hidden; }
      .post-stats-info .emoji-rectangle-list .name-and-others span:nth-child(1) {
        white-space: nowrap;
        max-width: 100px;
        text-overflow: ellipsis; }
        .post-stats-info .emoji-rectangle-list .name-and-others span:nth-child(1).name-and-1 {
          max-width: 128px; }
        .post-stats-info .emoji-rectangle-list .name-and-others span:nth-child(1).name-and-0 {
          max-width: 128px; }
        .post-stats-info .emoji-rectangle-list .name-and-others span:nth-child(1).name-and-2 {
          max-width: 110px; }
        .post-stats-info .emoji-rectangle-list .name-and-others span:nth-child(1).name-and-3 {
          max-width: 100px; }
    .post-stats-info .emoji-rectangle-list .name-and-others p {
      display: inline-block;
      overflow: hidden; }

.post-url-preview {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }
  .post-url-preview .wt-web-preview .site-image img {
    max-height: 500px; }

[contenteditable] {
  outline: 0px solid transparent; }

[contenteditable]:focus {
  outline: 0px solid transparent; }

.postpanel {
  padding-bottom: 10px; }
  .postpanel canvas.blur {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eee; }
  .postpanel [contenteditable]:focus {
    outline: 0px solid transparent; }
  .postpanel [contenteditable]:read-write:focus {
    outline: none;
    border: none;
    box-shadow: none !important; }
  .postpanel .input--text:read-write:focus,
  .postpanel .input--text:-moz-read-write:focus {
    outline: 0px solid transparent;
    border: none;
    box-shadow: none !important; }
  .postpanel .input--text {
    background-color: #F4F5F6;
    border: 0px solid; }
    .postpanel .input--text:focus {
      outline: none;
      border: 0px solid;
      background-color: #fff;
      box-shadow: none !important; }
  .postpanel .js-box-textarea {
    margin-top: 5px; }
  @media only screen and (max-width: 800px) {
    .postpanel {
      padding-bottom: 0px; } }
  .postpanel .username--heading--job {
    color: #909bad; }
  .postpanel .time-line-user {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: Montserrat;
    font-size: 15px; }
    @media only screen and (max-width: 800px) {
      .postpanel .time-line-user {
        font-size: 14px; } }
  .postpanel .media-content {
    padding-bottom: 10px; }
    .postpanel .media-content.no-media-post {
      padding-bottom: 0px; }
    @media only screen and (min-width: 801px) {
      .postpanel .media-content cwt-youtube-i-frame {
        display: flex;
        width: 644px; } }
    @media only screen and (max-width: 800px) {
      .postpanel .media-content {
        padding-left: 10px;
        padding-right: 10px; } }
  .postpanel .wt-web-preview .web-url-desc {
    padding: 10px 20px 15px 20px !important;
    border-bottom: 1px solid #d8dbe7; }
  .postpanel .shared-news-panel .wt-web-preview .web-url-desc {
    border-bottom: 0px; }
  .postpanel .media-footer.island.list--share__mobile {
    padding: 20px;
    padding-bottom: 0px; }
  .postpanel .media-footer {
    padding: 20px 20px 10px 20px;
    border-top: 1px solid #eeeff1;
    background-color: #fff;
    margin: 0px 20px; }
    .postpanel .media-footer.remove-border {
      border: none; }
    @media only screen and (max-width: 800px) {
      .postpanel .media-footer {
        padding: 0px 0px;
        margin: 0px 10px; } }
    @media only screen and (max-width: 800px) {
      .postpanel .media-footer .grid .emoji-rectangle.news {
        margin-top: -45px;
        right: calc(30% - 30px); } }
  @media only screen and (max-width: 800px) and (max-width: 320px) {
    .postpanel .media-footer .grid .emoji-rectangle.news {
      right: calc(20% - 36px); } }
  .postpanel .post-nav-prev {
    display: none;
    top: calc(50% - 30px);
    position: absolute;
    left: 10px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    z-index: 198;
    background-color: rgba(57, 64, 76, 0.9);
    border-radius: 50%;
    background-size: 80%;
    background-position: 2px;
    background-image: url(/app/assets/images/icons/prev-nav-arrow.svg);
    background-size: 8px 15px;
    background-repeat: no-repeat;
    background-position: 16px 15px; }
    @media only screen and (max-width: 800px) {
      .postpanel .post-nav-prev {
        left: 15px;
        display: block;
        top: calc(50% - 20px); } }
  .postpanel .post-nav-next {
    display: none;
    top: calc(50% - 30px);
    position: absolute;
    right: 10px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    z-index: 198;
    border-radius: 50%;
    background-position: 7px;
    background-color: rgba(57, 64, 76, 0.9);
    background-image: url(/app/assets/images/icons/next-nav-arrow.svg);
    background-size: 8px 15px;
    background-repeat: no-repeat;
    background-position: 19px 15px; }
    @media only screen and (max-width: 800px) {
      .postpanel .post-nav-next {
        right: 15px;
        display: block;
        top: calc(50% - 20px); } }
  .postpanel .post-nav-next:hover, .postpanel .post-nav-prev:hover {
    background-color: #39404c; }
  .postpanel.shared-post-panel .post--media--section {
    border-radius: 4px;
    border: solid 1px #d8dbe7;
    margin: 20px 0px 0px 0px;
    padding: 20px 20px 0px 20px; }
    .postpanel.shared-post-panel .post--media--section .post-media-thumb-wrapper {
      height: 110px; }
  @media only screen and (min-width: 801px) {
    .postpanel.shared-post-panel .media-content cwt-youtube-i-frame {
      display: flex;
      width: 602px; } }
  .postpanel .link--color {
    color: #0aa1d8;
    cursor: pointer; }
  .postpanel .view-attachment {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal; }
  .postpanel .editPostMenuDiv {
    color: #dcdfe5; }
    .postpanel .editPostMenuDiv .icon-dropdown {
      color: #dcdfe5; }
  .postpanel .list--horizontal .btn--icon .icon {
    color: #dcdfe5; }
  .postpanel .share-post-content-trim {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 1.2;
    clear: both;
    color: #909bad;
    font-family: 'Montserrat'; }
    @media only screen and (max-width: 800px) {
      .postpanel .share-post-content-trim {
        font-size: 15px; } }
  .postpanel .opensans {
    font-family: 'Open Sans'; }
  .postpanel .media-nav-counts {
    border-radius: 100px;
    width: auto;
    display: table;
    padding: 2px 7px;
    background-color: rgba(57, 64, 76, 0.75);
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    height: 18px; }
  .postpanel .media-nav-circles {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 10px;
    z-index: 6;
    display: table;
    text-align: center; }
    .postpanel .media-nav-circles.media-video {
      bottom: 48px; }
    .postpanel .media-nav-circles .circle-container {
      padding-bottom: 1px;
      padding: 2px 7px;
      padding-top: 0px;
      width: auto;
      display: table;
      border-radius: 100px;
      background-color: rgba(57, 64, 76, 0.75);
      margin: auto; }
    .postpanel .media-nav-circles .circle {
      width: 9px;
      height: 9px;
      opacity: 0.2;
      display: inline-block;
      margin-right: 3px;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      vertical-align: middle; }
      .postpanel .media-nav-circles .circle.active {
        opacity: 1; }
      .postpanel .media-nav-circles .circle:last-child {
        margin-right: 0px; }
      @media only screen and (max-width: 800px) {
        .postpanel .media-nav-circles .circle:not(:nth-child(-n + 20)) {
          display: none; } }
  .postpanel .soundcloud-wrapper {
    height: 165px; }

.post-parent-comment {
  margin-left: 48px; }
  @media only screen and (max-width: 800px) {
    .post-parent-comment {
      margin-left: 40px; } }

.postPanelImagesMedia .play-thumb-icon {
  background-image: url(/app/assets/images/post/preview/play-icon-thumb.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 31px;
  height: 31px;
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 16px);
  display: flex;
  z-index: 2;
  left: calc(50% - 16px); }

.post-media-thumb-wrapper {
  display: block;
  height: 96px; }
  .post-media-thumb-wrapper:hover .postPanelImagesMedia {
    overflow: auto !important;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden; }
  @media only screen and (max-width: 800px) {
    .post-media-thumb-wrapper {
      height: auto; }
      .post-media-thumb-wrapper .postPanelImagesMedia {
        overflow: auto !important;
        overflow: scroll;
        overflow-x: auto;
        overflow-y: hidden; } }

.post-image-view-layer {
  position: relative;
  margin-top: 20px; }

.talkbox-textarea:empty:before {
  color: #647287; }

.talkbox-wrapper.focused-layout {
  z-index: 205;
  border: solid 1px #d8dbe7; }

.talkbox-wrapper.default-layout {
  z-index: 202; }
  .talkbox-wrapper.default-layout .switch-toogle .public {
    background-color: #44b6e0; }
  .talkbox-wrapper.default-layout .switch-toogle.public {
    background-color: #44b6e0; }
  .talkbox-wrapper.default-layout .switch-toogle.all {
    background-color: #44b6e0; }
  .talkbox-wrapper.default-layout .switch-toogle.pro {
    background-color: #44b6e0; }
  .talkbox-wrapper.default-layout .switch-toogle.personal {
    background-color: #44b6e0; }
  .talkbox-wrapper.default-layout .switch-toogle.groups {
    background-color: #44b6e0; }

div.imagePreviewFrame {
  width: calc(100%);
  position: relative;
  background-color: #97A3AD;
  padding: 0px;
  height: 100%;
  margin: 0px 0px 0px 0px; }
  div.imagePreviewFrame .media-bg-gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle at 0 0, #c4ccd9, #727d8e); }
  div.imagePreviewFrame div.image-preview-container {
    height: 350px;
    display: flex;
    margin: 0px;
    width: calc(100%);
    text-align: center; }
    @media only screen and (max-width: 800px) {
      div.imagePreviewFrame div.image-preview-container {
        height: 200px; } }
    div.imagePreviewFrame div.image-preview-container .preview-file {
      z-index: 1;
      position: relative;
      vertical-align: middle;
      margin: auto;
      display: flex; }
    div.imagePreviewFrame div.image-preview-container > img {
      margin: auto; }
    div.imagePreviewFrame div.image-preview-container > img.fader {
      display: none; }
      div.imagePreviewFrame div.image-preview-container > img.fader.show {
        display: block;
        height: 100px; }
  div.imagePreviewFrame img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.preview-box {
  overflow: hidden;
  margin: 0px 0px;
  width: calc(100% + 20px);
  border-top: 1px solid #eeeff1;
  border-bottom: solid 1px #eeeff1 !important; }
  .preview-box:hover .media-preview-info {
    display: block; }
  .preview-box:hover .post-nav-prev, .preview-box:hover .post-nav-next {
    display: block; }

.youtube-video-container {
  padding-bottom: 0px;
  text-align: center;
  margin-top: 0px; }
  .youtube-video-container .youtube-video {
    height: 350px;
    width: 100%; }
    @media only screen and (max-width: 800px) {
      .youtube-video-container .youtube-video {
        height: 350px;
        max-height: 350px;
        overflow: hidden; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.videorow {
  margin: 0px auto;
  margin-bottom: 0px; }

.news-shared-setting-icon .btn--icon {
  border: none; }

.show-list-panel-tip:before {
  border-top-color: #1d2026;
  top: 100%;
  left: 45%; }

#media-post-wrapper .postpanel .post__content wt-truncate-text .static-post, #media-post-wrapper .postpanel .post__content wt-truncate-text .shortText {
  padding-bottom: 0px; }

#media-post-wrapper .postpanel .post__content .post-url-preview {
  margin-top: 18px; }

.shared-post-panel .preview-box {
  border-bottom: 0px; }

.shared-post-panel .preview-file {
  border-bottom: 0px !important; }

@media only screen and (min-width: 801px) {
  .shared-post-panel .imagePreviewFrame {
    border-radius: 4px; } }

.shared-post-panel .preview-box {
  border-bottom: 0px; }

.shared-post-panel wt-web-preview {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.shared-post-user-info {
  width: 100%; }
  .shared-post-user-info .user-info-wrapper {
    float: left;
    display: block;
    margin-left: 0px;
    width: 100%;
    margin-top: -10px; }
    @media only screen and (max-width: 800px) {
      .shared-post-user-info .user-info-wrapper {
        margin: -10px;
        width: calc(100% + 20px); } }
    .shared-post-user-info .user-info-wrapper .avatar-user .media__img {
      width: 52px;
      height: 52px; }
    .shared-post-user-info .user-info-wrapper .user-info {
      float: left;
      display: inline-block;
      margin-left: 0px;
      width: calc(100% - 70px); }
      .shared-post-user-info .user-info-wrapper .user-info .username {
        height: 22px; }
        .shared-post-user-info .user-info-wrapper .user-info .username .pro-user-icon:before {
          width: 13px;
          height: 13px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position-y: 0px;
          background-position-x: 0px;
          padding-bottom: 1px;
          border-radius: 4px;
          margin-right: 5px;
          float: left;
          margin-top: 2px; }
      .shared-post-user-info .user-info-wrapper .user-info .username--heading--job {
        height: 18px;
        width: 100%;
        font-size: 12px; }

.shared-info-job-time {
  width: 100%;
  margin-left: 60px; }

.shared-news-text-wrapper {
  padding-top: 20px; }
  @media only screen and (max-width: 800px) {
    .shared-news-text-wrapper {
      padding-bottom: 10px; } }

.cmt-post-parent-mobile {
  position: relative;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  background-color: #F4F5F6;
  border-radius: 20px; }

@media only screen and (max-width: 800px) {
  .desktop-attach-icon {
    display: none; } }

.isSharedPostModalTop {
  border: solid 3px #d8dbe7; }

.loading-file-wrapper {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  position: absolute;
  margin: auto;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  z-index: 3;
  height: 105px;
  display: none;
  color: #0aa1d8; }
  .loading-file-wrapper .fader {
    height: 50px;
    position: relative; }

.media-refresh-wrapper {
  width: 172px;
  height: 42px;
  border-radius: 4px;
  background-color: #ebebec;
  margin: auto;
  position: absolute;
  bottom: 100px;
  left: calc(50% - 85px);
  background-repeat: no-repeat;
  background-image: url(/app/assets/images/post/refresh.svg);
  background-position: 10px center;
  padding-left: 0px;
  padding-top: 12px;
  z-index: 3;
  display: none; }
  .media-refresh-wrapper .text {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #909bad; }

.shared-post-redirect-link {
  width: calc(100% + 40px);
  background: transparent;
  position: absolute;
  left: -21px;
  top: -30px;
  z-index: 3;
  cursor: pointer;
  height: calc( 100% + 50px); }

.consolidate-post-comment {
  margin: 20px; }
  .consolidate-post-comment .nav {
    margin-bottom: 15px;
    display: table;
    width: 100%; }
    .consolidate-post-comment .nav .link {
      float: left;
      width: auto;
      display: inline-block; }
      .consolidate-post-comment .nav .link a {
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: normal;
        color: #0aa1d8; }
    .consolidate-post-comment .nav .count {
      float: right;
      width: auto;
      display: inline-block;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      color: #647287; }

.logout-layer {
  background-color: none;
  cursor: pointer;
  position: absolute;
  width: 100%;
  margin-top: -4px;
  display: block;
  overflow: hidden;
  margin-left: -15px;
  height: 26px; }
  .logout-layer.big {
    margin-left: -40px; }
    @media only screen and (max-width: 800px) {
      .logout-layer.big {
        margin-left: -10px;
        height: 40px;
        margin-top: 0px; } }
  @media only screen and (max-width: 800px) {
    .logout-layer {
      margin-left: 0px; } }

.box--media__share-items .logout-layer {
  margin-left: -5px;
  height: 30px;
  margin-top: 3px; }

.adsbygoogle iframe {
  height: auto;
  max-height: 450px; }

.searchSelectorPopup li .pro-user-icon:before {
  width: 12px;
  height: 12px;
  background-size: 10px; }

.spotlight-post-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/post/spotlight-icon.svg);
  background-repeat: no-repeat; }

.grid-image img {
  display: inline-block;
  overflow: hidden; }

.tabs--pro {
  background: transparent;
  border: none;
  padding: 0; }
  .tabs--pro .ui-tabs-panel {
    padding: 80px 10px 0; }
  .tabs--pro .ui-widget-header {
    border: none;
    background: transparent; }
  .tabs--pro .ui-tabs-nav {
    background: transparent;
    position: absolute;
    top: 0;
    padding: 0;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 1px 2px #ccc;
    width: 230px; }
    .tabs--pro .ui-tabs-nav li {
      margin: 0;
      border-radius: 0; }
      .tabs--pro .ui-tabs-nav li a {
        padding: 15px 40px; }
    .tabs--pro .ui-tabs-nav:after {
      content: " ";
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/slit-shadow.png) no-repeat 0 -4px;
      height: 35px;
      width: 200px;
      position: absolute;
      background-size: contain;
      left: 50%;
      top: 24px;
      transform: translate(-50%, 0);
      z-index: -1; }
  .tabs--pro .ui-state-hover,
  .tabs--pro .ui-widget-content .ui-state-hover,
  .tabs--pro .ui-widget-header .ui-state-hover,
  .tabs--pro .ui-state-focus,
  .tabs--pro .ui-widget-content .ui-state-focus,
  .tabs--pro .ui-widget-header .ui-state-focus {
    box-shadow: none; }
  .tabs--pro.ui-widget-content .ui-state-default {
    background: white;
    border-color: transparent;
    color: #4f5d73;
    font-size: 13px;
    height: 49px; }
    .tabs--pro.ui-widget-content .ui-state-default.ui-state-active {
      background: #0ba9db;
      background: -moz-linear-gradient(top, #0ba9db 0%, #0999d5 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0ba9db), color-stop(100%, #0999d5));
      background: -webkit-linear-gradient(top, #0ba9db 0%, #0999d5 100%);
      background: -o-linear-gradient(top, #0ba9db 0%, #0999d5 100%);
      background: -ms-linear-gradient(top, #0ba9db 0%, #0999d5 100%);
      background: linear-gradient(to bottom, #0ba9db 0%, #0999d5 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba9db', endColorstr='#0999d5',GradientType=0 ); }
      .tabs--pro.ui-widget-content .ui-state-default.ui-state-active a {
        color: white;
        font-size: 13px;
        background-color: #0aa1d8;
        height: 49px; }
  .tabs--pro.ui-widget-content li:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .tabs--pro.ui-widget-content li:nth-child(2) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

@media only screen and (min-width: 700px) {
  .tabs--pro .ui-tabs-nav {
    width: auto; }
    .tabs--pro .ui-tabs-nav:after {
      width: 600px; } }

#tabTres3 {
  overflow-y: auto;
  max-height: calc(100% - 60px); }

.buttons--gallery {
  display: block;
  left: calc(50% - 16.5px);
  position: relative;
  width: 50%; }
  .buttons--gallery .bullet {
    display: inline-block;
    margin-right: 5px;
    background: #8D98A5;
    cursor: pointer;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transition: background 0.3s ease-in-out; }
    .buttons--gallery .bullet:last-child {
      margin-right: 0; }
    .buttons--gallery .bullet.current {
      background: #3AADDC; }
  .buttons--gallery.size-medium > .bullet {
    width: 8px;
    height: 8px; }
  .buttons--gallery.gray-version .bullet {
    background: #d6d7dd; }
    .buttons--gallery.gray-version .bullet.current {
      background: #adb0bc; }

.model-popup-overflow .person-wrapper-list-item {
  width: 210px;
  display: inline-block;
  margin-bottom: 20px;
  height: 271px;
  max-height: 271px;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    .model-popup-overflow .person-wrapper-list-item {
      margin-bottom: 0px;
      height: 147px; } }
  .model-popup-overflow .person-wrapper-list-item .person-wrapper {
    border-style: none;
    overflow: hidden;
    position: relative;
    width: 190px; }
    .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-image-box {
      border-style: none;
      overflow: hidden;
      position: relative; }
      .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-image-box .person-media-image {
        height: 190px;
        width: 190px;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px; }
    .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-grey-box {
      border-bottom: 1px solid #b0b8c1;
      border-right: 1px solid #cdd4d7;
      border-left: 1px solid #cdd4d7;
      border-top: 1px solid #cdd4d7;
      font-size: 13px;
      width: 190px;
      height: 67px;
      background-color: #EEEFF1;
      padding: 15px; }
    .model-popup-overflow .person-wrapper-list-item .person-wrapper .btn-media {
      background-color: #FFFFFF;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px; }

.model-popup-overflow .box--media__connections {
  padding: 0px 10px 0px 0px; }
  @media only screen and (max-width: 500px) {
    .model-popup-overflow .box--media__connections {
      padding: 20px 10px 20px 0px; } }
  .model-popup-overflow .box--media__connections .drop-options.show {
    max-width: 199px;
    left: 1px; }
    @media only screen and (max-width: 500px) {
      .model-popup-overflow .box--media__connections .drop-options.show {
        left: inherit;
        top: 60px; } }

.btn-media:hover {
  text-decoration: none; }

.btn-media {
  width: 95px;
  height: 40px;
  background-color: #EEEFF1;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom: 1px solid #cdd4d7;
  border-right: 1px solid #cdd4d7;
  border-left: 1px solid #cdd4d7;
  color: #b0b9c1;
  text-align: center;
  transition: all 0.1s ease;
  padding-top: 12px; }
  .btn-media .icon-mutual-wrapper {
    font-size: 18px;
    margin-top: -5px; }
  .btn-media .mutual-count {
    font-size: 12px;
    position: relative;
    top: -6px; }

.connect {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-right: 1px solid #b0b8c1 !important;
  float: left; }

.message {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-right: 1px solid #b0b8c1 !important;
  float: left; }

.mutual {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0px;
  float: right;
  border-left: 0px solid #cdd4d7 !important; }

.not-joined {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  float: right;
  border-left: 1px solid #cdd4d7 !important;
  width: 190px !important; }

.null-background-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/no-pic.png) no-repeat !important;
  background-size: 100% !important; }

@media only screen and (max-width: 500px) {
  .model-popup-overflow {
    background-color: #FFFFFF; }
    .model-popup-overflow .person-wrapper-list-item {
      width: 100%;
      display: inline;
      position: relative; }
      .model-popup-overflow .person-wrapper-list-item .person-wrapper {
        border: 0;
        border-bottom: 1px solid #e2e4ec;
        padding-bottom: 20px;
        padding-top: 20px;
        border-radius: 0;
        overflow: visible;
        width: 100%;
        display: -webkit-box;
        position: relative; }
        .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-image-box {
          min-width: 100px;
          width: 33.3%; }
          .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-image-box .person-media-image {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            width: 100px;
            height: 100px; }
        .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-grey-box {
          border-bottom: 0px solid #b0b8c1;
          border-right: 0px solid #cdd4d7;
          border-left: 0px solid #cdd4d7;
          border-top: 0px solid #cdd4d7;
          background-color: transparent;
          padding: 0px;
          height: 50px;
          width: 0px;
          width: 158px; }
          .model-popup-overflow .person-wrapper-list-item .person-wrapper .person-grey-box .text-ellipsis {
            display: inline-block;
            max-width: 158px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
  .person-grey-box-wrapper {
    padding-left: 10px;
    width: 63.5%; }
    .person-grey-box-wrapper ul {
      width: 100%;
      position: relative; }
      .person-grey-box-wrapper ul li {
        width: 100%;
        position: relative; }
        .person-grey-box-wrapper ul li .btn-media {
          border-bottom-right-radius: 0px !important;
          border-bottom-left-radius: 0px !important;
          border: 1px solid #cdd4d7 !important;
          position: relative;
          width: 100%; }
        .person-grey-box-wrapper ul li .connect {
          width: 50%;
          border-right: 1px solid #b0b8c1 !important; }
        .person-grey-box-wrapper ul li .message {
          width: 50%;
          border-right: 1px solid #b0b8c1 !important; }
        .person-grey-box-wrapper ul li .mutual {
          width: 50%;
          border-left: 0px solid #cdd4d7 !important; }
        .person-grey-box-wrapper ul li .btn-media-responsive-visibility {
          visibility: hidden; } }

@media only screen and (max-width: 420px) {
  .responsive-box {
    width: 333px; } }

@media only screen and (max-width: 414px) {
  .responsive-box {
    width: 373px; } }

@media only screen and (max-width: 412px) {
  .responsive-box {
    width: 370px; } }

@media only screen and (max-width: 375px) {
  .responsive-box {
    width: 333px; } }

@media only screen and (max-width: 360px) {
  .responsive-box {
    width: 320px; } }

@media only screen and (max-width: 320px) {
  .responsive-box {
    width: 278px; } }

@media only screen and (max-width: 450px) {
  .modal-close-contact {
    margin-right: -18px; }
  .title-align {
    margin-left: 10px;
    margin-top: 10px; }
  #mutual-connection-modal .modal-close-contact {
    margin-top: 10px;
    margin-right: -10px; }
  wt-people-you-may-know-modal .modal-body h3.sidebar__title {
    margin-top: 0px; }
  wt-people-you-may-know-modal .modal-close-contact {
    margin-top: 10px;
    margin-right: -10px; } }

/**************************/
/*Uploadbox css*/
.talkbox-desktop .upload_modal .main_upload_contentarea {
  padding: 33px 0px 35px 0px !important;
  padding-bottom: 35px !important;
  height: 150px;
  margin-left: 0px;
  margin-right: 0px; }
  .talkbox-desktop .upload_modal .main_upload_contentarea.focusin {
    border-color: #00a6dd; }

#file_upload_responsive_field {
  width: 40px;
  height: 40px;
  position: absolute;
  opacity: 0;
  right: 10; }

.upload_modal .media_upload_share_with_Settings {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-right: 0px;
  padding-right: 0px; }
  @media only screen and (max-width: 800px) {
    .upload_modal .media_upload_share_with_Settings {
      margin-left: 10px; } }

.upload_modal .box .allconnections .talkboxInput {
  border-color: #4bc5c3 !important; }

.upload_modal .box .allconnections .btn--yellow {
  background: #4bc5c3; }

.upload_modal .box .profconnections .talkboxInput {
  border-color: #798ecb !important; }

.upload_modal .box .profconnections .btn--yellow {
  background: #798ecb; }

.upload_modal .box .perconnections .talkboxInput {
  border-color: #b868c8 !important; }

.upload_modal .box .Groups .talkboxInput {
  border-color: #66bb69 !important; }

.upload_modal .box .Private .talkboxInput {
  border-color: #9f9f9f !important; }

.upload_modal .box .perconnections .btn {
  background: #b868c8; }

.upload_modal .box .Groups .btn {
  background: #66bb69; }

.upload_modal .box .private .btn {
  background: #9f9f9f; }

.upload_modal #file_upload_responsive_field {
  width: 40px;
  height: 40px;
  position: absolute;
  opacity: 0; }

.upload_modal .back-news {
  color: #BFC2CC;
  border-bottom: 1px solid #E5E7EE;
  padding: 6px 10px 13px 10px;
  background: #F3F4F7;
  width: 100%;
  margin-top: -3px;
  margin-bottom: 10px; }
  .upload_modal .back-news:before {
    font-family: 'webtalk';
    content: "\e613";
    transform: rotate(90deg);
    font-size: 22px;
    position: relative;
    display: inline-block;
    top: 5px; }

.upload_modal .media_upload_modal {
  min-height: 150px;
  height: auto;
  display: table;
  width: 100%; }

.upload_modal .modal-dialog .modal-content {
  width: 648px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  @media only screen and (max-width: 620px) {
    .upload_modal .modal-dialog .modal-content {
      width: calc(100%); } }
  .upload_modal .modal-dialog .modal-content .box--white {
    border: 0px;
    border-top: 0px; }

.upload_modal .modal-wrapper-close {
  right: 18px !important;
  top: 0px; }

.upload_modal .modal-body h3.sidebar__title {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  text-transform: capitalize;
  font-size: 21px;
  font-weight: 500; }

.upload_modal .island {
  padding-top: 0px; }

.upload_modal .talkboxbutton {
  width: 120px; }

.upload_modal .lines-button.x.close .lines:before,
.upload_modal .lines-button.x.close .lines:after {
  top: 10px;
  width: 1.3rem !important; }

.upload_modal .main_upload_contentarea {
  margin: 10px 20px 10px 20px;
  border: 2px dashed #d4d6df;
  background-color: #f5f8ff;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/clip-attachment.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 29px;
  background-size: 28px 31px;
  padding-bottom: 34px !important; }
  .upload_modal .main_upload_contentarea input[type=file] {
    position: absolute;
    width: 100%;
    left: -10px;
    opacity: 0;
    height: 30px;
    z-index: 2; }
  .upload_modal .main_upload_contentarea.focusin {
    border-color: #00a6dd; }

.upload_modal .fileUploadFileFieldresponsive {
  width: 40px;
  height: 45px;
  float: right;
  position: absolute;
  z-index: 2000;
  right: 30px;
  opacity: 0; }

.upload_modal .dropfiles {
  margin-bottom: 10px;
  position: relative;
  z-index: 2; }

.upload_modal .textportion {
  padding-top: 18px;
  font-weight: normal;
  font-weight: 13px; }

.upload_modal .mediaContainerFilePanelonly {
  clear: both;
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap; }
  .upload_modal .mediaContainerFilePanelonly .mediaThumb {
    width: calc(50% - 5px);
    margin-right: 5px;
    margin-left: 0px;
    background-color: #fff !important;
    height: 36px;
    padding: 7px 25px;
    float: left;
    background-repeat: no-repeat !important;
    background-size: 15px 16px !important;
    background-position: 5px center !important;
    border: solid 1px #dcdfe5;
    font-size: 13px;
    color: #586476; }
    .upload_modal .mediaContainerFilePanelonly .mediaThumb .text {
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      display: inline-block;
      text-overflow: ellipsis;
      word-wrap: break-word; }
    .upload_modal .mediaContainerFilePanelonly .mediaThumb:nth-child(even) {
      margin-right: 0px;
      margin-left: 5px; }
    .upload_modal .mediaContainerFilePanelonly .mediaThumb i {
      position: absolute;
      top: 8px;
      float: right;
      width: 17px;
      height: 17px;
      border-radius: 10px;
      padding: 2px 3px 3px 3px;
      cursor: pointer;
      font-size: 0.70em;
      font-weight: normal;
      right: 6px;
      color: #ccc;
      border: none;
      left: inherit;
      right: 2px !important;
      background: none; }

.upload_modal .desktop-media_container {
  width: 40px;
  margin-left: 100px;
  margin-top: 20px; }
  @media only screen and (max-width: 990px) {
    .upload_modal .desktop-media_container {
      display: none; } }

.upload_modal .lines-button.x.close:before:hover {
  background: #303a44; }

.upload_modal .sharewith {
  padding-right: 0px;
  max-width: 33%;
  padding-left: 0px !important; }
  @media only screen and (max-width: 800px) {
    .upload_modal .sharewith {
      width: 100%;
      margin: 0px -10px;
      padding-left: 0px !important;
      max-width: 100%; }
      .upload_modal .sharewith label {
        margin-left: 10px; } }

@media only screen and (max-width: 990px) {
  .upload_modal .talkbtn {
    margin-top: 20px; } }

@media only screen and (max-width: 800px) {
  .upload_modal .news__share-with {
    display: block; }
  .upload_modal .talkbtn {
    margin-left: -5px; }
    .upload_modal .talkbtn .talkboxbutton {
      width: 100%; }
  .upload_modal .col-md-9,
  .upload_modal .col-md-4,
  .upload_modal .col-md-11,
  .upload_modal .col-md-8 {
    margin: 0px;
    padding: 0px; } }

@media only screen and (max-width: 800px) {
  .upload_modal .sharewithdropdown {
    width: 100%;
    margin: 0px 5px;
    width: calc(100% - 10px); } }

.upload_modal .sharewithdropdown .selectize-dropdown .selectize-custom__text:hover {
  background-color: #000; }

.upload_modal .sharewithdropdown .icon-All-panel:hover {
  color: #4bc5c3; }

.upload_modal .sharewithdropdown .icon-Pro-panel:hover {
  color: #798ecb; }

.upload_modal .sharewithdropdown .icon-Public-panel:hover {
  color: orange; }

.upload_modal .sharewithdropdown .icon-Personal-panel:hover {
  color: #b868c8; }

.upload_modal .sharewithdropdown .icon-Groups-panel:hover {
  color: #66bb69; }

.upload_modal .sharewithdropdown .icon-Private-panel:hover {
  color: #9f9f9f; }

/*Uploadbox css*/
.upload_modal_groups_selection .media_upload_modal {
  min-height: 400px;
  height: auto;
  display: table;
  width: 100%; }

.upload_modal_groups_selection .modal-dialog .modal-content {
  width: 536px; }
  @media only screen and (max-width: 620px) {
    .upload_modal_groups_selection .modal-dialog .modal-content {
      width: calc(100%); } }

.upload_modal_groups_selection .icon--personal-family {
  background-image: url(/app/assets/images/icons/personal-group.svg);
  background-repeat: no-repeat;
  background-position: center; }

.talkbox-avatar-index {
  z-index: 3000 !important; }

@media only screen and (max-width: 800px) {
  #mainLandingPage .upload_modal {
    margin-top: 0px; } }

.media-upload-model-position {
  margin-top: 45px; }

.create-a-post {
  overflow: none !important; }
  @media only screen and (min-width: 768px) {
    .create-a-post .modal-dialog {
      width: 648px !important; } }
  @media only screen and (max-width: 768px) {
    .create-a-post .modal-dialog {
      margin-top: 0px !important; } }
  .create-a-post .modal-dialog .modal-content {
    width: auto !important; }
    .create-a-post .modal-dialog .modal-content wt-talk-box .news-box {
      padding-top: 20px; }
    .create-a-post .modal-dialog .modal-content wt-talk-box .talkbox--mobile {
      display: none; }
  @media only screen and (max-width: 800px) {
    .create-a-post {
      height: 100%; }
      .create-a-post .modal-dialog, .create-a-post .modal-content {
        height: 100%; } }

@media only screen and (max-width: 768px) {
  .ligthbox-description-modal .create-a-post .modal-dialog .modal-content .talkbox--mobile {
    display: block;
    min-height: 100vh;
    height: 100%; } }

.display--table {
  display: table; }

.border-upload {
  border-width: 2px;
  border-style: dashed;
  border-color: #cfd4db;
  background-color: white; }

.drop-upload-title {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f464b; }

.or-section {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f464b; }

.file-display {
  display: none; }

.image-content span {
  display: block; }

.paddig-bottom-content {
  padding-bottom: 10px; }

.margin-bottom-double {
  margin-bottom: 20px; }

.minimum-image {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9ea5ae; }

.spinner-box-modal {
  padding: 30px; }

.img-background-settings {
  background-size: cover;
  background-repeat: no-repeat; }

.dragAnimation {
  background-color: #e0f7ff !important;
  border-width: 2px;
  border-style: dashed;
  border-color: #0aa1d8 !important;
  background-image: none !important; }
  .dragAnimation .overlay-upload {
    background-color: white !important; }
  .dragAnimation .drop-file-title {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0aa1d8;
    margin: 66.5px 0;
    display: block !important; }

.errorSection {
  display: block;
  border-radius: 4px;
  border: solid 1px #f44036;
  background-color: #ffebea;
  margin-bottom: 20px;
  padding: 10px 15px; }
  .errorSection .spnError {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f44036; }
  .errorSection .closeErrorMessage {
    background-image: url(/app/assets/images/icons/close-red.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 17px;
    float: right;
    background-position: center;
    background-size: contain;
    cursor: pointer; }

.upload-preview {
  margin: 50.5px 30px;
  opacity: 0.95;
  border-radius: 4px;
  background-color: white;
  padding: 15px; }
  .upload-preview .uploaded-card {
    display: flex; }
    .upload-preview .uploaded-card .block-image {
      display: block;
      text-align: left;
      margin-left: 15px; }
      .upload-preview .uploaded-card .block-image span.type-name {
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: Open Sans;
        font-size: 13px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3f464b;
        margin-bottom: 3px; }
      .upload-preview .uploaded-card .block-image span.image-size {
        font-family: Open Sans;
        font-size: 11px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #9ea5ae;
        margin-bottom: 8px; }
      .upload-preview .uploaded-card .block-image .file-label-upload {
        display: flex;
        align-content: center; }
        .upload-preview .uploaded-card .block-image .file-label-upload .upload-logo-label {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/upload-solid.svg);
          width: 12.1px;
          height: 11.6px;
          display: block;
          margin-top: 2px; }
        .upload-preview .uploaded-card .block-image .file-label-upload label.browse-new-image {
          font-family: Open Sans;
          font-size: 11px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          color: #0aa1d8;
          letter-spacing: normal;
          margin-left: 5px; }
    @media only screen and (max-width: 520px) {
      .upload-preview .uploaded-card .block-image {
        margin-left: 0px; } }
  .upload-preview span.image-logo-upload {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/image-icon.svg);
    width: 36px;
    height: 29px;
    display: block;
    margin-top: 3px; }
  @media only screen and (max-width: 520px) {
    .upload-preview span.image-logo-upload {
      display: none; }
    .upload-preview .uploaded-card {
      display: block; }
    .upload-preview .upload-preview {
      margin: 50.5px auto; } }

.banner-load {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.loading-in-progress {
  margin: 45.5px 0; }
  .loading-in-progress .loading-icon-gif {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
    width: 44px;
    height: 43px;
    display: block;
    margin: auto auto 10px auto; }
  .loading-in-progress .loading-title {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3f464b;
    display: block; }

.overlay-upload {
  background-color: rgba(0, 0, 0, 0.2); }

.mobile-layout-banner {
  background-color: #FFF;
  border-radius: 4px;
  position: relative;
  outline: 0; }
  .mobile-layout-banner .tagLineText.ng-invalid {
    border: 1px solid #d6d8e3; }
  .mobile-layout-banner .tagLineText {
    color: #1D2026; }
  .mobile-layout-banner .tagLineText ::placeholder {
    color: #B0B8C4; }
  .mobile-layout-banner input[type="tagline"].tagLineText::-webkit-input-placeholder {
    color: #B0B8C4; }
  .mobile-layout-banner input[type="tagline"].tagLineText::-moz-placeholder {
    color: #B0B8C4; }
  .mobile-layout-banner input[type="tagline"].tagLineText:-ms-input-placeholder {
    color: #B0B8C4; }
  .mobile-layout-banner input[type="tagline"].tagLineText:-moz-placeholder {
    color: #B0B8C4; }
  .mobile-layout-banner .header--banner {
    padding: 20px;
    background-color: #f4f5f6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dcdfe5;
    z-index: 6;
    position: relative;
    background: white; }
    .mobile-layout-banner .header--banner .modal__title {
      margin-bottom: 0; }

.layout-banner {
  z-index: 6;
  background: white;
  padding: 20px 20px 0 20px; }

@media only screen and (max-width: 800px) {
  .mobile-layout-banner {
    height: 100%;
    width: 100%;
    overflow: auto; }
  .cancel-button-up {
    order: 2;
    width: auto;
    min-width: 50%; }
  .submit-button-up {
    order: 1;
    width: auto;
    min-width: 50%; }
  .margin-bottom-double {
    font-size: 14px;
    height: auto;
    width: 142px; } }

.buttons-mobile-upload {
  display: flex;
  padding: 0 20px 20px 20px; }
  @media only screen and (max-width: 800px) {
    .buttons-mobile-upload {
      justify-content: center;
      text-align: center; } }

span.image-logo-upload-mobile {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/image-icon.svg);
  width: 36px;
  height: 29px;
  display: block;
  margin: auto;
  margin-bottom: 20px; }

@media only screen and (max-width: 800px) {
  .lightbox.edit-comment-media-attachment .mobile-layout-banner {
    height: auto; }
  .lightbox.edit-comment-media-attachment .modal__content {
    margin-top: 223px !important; } }

.tag-left-text {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026; }

.triggerFileClick {
  width: 142px;
  height: 36px;
  border-radius: 100px;
  line-height: 34px;
  background: #05a4dc;
  border: 1px solid #05a4dc;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  display: block;
  margin: auto auto 20px auto; }

.username-block {
  display: block;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1d2026;
  position: relative;
  margin-bottom: 20px; }
  .username-block input[type=checkbox] {
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: relative;
    top: 5px; }
  .username-block input[type=checkbox] {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d8dbe7; }
  .username-block input[type=checkbox]:focus {
    outline: none; }
  .username-block input[type=checkbox]:checked {
    background-color: #409fd6;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 2px 3px no-repeat;
    border: none; }

.delete-cover {
  width: 150px;
  height: 42px;
  border-radius: 100px;
  border: solid 1px #d8dbe7;
  background-color: #ffffff;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b0b8c4;
  margin: auto auto auto 20px;
  line-height: 43px;
  text-align: center;
  cursor: pointer; }
  .delete-cover:hover {
    background-color: #f5f6f7; }

.save-submit {
  width: 150px;
  height: 42px;
  border-radius: 100px;
  background-color: #0aa1d8;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin: auto 0 auto auto;
  line-height: 43px;
  text-align: center;
  padding-left: 20px;
  position: relative;
  cursor: pointer; }
  .save-submit:before {
    content: '';
    display: block;
    position: absolute;
    left: 45px;
    top: 13px;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 2px 3px no-repeat;
    width: 13.8px;
    height: 13.6px; }

.save-submit[disabled] {
  opacity: 0.5; }

.cover-opacity-block {
  margin-bottom: 20px; }
  .cover-opacity-block .flex-box-wrapp {
    margin-bottom: 7px;
    display: flex; }
    .cover-opacity-block .flex-box-wrapp .label-wrap {
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #39414d;
      margin: auto auto auto 0; }
    .cover-opacity-block .flex-box-wrapp .label-number {
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #909bad;
      margin: auto 0 auto auto; }
  .cover-opacity-block .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background: #d8dbe7;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s; }
  .cover-opacity-block .slider:hover {
    opacity: 1; }
  .cover-opacity-block .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
    border: solid 2px #0aa1d8;
    background-color: #ffffff;
    cursor: pointer;
    margin-top: -10px; }
  .cover-opacity-block .slider::-moz-range-thumb {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
    border: solid 2px #0aa1d8;
    background-color: #ffffff;
    cursor: pointer;
    margin-top: -10px; }

.edit-buttons-wrapp {
  display: flex;
  margin-bottom: 20px; }
  @media only screen and (max-width: 600px) {
    .edit-buttons-wrapp {
      flex-wrap: wrap; } }
  .edit-buttons-wrapp .browse-new-image {
    width: 50%;
    height: 42px;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    border: solid 1px #d8dbe7;
    background-color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 39px;
    letter-spacing: normal;
    color: #647287;
    cursor: pointer;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .edit-buttons-wrapp .browse-new-image {
        margin-bottom: 10px;
        width: 100%;
        max-width: 275px;
        margin: auto auto 10px auto; } }
    .edit-buttons-wrapp .browse-new-image:before {
      content: '';
      display: block;
      position: absolute;
      left: 50px;
      top: 13px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/image-frame.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 16px;
      height: 13.1px;
      filter: invert(52%) sepia(87%) saturate(3315%) hue-rotate(165deg) brightness(97%) contrast(92%); }
    .edit-buttons-wrapp .browse-new-image:hover {
      border: solid 1px #d8dbe7;
      background-color: #f5f6f7; }
    .edit-buttons-wrapp .browse-new-image:active {
      border: solid 1px #d8dbe7;
      background-color: #e5e8eb; }
  .edit-buttons-wrapp .edit-banner {
    width: 50%;
    height: 42px;
    text-align: center;
    border-radius: 100px;
    border: solid 1px #d8dbe7;
    background-color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 39px;
    letter-spacing: normal;
    color: #647287;
    cursor: pointer;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .edit-buttons-wrapp .edit-banner {
        width: 100%;
        max-width: 275px;
        margin: auto; } }
    .edit-buttons-wrapp .edit-banner:before {
      content: '';
      display: block;
      position: absolute;
      left: 56px;
      top: 13px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-cover.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 15.5px;
      height: 14.5px;
      filter: invert(52%) sepia(87%) saturate(3315%) hue-rotate(165deg) brightness(97%) contrast(92%); }
    .edit-buttons-wrapp .edit-banner:hover {
      border: solid 1px #d8dbe7;
      background-color: #f5f6f7; }
    .edit-buttons-wrapp .edit-banner:active {
      border: solid 1px #d8dbe7;
      background-color: #e5e8eb; }

.cover-banner-result {
  width: 600px;
  height: 196px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.upper-bar {
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  height: 40px;
  position: absolute;
  z-index: 5;
  width: 100%; }

.bottom-bar {
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  height: 40px;
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%; }

.reposition-banner-button {
  padding: 11px 20px 11px 40px;
  opacity: 0.8;
  border-radius: 100px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  background-color: #2c3237;
  color: #b0b8c4;
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 10; }
  .reposition-banner-button:before {
    content: '';
    display: block;
    position: absolute;
    left: 18px;
    top: 12px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-cover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15.5px;
    height: 14.5px; }
  .reposition-banner-button:hover {
    opacity: 0.6; }

.reposition-wrapper {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 5; }
  .reposition-wrapper .save-position-btn {
    width: 112px;
    height: 36px;
    border-radius: 100px;
    background-color: #0aa1d8;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    cursor: pointer; }
  .reposition-wrapper .cancel-position-btn {
    width: 80px;
    height: 36px;
    border-radius: 100px;
    background-color: #ffffff;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0aa1d8;
    cursor: pointer; }

.banner-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  background-color: #000;
  z-index: 1; }

.errorchar {
  color: red; }

.rzslider.with-legend {
  margin-bottom: 40px; }

.rzslider[disabled] {
  cursor: not-allowed; }

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3; }

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed; }

.rzslider[disabled] .rz-selection {
  background: #8b91a2; }

.rzslider[disabled] .rz-tick {
  cursor: not-allowed; }

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2; }

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap; }

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0; }

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box; }

.rzslider .rz-draggable {
  cursor: move; }

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 8px;
  border-radius: 100px; }

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent; }

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d; }

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688; }

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px; }

.rzslider .rz-pointer {
  top: -6px;
  z-index: 3;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: #e3e3e3;
  border-radius: 8px; }

.recommendation-news-wrapper .rzslider .rz-pointer {
  left: 139px;
  top: -7px;
  z-index: 3;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 100px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #b0b8c4;
  outline-color: transparent;
  outline-style: none; }

.recommendation-news-wrapper .rzslider .rz-pointer:after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
  content: ''; }

.recommendation-news-wrapper .rzslider .rz-pointer:hover:after {
  background-color: #fff; }

.recommendation-news-wrapper .rzslider .rz-pointer.rz-active:after {
  background-color: #fff; }

.recommendation-news-wrapper .rzslider .rz-pointer.rz-active {
  z-index: 4;
  background-color: #fff; }

.recommendation-news-wrapper .rzslider {
  position: relative;
  width: 300px;
  height: 4px;
  margin: 30px 0 15px 3px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .recommendation-news-wrapper .rzslider.with-legend {
    margin-bottom: 40px; }
  .recommendation-news-wrapper .rzslider[disabled] {
    cursor: not-allowed; }
    .recommendation-news-wrapper .rzslider[disabled] .rz-pointer {
      cursor: not-allowed;
      background-color: #d8e0f3; }
    .recommendation-news-wrapper .rzslider[disabled] .rz-draggable {
      cursor: not-allowed; }
    .recommendation-news-wrapper .rzslider[disabled] .rz-selection {
      background: #8b91a2; }
    .recommendation-news-wrapper .rzslider[disabled] .rz-tick {
      cursor: not-allowed; }
      .recommendation-news-wrapper .rzslider[disabled] .rz-tick.rz-selected {
        background: #8b91a2; }
  .recommendation-news-wrapper .rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap; }
  .recommendation-news-wrapper .rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0; }
  .recommendation-news-wrapper .rzslider .rz-bar-wrapper {
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16.5px;
    box-sizing: border-box; }
  .recommendation-news-wrapper .rzslider .rz-draggable {
    cursor: move; }
  .recommendation-news-wrapper .rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 8px;
    background: #eceef1;
    border-radius: 100px;
    background-image: linear-gradient(to right, #f44036, #ff9200, #66bb69); }
  .recommendation-news-wrapper .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
    background: transparent; }
  .recommendation-news-wrapper .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
    background: #df002d; }
  .recommendation-news-wrapper .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
    background: #03a688; }
  .recommendation-news-wrapper .rzslider .rz-selection {
    z-index: 2;
    background: #0db9f0;
    border-radius: 2px; }
  .recommendation-news-wrapper .rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #1d2026;
    cursor: default;
    font-weight: 600;
    font-size: 13px;
    font-family: Montserrat; }
    .recommendation-news-wrapper .rzslider .rz-bubble.rz-limit {
      color: #55637d;
      display: none; }
  .recommendation-news-wrapper .rzslider .rz-ticks {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box; }
  .recommendation-news-wrapper .rzslider .rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -32px; }
  .recommendation-news-wrapper .rzslider .rz-tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: 11px;
    text-align: center;
    cursor: pointer;
    background: #d8e0f3;
    border-radius: 50%; }
    .recommendation-news-wrapper .rzslider .rz-tick.rz-selected {
      background: #0db9f0; }
  .recommendation-news-wrapper .rzslider .rz-tick-value {
    position: absolute;
    top: -30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .recommendation-news-wrapper .rzslider .rz-tick-legend {
    position: absolute;
    top: 24px;
    max-width: 50px;
    white-space: normal;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .recommendation-news-wrapper .rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    padding: 0;
    margin: 0 20px;
    vertical-align: baseline; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-base {
      width: 100%;
      height: 100%;
      padding: 0; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-bar-wrapper {
      top: auto;
      left: 0;
      width: 32px;
      height: 100%;
      padding: 0 0 0 16px;
      margin: 0 0 0 -16px; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-bar {
      bottom: 0;
      left: auto;
      width: 4px;
      height: 100%; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-pointer {
      top: auto;
      bottom: 0;
      left: -14px !important; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-bubble {
      bottom: 0;
      left: 16px !important;
      margin-left: 3px; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-ticks {
      top: 0;
      left: -3px;
      z-index: 1;
      width: 0;
      height: 100%; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-tick {
      margin-top: 11px;
      margin-left: auto;
      vertical-align: middle; }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-tick-value {
      top: auto;
      left: 24px;
      -webkit-transform: translate(0, -28%);
      transform: translate(0, -28%); }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-tick-legend {
      top: auto;
      right: 24px;
      max-width: none;
      white-space: nowrap;
      -webkit-transform: translate(0, -28%);
      transform: translate(0, -28%); }
    .recommendation-news-wrapper .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
      right: 24px;
      bottom: auto;
      left: auto; }

@media only screen and (max-width: 500px) {
  .recommendation-news-wrapper .rzslider {
    width: 98%; } }

.rzslider .rz-pointer:after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #e3e3e3;
  border-radius: 4px;
  content: ''; }

.rzslider .rz-pointer:hover:after {
  background-color: #e3e3e3; }

.rzslider .rz-pointer.rz-active {
  z-index: 4;
  background-color: #e3e3e3; }

.rzslider .rz-pointer.rz-active:after {
  background-color: #e3e3e3; }

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default; }

.rzslider .rz-bubble.rz-limit {
  color: #55637d; }

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px; }

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%; }

.rzslider .rz-tick.rz-selected {
  background: #0db9f0; }

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline; }

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0; }

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px; }

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%; }

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important; }

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px; }

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%; }

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle; }

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%); }

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%); }

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto; }

rz-model-value {
  display: none; }

.rzslider {
  position: relative;
  width: calc(100% - 6px);
  height: 4px;
  margin: 10px 0 15px 3px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rzslider.with-legend {
    margin-bottom: 40px; }
  .rzslider[disabled] {
    cursor: not-allowed; }
    .rzslider[disabled] .rz-pointer {
      cursor: not-allowed;
      background-color: #d8e0f3; }
    .rzslider[disabled] .rz-draggable {
      cursor: not-allowed; }
    .rzslider[disabled] .rz-selection {
      background: #8b91a2; }
    .rzslider[disabled] .rz-tick {
      cursor: not-allowed; }
      .rzslider[disabled] .rz-tick.rz-selected {
        background: #8b91a2; }
  .rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap; }
  .rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0; }
  .rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box; }
  .rzslider .rz-draggable {
    cursor: move; }
  .rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 4px;
    background: #d8e0f3;
    border-radius: 2px; }
  .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
    background: transparent; }
  .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
    background: #df002d; }
  .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
    background: #03a688; }
  .rzslider .rz-selection {
    z-index: 2;
    background: #0db9f0;
    border-radius: 2px; }
  .rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #55637d;
    cursor: default;
    display: none; }
    .rzslider .rz-bubble.rz-limit {
      color: #55637d;
      display: none; }
  .rzslider .rz-ticks {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box; }
  .rzslider .rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -32px; }
  .rzslider .rz-tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: 11px;
    text-align: center;
    cursor: pointer;
    background: #d8e0f3;
    border-radius: 50%; }
    .rzslider .rz-tick.rz-selected {
      background: #0db9f0; }
  .rzslider .rz-tick-value {
    position: absolute;
    top: -30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .rzslider .rz-tick-legend {
    position: absolute;
    top: 24px;
    max-width: 50px;
    white-space: normal;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    padding: 0;
    margin: 0 20px;
    vertical-align: baseline; }
    .rzslider.rz-vertical .rz-base {
      width: 100%;
      height: 100%;
      padding: 0; }
    .rzslider.rz-vertical .rz-bar-wrapper {
      top: auto;
      left: 0;
      width: 32px;
      height: 100%;
      padding: 0 0 0 16px;
      margin: 0 0 0 -16px; }
    .rzslider.rz-vertical .rz-bar {
      bottom: 0;
      left: auto;
      width: 4px;
      height: 100%; }
    .rzslider.rz-vertical .rz-pointer {
      top: auto;
      bottom: 0;
      left: -14px !important; }
    .rzslider.rz-vertical .rz-bubble {
      bottom: 0;
      left: 16px !important;
      margin-left: 3px; }
    .rzslider.rz-vertical .rz-ticks {
      top: 0;
      left: -3px;
      z-index: 1;
      width: 0;
      height: 100%; }
    .rzslider.rz-vertical .rz-tick {
      margin-top: 11px;
      margin-left: auto;
      vertical-align: middle; }
    .rzslider.rz-vertical .rz-tick-value {
      top: auto;
      left: 24px;
      -webkit-transform: translate(0, -28%);
      transform: translate(0, -28%); }
    .rzslider.rz-vertical .rz-tick-legend {
      top: auto;
      right: 24px;
      max-width: none;
      white-space: nowrap;
      -webkit-transform: translate(0, -28%);
      transform: translate(0, -28%); }
    .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
      right: 24px;
      bottom: auto;
      left: auto; }

/* TAGGING style */
.mention--style {
  line-height: 22px; }

.list-group::-webkit-scrollbar {
  width: 5px; }

.list-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background: #fff;
  border-radius: 10px; }

.list-group::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e3e3e3; }

_::-webkit-full-page-media, _:future, :root .list-group.user-search {
  position: fixed; }

.list-group.user-search {
  width: 318px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: -2px;
  max-height: 300px;
  overflow: auto; }
  @media only screen and (max-width: 800px) {
    .list-group.user-search {
      width: 100%; }
      .list-group.user-search mentio-menu {
        width: 100%; } }
  .list-group.user-search li.active, .list-group.user-search li.selected, .list-group.user-search li:hover {
    background-color: #f4f5f6; }
  .list-group.user-search li {
    height: 52px !important;
    padding: 6px 10px 5px 66px !important;
    border-bottom: #e0e0e0;
    border-left: 0px solid #fff;
    background-color: #fff;
    font-size: 13px;
    color: #39414d;
    position: relative;
    margin: 0;
    width: auto;
    line-height: 22px;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap; }
    .list-group.user-search li > .img {
      position: absolute;
      left: 20px;
      top: 9px;
      width: 32px;
      height: 32px;
      background-size: 100%;
      float: left;
      overflow: initial; }
    .list-group.user-search li > img {
      width: 100%;
      height: 100%; }
    .list-group.user-search li span.text-primary {
      margin-bottom: 0px;
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      position: relative;
      top: 2px; }
    .list-group.user-search li .text-primary {
      width: calc( 100% - 10px);
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: 'Open Sans';
      font-size: 11px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: normal;
      color: #909bad;
      position: relative;
      top: 4px;
      right: 2px; }

@-moz-document url-prefix() {
  .list-group.user-search li .text-primary {
    line-height: 1.4; } }
      .list-group.user-search li .text-primary.null {
        display: none; }

.mention--style .taguser {
  background-color: #919cad;
  padding-left: 3px;
  padding-right: 3px;
  color: #fff; }

.onlightbox .list-group.user-search {
  width: 100%; }
  @media only screen and (max-width: 800px) {
    .onlightbox .list-group.user-search {
      width: 100%; } }

div:empty:before {
  content: attr(mention-data-placeholder);
  color: gray;
  word-break: break-word; }

wt-clear-field-trigger:empty:before {
  content: attr(mention-data-placeholder);
  color: #b0b8c4; }

.flex-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.flex-parent {
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 30px 0; }

.taguser {
  font-weight: 600; }

.talkboxInput .tag {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.searchSelectorPopup {
  z-index: 300000 !important; }

.talkboxInput {
  break-word: break-word; }

.yes-or-no-btn-wrapper {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px; }
  .yes-or-no-btn-wrapper .yes-btn, .yes-or-no-btn-wrapper .no-btn {
    width: calc(50% - 5px);
    height: 28px;
    border-radius: 4px;
    border: solid 1px #798ecb;
    line-height: 25px;
    text-align: center;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #798ecb;
    text-decoration: none; }
  .yes-or-no-btn-wrapper .no-btn {
    margin-left: 10px; }
  .yes-or-no-btn-wrapper .already-relation {
    min-width: 213px; }

.notification_panel .no_invitation_box .message {
  border-right: none !important;
  margin-top: 10px; }
  .notification_panel .no_invitation_box .message .people-you-Know-notification ul {
    /* Handle */
    /* Handle on hover */ }
    .notification_panel .no_invitation_box .message .people-you-Know-notification ul::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      border-radius: 10px; }
    .notification_panel .no_invitation_box .message .people-you-Know-notification ul::-webkit-scrollbar-track {
      background: #fff;
      box-shadow: inset 0 0 5px white;
      border-radius: 10px; }
    .notification_panel .no_invitation_box .message .people-you-Know-notification ul::-webkit-scrollbar-thumb {
      background: #cfd4db; }
    .notification_panel .no_invitation_box .message .people-you-Know-notification ul::-webkit-scrollbar-thumb:hover {
      background: #c4c4c4; }

.notification_panel .no_invitation_box.view-all-notification-page {
  display: flex;
  background-color: #eeeff1; }

.notification_panel .dropdown-box-new__title.dropdown-box-new__title--no-border.notification-selection-panel:after {
  right: 0px;
  position: relative;
  top: 0px;
  width: calc(100% - 5px); }

@-moz-document url-prefix() {
  .notification_panel.All-notifications-page {
    display: contents; } }

.notifications-dropdown-selection {
  height: 10px;
  font-size: 13px;
  color: #eaedf2;
  display: block; }
  .notifications-dropdown-selection .js-dropdown-options {
    width: 160px;
    right: -10px;
    position: absolute; }

.top-align-position {
  margin-top: 0px !important; }

.notifications-dropdown-selection > .dropdown-box-new__v2:before {
  left: calc(100% - 20px) !important; }

.notifications-dropdown-selection .selectize-custom__text i {
  margin-right: 10px; }

.view-all-notification-container ul li a {
  line-height: 16px;
  font-family: "Open Sans", sans-serif; }
  .view-all-notification-container ul li a i {
    margin-top: -2px !important; }

.notification-page-container {
  top: 0px !important;
  margin-top: 0px; }
  @media only screen and (max-width: 800px) {
    .notification-page-container {
      top: 0px !important; }
      .notification-page-container .dropdown-box-new {
        position: absolute;
        display: table;
        left: 0px;
        width: 100%;
        height: 100%;
        margin-top: 0px;
        top: 0px !important; }
      .notification-page-container .is-sponser-post {
        min-height: 82px; } }

@media only screen and (max-width: 800px) {
  #notificationSelectionPanel {
    padding-right: 30px; }
    #notificationSelectionPanel:after {
      margin-left: 18px; } }

@media only screen and (max-width: 800px) {
  .notification_panel.connection-request-panel.notification-page-container #notification_panel_id {
    margin-left: 0px; }
    .notification_panel.connection-request-panel.notification-page-container #notification_panel_id .icon-Public-panel i.icon-Public {
      background-size: 18px 17px !important;
      background-position-x: 1px !important; } }

.notification-page-container .icon-Personal-panel.active,
.notification-page-container .icon-Pro-panel.active,
.notification-page-container .icon-Groups-panel.active,
.notification-page-container .icon-All-panel.active,
.notification-page-container .icon-Public-panel.active,
.notification-page-container .icon-Private-panel.active {
  background-color: #1d2026; }

@media only screen and (max-width: 800px) {
  .notificationPrivacyDropDown .icon-Personal-panel.active .item {
    color: #b868c8 !important; }
  .notificationPrivacyDropDown .icon-Personal-panel.active .icon-Personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections-over.svg) !important; }
  .notificationPrivacyDropDown .icon-Pro-panel.active .item {
    color: #798ecb !important; }
  .notificationPrivacyDropDown .icon-Pro-panel.active .icon-Pro {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections-over.svg) !important; }
  .notificationPrivacyDropDown .icon-All-panel.active .item {
    color: #00bdcc !important; }
  .notificationPrivacyDropDown .icon-All-panel.active .icon-All {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections-over.svg) !important;
    background-size: 21px 14px !important; }
  .notificationPrivacyDropDown .icon-Public-panel.active .item {
    color: #ff9200 !important; }
  .notificationPrivacyDropDown .icon-Public-panel.active .icon-Public {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public-over.svg) !important; } }

.connection-notification-view-all {
  margin: 12px;
  background-color: white; }
  .connection-notification-view-all.conn-style ul li {
    border-left: 3px solid #798ecb;
    background-color: #FFFFFF; }
    .connection-notification-view-all.conn-style ul li.viewed-true {
      border-left: 3px solid #fff; }
      .connection-notification-view-all.conn-style ul li.viewed-true h3 {
        color: #909bad; }
  @media only screen and (max-width: 800px) {
    .connection-notification-view-all ul li {
      background-color: #ffffff; } }
  .connection-notification-view-all .no_invitation_box .message .people-you-Know-notification ul {
    overflow-x: auto;
    width: calc(100% - 20px); }

#notification_panel_id .ps-scrollbar-y-rail {
  max-height: 0px; }

#notification_panel_id .notification_main_header.relative .All-Personal-Professional-header-notifications .js-dropdown-options .dropdown-box-new {
  margin-left: calc(50% - 160px); }
  @media only screen and (max-width: 800px) {
    #notification_panel_id .notification_main_header.relative .All-Personal-Professional-header-notifications .js-dropdown-options .dropdown-box-new {
      margin-left: 0px; } }

#notification_panel_id .notification-setting-popupdiv.dropdown-box-new:before {
  margin-top: 5px; }

#notification_panel_id .dropdown-box-new.dropdown-box-new__v2:before {
  margin-top: 5px; }

.invite-more-contacts {
  width: 300px; }
  @media only screen and (max-width: 359px) {
    .invite-more-contacts {
      width: calc(100% - 40px); } }

.notification_panel .dropdown-box-new.dropdown-box-new__v2:before {
  margin-top: 5px; }

.notification_panel .notification_info .employment-place {
  width: 175px;
  color: #535e70;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: inherit;
  font-weight: 600; }

.notification_panel .notification_info .pro-user-icon::before {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 3px;
  display: block;
  background-position-y: 0px;
  padding-bottom: 0px; }

.notification_panel .notification_info .connect-View-All {
  color: #535e70;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 80px); }

.notification_panel .notification_info .media__title .moveleft {
  width: calc(100% - 60px); }
  @media only screen and (max-width: 320px) {
    .notification_panel .notification_info .media__title .moveleft {
      width: calc(100% - 78px); } }
  .notification_panel .notification_info .media__title .moveleft .con-notification-pro-name {
    width: 165px;
    margin-left: 2px;
    font-weight: 600;
    color: #798ecb; }
  .notification_panel .notification_info .media__title .moveleft .con-notification-basic-name {
    width: 195px;
    font-weight: 600;
    color: #798ecb; }

.notification_panel .notification_info .media__title .tax-needed a {
  color: #006aff; }
  .notification_panel .notification_info .media__title .tax-needed a:hover {
    color: #006aff; }

@media only screen and (max-width: 800px) {
  .notification_panel .notification_info a {
    color: #798ecb; } }

.notification_panel .notification_info.header-notifications .media__title .moveleft {
  width: 100%; }

.notification_panel .notification_info.is-popup-notification {
  margin-bottom: 5px; }

@media only screen and (max-width: 800px) {
  .people-you-Know-notification .who-viewed-your-profile .box {
    padding-top: 0px; }
    .people-you-Know-notification .who-viewed-your-profile .box .split__title {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-grid;
      width: calc(100% - 50px); } }

.people-you-Know-notification .who-viewed-your-profile .box .split__title {
  width: calc(100% - 50px); }

.notification_layer .notification_info .trim-one-line-box {
  max-width: calc(100% - 0px); }
  .notification_layer .notification_info .trim-one-line-box.username {
    max-width: calc(100% - 70px);
    margin-top: -1px; }

.notification_layer .notification_info .username {
  width: auto;
  float: left;
  padding-right: 4px;
  color: #39414D; }

@media only screen and (max-width: 320px) {
  .notification_layer .notification_info .media__title {
    width: 214px; } }

@media only screen and (max-width: 320px) {
  .notification_layer .notification_info .media__title {
    width: 230px; } }

.notification_layer .notification_info .media__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 7em; }
  @media only screen and (max-width: 500px) {
    .notification_layer .notification_info .media__title {
      width: 300px; } }
  .notification_layer .notification_info .media__title.truncate-name {
    width: 300px; }
  .notification_layer .notification_info .media__title.tagged-user {
    max-height: 9em; }
  .notification_layer .notification_info .media__title.tagged-recommendation {
    max-height: 11em; }
  .notification_layer .notification_info .media__title.is-daily-points {
    max-height: 12em; }
  @media only screen and (max-width: 800px) {
    .notification_layer .notification_info .media__title.request-accepted {
      max-height: 8em; } }

@media only screen and (max-width: 800px) {
  .notification_layer .connection-sm-btns span:nth-child(1) {
    background-color: #798ecb;
    border-color: #798ecb; } }

.notification_layer .connection-sm-btns span:nth-child(2) {
  border-color: #0aa1d8;
  color: #0aa1d8; }
  @media only screen and (max-width: 800px) {
    .notification_layer .connection-sm-btns span:nth-child(2) {
      border-color: #798ecb;
      color: #798ecb; } }

.notification_info .pro-user-icon {
  height: 12px; }
  .notification_info .pro-user-icon::before {
    margin-right: 4px; }

.notification_info .icon-Public {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg); }

.notification_info .icon-Personal {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg); }

.notification_info .icon-Pro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg); }

.notification_info .icon-Professional {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg); }

.notification_info .icon-All {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon.svg); }

.notification_info .icon-Groups {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon.svg);
  background-size: 16px; }

.notification_info .notification-content.tagged-user {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.notification_info .notification-content.view-all-notification {
  display: inline; }

@media only screen and (max-width: 800px) {
  wt-connection-notifications-list .notification_info .noti--content {
    max-width: calc(100% - 62px); } }

@media only screen and (min-width: 600px) {
  wt-connection-notifications-list .notification_info .noti--content .employment-place {
    width: 450px; } }

.tolHeight {
  height: 20px; }

.shared-type {
  text-align: left;
  font-weight: 600;
  display: block;
  height: 20px; }

.connect-notification-pro {
  float: left;
  margin-top: 3px; }

.mutual-connections-notification div {
  margin-top: 5px; }
  .mutual-connections-notification div a {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 1px solid #d8dbe7;
    position: relative;
    top: -3px; }
    .mutual-connections-notification div a:nth-child(2) {
      margin-left: -6px; }
    .mutual-connections-notification div a img {
      border-radius: 50%; }
  .mutual-connections-notification div span {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #909bad;
    position: relative;
    top: -5px; }

.rewards-back-office .ad-reward-pool-section .view-older-noti {
  color: #ffffff;
  background-color: #006aff; }

.ad-reward-pool-section .view-older-noti {
  padding: 15px 0;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #006aff;
  display: block;
  text-align: center;
  background-color: #D3E4F8;
  cursor: pointer; }

.ad-reward-pool-section .pool-body.rewards-office-header .img-content .icon-float .money-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/money-rewards-icon.svg); }

.ad-reward-pool-section .pool-body.rewards-office-header .img-content .icon-float .click-icon {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/activity-rewards-icon.svg); }

.ad-reward-pool-section .pool-body.rewards-office-header .earn-month {
  background-color: #006aff; }

.ad-reward-pool-section .pool-body.rewards-office-header.notification_panel li {
  border-left: 3px solid #006aff;
  background-color: #FFFFFF; }

.ad-reward-pool-section .pool-body {
  padding: 17px;
  background-color: white; }
  .ad-reward-pool-section .pool-body .pool-body-head {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1d2026;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block; }
  .ad-reward-pool-section .pool-body .img-content {
    display: block;
    margin-bottom: 20px; }
    .ad-reward-pool-section .pool-body .img-content .icon-float {
      float: left;
      margin-right: 10px; }
      .ad-reward-pool-section .pool-body .img-content .icon-float .money-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/money@3x.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-size: 24px 17px;
        background-color: #f0f8f0;
        width: 45px;
        height: 45px;
        display: block;
        border-radius: 50%; }
      .ad-reward-pool-section .pool-body .img-content .icon-float .click-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/activity@3x.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-size: 22.3px 22px;
        background-color: #f0f8f0;
        width: 45px;
        height: 45px;
        display: block;
        border-radius: 50%; }
    .ad-reward-pool-section .pool-body .img-content .head-tag {
      font-family: Open Sans;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
    .ad-reward-pool-section .pool-body .img-content .sub-heading {
      display: block; }
      .ad-reward-pool-section .pool-body .img-content .sub-heading .head-money {
        font-family: Open Sans;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026; }
      .ad-reward-pool-section .pool-body .img-content .sub-heading .head-estimated {
        font-family: Open Sans;
        font-size: 11px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad; }
  .ad-reward-pool-section .pool-body .earn-month {
    border-radius: 100px;
    background-color: #32b644;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    cursor: pointer; }
  .ad-reward-pool-section .pool-body .earn-month:hover {
    text-decoration: none; }

.remove-notification-tagged {
  width: 100px;
  float: left;
  margin-top: 4px; }

@-moz-document url-prefix() {
  .remove-notification-tagged {
    margin-top: 1px; } }
  @media only screen and (max-width: 500px) {
    .remove-notification-tagged {
      width: 108px;
      font-size: 12px; } }

.view-notification-tagged {
  width: 100px;
  margin-left: 10px;
  float: left;
  margin-top: 4px; }
  @media only screen and (max-width: 500px) {
    .view-notification-tagged {
      width: 85px;
      margin-left: 5px;
      font-size: 12px; } }

@-moz-document url-prefix() {
  .view-notification-tagged {
    margin-top: 1px; } }

.notification-page .selectize-dropdown {
  background: #ffffff; }
  .notification-page .selectize-dropdown .selectize-dropdown-content div {
    background-color: #ffffff;
    color: #000000; }
    .notification-page .selectize-dropdown .selectize-dropdown-content div:hover {
      background-color: #f4f5f6; }

@-moz-document url-prefix() {
  .notification-page .selectize-dropdown:before {
    top: -6px; } }
  .notification-page .selectize-dropdown::before {
    border-bottom: 6px solid #ffffff; }
  .notification-page .selectize-dropdown.notifications-inverted-dropdown::after {
    border-top: 6px solid #ffffff; }

.notification-icon-type {
  width: 24px;
  height: 24px;
  margin: 36px 7px 12px 27px;
  padding: 3.8px 4px 4.2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-repeat: no-repeat;
  background-position-x: 3px;
  background-position-y: 3px;
  pointer-events: none; }

.notification-recommendations {
  margin: 10px 0px 10px;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #0aa1d8;
  background-color: #f0fbff; }

.conn-notification-accepted {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-all-contacts.svg); }

.conn-header-notification-accepted {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-all-contacts.svg);
  margin: 36px 10px 0px -22px;
  padding: 0;
  display: inline-grid; }

.reward-notifications {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-referral.svg); }

.fa-webtalk-comment {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-comment-small.svg); }

.fa-webtalk-spot {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-spotlight.svg); }

.fa-webtalk-tag {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-tag.svg);
  background-position-x: 2px; }

.fa-webtalk-request {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-all-contacts.svg); }

.fa-webtalk-following {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-incoming-connections.svg);
  background-position-y: 1px; }

.fa-webtalk-relation {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-heart.svg);
  background-position-x: 4px;
  background-position-y: 4px; }

.fa-webtalk-email {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-message-small.svg);
  background-position-x: 4px;
  background-position-y: 4px; }

.fa-webtalk-gmail {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-gmail.svg);
  background-position-x: 4px;
  background-position-y: 4px; }

.fa-webtalk-yahoo {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-yahoo.svg);
  background-position-x: 4px;
  background-position-y: 4px; }

.fa-webtalk-share {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-share-small.svg); }

.fa-webtalk-like {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-like.svg); }

.fa-emoji-love {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-love.svg); }

.fa-emoji-wow {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-wow.svg);
  background-size: 15px;
  background-position-x: 5px;
  background-position-y: 5px; }

.fa-emoji-celebrate {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-celebrate.svg);
  background-size: 13px;
  background-position-x: 6px;
  background-position-y: 6px; }

.fa-emoji-like {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-like.svg); }

.fa-emoji-angry {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-angry.svg); }

.fa-emoji-funny {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-laughing.svg); }

.fa-emoji-suprised {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-surprised.svg); }

.fa-emoji-sad {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-sad.svg); }

.fa-webtalk-message {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-message-small.svg); }

.fa-webtalk-payment {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-dollar.svg); }

.fa-webtalk-recommendation {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-enrollment.svg); }

.fa-webtalk-view {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-eye-on.svg);
  background-position-x: 2px;
  background-position-y: 2px; }

.fa-webtalk-time {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-hour-glass.svg); }

.fa-webtalk-dollar {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-dollar.svg); }

.fa-webtalk-birthday {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/icon-birthday.svg); }

.tax-reward-notification {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/notifications/tax.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #006aff;
  display: block; }

.viewed-true .notification_info h3 {
  color: #909bad; }
  .viewed-true .notification_info h3 .username {
    color: #909bad; }

.viewed-true .notification_info button {
  color: #909bad; }

@media only screen and (max-width: 500px) {
  .container-package {
    height: auto !important; }
    .container-package .package-checkout:nth-child(5) {
      min-height: 115px; } }

.tooltip-package {
  background: #f3f3f7;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #e6e8f0;
  position: relative;
  width: 100%;
  top: -25px; }
  .tooltip-package.tooltip__list .tooltip__single .text--mobile {
    float: right;
    margin-right: 5px; }
    @media only screen and (min-width: 500px) {
      .tooltip-package.tooltip__list .tooltip__single .text--mobile {
        clear: both; } }
  .tooltip-package.tooltip__list .tooltip__single:first-child {
    border-bottom: 1px solid #ddd; }
    @media only screen and (min-width: 500px) {
      .tooltip-package.tooltip__list .tooltip__single:first-child {
        border-bottom: none; } }
  .tooltip-package:before {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 15px solid #f3f3f7;
    z-index: 1; }
  .tooltip-package:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid #e6e8f0; }
  .tooltip-package:before, .tooltip-package:after {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    width: 0; }
  .tooltip-package.left:before {
    left: 13%; }
  .tooltip-package.left:after {
    left: 12.9%; }
  .tooltip-package.center:before {
    left: 45%; }
  .tooltip-package.center:after {
    left: 44.99%; }
  .tooltip-package.right:before {
    right: 13%; }
  .tooltip-package.right:after {
    right: 12.9%; }

@media only screen and (min-width: 320px) {
  .tooltip-package {
    position: relative; }
    .tooltip-package.center:before, .tooltip-package.right:before {
      left: 13%;
      right: auto; }
    .tooltip-package.center:after, .tooltip-package.right:after {
      left: 12.9%;
      right: auto; } }

@media only screen and (min-width: 800px) {
  .tooltip-package {
    position: absolute;
    top: 100px;
    left: 0;
    border-radius: 5px; }
    .tooltip-package.center:before {
      left: 45%;
      right: auto; }
    .tooltip-package.center:after {
      left: 44.99%;
      right: auto; }
    .tooltip-package.right:before {
      right: 13%;
      left: auto; }
    .tooltip-package.right:after {
      right: 12.9%;
      left: auto; } }

.package-whole {
  position: relative;
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .package-whole {
      display: flex;
      width: auto; } }

.open-package {
  padding-bottom: 0; }
  @media only screen and (min-width: 500px) {
    .open-package {
      padding-bottom: 50px; } }

.package-checkout {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 10px 0 20px; }
  .package-checkout.three {
    flex: 2; }
    .package-checkout.three:first-child {
      flex: 1.4; }
  .package-checkout.two {
    flex: 2; }
  .package-checkout.one {
    flex: 1;
    height: 160px; }
  .package-checkout .tab-promo {
    background: #FFBB49;
    border-radius: 2px 2px 0 0;
    color: #FFF;
    font-family: 'Architects Daughter';
    font-size: 13px;
    width: auto;
    height: 25px;
    text-align: center;
    line-height: 2;
    margin-top: 3px;
    z-index: 9;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -24px; }
  .package-checkout .container {
    border: 1px solid #dbdee9;
    border-radius: 5px;
    padding: 25px 15px;
    display: inline-block;
    width: 100%;
    bottom: 0; }
    .package-checkout .container.selected {
      background: #fafafb;
      border-radius: 5px 5px 0 0; }
    .package-checkout .container .grid--float {
      width: 92%;
      float: right;
      margin: 0; }
  .package-checkout .premium--support {
    position: relative;
    bottom: 8px;
    margin-left: 2%;
    margin-right: 2%; }
    .package-checkout .premium--support p {
      font-size: 13px; }
  .package-checkout .price--support {
    background: white;
    border-radius: 5px;
    border: 1px solid #CCC;
    text-align: center;
    padding: 15px 0;
    position: relative;
    top: -5px; }

@media only screen and (min-width: 1024px) {
  .package-checkout.three:first-child {
    flex: 2; }
  .package-checkout.one {
    height: 95px; } }

@media only screen and (min-width: 800px) {
  .package-checkout.one {
    height: 110px; }
  .package-checkout .premium--support p {
    font-size: 14px; } }

@media only screen and (min-width: 500px) {
  .package-checkout .tab-promo {
    width: 80px;
    margin-top: 0; }
  .package-checkout .container {
    padding: 25px 20px; }
    .package-checkout .container.selected {
      border-radius: 5px;
      border: 1px solid #CCC; }
    .package-checkout .container .grid--float {
      width: 96%; } }

.social-icons__box {
  border: 1px solid #EEEFF0;
  height: 80px;
  line-height: 73px;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 500px) {
    .social-icons__box {
      height: 105px;
      line-height: 95px; } }
  @media only screen and (min-width: 800px) {
    .social-icons__box {
      height: 137px;
      line-height: 132px; } }
  .social-icons__box:hover {
    text-decoration: none; }
  .social-icons__box.social-icons__box--big {
    height: 100px;
    line-height: 96px; }
    @media only screen and (min-width: 500px) {
      .social-icons__box.social-icons__box--big {
        height: 189px;
        line-height: 187px; } }
    .social-icons__box.social-icons__box--big .icon.icon-facebook {
      font-size: 40px; }
      @media only screen and (min-width: 500px) {
        .social-icons__box.social-icons__box--big .icon.icon-facebook {
          font-size: 68px; } }
    .social-icons__box.social-icons__box--big .icon.icon-linkedin {
      font-size: 44px; }
      @media only screen and (min-width: 500px) {
        .social-icons__box.social-icons__box--big .icon.icon-linkedin {
          font-size: 73px; } }
  .social-icons__box .icon {
    font-size: 20px;
    vertical-align: middle; }
    @media only screen and (min-width: 500px) {
      .social-icons__box .icon {
        font-size: 35px; } }
    @media only screen and (min-width: 800px) {
      .social-icons__box .icon {
        font-size: 57px; } }
    .social-icons__box .icon.icon-gmail {
      color: #E45336;
      font-size: 16px; }
      @media only screen and (min-width: 500px) {
        .social-icons__box .icon.icon-gmail {
          font-size: 30px; } }
      @media only screen and (min-width: 800px) {
        .social-icons__box .icon.icon-gmail {
          font-size: 44px; } }
    .social-icons__box .icon.icon-outlook {
      color: #0186D1; }
    .social-icons__box .icon.icon-yahoo {
      color: #3A23B1; }
    .social-icons__box .icon.icon-linkedin {
      color: #42C0FB; }
    .social-icons__box .icon.icon-facebook {
      color: #4363AC; }
    .social-icons__box .icon.icon-aol {
      color: #000; }
    .social-icons__box .icon.icon-mail {
      color: #C1C5CA; }
  .social-icons__box.mail {
    border-color: #C1C5CA; }
  .social-icons__box.aol {
    border-color: #000; }

html.no-overflow {
  overflow: hidden !important; }

html, body {
  height: 100%;
  font-family: 'Open Sans', sans-serif; }

body.darker-background {
  background-color: #DCDFE5; }

.chat-bot {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1000; }
  @media only screen and (max-width: 800px) {
    .chat-bot {
      display: none; } }

.modal-container4 section wt-default-page .main-wrapper .adsBottomfooter, .modal-container section wt-default-page .main-wrapper .adsBottomfooter, .modal-container2 section wt-default-page .main-wrapper .adsBottomfooter, .modal-container3 section wt-default-page .main-wrapper .adsBottomfooter {
  display: none; }

.cdk-global-scrollblock body section wt-default-page .fixed--mobile-navigator .adsBottomfooter {
  display: none; }

.overflow--hidden-responsive section wt-default-page .fixed--mobile-navigator .adsBottomfooter {
  display: none; }

@media only screen and (max-width: 800px) {
  body section {
    margin-bottom: 60px;
    display: block; } }

.adsBottomfooter {
  position: fixed;
  bottom: 0;
  z-index: 100000;
  width: 100%;
  display: flex;
  justify-content: center; }

.navigation-banner .site-header-component {
  margin-top: 90px; }

.is-opened .adsBottomfooter {
  display: none; }

a {
  cursor: pointer; }

.fixed--mobile-navigator.full-page .wrapper {
  margin: 0 auto;
  max-width: initial;
  padding-left: 0px;
  padding-right: 0px; }

.wrapper {
  margin: 0 auto;
  max-width: 1000px;
  padding-left: 10px;
  padding-right: 10px; }
  .wrapper.wrapper-switch-account {
    padding-top: 0; }
    @media only screen and (max-width: 800px) {
      .wrapper.wrapper-switch-account {
        padding-top: 0; } }

@media only screen and (min-width: 320px) {
  .wrapper.mobile {
    padding-left: 0;
    padding-right: 0; }
    .wrapper.mobile .newfeed__soft-top-mobile {
      padding-top: 0 !important; } }

@media only screen and (min-width: 800px) {
  .wrapper.mobile {
    padding-left: 10px;
    padding-right: 10px; }
  .fixed--mobile-navigator.full-page .wrapper.mobile {
    padding-left: 0px;
    padding-right: 0px; } }

.main-wrapper {
  min-width: 320px;
  padding-top: 45px; }
  @media only screen and (min-width: 700px) {
    .main-wrapper {
      padding-top: 75px; } }

.main-wrapper.email-not-verified {
  min-width: 320px;
  padding-top: 45px; }
  @media only screen and (max-width: 600px) {
    .main-wrapper.email-not-verified {
      padding-top: 109px !important; } }
  @media only screen and (min-width: 700px) {
    .main-wrapper.email-not-verified {
      padding-top: 114px; } }

.wrapper--mid {
  margin: 0 auto;
  max-width: 710px; }

.margin-top--5 {
  margin-top: -5px; }

.referral-rewards-spon {
  display: block;
  width: 98.9%;
  margin-bottom: 20px;
  margin-top: 85px; }
  @media only screen and (max-width: 800px) {
    .referral-rewards-spon {
      margin-top: 55px; } }
  .referral-rewards-spon .cash--ad-wrapper {
    display: flex;
    margin-bottom: 18px;
    align-items: center;
    position: relative; }
    @media only screen and (max-width: 975px) {
      .referral-rewards-spon .cash--ad-wrapper {
        flex-flow: wrap row; } }
    @media only screen and (max-width: 800px) {
      .referral-rewards-spon .cash--ad-wrapper {
        margin-bottom: 0;
        max-width: 320px;
        margin: auto; } }
    .referral-rewards-spon .cash--ad-wrapper .referall-rewards-header {
      font-family: Open Sans;
      font-size: 30px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
      @media only screen and (max-width: 975px) {
        .referral-rewards-spon .cash--ad-wrapper .referall-rewards-header {
          order: 2; } }
      @media only screen and (max-width: 800px) {
        .referral-rewards-spon .cash--ad-wrapper .referall-rewards-header {
          display: none; } }
    .referral-rewards-spon .cash--ad-wrapper .sponsored-rl-ad {
      position: absolute; }
      @media only screen and (min-width: 975px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-rl-ad {
          right: 0; } }
      @media only screen and (max-width: 974px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-rl-ad {
          top: 0; } }
      @media only screen and (max-width: 728px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-rl-ad {
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); } }
    .referral-rewards-spon .cash--ad-wrapper .sponsored-block {
      min-width: 728px;
      margin: 0 0 auto auto;
      padding: 10px 20px 11px 16px;
      background-color: #ffffff;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 975px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block {
          margin: 0 0 15px 0; } }
      @media only screen and (max-width: 975px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block {
          order: 1; } }
      @media only screen and (max-width: 800px) {
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block {
          min-width: 100%;
          margin: 0;
          padding: 6px 20px 6px 16px; } }
      .referral-rewards-spon .cash--ad-wrapper .sponsored-block .web-avatar-spp {
        background: url("/app/assets/images/icons/avatar.svg") no-repeat;
        background-size: cover;
        min-height: 51px;
        min-width: 51px;
        margin-right: 10px; }
        @media only screen and (max-width: 800px) {
          .referral-rewards-spon .cash--ad-wrapper .sponsored-block .web-avatar-spp {
            min-width: 37px;
            min-height: 37px; } }
      .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title {
        max-width: 200px; }
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title span {
          font-family: Open Sans;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #1d2026; }
          @media only screen and (max-width: 800px) {
            .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title span {
              font-size: 12px; } }
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title .upgrade--pro-link {
          color: #0aa1d8;
          cursor: pointer;
          font-weight: 700;
          font-family: Open Sans;
          font-size: 14px;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36; }
          @media only screen and (max-width: 800px) {
            .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title .upgrade--pro-link {
              font-size: 12px; } }
          .referral-rewards-spon .cash--ad-wrapper .sponsored-block .remove-sponsored-title .upgrade--pro-link:hover {
            text-decoration: none; }
      .referral-rewards-spon .cash--ad-wrapper .sponsored-block .tile-sponsored-list {
        margin: 0 0 0 auto; }
        @media only screen and (max-width: 800px) {
          .referral-rewards-spon .cash--ad-wrapper .sponsored-block .tile-sponsored-list {
            display: none; } }
        .referral-rewards-spon .cash--ad-wrapper .sponsored-block .tile-sponsored-list .bold-spon-title {
          font-family: Montserrat;
          font-size: 12px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026; }
      .referral-rewards-spon .cash--ad-wrapper .sponsored-block .sponsored-list {
        margin: 0 0 0 auto; }
        @media only screen and (max-width: 800px) {
          .referral-rewards-spon .cash--ad-wrapper .sponsored-block .sponsored-list {
            display: none; } }
  .referral-rewards-spon .subheader-wrapper {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 800px) {
      .referral-rewards-spon .subheader-wrapper {
        display: none; } }
    .referral-rewards-spon .subheader-wrapper .referall-rewards-subheader {
      font-family: Open Sans;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026; }
    .referral-rewards-spon .subheader-wrapper .box-button {
      display: flex;
      border-radius: 5px;
      background-color: #0aa1d8;
      padding: 12px 0px;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #ffffff;
      font-family: Open Sans;
      width: 152px;
      cursor: pointer;
      margin: 0 0 0 auto; }
      .referral-rewards-spon .subheader-wrapper .box-button:hover {
        text-decoration: none; }
      .referral-rewards-spon .subheader-wrapper .box-button::before {
        background-image: url("/app/assets/images/icons/play-icon-2.svg");
        width: 18px;
        height: 18px;
        object-fit: contain;
        background-size: contain;
        content: '';
        background-repeat: no-repeat;
        margin-right: 8px;
        display: inline-block;
        margin: auto 10px auto 13px; }
      .referral-rewards-spon .subheader-wrapper .box-button .button-label {
        margin: 0 auto auto 0; }

.list-links {
  display: block;
  margin-bottom: 4px; }
  .list-links .checkmark-spon {
    width: 11px;
    height: 8px; }
  .list-links .check-title {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1d2026; }

.javascript-off {
  color: red;
  font-weight: bold;
  text-align: center;
  margin: 50px;
  font-size: 40px; }

.modal-container {
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-container .modal-open {
    overflow: hidden; }
  .modal-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container .modal {
      overflow-y: auto; } }
  .modal-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container .modal-header .close {
    margin-top: -2px; }
  .modal-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-container .modal-sm {
      width: 300px; }
    .modal-container .modal-md {
      width: 500px; }
    .modal-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-container .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-container .modal-sm {
      width: 300px; }
    .modal-container .modal-smd {
      width: 320px; }
    .modal-container .modal-md {
      width: 500px; }
    .modal-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-container .modal-lg {
      width: 900px; }
    .modal-container .modal-xlg {
      width: 98%; }
    .modal-container .modal-contact-cards {
      width: 740px; }
    .modal-container .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-container .modal-header:before,
  .modal-container .modal-header:after,
  .modal-container .modal-footer:before,
  .modal-container .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container .modal-header:after,
  .modal-container .modal-footer:after {
    clear: both; }
  .modal-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container .close:hover,
  .modal-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .modal-container .modal-body {
    position: relative;
    padding: 15px; }

.modal-fixlightbox .modal-content {
  margin-top: 0 !important;
  position: initial !important; }

.confirm-block-modal {
  position: relative;
  width: 100%; }
  .confirm-block-modal .modal-open {
    overflow: hidden; }
  .confirm-block-modal .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .confirm-block-modal .modal {
      overflow-y: auto; } }
  .confirm-block-modal .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .confirm-block-modal .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .confirm-block-modal .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .confirm-block-modal .modal-dialog {
    position: relative;
    width: auto; }
  .confirm-block-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .confirm-block-modal .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .confirm-block-modal .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .confirm-block-modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .confirm-block-modal .modal-header .close {
    margin-top: -2px; }
  .confirm-block-modal .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .confirm-block-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .confirm-block-modal .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .confirm-block-modal .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .confirm-block-modal .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .confirm-block-modal .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .confirm-block-modal .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .confirm-block-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .confirm-block-modal .modal-sm {
      width: 300px; }
    .confirm-block-modal .modal-md {
      width: 500px; }
    .confirm-block-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .confirm-block-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .confirm-block-modal .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .confirm-block-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .confirm-block-modal .modal-sm {
      width: 300px; }
    .confirm-block-modal .modal-smd {
      width: 320px; }
    .confirm-block-modal .modal-md {
      width: 500px; }
    .confirm-block-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .confirm-block-modal .modal-lg {
      width: 900px; }
    .confirm-block-modal .modal-xlg {
      width: 98%; }
    .confirm-block-modal .modal-contact-cards {
      width: 740px; }
    .confirm-block-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  .confirm-block-modal .modal-header:before,
  .confirm-block-modal .modal-header:after,
  .confirm-block-modal .modal-footer:before,
  .confirm-block-modal .modal-footer:after {
    display: table;
    content: " "; }
  .confirm-block-modal .modal-header:after,
  .confirm-block-modal .modal-footer:after {
    clear: both; }
  .confirm-block-modal .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .confirm-block-modal .close:hover,
  .confirm-block-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .confirm-block-modal .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .confirm-block-modal .modal-body-with-padding {
    padding: 30px; }
  .confirm-block-modal .modal-body {
    position: relative; }
    .confirm-block-modal .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .confirm-block-modal .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .confirm-block-modal .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .confirm-block-modal .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .confirm-block-modal .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .confirm-block-modal .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .confirm-block-modal .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

@media screen and (max-width: 500px) {
  .banner-upload-conainer .modal-content {
    height: 100%;
    overflow: hidden; } }

.banner-upload-conainer .modal.in .modal-dialog {
  height: 100%;
  overflow: hidden;
  max-width: 600px;
  width: 100%; }

.modal-container2 {
  position: relative;
  width: 100%; }
  .modal-container2 .modal-open {
    overflow: hidden; }
  .modal-container2 .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container2 .modal {
      overflow-y: auto; } }
  .modal-container2 .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container2 .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container2 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container2 .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container2 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container2 .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container2 .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container2 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container2 .modal-header .close {
    margin-top: -2px; }
  .modal-container2 .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container2 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container2 .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container2 .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container2 .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container2 .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container2 .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-container2 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-container2 .modal-sm {
      width: 300px; }
    .modal-container2 .modal-md {
      width: 500px; }
    .modal-container2 .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-container2 .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-container2 .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container2 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-container2 .modal-sm {
      width: 300px; }
    .modal-container2 .modal-smd {
      width: 320px; }
    .modal-container2 .modal-md {
      width: 500px; }
    .modal-container2 .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-container2 .modal-lg {
      width: 900px; }
    .modal-container2 .modal-xlg {
      width: 98%; }
    .modal-container2 .modal-contact-cards {
      width: 740px; }
    .modal-container2 .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-container2 .modal-header:before,
  .modal-container2 .modal-header:after,
  .modal-container2 .modal-footer:before,
  .modal-container2 .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container2 .modal-header:after,
  .modal-container2 .modal-footer:after {
    clear: both; }
  .modal-container2 .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container2 .close:hover,
  .modal-container2 .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container2 .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    min-height: auto; }
    @media screen and (max-width: 800px) {
      .modal-container2 .modal-content {
        margin-top: 0px;
        border-radius: 0px; } }
  .modal-container2 .modal-body-with-padding {
    padding: 30px; }
  .modal-container2 .modal-body {
    position: relative; }
    .modal-container2 .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container2 .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container2 .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container2 .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container2 .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container2 .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container2 .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-contact-cards-container {
  position: relative;
  width: 100%; }
  .modal-contact-cards-container .modal-open {
    overflow: hidden; }
  .modal-contact-cards-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-contact-cards-container .modal {
      overflow-y: auto; } }
  .modal-contact-cards-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-contact-cards-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-contact-cards-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-contact-cards-container .modal-dialog {
    position: relative;
    width: auto; }
  .modal-contact-cards-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-contact-cards-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-contact-cards-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-contact-cards-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-contact-cards-container .modal-header .close {
    margin-top: -2px; }
  .modal-contact-cards-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-contact-cards-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-contact-cards-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-contact-cards-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-contact-cards-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-contact-cards-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-contact-cards-container .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-contact-cards-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-contact-cards-container .modal-sm {
      width: 300px; }
    .modal-contact-cards-container .modal-md {
      width: 500px; }
    .modal-contact-cards-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-contact-cards-container .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-contact-cards-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-contact-cards-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-contact-cards-container .modal-sm {
      width: 300px; }
    .modal-contact-cards-container .modal-smd {
      width: 320px; }
    .modal-contact-cards-container .modal-md {
      width: 500px; }
    .modal-contact-cards-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-contact-cards-container .modal-lg {
      width: 900px; }
    .modal-contact-cards-container .modal-xlg {
      width: 98%; }
    .modal-contact-cards-container .modal-contact-cards {
      width: 740px; }
    .modal-contact-cards-container .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-contact-cards-container .modal-header:before,
  .modal-contact-cards-container .modal-header:after,
  .modal-contact-cards-container .modal-footer:before,
  .modal-contact-cards-container .modal-footer:after {
    display: table;
    content: " "; }
  .modal-contact-cards-container .modal-header:after,
  .modal-contact-cards-container .modal-footer:after {
    clear: both; }
  .modal-contact-cards-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-contact-cards-container .close:hover,
  .modal-contact-cards-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-contact-cards-container .modal-content {
    margin-top: 100px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
    @media screen and (max-width: 800px) {
      .modal-contact-cards-container .modal-content {
        margin-top: 0px;
        border-radius: 0px; } }
  .modal-contact-cards-container .modal-body-with-padding {
    padding: 30px; }
  .modal-contact-cards-container .modal-body {
    position: relative; }
    .modal-contact-cards-container .modal-body .modal-body-content {
      margin-right: 0px;
      padding-left: 25px;
      margin-top: 0px; }
      @media only screen and (max-width: 500px) {
        .modal-contact-cards-container .modal-body .modal-body-content {
          padding-left: 0px; } }
    .modal-contact-cards-container .modal-body .contact-cards-wrapper {
      width: 100%;
      max-width: 690px;
      margin: 0 auto;
      padding-top: 47px; }
      @media only screen and (max-width: 705px) {
        .modal-contact-cards-container .modal-body .contact-cards-wrapper {
          max-width: 450px; } }
      @media only screen and (max-width: 500px) {
        .modal-contact-cards-container .modal-body .contact-cards-wrapper {
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 0px; } }
    .modal-contact-cards-container .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-contact-cards-container .modal-body .modal-header2 .title {
        display: table-cell;
        vertical-align: middle;
        padding-left: 35px;
        padding-top: 16px;
        padding-bottom: 11px;
        font-family: 'Montserrat';
        font-size: 23px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #3f464b; }
        @media only screen and (max-width: 500px) {
          .modal-contact-cards-container .modal-body .modal-header2 .title {
            padding-left: 15px;
            font-size: 14px;
            padding-top: 12px; } }
      .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom;
        position: relative;
        right: 10px;
        bottom: 7px; }
        @media only screen and (max-width: 500px) {
          .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper {
            right: 0px;
            bottom: 3px; } }
        .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-share {
  position: relative;
  width: 100%; }
  .modal-share .modal-open {
    overflow: hidden; }
  .modal-share .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-share .modal {
      overflow-y: auto; } }
  .modal-share .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-share .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-share .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-share .modal-dialog {
    position: relative;
    width: auto; }
  .modal-share .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-share .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-share .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-share .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-share .modal-header .close {
    margin-top: -2px; }
  .modal-share .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-share .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-share .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-share .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-share .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-share .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-share .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-share .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-share .modal-sm {
      width: 300px; }
    .modal-share .modal-md {
      width: 500px; }
    .modal-share .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-share .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-share .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-share .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-share .modal-sm {
      width: 300px; }
    .modal-share .modal-smd {
      width: 320px; }
    .modal-share .modal-md {
      width: 500px; }
    .modal-share .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-share .modal-lg {
      width: 900px; }
    .modal-share .modal-xlg {
      width: 98%; }
    .modal-share .modal-contact-cards {
      width: 740px; }
    .modal-share .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-share .modal-header:before,
  .modal-share .modal-header:after,
  .modal-share .modal-footer:before,
  .modal-share .modal-footer:after {
    display: table;
    content: " "; }
  .modal-share .modal-header:after,
  .modal-share .modal-footer:after {
    clear: both; }
  .modal-share .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-share .close:hover,
  .modal-share .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-share .modal-content {
    margin-top: 0px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto;
    overflow-y: scroll; }
  .modal-share .modal-body-with-padding {
    padding: 30px; }
  .modal-share .modal-body {
    position: relative; }
    .modal-share .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-share .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-share .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-share .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-share .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-share .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-share .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-chat {
  position: relative;
  width: 100%; }
  .modal-chat .modal-open {
    overflow: hidden; }
  .modal-chat .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-chat .modal {
      overflow-y: auto; } }
  .modal-chat .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-chat .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-chat .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-chat .modal-dialog {
    position: relative;
    width: auto; }
  .modal-chat .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-chat .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-chat .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-chat .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-chat .modal-header .close {
    margin-top: -2px; }
  .modal-chat .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-chat .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-chat .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-chat .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-chat .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-chat .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-chat .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-chat .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-chat .modal-sm {
      width: 300px; }
    .modal-chat .modal-md {
      width: 500px; }
    .modal-chat .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-chat .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-chat .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-chat .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-chat .modal-sm {
      width: 300px; }
    .modal-chat .modal-smd {
      width: 320px; }
    .modal-chat .modal-md {
      width: 500px; }
    .modal-chat .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-chat .modal-lg {
      width: 900px; }
    .modal-chat .modal-xlg {
      width: 98%; }
    .modal-chat .modal-contact-cards {
      width: 740px; }
    .modal-chat .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-chat .modal-header:before,
  .modal-chat .modal-header:after,
  .modal-chat .modal-footer:before,
  .modal-chat .modal-footer:after {
    display: table;
    content: " "; }
  .modal-chat .modal-header:after,
  .modal-chat .modal-footer:after {
    clear: both; }
  .modal-chat .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-chat .close:hover,
  .modal-chat .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-chat .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    min-height: auto; }
  .modal-chat .modal-body-with-padding {
    padding: 30px; }
  .modal-chat .modal-body {
    position: relative; }
    .modal-chat .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-chat .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-chat .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-chat .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-chat .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-chat .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-chat .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-connection-management {
  position: relative;
  width: 100%; }
  .modal-connection-management .modal-open {
    overflow: hidden; }
  .modal-connection-management .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-connection-management .modal {
      overflow-y: auto; } }
  .modal-connection-management .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-connection-management .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-connection-management .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-connection-management .modal-dialog {
    position: relative;
    width: auto; }
  .modal-connection-management .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-connection-management .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-connection-management .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-connection-management .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-connection-management .modal-header .close {
    margin-top: -2px; }
  .modal-connection-management .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-connection-management .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-connection-management .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-connection-management .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-connection-management .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-connection-management .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-connection-management .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-connection-management .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-connection-management .modal-sm {
      width: 300px; }
    .modal-connection-management .modal-md {
      width: 500px; }
    .modal-connection-management .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-connection-management .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-connection-management .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-connection-management .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-connection-management .modal-sm {
      width: 300px; }
    .modal-connection-management .modal-smd {
      width: 320px; }
    .modal-connection-management .modal-md {
      width: 500px; }
    .modal-connection-management .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-connection-management .modal-lg {
      width: 900px; }
    .modal-connection-management .modal-xlg {
      width: 98%; }
    .modal-connection-management .modal-contact-cards {
      width: 740px; }
    .modal-connection-management .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-connection-management .modal-header:before,
  .modal-connection-management .modal-header:after,
  .modal-connection-management .modal-footer:before,
  .modal-connection-management .modal-footer:after {
    display: table;
    content: " "; }
  .modal-connection-management .modal-header:after,
  .modal-connection-management .modal-footer:after {
    clear: both; }
  .modal-connection-management .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-connection-management .close:hover,
  .modal-connection-management .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-connection-management .modal-content {
    margin-top: 100px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .modal-connection-management .modal-body-with-padding {
    padding: 30px; }
  .modal-connection-management .modal-body {
    position: relative; }
    .modal-connection-management .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-connection-management .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-connection-management .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-connection-management .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-connection-management .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-connection-management .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-connection-management .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-pro-messaging {
  position: relative;
  width: 100%; }
  .modal-pro-messaging .modal-open {
    overflow: hidden; }
  .modal-pro-messaging .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-pro-messaging .modal {
      overflow-y: auto; } }
  .modal-pro-messaging .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-pro-messaging .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-pro-messaging .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-pro-messaging .modal-dialog {
    position: relative;
    width: auto; }
  .modal-pro-messaging .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-pro-messaging .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-pro-messaging .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-pro-messaging .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-pro-messaging .modal-header .close {
    margin-top: -2px; }
  .modal-pro-messaging .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-pro-messaging .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-pro-messaging .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-pro-messaging .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-pro-messaging .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-pro-messaging .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-pro-messaging .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-pro-messaging .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-pro-messaging .modal-sm {
      width: 300px; }
    .modal-pro-messaging .modal-md {
      width: 500px; }
    .modal-pro-messaging .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-pro-messaging .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-pro-messaging .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-pro-messaging .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-pro-messaging .modal-sm {
      width: 300px; }
    .modal-pro-messaging .modal-smd {
      width: 320px; }
    .modal-pro-messaging .modal-md {
      width: 500px; }
    .modal-pro-messaging .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-pro-messaging .modal-lg {
      width: 900px; }
    .modal-pro-messaging .modal-xlg {
      width: 98%; }
    .modal-pro-messaging .modal-contact-cards {
      width: 740px; }
    .modal-pro-messaging .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-pro-messaging .modal-header:before,
  .modal-pro-messaging .modal-header:after,
  .modal-pro-messaging .modal-footer:before,
  .modal-pro-messaging .modal-footer:after {
    display: table;
    content: " "; }
  .modal-pro-messaging .modal-header:after,
  .modal-pro-messaging .modal-footer:after {
    clear: both; }
  .modal-pro-messaging .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-pro-messaging .close:hover,
  .modal-pro-messaging .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-pro-messaging .modal-content {
    margin-top: 100px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .modal-pro-messaging .modal-body-with-padding {
    padding: 30px; }
  .modal-pro-messaging .modal-body {
    position: relative; }
    .modal-pro-messaging .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-pro-messaging .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-pro-messaging .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-pro-messaging .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-pro-messaging .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-pro-messaging .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-pro-messaging .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.search-advanced-filter-modal {
  position: relative;
  width: 100%; }
  .search-advanced-filter-modal .modal-open {
    overflow: hidden; }
  .search-advanced-filter-modal .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .search-advanced-filter-modal .modal {
      overflow-y: auto; } }
  .search-advanced-filter-modal .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .search-advanced-filter-modal .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .search-advanced-filter-modal .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .search-advanced-filter-modal .modal-dialog {
    position: relative;
    width: auto; }
  .search-advanced-filter-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .search-advanced-filter-modal .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .search-advanced-filter-modal .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .search-advanced-filter-modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .search-advanced-filter-modal .modal-header .close {
    margin-top: -2px; }
  .search-advanced-filter-modal .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .search-advanced-filter-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .search-advanced-filter-modal .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .search-advanced-filter-modal .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .search-advanced-filter-modal .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .search-advanced-filter-modal .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .search-advanced-filter-modal .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .search-advanced-filter-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .search-advanced-filter-modal .modal-sm {
      width: 300px; }
    .search-advanced-filter-modal .modal-md {
      width: 500px; }
    .search-advanced-filter-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .search-advanced-filter-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .search-advanced-filter-modal .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .search-advanced-filter-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .search-advanced-filter-modal .modal-sm {
      width: 300px; }
    .search-advanced-filter-modal .modal-smd {
      width: 320px; }
    .search-advanced-filter-modal .modal-md {
      width: 500px; }
    .search-advanced-filter-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .search-advanced-filter-modal .modal-lg {
      width: 900px; }
    .search-advanced-filter-modal .modal-xlg {
      width: 98%; }
    .search-advanced-filter-modal .modal-contact-cards {
      width: 740px; }
    .search-advanced-filter-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  .search-advanced-filter-modal .modal-header:before,
  .search-advanced-filter-modal .modal-header:after,
  .search-advanced-filter-modal .modal-footer:before,
  .search-advanced-filter-modal .modal-footer:after {
    display: table;
    content: " "; }
  .search-advanced-filter-modal .modal-header:after,
  .search-advanced-filter-modal .modal-footer:after {
    clear: both; }
  .search-advanced-filter-modal .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .search-advanced-filter-modal .close:hover,
  .search-advanced-filter-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .search-advanced-filter-modal .modal-dialog {
    margin: 0px auto;
    height: 100%; }
  .search-advanced-filter-modal .modal-content {
    height: 100%;
    margin-top: 0px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .search-advanced-filter-modal .modal-body-with-padding {
    padding: 30px; }
  .search-advanced-filter-modal .modal-body {
    position: relative; }
    .search-advanced-filter-modal .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .search-advanced-filter-modal .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .search-advanced-filter-modal .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .search-advanced-filter-modal .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .search-advanced-filter-modal .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .search-advanced-filter-modal .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .search-advanced-filter-modal .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-loading-animation {
  position: relative;
  width: 100%; }
  .modal-loading-animation .modal-open {
    overflow: hidden; }
  .modal-loading-animation .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-loading-animation .modal {
      overflow-y: auto; } }
  .modal-loading-animation .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-loading-animation .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-loading-animation .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-loading-animation .modal-dialog {
    position: relative;
    width: auto; }
  .modal-loading-animation .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-loading-animation .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-loading-animation .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-loading-animation .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-loading-animation .modal-header .close {
    margin-top: -2px; }
  .modal-loading-animation .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-loading-animation .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-loading-animation .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-loading-animation .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-loading-animation .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-loading-animation .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-loading-animation .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-loading-animation .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-loading-animation .modal-sm {
      width: 300px; }
    .modal-loading-animation .modal-md {
      width: 500px; }
    .modal-loading-animation .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-loading-animation .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-loading-animation .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-loading-animation .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-loading-animation .modal-sm {
      width: 300px; }
    .modal-loading-animation .modal-smd {
      width: 320px; }
    .modal-loading-animation .modal-md {
      width: 500px; }
    .modal-loading-animation .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-loading-animation .modal-lg {
      width: 900px; }
    .modal-loading-animation .modal-xlg {
      width: 98%; }
    .modal-loading-animation .modal-contact-cards {
      width: 740px; }
    .modal-loading-animation .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-loading-animation .modal-header:before,
  .modal-loading-animation .modal-header:after,
  .modal-loading-animation .modal-footer:before,
  .modal-loading-animation .modal-footer:after {
    display: table;
    content: " "; }
  .modal-loading-animation .modal-header:after,
  .modal-loading-animation .modal-footer:after {
    clear: both; }
  .modal-loading-animation .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-loading-animation .close:hover,
  .modal-loading-animation .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-loading-animation .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .modal-loading-animation .modal-body-with-padding {
    padding: 30px; }
  .modal-loading-animation .modal-body {
    position: relative; }
    .modal-loading-animation .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-loading-animation .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-loading-animation .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-loading-animation .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-loading-animation .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-loading-animation .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-loading-animation .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.avatar-upload-modal-container {
  position: relative;
  width: 100%; }
  .avatar-upload-modal-container .modal-open {
    overflow: hidden; }
  .avatar-upload-modal-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .avatar-upload-modal-container .modal {
      overflow-y: auto; } }
  .avatar-upload-modal-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .avatar-upload-modal-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .avatar-upload-modal-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .avatar-upload-modal-container .modal-dialog {
    position: relative;
    width: auto; }
  .avatar-upload-modal-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .avatar-upload-modal-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .avatar-upload-modal-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .avatar-upload-modal-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .avatar-upload-modal-container .modal-header .close {
    margin-top: -2px; }
  .avatar-upload-modal-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .avatar-upload-modal-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .avatar-upload-modal-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .avatar-upload-modal-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .avatar-upload-modal-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .avatar-upload-modal-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .avatar-upload-modal-container .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .avatar-upload-modal-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .avatar-upload-modal-container .modal-sm {
      width: 300px; }
    .avatar-upload-modal-container .modal-md {
      width: 500px; }
    .avatar-upload-modal-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .avatar-upload-modal-container .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .avatar-upload-modal-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .avatar-upload-modal-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .avatar-upload-modal-container .modal-sm {
      width: 300px; }
    .avatar-upload-modal-container .modal-smd {
      width: 320px; }
    .avatar-upload-modal-container .modal-md {
      width: 500px; }
    .avatar-upload-modal-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .avatar-upload-modal-container .modal-lg {
      width: 900px; }
    .avatar-upload-modal-container .modal-xlg {
      width: 98%; }
    .avatar-upload-modal-container .modal-contact-cards {
      width: 740px; }
    .avatar-upload-modal-container .modal-chat .modal-content {
      margin-top: 0px; } }
  .avatar-upload-modal-container .modal-header:before,
  .avatar-upload-modal-container .modal-header:after,
  .avatar-upload-modal-container .modal-footer:before,
  .avatar-upload-modal-container .modal-footer:after {
    display: table;
    content: " "; }
  .avatar-upload-modal-container .modal-header:after,
  .avatar-upload-modal-container .modal-footer:after {
    clear: both; }
  .avatar-upload-modal-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .avatar-upload-modal-container .close:hover,
  .avatar-upload-modal-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .avatar-upload-modal-container .modal-content {
    margin-top: 20px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
  .avatar-upload-modal-container .modal {
    z-index: 30500; }
  .avatar-upload-modal-container .modal-body-with-padding {
    padding: 20px; }
  .avatar-upload-modal-container .modal-body {
    position: relative; }
    .avatar-upload-modal-container .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .avatar-upload-modal-container .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .avatar-upload-modal-container .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .avatar-upload-modal-container .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .avatar-upload-modal-container .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .avatar-upload-modal-container .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .avatar-upload-modal-container .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-container3 .modal-open {
  overflow: hidden; }

.modal-container3 .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

@media (max-width: 1000px) {
  .modal-container3 .modal {
    overflow-y: auto; } }

.modal-container3 .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.modal-container3 .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-container3 .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-container3 .modal-dialog {
  position: relative;
  width: auto; }

.modal-container3 .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-container3 .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-container3 .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .8; }

.modal-container3 .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-container3 .modal-header .close {
  margin-top: -2px; }

.modal-container3 .modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-container3 .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-container3 .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-container3 .modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-container3 .modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-container3 .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-container3 .modal-dialog {
    width: 100%;
    margin: 50px auto; }
  .modal-container3 .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-container3 .modal-sm {
    width: 300px; }
  .modal-container3 .modal-md {
    width: 500px; }
  .modal-container3 .modal-xmd {
    width: 600px; } }

@media (min-width: 600px) {
  .modal-container3 .modal-chat .modal-content {
    margin-top: 0px; } }

@media (min-width: 768px) {
  .modal-container3 .modal-dialog2 {
    width: 100%;
    margin: 30px auto; }
  .modal-container3 .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
  .modal-container3 .modal-sm {
    width: 300px; }
  .modal-container3 .modal-smd {
    width: 320px; }
  .modal-container3 .modal-md {
    width: 500px; }
  .modal-container3 .modal-xmd {
    width: 600px; } }

@media (min-width: 900px) {
  .modal-container3 .modal-lg {
    width: 900px; }
  .modal-container3 .modal-xlg {
    width: 98%; }
  .modal-container3 .modal-contact-cards {
    width: 740px; }
  .modal-container3 .modal-chat .modal-content {
    margin-top: 0px; } }

.modal-container3 .modal-header:before,
.modal-container3 .modal-header:after,
.modal-container3 .modal-footer:before,
.modal-container3 .modal-footer:after {
  display: table;
  content: " "; }

.modal-container3 .modal-header:after,
.modal-container3 .modal-footer:after {
  clear: both; }

.modal-container3 .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff; }

.modal-container3 .close:hover,
.modal-container3 .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.modal-container3 .modal-content {
  position: relative; }

.modal-container3.group-privacy-modal .modal .modal-dialog .modal-content {
  background-color: inherit; }

.modal-container4 {
  position: relative;
  width: 100%;
  overflow: unset; }
  @media only screen and (max-width: 800px) {
    .modal-container4 {
      overflow: initial; } }
  .modal-container4 .modal-open {
    overflow: hidden; }
  .modal-container4 .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container4 .modal {
      overflow-y: auto; } }
  .modal-container4 .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container4 .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container4 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container4 .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container4 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container4 .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container4 .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container4 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container4 .modal-header .close {
    margin-top: -2px; }
  .modal-container4 .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container4 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container4 .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container4 .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container4 .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container4 .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container4 .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-container4 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-container4 .modal-sm {
      width: 300px; }
    .modal-container4 .modal-md {
      width: 500px; }
    .modal-container4 .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-container4 .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-container4 .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container4 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-container4 .modal-sm {
      width: 300px; }
    .modal-container4 .modal-smd {
      width: 320px; }
    .modal-container4 .modal-md {
      width: 500px; }
    .modal-container4 .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-container4 .modal-lg {
      width: 900px; }
    .modal-container4 .modal-xlg {
      width: 98%; }
    .modal-container4 .modal-contact-cards {
      width: 740px; }
    .modal-container4 .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-container4 .modal-header:before,
  .modal-container4 .modal-header:after,
  .modal-container4 .modal-footer:before,
  .modal-container4 .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container4 .modal-header:after,
  .modal-container4 .modal-footer:after {
    clear: both; }
  .modal-container4 .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container4 .close:hover,
  .modal-container4 .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container4 .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container4 .modal-xlg {
    height: calc(100% - 0px); }
  @media screen and (max-width: 800px) {
    .modal-container4 .modal-content {
      height: 100%; }
    .modal-container4 .modal-viewer {
      height: 100%; }
      .modal-container4 .modal-viewer .viewer .viewer__main {
        min-height: 40%;
        background-color: #000000; } }
  .modal-container4 .modal-content2 {
    position: relative;
    -webkit-background-clip: padding-box;
    height: 92%;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container4 .modal-body {
    position: relative; }
    .modal-container4 .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container4 .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container4 .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container4 .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container4 .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container4 .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container4 .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-container5 {
  position: relative;
  width: 100%; }
  .modal-container5 .modal-open {
    overflow: hidden; }
  .modal-container5 .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container5 .modal {
      overflow-y: auto; } }
  .modal-container5 .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container5 .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container5 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container5 .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container5 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container5 .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container5 .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container5 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container5 .modal-header .close {
    margin-top: -2px; }
  .modal-container5 .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container5 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container5 .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container5 .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container5 .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container5 .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container5 .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-container5 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-container5 .modal-sm {
      width: 300px; }
    .modal-container5 .modal-md {
      width: 500px; }
    .modal-container5 .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-container5 .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-container5 .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container5 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-container5 .modal-sm {
      width: 300px; }
    .modal-container5 .modal-smd {
      width: 320px; }
    .modal-container5 .modal-md {
      width: 500px; }
    .modal-container5 .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-container5 .modal-lg {
      width: 900px; }
    .modal-container5 .modal-xlg {
      width: 98%; }
    .modal-container5 .modal-contact-cards {
      width: 740px; }
    .modal-container5 .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-container5 .modal-header:before,
  .modal-container5 .modal-header:after,
  .modal-container5 .modal-footer:before,
  .modal-container5 .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container5 .modal-header:after,
  .modal-container5 .modal-footer:after {
    clear: both; }
  .modal-container5 .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container5 .close:hover,
  .modal-container5 .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container5 .modal {
    overflow-x: hidden;
    overflow-y: auto !important; }
  .modal-container5 .modal-body .modal-content .modal-body-content {
    margin-right: 0px;
    padding-left: 25px;
    margin-top: 20px; }
    @media only screen and (max-width: 500px) {
      .modal-container5 .modal-body .modal-content .modal-body-content {
        padding-left: 0px; } }
  .modal-container5 .modal-content {
    margin-top: 60px;
    background-color: #fff;
    border-radius: 4px; }
    .modal-container5 .modal-content .contact-cards-wrapper {
      width: 100%;
      max-width: 690px;
      margin: 0 auto;
      padding-top: 47px; }
      @media only screen and (max-width: 705px) {
        .modal-container5 .modal-content .contact-cards-wrapper {
          max-width: 450px; } }
      @media only screen and (max-width: 500px) {
        .modal-container5 .modal-content .contact-cards-wrapper {
          padding-left: 20px;
          padding-right: 20px; } }
    .modal-container5 .modal-content .infinite-scroll-container-wrapper {
      margin-right: 0px;
      margin-top: 0px;
      padding-top: 15px; }
    .modal-container5 .modal-content .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container5 .modal-content .modal-header2 .title {
        display: table-cell;
        vertical-align: middle;
        padding-left: 35px;
        padding-top: 16px;
        padding-bottom: 11px;
        font-family: 'Montserrat';
        font-size: 23px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #3f464b;
        text-transform: inherit; }
        @media only screen and (max-width: 500px) {
          .modal-container5 .modal-content .modal-header2 .title {
            padding-left: 15px;
            font-size: 14px;
            padding-top: 12px; } }
      .modal-container5 .modal-content .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom;
        position: relative;
        right: 10px;
        bottom: 7px; }
        @media only screen and (max-width: 500px) {
          .modal-container5 .modal-content .modal-header2 .close-button-wrapper {
            right: 0px;
            bottom: 3px; } }
        .modal-container5 .modal-content .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container5 .modal-content .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container5 .modal-content .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }
  .modal-container5 .lightbox-message .modal-content {
    padding-top: 0px; }
  .modal-container5 .modal-xlg {
    height: calc(100% - 0px); }
  @media screen and (max-width: 800px) {
    .modal-container5 .modal-content {
      height: 100%; }
    .modal-container5 .modal-viewer {
      height: 100%; }
      .modal-container5 .modal-viewer .viewer .viewer__main {
        min-height: 40%;
        background-color: #000000; } }
  .modal-container5 .modal-content2 {
    position: relative;
    -webkit-background-clip: padding-box;
    height: 92%;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container5 .modal-body {
    position: relative; }
    .modal-container5 .modal-body .modal-body-content {
      margin-right: 0px;
      padding-left: 20px;
      margin-top: 0px; }

.modal-pro-messaging .modal[index="0"] .modal-dialog.modal-xlg .modal-content {
  margin-top: 60px;
  position: initial; }

.confirmation-modal {
  position: relative;
  width: 100%; }
  .confirmation-modal .modal-open {
    overflow: hidden; }
  .confirmation-modal .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .confirmation-modal .modal {
      overflow-y: auto; } }
  .confirmation-modal .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .confirmation-modal .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .confirmation-modal .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .confirmation-modal .modal-dialog {
    position: relative;
    width: auto; }
  .confirmation-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .confirmation-modal .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .confirmation-modal .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .confirmation-modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .confirmation-modal .modal-header .close {
    margin-top: -2px; }
  .confirmation-modal .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .confirmation-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .confirmation-modal .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .confirmation-modal .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .confirmation-modal .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .confirmation-modal .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .confirmation-modal .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .confirmation-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .confirmation-modal .modal-sm {
      width: 300px; }
    .confirmation-modal .modal-md {
      width: 500px; }
    .confirmation-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .confirmation-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .confirmation-modal .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .confirmation-modal .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .confirmation-modal .modal-sm {
      width: 300px; }
    .confirmation-modal .modal-smd {
      width: 320px; }
    .confirmation-modal .modal-md {
      width: 500px; }
    .confirmation-modal .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .confirmation-modal .modal-lg {
      width: 900px; }
    .confirmation-modal .modal-xlg {
      width: 98%; }
    .confirmation-modal .modal-contact-cards {
      width: 740px; }
    .confirmation-modal .modal-chat .modal-content {
      margin-top: 0px; } }
  .confirmation-modal .modal-header:before,
  .confirmation-modal .modal-header:after,
  .confirmation-modal .modal-footer:before,
  .confirmation-modal .modal-footer:after {
    display: table;
    content: " "; }
  .confirmation-modal .modal-header:after,
  .confirmation-modal .modal-footer:after {
    clear: both; }
  .confirmation-modal .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .confirmation-modal .close:hover,
  .confirmation-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .confirmation-modal .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .confirmation-modal .modal-xlg {
    height: calc(100% - 20px); }
  @media screen and (max-width: 800px) {
    .confirmation-modal .modal-content {
      height: 100%; }
    .confirmation-modal .modal-viewer {
      height: 100%; }
      .confirmation-modal .modal-viewer .viewer .viewer__main {
        min-height: 40%;
        background-color: #000000; } }
  .confirmation-modal .modal-content2 {
    position: relative;
    -webkit-background-clip: padding-box;
    height: 92%;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .confirmation-modal .modal-body {
    position: relative; }
    .confirmation-modal .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .confirmation-modal .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .confirmation-modal .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .confirmation-modal .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .confirmation-modal .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .confirmation-modal .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .confirmation-modal .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-mobile-dropdown-container {
  width: 100%;
  height: 100%;
  background-color: transparent; }
  .modal-mobile-dropdown-container .modal {
    overflow-y: auto; }
  .modal-mobile-dropdown-container .modal-content {
    margin-top: 0px;
    position: relative;
    height: 100%;
    background-color: #1d2026;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .modal-mobile-dropdown-container .modal-dialog {
    position: relative;
    margin: 0px;
    height: 100%; }
  .modal-mobile-dropdown-container.group-privacy-modal .modal .modal-dialog {
    margin: 0px;
    height: 100%; }
    .modal-mobile-dropdown-container.group-privacy-modal .modal .modal-dialog .modal-content {
      background-color: inherit; }

.medial-lightbox-modals {
  margin-top: 100px; }

@media only screen and (max-width: 600px) {
  .modal-connection-management .modal-content {
    margin-top: 0px;
    border-radius: 0px; }
  .modal-connection-management .modal-dialog {
    margin: 0px; }
  .modal-pro-messaging .modal-dialog {
    margin: 0px;
    height: 100%; }
  .modal-pro-messaging .modal-content {
    margin-top: 0px;
    border-radius: 0px;
    height: 100%; }
  .modal-loading-animation .modal-content {
    margin-top: 0px;
    border-radius: 0px; }
  .modal-loading-animation .modal-dialog {
    margin: 0px; }
  .confirmation-modal .modal-content {
    margin-top: 100px;
    border-radius: 4px; }
  .confirmation-modal .modal-dialog {
    margin: 10px; }
  .modal-container4 .modal-content {
    margin-top: 100px;
    border-radius: 4px; } }
  @media only screen and (max-width: 600px) and (max-width: 800px) {
    .modal-container4 .modal-content {
      margin-top: 0px;
      border-radius: 0px; } }

@media only screen and (max-width: 600px) {
  .modal-container4.lightbox .modal-content {
    margin-top: 0px; }
  .modal-container4 .modal-dialog {
    margin: 10px; }
  .modal-container4.mutual-modal .modal {
    margin-left: 10px;
    margin-right: 10px; } }
  @media only screen and (max-width: 600px) and (max-width: 800px) {
    .modal-container4.mutual-modal .modal {
      margin-left: 0px;
      margin-right: 0px; } }

@media only screen and (max-width: 600px) {
  .confirm-block-modal {
    margin-top: 0px;
    border-radius: 0px; }
    .confirm-block-modal .modal-content {
      margin-top: 0px;
      position: relative;
      height: 100%;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 0px;
      outline: 0;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      min-height: auto; }
    .confirm-block-modal .modal-dialog {
      margin: 0px;
      height: 100%; }
  .modal-container5 .modal-content {
    padding-top: 0px; } }

@media (max-width: 1000px) {
  .modal-chat .hide-background-responsive {
    display: none; } }

@media (max-width: 600px) {
  .modal-container2 .modal-body-with-padding {
    padding: 10px;
    border-radius: 0px; }
  .modal-chat {
    overflow-y: hidden;
    height: 100%; }
    .modal-chat .modal-dialog {
      margin: 0px; }
    .modal-chat .modal-content {
      margin-top: 0px;
      height: 100%; }
    .modal-chat .hide-background-responsive {
      display: none; }
  .avatar-upload-modal-container {
    overflow: hidden; }
    .avatar-upload-modal-container .modal-dialog {
      margin: 20px; } }

@media only screen and (max-width: 620px) {
  .custom-post .modal .modal-dialog .modal-content {
    margin-top: 0px; } }

#mainLandingPage.reshare-popup-modal .modal[animate=animate] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow-y: scroll; }
  #mainLandingPage.reshare-popup-modal .modal[animate=animate] .modal-dialog .modal-content {
    overflow-y: auto; }
    @media only screen and (max-width: 415px) {
      #mainLandingPage.reshare-popup-modal .modal[animate=animate] .modal-dialog .modal-content {
        overflow-y: scroll;
        height: 100%; } }

@media (min-width: 768px) {
  .modal-container4.lightbox .modal-dialog {
    margin: 10px auto; }
  .modal-container4.lightbox .modal-content {
    height: 100%;
    margin-top: 20px; }
  .reshare-popup-modal.modal-container2 .modal .modal-dialog {
    margin: 50px auto; } }

.modal-container-sharing .modal, .modal-container-comment-List .modal {
  z-index: 4002; }

.modal-container-video {
  position: relative;
  width: 100%; }
  .modal-container-video .modal-open {
    overflow: hidden; }
  .modal-container-video .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container-video .modal {
      overflow-y: auto; } }
  .modal-container-video .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container-video .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container-video .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container-video .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container-video .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container-video .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container-video .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container-video .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container-video .modal-header .close {
    margin-top: -2px; }
  .modal-container-video .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container-video .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container-video .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container-video .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container-video .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container-video .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container-video .modal-dialog {
      width: 100%;
      margin: 50px auto; }
    .modal-container-video .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-container-video .modal-sm {
      width: 300px; }
    .modal-container-video .modal-md {
      width: 500px; }
    .modal-container-video .modal-xmd {
      width: 600px; } }
  @media (min-width: 600px) {
    .modal-container-video .modal-chat .modal-content {
      margin-top: 0px; } }
  @media (min-width: 768px) {
    .modal-container-video .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container-video .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0); }
    .modal-container-video .modal-sm {
      width: 300px; }
    .modal-container-video .modal-smd {
      width: 320px; }
    .modal-container-video .modal-md {
      width: 500px; }
    .modal-container-video .modal-xmd {
      width: 600px; } }
  @media (min-width: 900px) {
    .modal-container-video .modal-lg {
      width: 900px; }
    .modal-container-video .modal-xlg {
      width: 98%; }
    .modal-container-video .modal-contact-cards {
      width: 740px; }
    .modal-container-video .modal-chat .modal-content {
      margin-top: 0px; } }
  .modal-container-video .modal-header:before,
  .modal-container-video .modal-header:after,
  .modal-container-video .modal-footer:before,
  .modal-container-video .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container-video .modal-header:after,
  .modal-container-video .modal-footer:after {
    clear: both; }
  .modal-container-video .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container-video .close:hover,
  .modal-container-video .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container-video .modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container-video .modal-body-with-padding {
    padding: 20px; }
  .modal-container-video .modal-body {
    position: relative; }
    .modal-container-video .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container-video .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container-video .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container-video .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container-video .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container-video .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container-video .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }
  .modal-container-video .modal-dialog {
    margin-top: 40px !important; }
  .modal-container-video .video-player {
    position: absolute;
    height: 100vh;
    width: calc(100% - 20px);
    top: 40px;
    margin: 0px; }
  .modal-container-video .video-player .close-viewer {
    position: absolute;
    top: 20px;
    padding: 16px;
    float: right;
    right: 5px; }
  .modal-container-video .close-viewer {
    margin-bottom: 0px;
    margin-top: 2px !important;
    right: 10px;
    position: absolute;
    height: 25px;
    width: 25px;
    padding: 0; }

.message--chat .ui-tabs-panel {
  padding: 0 0 120px 0;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.message--chat .media-content .media {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #CCCCCC; }
  .message--chat .media-content .media:last-child {
    border-bottom: none; }

.message--chat .media-content .media--list {
  margin: 0 10px;
  padding: 20px 0; }

.message--chat .media-content .media--chat {
  border-bottom: none;
  padding: 5px 10px; }

.message--chat .media--general__title {
  color: #0aa1d8; }
  .message--chat .media--general__title span {
    color: #959aa1; }

.message--chat .media--active {
  background: #f1f9fd; }

.message--chat .media--chat .media__img {
  height: 45px;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 45px; }
  .message--chat .media--chat .media__img img {
    border-radius: 2px; }

.message--chat .media--chat .media--chat__title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
  color: #0aa1d8; }
  .message--chat .media--chat .media--chat__title a {
    color: #0aa1d8; }

.message--chat .media--chat .media__body {
  padding: 5px 15px 5px 10px;
  overflow: visible; }

.message--chat .media--chat.media--chat__reciever .wrapper-message {
  float: right; }

.message--chat .media--chat__sender {
  padding-top: 10px !important; }
  .message--chat .media--chat__sender .media__body {
    background: #dbeff8;
    position: relative;
    float: right; }
    .message--chat .media--chat__sender .media__body:before {
      left: -20px;
      top: 20px;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border: 10px solid rgba(219, 239, 248, 0);
      border-right-color: #dbeff8;
      margin-top: -10px;
      border-bottom: none; }

.message--chat .media--chat__reciever .media__body {
  margin-right: 10px;
  margin-left: 40px;
  background: #f0f3f4;
  position: relative; }
  .message--chat .media--chat__reciever .media__body:after {
    right: -20px;
    top: 20px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid rgba(240, 243, 244, 0);
    border-left-color: #f0f3f4;
    border-bottom: none;
    margin-top: -10px; }

.message--chat .media--chat small {
  color: #959aa1;
  font-size: 12px; }

.message--chat .media--chat .note--large {
  color: #3F464B; }

.message--chat .media--chat .media--chat__img {
  width: 180px;
  height: 120px; }

.message--chat .white--color {
  color: white !important; }
  .message--chat .white--color.btn.btn--default {
    margin-left: -1px; }

.media--list h3 {
  font-size: 14px;
  color: #959aa1;
  font-family: Arial, sans-serif;
  margin-bottom: 10px; }

.media--list .media--list__intern {
  padding-left: 10px; }
  .media--list .media--list__intern li {
    padding: 15px 0;
    border-bottom: 1px solid #CCCCCC; }
    .media--list .media--list__intern li:last-child {
      border-bottom: none; }
  .media--list .media--list__intern a {
    display: block;
    color: #0aa1d8;
    font-size: 14px; }
    .media--list .media--list__intern a > span {
      color: #959aa1; }
      .media--list .media--list__intern a > span i {
        font-size: 14px; }

.menu--chat {
  border-bottom: 1px solid #CCCCCC; }
  .menu--chat .menu--nav {
    background: white;
    border: transparent;
    display: flex;
    padding: 0; }
    .menu--chat .menu--nav li {
      border-radius: 0;
      background: none;
      border: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      flex: 1;
      text-align: center;
      border-right: 1px solid #ccc; }
      .menu--chat .menu--nav li:last-child {
        border-right: none; }
      .menu--chat .menu--nav li a {
        color: #d9dadc;
        font-family: sans-serif;
        font-weight: normal;
        padding: 10px;
        width: 100%;
        font-size: 14px; }
      .menu--chat .menu--nav li.ui-tabs-active a {
        color: #61778d; }
  .menu--chat .title-notification {
    display: block; }

.number-notification {
  background: #0aa1d8;
  color: white;
  border-radius: 15px;
  font-size: 9px;
  display: inline-block;
  padding: 3px 6px;
  vertical-align: middle; }

.circle-notification {
  position: absolute;
  width: 13px;
  height: 13px;
  top: -5px;
  right: -5px;
  border-radius: 100%;
  border: 2px solid #e3f4fb; }
  .circle-notification.circle-notification__gray {
    background: #90969c; }
  .circle-notification.circle-notification__red {
    background: #f77268; }
  .circle-notification.circle-notification__blue {
    background: #0aa1d8; }

.box--chat {
  background: white;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 13; }
  .box--chat header {
    background: white;
    border-bottom: 1px solid #CCCCCC;
    padding: 12px 2px;
    font-size: 12px;
    margin-bottom: 0px;
    height: 44px;
    color: #959aa1; }
    .box--chat header a {
      color: #959aa1; }
  .box--chat footer .input--text {
    height: 80px;
    padding-right: 50px;
    width: 100%; }

.box--chat__message {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 240px; }

.message-list {
  overflow-y: scroll;
  height: calc(100% - 200px) !important; }

.contact-message-list {
  overflow-y: scroll;
  height: calc(100% - 107px) !important; }

.box--chat h3 {
  color: #0aa1d8; }

.box--chat .footer--floating {
  position: fixed;
  bottom: 0;
  width: 100%; }

.box--chat .time--message {
  display: block; }

wt-chat-message-modal .conversation__box .newsavatar {
  left: 15px;
  top: 16px; }

wt-chat-message-modal .conversation__box .inbox-placeholder-color {
  border-radius: 2px;
  border: 2px solid #eeeff0;
  box-sizing: border-box;
  padding-left: 65px !important;
  padding-right: 20px;
  line-height: 22px;
  width: 100%;
  min-height: 60px !important;
  padding-top: 5px;
  white-space: pre-line;
  outline: 0px solid transparent;
  margin-bottom: 0px; }
  wt-chat-message-modal .conversation__box .inbox-placeholder-color:focus {
    outline: none !important; }

.recipientName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0 auto; }

@media only screen and (max-width: 400px) {
  .recipientName {
    width: 160px; } }

@media only screen and (max-width: 450px) and (min-width: 375px) {
  .namewrap {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media only screen and (max-width: 374px) {
  .namewrap {
    display: block;
    width: 84%; } }

.unverified-email {
  height: 40px;
  background-color: #ffdfdd;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 100; }
  .unverified-email .unverified-email-content-wrapper {
    display: flex;
    width: max-content;
    margin: 0 auto;
    top: 5px;
    position: relative; }
    .unverified-email .unverified-email-content-wrapper span {
      font-family: Open Sans;
      font-size: 13px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #f44336;
      line-height: 30px; }
    .unverified-email .unverified-email-content-wrapper .unverified-email-btn {
      width: 126px;
      height: 30px;
      border-radius: 4px;
      background-color: #f44336;
      font-family: Open Sans;
      font-size: 13px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      line-height: 30px;
      margin-left: 9px; }

@media only screen and (max-width: 600px) {
  .unverified-email {
    height: 100px; }
    .unverified-email .unverified-email-content-wrapper {
      width: auto;
      padding-left: 10px;
      padding-right: 10px;
      display: grid;
      padding-top: 5px; }
      .unverified-email .unverified-email-content-wrapper span {
        line-height: normal;
        text-align: center; }
      .unverified-email .unverified-email-content-wrapper .unverified-email-btn {
        margin-left: 0px;
        width: calc(100% - 18px);
        margin: 0 auto;
        margin-top: 8px; } }

.js-search-check {
  float: right;
  margin-top: -5px; }
  @media only screen and (min-width: 800px) {
    .js-search-check {
      float: left;
      margin-top: 0; } }

.header {
  background: #2c3237 !important;
  height: 45px;
  margin-bottom: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20; }
  @media only screen and (max-width: 700px) {
    .header {
      height: 55px; } }
  .header .wrapper {
    background: #2c3237;
    padding: 0;
    min-height: 45px; }
  .header .logo {
    background: #2b3237;
    font-size: 21px;
    padding: 0 20px 0 10px;
    vertical-align: middle;
    position: absolute; }
    .header .logo .icon-logo {
      color: #ccc;
      display: none;
      margin-right: 10px;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      .header .logo .icon-logo:hover {
        color: #fff; }
    .header .logo .webtalk-link {
      display: none; }
    .header .logo .home-link {
      margin-left: 20px; }
      .header .logo .home-link .icon-home {
        color: #ccc;
        font-size: 19px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
        .header .logo .home-link .icon-home:hover {
          color: #fff; }
    .header .logo img {
      display: none;
      margin-right: 10px;
      position: relative;
      top: -2px;
      vertical-align: middle;
      opacity: 0.6;
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .header .logo .icon-logo {
      display: inline-block;
      font-size: 30px;
      margin: 13px 0 13px 5px; }
      .header .logo .icon-logo:before {
        display: none; }
      .header .logo .icon-logo .path1:before {
        color: #6a737f;
        transition: color 0.5s ease-in-out; }
      .header .logo .icon-logo:hover .path1:before {
        color: #00a2ca; }
    .header .logo .icon-webtalk {
      display: block;
      font-size: 27px;
      margin: 12px 0 6px 10px; }
      .header .logo .icon-webtalk .path1:before {
        color: #6a737f;
        transition: color 0.5s ease-in-out; }
      .header .logo .icon-webtalk:hover .path1:before {
        color: #00a2ca; }
  .header.focused .form-field--search__clean {
    display: block; }

@media only screen and (min-width: 700px) {
  .header {
    height: 55px; }
    .header .wrapper {
      min-height: 55px; }
    .header .logo img {
      display: inline-block; }
    .header .logo .icon-webtalk {
      margin: 15px 0 13px 10px; } }

@media only screen and (max-width: 699px) {
  .header {
    height: 45px; } }

@media only screen and (min-width: 760px) {
  .header .logo .icon-logo {
    display: inline-block;
    margin: 5px 0 10px 0;
    font-size: 21px; }
    .header .logo .icon-logo:before {
      display: block; }
    .header .logo .icon-logo .path1,
    .header .logo .icon-logo .path2 {
      display: none; }
    .header .logo .icon-logo .path1:before {
      color: #ccc; }
    .header .logo .icon-logo:hover .path1:before {
      color: #fff; }
  .header .logo .icon-webtalk {
    display: none; }
  .header .logo .webtalk-link {
    display: inline-block;
    padding: 9px 0; }
  .header .logo .home-link {
    display: inline-block; } }

.header__nav-container {
  position: absolute;
  right: 0;
  top: 0; }
  .header__nav-container .form-field--search__clean {
    display: none;
    font-size: 15px;
    left: -30px;
    line-height: 20px;
    position: absolute;
    top: 15px;
    transition: color 0.4s ease; }
    @media only screen and (min-width: 700px) {
      .header__nav-container .form-field--search__clean {
        top: 22px; } }
  .header__nav-container .lines-button.x.close:hover .lines:before, .header__nav-container .lines-button.x.close:hover .lines:after {
    background: #ffffff; }

.header__nav {
  background: #2b3237; }
  .header__nav li {
    display: none; }
    @media only screen and (min-width: 760px) {
      .header__nav li {
        display: inline-block; } }
    .header__nav li:last-child {
      display: inline-block; }
    .header__nav li a .icon {
      color: #ccc;
      font-size: 18px;
      vertical-align: middle; }
      .header__nav li a .icon.icon-menu, .header__nav li a .icon.icon-people {
        font-size: 22px; }
    .header__nav li a:hover {
      text-decoration: none;
      background: #363e45; }
      .header__nav li a:hover .icon {
        color: #fff; }
        .header__nav li a:hover .icon.icon-heart {
          color: #0aa1d8; }
  .header__nav .lines-button.x.close {
    line-height: 55px;
    padding: 1.5625rem; }

@media only screen and (min-width: 700px) {
  .header__nav .lines-button.x.close {
    min-height: 25px; } }

.form-field--search {
  margin-bottom: 0;
  margin-left: 73px;
  margin-right: 65px;
  position: relative;
  text-transform: capitalize; }
  .form-field--search:before {
    color: #6b767f;
    font-family: "webtalk";
    content: "\e622";
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 12px;
    transition: color 0.4s ease; }
  .form-field--search .input--text,
  .form-field--search .selectize-input {
    background: #363e45;
    border: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    height: inherit;
    line-height: 1.5em;
    min-width: initial;
    padding-left: 40px;
    padding-right: 30px;
    padding-top: 12px;
    width: 100%; }
  .form-field--search .input--text:focus,
  .form-field--search .selectize-input:focus {
    box-shadow: none; }
  .form-field--search::-webkit-input-placeholder {
    color: #6b767f; }
  .form-field--search:-moz-placeholder {
    color: #6b767f; }
  .form-field--search::-moz-placeholder {
    color: #6b767f; }
  .form-field--search:-ms-input-placeholder {
    color: #6b767f; }
  .form-field--search.active:before {
    color: #ffffff; }

@media only screen and (min-width: 760px) {
  .form-field--search {
    margin-left: 175px;
    margin-right: 335px; } }

@media only screen and (min-width: 700px) {
  .form-field--search .input--text,
  .form-field--search .selectize-input {
    font-size: 14px;
    padding: 18px 25px 15px 60px; }
  .form-field--search:before {
    font-size: 18px;
    left: 20px;
    top: 16px; } }

.logo__notification {
  background: #00a2ca;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 8px; }

@media only screen and (min-width: 760px) {
  .logo__notification {
    display: none; } }

.tooltiptext {
  display: none; }

.header__checkout .wrapper {
  background: #2b3237; }

.header__checkout .logo span {
  color: #ccc;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  margin-left: 20px; }

.header__checkout .logo-second {
  float: right;
  font-size: 39px;
  padding: 0 20px 0 10px;
  position: relative; }
  .header__checkout .logo-second .icon {
    color: #ccc; }

.header-logged.header {
  height: 112px; }
  @media only screen and (max-width: 700px) {
    .header-logged.header {
      height: 102px; } }

.header-logged .header__nav-container {
  top: 56px; }

.header-logged .wrapper-green {
  height: 56px;
  background: #4bc5c3; }
  .header-logged .wrapper-green .wrapper {
    background: none;
    color: white; }
  .header-logged .wrapper-green .button-white {
    border: 1px solid white;
    color: white;
    margin: 10px;
    padding: 8px 15px;
    border-radius: 3px; }
  .header-logged .wrapper-green .p-logged {
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
    top: 15px; }
    @media only screen and (max-width: 1000px) {
      .header-logged .wrapper-green .p-logged {
        margin-left: 20px; } }
    .header-logged .wrapper-green .p-logged span {
      font-weight: bold;
      width: 20px;
      height: 20px;
      padding-left: 25px; }

@media only screen and (max-width: 498px) {
  .header-logged.header {
    height: 158px; }
  .header-logged .header__nav-container {
    top: 112px; }
  .header-logged .wrapper-green {
    height: 112px; }
    .header-logged .wrapper-green .logged {
      height: 112px; }
    .header-logged .wrapper-green .button-white {
      float: none !important;
      width: 138px;
      margin-left: 50%;
      position: relative;
      left: -58px;
      margin-top: 24px; }
    .header-logged .wrapper-green .p-logged {
      float: none !important;
      text-align: center;
      margin-left: 10px; } }

.header-logged__mobile .wrapper-green {
  display: none; }
  @media only screen and (min-width: 700px) {
    .header-logged__mobile .wrapper-green {
      display: block; } }

.header-logged__mobile .header__nav-container {
  top: 0; }

.search-users-company--mobile {
  display: none; }

@media only screen and (max-width: 700px) {
  .header-logged__mobile.header {
    height: inherit; }
  .header-logged__mobile .header__nav-container {
    top: 56px; }
  .header__nav .lines-button.x.close {
    line-height: 45px;
    padding: 1.5625rem; } }

@media only screen and (max-width: 800px) {
  .user_settings_dropdown {
    left: 15px !important; }
    .user_settings_dropdown:before {
      left: 10px !important; } }

@media only screen and (max-width: 759px) {
  .form-field--search {
    margin-right: 62px; }
  .header .logo .icon-webtalk {
    margin-left: 5px; } }

@media only screen and (max-width: 699px) {
  .header__nav-container .header__nav li {
    height: 45px !important;
    border: none; }
  .headerbar div {
    height: 45px !important; }
  .header__nav li a {
    height: 45px !important; }
    .header__nav li a:hover {
      height: 45px !important; }
  .form-field--search {
    margin-right: 62px; }
    .form-field--search .input--text {
      height: 45px;
      padding-top: 10px; } }

@media only screen and (max-width: 550px) {
  .search-users-company {
    display: none; }
  .search-users-company--mobile {
    display: block; } }

@media only screen and (max-width: 480px) {
  .header__nav .lines-button.x.close {
    padding: 1.2625rem 0;
    width: 32px !important;
    display: block; }
  .list--horizontal.header__nav li {
    width: 55px !important; }
  .header__nav li {
    width: 45px !important; }
    .header__nav li > a {
      width: 50px !important; }
      .header__nav li > a > div {
        width: 50px; } }

.banner--upload--responsive {
  position: absolute;
  opacity: 0;
  height: 40px;
  width: 100%;
  left: 0px;
  top: 0px; }

wt-header-container .header .logo .js-logo-menu {
  display: inline-flex;
  padding: 10px 0px 9px 0px; }
  @media only screen and (max-width: 699px) {
    wt-header-container .header .logo .js-logo-menu {
      padding: 10px 0px 2px 0px; } }

.site-header-component.less-index {
  z-index: 204; }

.site-header-component.email-not-verified.main-header-fixed {
  top: 0px;
  position: fixed; }

.site-header-component.email-not-verified {
  top: 40px;
  position: absolute; }
  @media only screen and (max-width: 600px) {
    .site-header-component.email-not-verified {
      top: 100px; } }

@media only screen and (max-width: 600px) {
  .site-header-component.rewards-office-header {
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff; } }

.site-header-component.rewards-office-header .header-wrapper {
  margin-left: 20px;
  display: flex;
  position: relative; }
  .site-header-component.rewards-office-header .header-wrapper .search-panel {
    width: 97px;
    max-width: initial;
    margin: initial; }
    .site-header-component.rewards-office-header .header-wrapper .search-panel .wt-logo {
      margin-left: 0px; }
    .site-header-component.rewards-office-header .header-wrapper .search-panel .search {
      display: none; }
  .site-header-component.rewards-office-header .header-wrapper .search-icon-responsive {
    display: none; }
  .site-header-component.rewards-office-header .header-wrapper .notification-panel .noti-icon.menu {
    display: none; }
  .site-header-component.rewards-office-header .header-wrapper .notification-panel .noti-icon.menu.rewards-back-office {
    display: none; }
  .site-header-component.rewards-office-header .header-wrapper .back-towebtalk-link {
    display: flex;
    margin-right: 10px;
    position: absolute;
    right: 0px;
    text-decoration: none; }
    .site-header-component.rewards-office-header .header-wrapper .back-towebtalk-link .back-to-webtalk-avatar {
      width: 36px;
      height: 36px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: 10px;
      border-radius: 100px;
      margin-top: 9px; }
    .site-header-component.rewards-office-header .header-wrapper .back-towebtalk-link .back-to-webtalk-txt {
      font-family: Inter;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: right;
      color: #cfd4db;
      display: block;
      margin-top: 20px; }

@media only screen and (max-width: 1024px) {
  .site-header-component.rewards-office-header .header-wrapper .notification-panel .noti-icon.menu.rewards-back-office {
    display: inline-block; } }

@media only screen and (max-width: 600px) {
  .site-header-component.rewards-office-header .header-wrapper .back-towebtalk-link {
    display: none; }
  .site-header-component.rewards-office-header .header-wrapper .notification-panel {
    width: 170px;
    position: absolute;
    right: 0; }
    .site-header-component.rewards-office-header .header-wrapper .notification-panel .noti-icon.connection {
      display: none; }
    .site-header-component.rewards-office-header .header-wrapper .notification-panel .noti-icon.reward {
      display: none; } }

.site-header-component {
  background: #2c3237;
  height: 55px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 206;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  font-family: "Open Sans", sans-serif; }
  @media only screen and (max-width: 1000px) {
    .site-header-component {
      z-index: 205; } }
  .site-header-component .header-wrapper {
    margin-left: calc((100% - 978px) / 2);
    width: auto;
    display: flow-root; }
    @media only screen and (max-width: 1000px) {
      .site-header-component .header-wrapper {
        margin-left: 20px; } }
    .site-header-component .header-wrapper .search-icon-responsive {
      cursor: pointer;
      float: right;
      display: block;
      position: absolute;
      left: 5px;
      height: 20px;
      width: 20px;
      top: 18px;
      background-repeat: no-repeat;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/search.svg);
      background-position: center;
      z-index: 1; }
      @media only screen and (min-width: 791px) {
        .site-header-component .header-wrapper .search-icon-responsive {
          display: none; } }
    .site-header-component .header-wrapper .close-search {
      cursor: pointer;
      display: none; }
      @media only screen and (max-width: 790px) {
        .site-header-component .header-wrapper .close-search {
          float: right;
          display: block;
          position: absolute;
          right: 1px;
          height: 54px;
          width: 44px;
          background-repeat: no-repeat;
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/close.svg);
          background-position: center; } }
    .site-header-component .header-wrapper .clear-search-btn {
      display: none;
      position: absolute;
      right: 10px;
      top: 09px;
      background-color: #ccc;
      width: 17px;
      height: 17px;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close.svg);
      background-size: 7px;
      background-repeat: no-repeat;
      border-radius: 50%;
      background-position: 5px 5px;
      opacity: 0.6; }
    .site-header-component .header-wrapper .search-panel {
      margin: 0 auto;
      max-width: calc(100% - 300px);
      width: calc(100% - 300px);
      padding-top: 10px;
      display: table;
      float: left;
      margin-right: 10px; }
      @media only screen and (max-width: 324px) {
        .site-header-component .header-wrapper .search-panel {
          margin-right: 5px !important; } }
      .site-header-component .header-wrapper .search-panel .wt-logo {
        margin-top: 8px;
        width: 97px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/logo_full.svg);
        background-size: contain;
        height: 19px;
        display: inline-block;
        margin-right: 20px;
        float: left;
        background-repeat: no-repeat; }
        .site-header-component .header-wrapper .search-panel .wt-logo:hover {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/Logo-full-over.svg); }
        @media only screen and (max-width: 790px) {
          .site-header-component .header-wrapper .search-panel .wt-logo {
            margin-left: 26px;
            margin-right: 0px; } }
      @media only screen and (max-width: 800px) {
        .site-header-component .header-wrapper .search-panel.not-login {
          max-width: calc(100%);
          width: calc(100%); }
          .site-header-component .header-wrapper .search-panel.not-login .wt-logo {
            margin-left: 0px; } }
      .site-header-component .header-wrapper .search-panel .search {
        background-color: #fff;
        width: auto;
        display: inline-block;
        height: 35px;
        border-radius: 100px;
        width: calc(100% - 120px);
        position: relative;
        /* ---------- Responsive Position -------------------*/ }
        @media only screen and (max-width: 790px) {
          .site-header-component .header-wrapper .search-panel .search {
            position: absolute;
            right: calc(100% - 34px);
            width: calc(100% - 50px);
            border-radius: 0px 23px 23px 0px;
            z-index: 1; } }
        .site-header-component .header-wrapper .search-panel .search.slideout_inner {
          right: 50px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
          .site-header-component .header-wrapper .search-panel .search.slideout_inner .search-field {
            display: block; }
            @media only screen and (max-width: 600px) {
              .site-header-component .header-wrapper .search-panel .search.slideout_inner .search-field {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; } }
          .site-header-component .header-wrapper .search-panel .search.slideout_inner .quick-search-other-user {
            display: block; }
            @media only screen and (max-width: 800px) {
              .site-header-component .header-wrapper .search-panel .search.slideout_inner .quick-search-other-user {
                display: flex !important; }
                .site-header-component .header-wrapper .search-panel .search.slideout_inner .quick-search-other-user ul {
                  display: flex; } }
        .site-header-component .header-wrapper .search-panel .search.slideout_out {
          right: calc(100% - 40px);
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
        .site-header-component .header-wrapper .search-panel .search .search-icon {
          width: 14px;
          height: 14px;
          margin-left: 10px;
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/search.svg);
          float: left;
          margin-right: 10px;
          margin-top: 11px;
          background-repeat: no-repeat; }
        .site-header-component .header-wrapper .search-panel .search input::-webkit-input-placeholder {
          /* Edge */
          color: #b4bbc7; }
        .site-header-component .header-wrapper .search-panel .search input:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #b4bbc7; }
        .site-header-component .header-wrapper .search-panel .search input::placeholder {
          color: #b4bbc7; }
        .site-header-component .header-wrapper .search-panel .search input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #b4bbc7 !important; }
        .site-header-component .header-wrapper .search-panel .search input::-moz-placeholder {
          /* Firefox 19+ */
          color: #b4bbc7 !important; }
        .site-header-component .header-wrapper .search-panel .search input:-ms-input-placeholder {
          /* IE 10+ */
          color: #b4bbc7 !important; }
        .site-header-component .header-wrapper .search-panel .search input:-moz-placeholder {
          /* Firefox 18- */
          color: #b4bbc7 !important; }
        .site-header-component .header-wrapper .search-panel .search input:hover::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #667586 !important; }
        .site-header-component .header-wrapper .search-panel .search input:hover::-moz-placeholder {
          /* Firefox 19+ */
          color: #667586 !important; }
        .site-header-component .header-wrapper .search-panel .search input:hover:-ms-input-placeholder {
          /* IE 10+ */
          color: #667586 !important; }
        .site-header-component .header-wrapper .search-panel .search input:hover:-moz-placeholder {
          /* Firefox 18- */
          color: #667586 !important; }
        .site-header-component .header-wrapper .search-panel .search .search-field {
          width: calc(100% - 220px);
          content: "Search by name, job title, industry and more";
          border: 0px;
          height: 100%;
          float: left;
          color: #1d2026;
          font-weight: 600;
          display: inline-block;
          outline: none;
          font-size: 14px; }
          @media only screen and (max-width: 1000px) {
            .site-header-component .header-wrapper .search-panel .search .search-field {
              width: calc(100% - 150px);
              content: "Search"; } }
        .site-header-component .header-wrapper .search-panel .search .quick-search-other-user {
          width: auto;
          display: inline-block;
          float: right;
          padding: 8px 7px; }
          @media only screen and (max-width: 800px) {
            .site-header-component .header-wrapper .search-panel .search .quick-search-other-user {
              position: absolute;
              right: 2px;
              top: -1px;
              display: none;
              display: inline-block; } }
          .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul {
            display: flex;
            list-style: none;
            align-content: center;
            list-style: none; }
            @media only screen and (max-width: 800px) {
              .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul {
                display: flex;
                display: none; } }
            .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li {
              padding: 0px 2px;
              cursor: pointer;
              font-size: 12px;
              display: inline-block;
              width: auto;
              height: 20px;
              border-radius: 4px;
              background-color: #fff;
              white-space: nowrap;
              margin-left: 5px;
              padding: 0px 0px; }
              @media only screen and (max-width: 800px) {
                .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li {
                  background-color: transparent; } }
              .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.heading {
                background-color: white;
                color: #b4bbc7; }
                @media only screen and (max-width: 800px) {
                  .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.heading {
                    background-color: transparent; } }
                .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.heading:hover {
                  background-color: white;
                  color: #b4bbc7;
                  cursor: default; }
                  @media only screen and (max-width: 900px) {
                    .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.heading:hover {
                      background-color: transparent; } }
              .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li:hover {
                background-color: #fff;
                color: #fff; }
              .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.discover {
                width: 90px;
                height: 25px;
                border-radius: 100px;
                background-color: #0aa1d8;
                color: #ffffff;
                padding-left: 34px;
                background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/search-discover-compass.svg);
                background-position: 12px center;
                background-repeat: no-repeat;
                font-family: Montserrat;
                font-size: 10px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #ffffff;
                padding-top: 6px;
                padding-right: 10px;
                margin-top: -3px; }
                @media only screen and (max-width: 900px) {
                  .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.discover {
                    width: 22px;
                    height: 22px;
                    border-radius: 50%;
                    padding-left: 2px;
                    padding: 2px;
                    background-position: center;
                    margin-top: 0px; }
                    .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.discover a {
                      width: 100%;
                      height: 100%;
                      display: block; }
                    .site-header-component .header-wrapper .search-panel .search .quick-search-other-user ul li.discover div {
                      display: none; } }
        .site-header-component .header-wrapper .search-panel .search .delete-discover-search-icon {
          width: 16px;
          height: 16px;
          object-fit: contain;
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/mobile-clean-search-bar-icon.svg);
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          top: 2px; }
        .site-header-component .header-wrapper .search-panel .search .quick-search {
          width: auto;
          display: inline-block;
          float: right;
          font-family: Montserrat;
          font-size: 10px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          display: flex; }
          .site-header-component .header-wrapper .search-panel .search .quick-search .discover-btn {
            width: 94px;
            height: 25px;
            line-height: 28px;
            border-radius: 100px;
            background-color: #0aa1d8;
            text-decoration: none; }
            .site-header-component .header-wrapper .search-panel .search .quick-search .discover-btn .discover-icon {
              background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/discover-btn-icon.svg);
              width: 14px;
              height: 14px;
              background-repeat: no-repeat;
              background-size: cover;
              margin-left: 12px;
              margin-right: 6px;
              position: relative;
              top: 3px; }
          .site-header-component .header-wrapper .search-panel .search .quick-search li {
            cursor: pointer;
            font-size: 12px;
            display: inline-block;
            width: auto;
            height: 25px;
            border-radius: 4px;
            background-color: #eeeff1;
            white-space: nowrap;
            margin-left: 5px;
            padding: 4px 8px; }
            .site-header-component .header-wrapper .search-panel .search .quick-search li.heading {
              background-color: white;
              color: #b4bbc7; }
              .site-header-component .header-wrapper .search-panel .search .quick-search li.heading:hover {
                background-color: white;
                color: #b4bbc7;
                cursor: default; }
            .site-header-component .header-wrapper .search-panel .search .quick-search li:hover {
              background-color: #586476;
              color: #fff; }
            .site-header-component .header-wrapper .search-panel .search .quick-search li.discover {
              width: 85px;
              height: 21px;
              border-radius: 100px;
              background-color: #0aa1d8;
              color: #ffffff;
              padding-left: 31px;
              background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/search-discover-compass.svg);
              background-position: 9px center;
              background-repeat: no-repeat;
              font-family: Montserrat;
              font-size: 10px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ffffff; }
        @media only screen and (max-width: 1000px) {
          .site-header-component .header-wrapper .search-panel .search .quick-search {
            order: 2; }
            .site-header-component .header-wrapper .search-panel .search .quick-search .discover-btn {
              width: 25px;
              height: 25px;
              line-height: 28px;
              border-radius: 100px;
              background-color: #0aa1d8;
              text-decoration: none; }
              .site-header-component .header-wrapper .search-panel .search .quick-search .discover-btn .discover-icon {
                background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/discover-btn-icon.svg);
                width: 14px;
                height: 14px;
                background-repeat: no-repeat;
                background-size: cover;
                margin-left: 6px;
                margin-right: 6px;
                position: relative;
                top: 3px; } }
    .site-header-component .header-wrapper .notification-panel {
      width: 290px;
      display: inline-block; }
      @media only screen and (max-width: 475px) {
        .site-header-component .header-wrapper .notification-panel {
          width: 112px;
          float: right; } }
      .site-header-component .header-wrapper .notification-panel .noti-icon.rewards-office-header .counts {
        height: 20px;
        width: auto; }
        .site-header-component .header-wrapper .notification-panel .noti-icon.rewards-office-header .counts.reward {
          background-color: #006aff; }
        .site-header-component .header-wrapper .notification-panel .noti-icon.rewards-office-header .counts.connection-notification {
          background-color: #006aff; }
      .site-header-component .header-wrapper .notification-panel .noti-icon.rewards-office-header.general .counts {
        background-color: #006aff; }
      .site-header-component .header-wrapper .notification-panel .noti-icon.rewards-office-header.msg .counts {
        background-color: #006aff; }
      .site-header-component .header-wrapper .notification-panel .noti-msg-wrapper {
        display: inline-block; }
        .site-header-component .header-wrapper .notification-panel .noti-msg-wrapper.active {
          border-bottom: 4px solid #0aa1d8;
          border-radius: 0;
          height: 56px; }
          .site-header-component .header-wrapper .notification-panel .noti-msg-wrapper.active .noti-icon.msg {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/messages-hover.svg);
            background-color: transparent; }
      .site-header-component .header-wrapper .notification-panel .noti-icon {
        height: 42px;
        width: 40px;
        margin: 7px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        cursor: pointer;
        position: relative; }
        @media only screen and (max-width: 475px) {
          .site-header-component .header-wrapper .notification-panel .noti-icon {
            text-align: right; } }
        .site-header-component .header-wrapper .notification-panel .noti-icon .counts {
          min-width: 20px;
          height: 20px;
          background-color: #0aa1d8;
          color: #fff;
          position: absolute;
          top: 2px;
          right: 1px;
          border-radius: 10px;
          font-size: 12px;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding: 0 4px 0;
          font-weight: 700;
          border: 1.5px solid #2C3237; }
          .site-header-component .header-wrapper .notification-panel .noti-icon .counts.reward {
            background-color: #006aff; }
          .site-header-component .header-wrapper .notification-panel .noti-icon .counts.connection-notification {
            background-color: #798ecb; }
        .site-header-component .header-wrapper .notification-panel .noti-icon:hover {
          background-color: #363e45; }
        .site-header-component .header-wrapper .notification-panel .noti-icon.calc:hover {
          background-color: transparent; }
        .site-header-component .header-wrapper .notification-panel .noti-icon.msg {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/messages.svg); }
          .site-header-component .header-wrapper .notification-panel .noti-icon.msg:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/messages-hover.svg); }
        .site-header-component .header-wrapper .notification-panel .noti-icon.general {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notifications.svg); }
          @media only screen and (max-width: 475px) {
            .site-header-component .header-wrapper .notification-panel .noti-icon.general {
              display: none; } }
          .site-header-component .header-wrapper .notification-panel .noti-icon.general:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notifications-hover.svg); }
        .site-header-component .header-wrapper .notification-panel .noti-icon.connection {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/connections.svg); }
          @media only screen and (max-width: 475px) {
            .site-header-component .header-wrapper .notification-panel .noti-icon.connection {
              display: none; } }
          .site-header-component .header-wrapper .notification-panel .noti-icon.connection:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/connections-hover.svg); }
        .site-header-component .header-wrapper .notification-panel .noti-icon.reward {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/reward.svg); }
          @media only screen and (max-width: 475px) {
            .site-header-component .header-wrapper .notification-panel .noti-icon.reward {
              display: none; } }
          .site-header-component .header-wrapper .notification-panel .noti-icon.reward:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/reward-hover.svg); }
        .site-header-component .header-wrapper .notification-panel .noti-icon.menu {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/hamburger.svg); }
          .site-header-component .header-wrapper .notification-panel .noti-icon.menu .no-image-txt {
            display: none; }
          .site-header-component .header-wrapper .notification-panel .noti-icon.menu:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/hamburger.svg); }
          .site-header-component .header-wrapper .notification-panel .noti-icon.menu.active {
            cursor: pointer;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/close-menu.svg); }
            .site-header-component .header-wrapper .notification-panel .noti-icon.menu.active:hover {
              background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/close-menu.svg); }
          @media only screen and (max-width: 475px) {
            .site-header-component .header-wrapper .notification-panel .noti-icon.menu {
              background-image: none;
              width: 28px;
              height: 28px;
              position: relative;
              bottom: 8px;
              background-color: #c4c4c4;
              background-size: contain;
              background-position: center; }
              .site-header-component .header-wrapper .notification-panel .noti-icon.menu .mobile-image {
                display: block;
                height: 100%;
                width: 100%;
                border-radius: 100px;
                background-size: contain;
                background-position: center; }
              .site-header-component .header-wrapper .notification-panel .noti-icon.menu .no-image-txt {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 7px;
                font-family: Open Sans;
                font-size: 10px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.4;
                letter-spacing: normal;
                text-align: center;
                color: #fff; }
              .site-header-component .header-wrapper .notification-panel .noti-icon.menu:hover {
                background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/hamburger.svg); }
              .site-header-component .header-wrapper .notification-panel .noti-icon.menu.active {
                background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/close-menu.svg);
                background-color: transparent; }
                .site-header-component .header-wrapper .notification-panel .noti-icon.menu.active .mobile-image {
                  display: none; }
                .site-header-component .header-wrapper .notification-panel .noti-icon.menu.active:hover {
                  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/close-menu.svg);
                  background-color: transparent; }
              .site-header-component .header-wrapper .notification-panel .noti-icon.menu:hover {
                background-image: none; } }
    .site-header-component .header-wrapper .hideTabs .noti-icon.menu {
      display: none; }

.profile-search-tabs.other-user li {
  padding: 0px; }

.profile-search-tabs .user-header-pro-icon {
  width: 20px;
  height: 20px;
  border-radius: 6px; }
  .profile-search-tabs .user-header-pro-icon:before {
    height: 20px;
    width: 20px;
    background-size: contain;
    border-radius: 3px; }

.slideout_inner .quick-search.other-user {
  display: block !important; }
  .slideout_inner .quick-search.other-user ul li {
    background-color: none; }

.slideout_inner.other-user ul li {
  background-color: none; }

@media only screen and (max-width: 1000px) {
  .slideout_inner .quick-search.other-user {
    display: block !important; }
    .slideout_inner .quick-search.other-user ul {
      display: block !important; }
      .slideout_inner .quick-search.other-user ul li discover .site-header-component .header-wrapper .search-panel .search .quick-search ul li.discover {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        font-size: 10px;
        padding: 4px;
        color: #ffffff; }
      .slideout_inner .quick-search.other-user ul li discover div {
        display: none; } }

wt-profile-page .site-header-component .header-wrapper .search-panel .search .search-field::placeholder {
  color: #000 !important;
  font-weight: 800; }

.tour-selected {
  background-color: rgba(255, 255, 255, 0.3); }

.top-header-tour {
  z-index: 301; }

.rewards-logo {
  position: relative;
  right: 15px;
  display: none; }
  .rewards-logo .rewards-header-icon {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/rbo-logo.svg);
    width: 120px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 3px; }
  .rewards-logo .icon-left-arrow {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/icons-left-arrow.svg);
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 2px; }

.site-header-component .header-wrapper .noti-calc-wrapper {
  display: none; }

@media only screen and (max-width: 600px) {
  .site-header-component {
    display: block; }
    .site-header-component .header-wrapper .noti-icon.msg.rewards-office-header {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/msg-icon.svg);
      width: 32px;
      height: 32px;
      background-size: cover;
      background-position: center;
      position: relative;
      top: 5px;
      display: inline-block;
      margin-left: 12px; }
      .site-header-component .header-wrapper .noti-icon.msg.rewards-office-header .counts {
        top: 0px;
        border-color: #fff;
        min-width: 18px;
        height: 18px;
        font-size: 11px; }
    .site-header-component .header-wrapper .noti-icon.general.rewards-office-header {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/noti-icon.svg);
      display: block;
      width: 32px;
      height: 32px;
      background-size: cover;
      background-position: center;
      position: relative;
      top: 5px;
      display: inline-block;
      margin-left: 15px; }
      .site-header-component .header-wrapper .noti-icon.general.rewards-office-header .counts {
        top: 0px;
        border-color: #fff;
        min-width: 18px;
        height: 18px;
        font-size: 11px; }
    .site-header-component .header-wrapper .noti-calc-wrapper.rewards-office-header {
      display: inline-block;
      height: 55px;
      width: 55px;
      position: relative;
      left: 3px; }
      .site-header-component .header-wrapper .noti-calc-wrapper.rewards-office-header.active {
        border-bottom: 3px solid #006aff; }
        .site-header-component .header-wrapper .noti-calc-wrapper.rewards-office-header.active .noti-icon.calc {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/header-calc-icon-blue.svg); }
    .site-header-component .header-wrapper .noti-icon.calc {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/rewards-back-office-icons/header-calc-icon.svg);
      display: block;
      width: 32px;
      height: 32px;
      background-size: cover;
      background-position: center;
      position: relative;
      top: 5px;
      display: inline-block;
      margin-left: 12px; }
    .site-header-component .header-wrapper .search-panel .rewards-office-header.wt-logo {
      display: none; }
  .rewards-logo {
    display: flex; } }

.cover-container.is_self {
  margin-top: 55px; }

.cover-container {
  background-size: 100% 100%;
  height: 212px;
  font-family: "Open Sans", serif;
  position: relative;
  margin-top: 0px; }
  .cover-container .cover-mobile-layout-container {
    position: relative;
    height: calc(100% - 78px); }
    @media only screen and (max-width: 420px) {
      .cover-container .cover-mobile-layout-container {
        height: calc(100% - 40px); } }
  @media only screen and (max-width: 420px) {
    .cover-container {
      margin-top: 25px; } }
  .cover-container .edit-cover-banner-button {
    padding: 11px 20px 11px 40px;
    opacity: 0.8;
    border-radius: 100px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    background-color: #2c3237;
    color: #b0b8c4;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer; }
    @media only screen and (max-width: 811px) {
      .cover-container .edit-cover-banner-button {
        display: none; } }
    .cover-container .edit-cover-banner-button:before {
      content: '';
      display: block;
      position: absolute;
      left: 18px;
      top: 13px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-cover.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 15.5px;
      height: 14.5px; }
    .cover-container .edit-cover-banner-button:hover {
      opacity: 0.6; }
  .cover-container .wrapper {
    position: relative; }
  .cover-container #myAvatarImageFieldProfile {
    display: none; }
    @media only screen and (max-width: 800px) {
      .cover-container #myAvatarImageFieldProfile {
        display: inline-block;
        opacity: 0;
        position: absolute;
        width: 36px;
        height: 36px;
        z-index: 200; } }

.cover-container-modal {
  background-size: 100% 100%;
  height: 196px;
  font-family: "Open Sans", serif;
  position: relative; }
  .cover-container-modal .edit-cover-banner-button {
    padding: 11px 20px 11px 40px;
    opacity: 0.8;
    border-radius: 100px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    background-color: #2c3237;
    color: #b0b8c4;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer; }
    @media only screen and (max-width: 811px) {
      .cover-container-modal .edit-cover-banner-button {
        display: none; } }
    .cover-container-modal .edit-cover-banner-button:before {
      content: '';
      display: block;
      position: absolute;
      left: 18px;
      top: 12px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-cover.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 15.5px;
      height: 14.5px; }
    .cover-container-modal .edit-cover-banner-button:hover {
      opacity: 0.6; }
  .cover-container-modal .wrapper {
    position: relative; }
  .cover-container-modal #myAvatarImageFieldProfile {
    display: none; }
    @media only screen and (max-width: 800px) {
      .cover-container-modal #myAvatarImageFieldProfile {
        display: inline-block;
        opacity: 0;
        position: absolute;
        width: 36px;
        height: 36px;
        z-index: 200; } }

.cover {
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

.noTagline {
  margin-top: 40px;
  display: block; }

.profile-tag-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: calc(100% - 30px);
  margin: 0 auto;
  margin-bottom: 7px;
  text-shadow: 0 0 10px #000000;
  font-size: 45px;
  font-family: 'Montserrat';
  font-weight: 600; }
  @media only screen and (max-width: 600px) {
    .profile-tag-line {
      -webkit-line-clamp: 2; } }
  @media only screen and (max-width: 800px) {
    .profile-tag-line {
      font-size: 24px; } }

.cover__title {
  margin-bottom: 20px;
  text-shadow: 0 0 10px #000000;
  font-family: Montserrat;
  font-size: 45px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 7px; }
  @media only screen and (min-width: 500px) {
    .cover__title {
      font-size: 24px; } }

.cover__message {
  font-size: 18px;
  text-shadow: 0 0 10px #000000;
  font-family: Open Sans;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.cover-info {
  color: #FFFFFF;
  bottom: -30px;
  position: absolute;
  width: 100%; }
  @media only screen and (min-width: 420px) {
    .cover-info {
      bottom: -50px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  #taglineEditableBox {
    height: 70px !important; } }

.cover-info__media {
  float: left;
  position: relative;
  max-width: calc(100% - 200px); }
  @media only screen and (max-width: 500px) {
    .cover-info__media {
      max-width: calc(100%); } }
  .cover-info__media .media__body {
    display: inline-block;
    padding-top: 20px;
    padding-top: 7px;
    max-width: calc(100% - 145px);
    float: right; }
    @media only screen and (max-width: 500px) {
      .cover-info__media .media__body {
        width: calc(100% - 145px); } }
    @media only screen and (max-width: 800px) {
      .cover-info__media .media__body {
        padding-top: 7px; } }
    .cover-info__media .media__body > span {
      display: inline-block;
      max-width: 140px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      @media only screen and (min-width: 345px) {
        .cover-info__media .media__body > span {
          max-width: none; } }

@media only screen and (max-width: 650px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    overflow: hidden;
    word-break: break-all; } }

@media only screen and (max-width: 650px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    display: block;
    overflow: hidden; } }

@media only screen and (max-width: 600px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    overflow: hidden; } }

@media only screen and (max-width: 550px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 170px;
    display: block;
    overflow: hidden; } }

@media only screen and (max-width: 499px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
    display: block;
    overflow: hidden; } }

@media only screen and (max-width: 470px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    display: block;
    overflow: hidden; } }

@media only screen and (max-width: 400px) {
  .cover-info__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    overflow: hidden; } }

.cover-info__image {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 6px;
  position: relative;
  z-index: 9;
  width: 110px;
  height: 110px;
  border: 5px solid #fff; }
  @media only screen and (min-width: 420px) {
    .cover-info__image {
      width: 122px;
      height: 122px; } }
  @media only screen and (min-width: 760px) {
    .cover-info__image {
      z-index: 9; } }

@media only screen and (max-width: 800px) and (min-width: 700px) {
  .fixed-profile-filter.fixed {
    padding: 8px 10px 8px 10px !important;
    border-top: none; } }

@media only screen and (max-width: 800px) and (min-width: 700px) {
  .fixed-profile-filter.fixed .nav-main__list {
    padding-bottom: 20px; } }

@media only screen and (max-width: 699px) {
  .fixed-profile-filter.fixed .nav-main__list {
    padding-bottom: 0 !important; } }

@media only screen and (max-width: 800px) {
  .nav-main__list-container.fixed .menu-btn .menu {
    margin-top: 4px; }
  .nav-main__list-container.fixed .nav-main__list {
    margin-left: 0px !important; }
  .nav-main__list--five li {
    margin-top: 0px !important; } }

@media only screen and (max-width: 628px) {
  .header-user-icon.fixed {
    position: initial !important; } }

@media only screen and (max-width: 610px) and (min-width: 500px) {
  .nav-main__list {
    width: 100% !important;
    padding-left: 0px !important;
    display: block;
    text-align: center; }
  .nav-main__list {
    margin-left: 0px !important; }
  .mediaMainPageDiv {
    margin-top: 0px !important; } }

@media only screen and (max-width: 499px) {
  .cover-info__list {
    color: #3F464F !important; }
    .cover-info__list li .cover-info__list-title,
    .cover-info__list li .cover-info__list-text {
      color: #3F464F !important; }
  .mediaMainPageDiv {
    margin-top: 10px !important; }
  .nav-main__list {
    padding: 15px 0 10px 0 !important; }
  .nav-main__list--five li {
    margin-top: 0px; } }

@media only screen and (max-width: 465px) {
  .nav-main .btn-container.btn-container--float li:first-child a {
    position: absolute;
    right: 5px;
    top: -49px;
    background: white; } }

.cover-info__image--small {
  height: 67px;
  width: 67px; }

.cover-info__image--mini {
  height: 50px;
  padding: 4px;
  width: 50px; }

.cover-info__title {
  font-size: 18px;
  font-weight: 600; }

@media only screen and (max-width: 419px) {
  .cover-info__list {
    top: 150px; } }

.cover-info__list {
  border-top: 1px solid #E4E7E7;
  color: #3F464F;
  left: 0;
  float: right;
  padding-top: 10px;
  position: absolute;
  width: 100%;
  z-index: 3; }
  @media only screen and (min-width: 420px) and (max-width: 500px) {
    .cover-info__list {
      top: 143px; } }
  .cover-info__list li {
    display: inline-block;
    float: left;
    text-align: center;
    border-right: 1px solid #E4E7E7;
    padding: 0 12px;
    width: 50%; }
    .cover-info__list li a:hover span {
      text-decoration: underline; }
    .cover-info__list li .cover-info__list-title {
      display: block;
      font-size: 18px;
      font-weight: 600; }
    .cover-info__list li .cover-info__list-text {
      display: inline-block; }
    .cover-info__list li:last-child {
      border-right: 0;
      padding-right: 0; }

@media only screen and (min-width: 500px) {
  .cover-info__list {
    bottom: 0;
    color: #FFFFFF;
    left: auto;
    position: relative;
    width: auto;
    border-top: 0; }
    .cover-info__list li {
      text-align: left;
      width: auto; }
  .cover-info__list--alone li {
    padding-left: 20px; } }

@media only screen and (min-width: 570px) {
  .cover-info__list li {
    border-color: #FFFFFF;
    padding: 0 20px;
    text-align: right;
    width: auto; } }

.cover-info__list--alone li {
  padding: 0;
  width: 100%; }

.cover-info .wrapper .cover-info__description {
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  max-height: 2.8em; }
  @media only screen and (max-width: 800px) {
    .cover-info .wrapper .cover-info__description {
      max-width: 100%; } }

.cover-info .wrapper .cover-info__title {
  width: 440px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media only screen and (max-width: 800px) and (min-width: 760px) {
    .cover-info .wrapper .cover-info__title {
      width: 400px; } }
  @media only screen and (max-width: 760px) and (min-width: 700px) {
    .cover-info .wrapper .cover-info__title {
      width: 350px; } }
  @media only screen and (max-width: 700px) and (min-width: 650px) {
    .cover-info .wrapper .cover-info__title {
      width: 300px; } }
  @media only screen and (max-width: 650px) and (min-width: 500px) {
    .cover-info .wrapper .cover-info__title {
      width: 222px; } }
  @media only screen and (max-width: 550px) and (min-width: 500px) {
    .cover-info .wrapper .cover-info__title {
      width: 200px; } }
  @media only screen and (max-width: 500px) {
    .cover-info .wrapper .cover-info__title {
      width: calc(100%); } }

@media only screen and (max-width: 735px) and (min-width: 500px) {
  .cover-info .wrapper .cover-info__media {
    top: 0px; } }

@media only screen and (max-width: 735px) and (min-width: 501px) {
  .cover-info .wrapper .cover-info__list {
    top: 0px; } }

@media only screen and (max-width: 500px) {
  .profile-banner-userinfobar {
    width: 100%; }
    .profile-banner-userinfobar .profile-banner-small-reponsive {
      max-width: calc(100% - 15px);
      width: calc(100% - 145px); }
    .profile-banner-userinfobar .cover-info .wrapper .cover-info__description {
      width: calc(100% - 155px) !important; } }

@media only screen and (max-width: 419px) {
  .profile-banner-userinfobar .profile-banner-small-reponsive {
    max-width: calc(100% - 15px);
    width: calc(100% - 135px); } }

.mobile-cover-banner-button {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-cover.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 15.5px, 14.5px;
  opacity: 0.8;
  background-position: center;
  border-radius: 100px;
  background-color: #2c3237;
  cursor: pointer; }

.bottom-mobile-nav {
  display: none;
  position: fixed;
  bottom: 0px;
  z-index: 205;
  width: 100%; }
  @media only screen and (max-width: 600px) {
    .bottom-mobile-nav {
      display: block; } }

/*.controls profile icons*/
.profile-profile-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-grey.svg) no-repeat;
  vertical-align: middle;
  height: 20px;
  width: 20px; }

.profile-news-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/news-icon.svg) no-repeat;
  vertical-align: middle;
  height: 19.7px;
  width: 24px;
  margin-left: 3px; }

.profile-files-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/files-icon.svg) no-repeat;
  vertical-align: middle;
  height: 20px;
  width: 16px;
  margin-left: 3px; }

.profile-photos-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/photos-icon.svg) no-repeat;
  vertical-align: middle;
  height: 20px;
  width: 20px; }

.profile-videos-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/videos-icon.svg) no-repeat;
  vertical-align: middle;
  height: 20px;
  width: 17.8px; }

.profile-menu-icon {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/menu-icon.svg) no-repeat;
  vertical-align: middle;
  height: 20px;
  width: 21px; }

.nav-main {
  background: #FFFFFF;
  box-shadow: 0 0 0 #e4e7e7;
  height: 181px;
  min-height: 55px;
  margin-bottom: 20px;
  padding-top: 125px; }
  @media only screen and (max-width: 800px) {
    .nav-main {
      height: auto;
      padding-top: 0; } }
  @media only screen and (max-width: 600px) {
    .nav-main.user-not-loggedin {
      margin-bottom: 11px; } }
  .nav-main .wrapper {
    padding: 0 0; }
  .nav-main.fixed {
    position: relative; }
    .nav-main.fixed .btn-container {
      position: fixed;
      right: 65px;
      top: 0;
      z-index: 13;
      display: none; }
  .nav-main .btn-container {
    text-align: center; }
    .nav-main .btn-container .btn,
    .nav-main .btn-container .upload-avatar__input {
      height: 41px;
      line-height: 41px;
      font-weight: 400;
      margin-top: 7px;
      min-width: inherit;
      width: auto; }
      .nav-main .btn-container .btn span,
      .nav-main .btn-container .upload-avatar__input span {
        padding: 0 10px; }
      .nav-main .btn-container .btn.btn--alternative span,
      .nav-main .btn-container .upload-avatar__input.btn--alternative span {
        display: none; }
      .nav-main .btn-container .btn.btn--alternative .icon,
      .nav-main .btn-container .upload-avatar__input.btn--alternative .icon {
        padding: 0 10px; }
    .nav-main .btn-container.list--horizontal a, .nav-main .btn-container.list-tags a, .nav-main .btn-container.list-checkbox a, .nav-main .btn-container.list--icon-text a, .nav-main .btn-container.list--big-icons a, .nav-main .btn-container.pager-bnts a {
      margin-top: 0; }
    .nav-main .btn-container.list--horizontal li, .nav-main .btn-container.list-tags li, .nav-main .btn-container.list-checkbox li, .nav-main .btn-container.list--icon-text li, .nav-main .btn-container.list--big-icons li, .nav-main .btn-container.pager-bnts li {
      margin-top: 8px; }
      .nav-main .btn-container.list--horizontal li:first-child a, .nav-main .btn-container.list-tags li:first-child a, .nav-main .btn-container.list-checkbox li:first-child a, .nav-main .btn-container.list--icon-text li:first-child a, .nav-main .btn-container.list--big-icons li:first-child a, .nav-main .btn-container.pager-bnts li:first-child a {
        position: relative;
        top: -14px; }
      .nav-main .btn-container.list--horizontal li:last-child, .nav-main .btn-container.list-tags li:last-child, .nav-main .btn-container.list-checkbox li:last-child, .nav-main .btn-container.list--icon-text li:last-child, .nav-main .btn-container.list--big-icons li:last-child, .nav-main .btn-container.pager-bnts li:last-child {
        min-width: 100%; }
    .nav-main .btn-container.btn-container--float li {
      float: left; }
      .nav-main .btn-container.btn-container--float li:first-child {
        margin-right: 10px; }
        .nav-main .btn-container.btn-container--float li:first-child a {
          top: auto; }
    .nav-main .btn-container .btn--alternative:hover {
      background: #05a4dc;
      border-color: transparent;
      color: #FFFFFF; }
  .nav-main .selectize-control .item {
    font-size: 12px; }
  @media only screen and (max-width: 800px) {
    .nav-main .btn-send-talk-groups {
      display: none; } }
  .nav-main .btn-send-talk-groups .shareWebTalkButton {
    background-color: #FFFFFF;
    border: 1px solid #0aa1d8; }
    .nav-main .btn-send-talk-groups .shareWebTalkButton:hover {
      background-color: #FFFFFF;
      border: 1px solid #0aa1d8; }

wt-profile-banner .nav-main .fixed .nav-main__list li .nav-tabs {
  margin-top: 9px; }

wt-profile-banner .nav-main .fixed .nav-main__list li:last-child .nav-tabs {
  margin-top: 0px; }

wt-profile-banner .nav-main .fixed .media-filter-js-nav-button {
  background-size: 23px 22px; }

.nav-main__list {
  float: left;
  font-family: "Open Sans", serif;
  margin-left: 0;
  padding: 19px 0 16px 0;
  position: relative;
  width: 100%;
  z-index: 4;
  transition: padding 0.4s ease; }
  .nav-main__list li {
    margin-right: 0;
    text-align: center;
    width: 16.666666667%; }
    .nav-main__list li a {
      color: #2C3E50;
      transition: color 0.4s ease; }
      .nav-main__list li a .icon {
        color: #6A6F7D;
        display: inline-block;
        font-size: 20px;
        margin-right: 3px;
        margin-left: 1px;
        transition: color 0.4s ease; }
      .nav-main__list li a:hover {
        color: #0095BA;
        text-decoration: none; }
        .nav-main__list li a:hover .profile-profile-icon {
          background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-grey-hover.svg) no-repeat; }
        .nav-main__list li a:hover .profile-news-icon {
          background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/news-icon-hover.svg) no-repeat; }
        .nav-main__list li a:hover .profile-files-icon {
          background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/files-icon-hover.svg) no-repeat; }
        .nav-main__list li a:hover .profile-photos-icon {
          background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/photos-icon-hover.svg) no-repeat; }
        .nav-main__list li a:hover .profile-videos-icon {
          background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/videos-icon-hover.svg) no-repeat; }
    .nav-main__list li span {
      display: block; }
      @media only screen and (max-width: 799px) and (min-width: 500px) {
        .nav-main__list li span {
          text-align: center; } }
    .nav-main__list li:last-child {
      margin-right: 0; }
    .nav-main__list li.active a {
      color: #0095BA; }
      .nav-main__list li.active a .profile-profile-icon {
        background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-grey-hover.svg) no-repeat; }
      .nav-main__list li.active a .profile-news-icon {
        background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/news-icon-hover.svg) no-repeat; }
      .nav-main__list li.active a .profile-files-icon {
        background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/files-icon-hover.svg) no-repeat; }
      .nav-main__list li.active a .profile-photos-icon {
        background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/photos-icon-hover.svg) no-repeat; }
      .nav-main__list li.active a .profile-videos-icon {
        background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/videos-icon-hover.svg) no-repeat; }
    .nav-main__list li img {
      display: none;
      height: 20px;
      width: 20px; }

.nav-main__list-container {
  background: #EEEFF1;
  position: relative;
  width: 100%;
  z-index: 9; }
  .nav-main__list-container .btn--menu-mobile {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 4; }
  .nav-main__list-container.fixed {
    background: #EEEFF1;
    position: fixed;
    top: 0;
    z-index: 206; }
    @media only screen and (min-width: 600px) {
      .nav-main__list-container.fixed {
        margin-left: -20px; } }
    .nav-main__list-container.fixed .btn--menu-mobile {
      display: inline-block;
      margin-top: 0;
      right: 0; }
      .nav-main__list-container.fixed .btn--menu-mobile.close {
        margin-top: 15px;
        right: 20px; }
    .nav-main__list-container.fixed .menu-btn .menu {
      margin-top: 2px; }
      @media only screen and (min-width: 600px) {
        .nav-main__list-container.fixed .menu-btn .menu {
          margin-right: 14px; } }
    .nav-main__list-container.fixed .nav-main__list {
      padding-top: 4px;
      margin-left: 0;
      padding-right: 50px; }
      @media only screen and (min-device-width: 400px) and (max-device-width: 550px) {
        .nav-main__list-container.fixed .nav-main__list li {
          /* For portrait layouts only */ }
          .nav-main__list-container.fixed .nav-main__list li span {
            display: block;
            width: 100%; } }
      .nav-main__list-container.fixed .nav-main__list li a .icon {
        font-size: 20px; }
      .nav-main__list-container.fixed .nav-main__list li img {
        display: inline-block; }
      .nav-main__list-container.fixed .nav-main__list li .icon-profile,
      .nav-main__list-container.fixed .nav-main__list li .icon-home {
        display: none; }
    .nav-main__list-container.fixed .btn-container {
      display: none;
      margin-right: 65px;
      top: 0; }
  .nav-main__list-container .lines-button:hover .lines {
    background: #0095BA; }
    .nav-main__list-container .lines-button:hover .lines:before, .nav-main__list-container .lines-button:hover .lines:after {
      background: #0095BA; }
  .nav-main__list-container .lines-button:hover.x.close .lines {
    background: transparent; }

.nav-main__list--five li {
  width: 20%; }
  @media only screen and (max-width: 575px) {
    .nav-main__list--five li {
      width: 19%;
      margin-top: 4px; } }

.fixed li .nav-icon {
  background-position-x: center; }

@media only screen and (max-width: 478px) {
  .fixed .header-user-icon {
    top: -11px !important; } }

@media only screen and (max-width: 550px) {
  .nav-main__list-container.fixed .header-user-icon {
    top: -11px !important; } }

@media only screen and (min-width: 800px) {
  .nav-main {
    height: auto;
    padding-top: 0; } }

@media only screen and (min-width: 500px) {
  .nav-main.fixed .btn-container {
    display: inline-block; } }

@media only screen and (min-width: 920px) {
  .nav-main .btn-container .btn.btn--alternative,
  .nav-main .btn-container .btn--alternative.upload-avatar__input {
    width: auto; } }

@media only screen and (min-width: 414px) {
  .nav-main .btn-container .btn.btn--alternative span,
  .nav-main .btn-container .btn--alternative.upload-avatar__input span {
    display: inline-block; } }

@media only screen and (min-width: 500px) {
  .nav-main .btn-container .btn.btn--alternative span,
  .nav-main .btn-container .btn--alternative.upload-avatar__input span {
    display: none; } }

@media only screen and (min-width: 640px) {
  .nav-main .btn-container .btn.btn--alternative span,
  .nav-main .btn-container .btn--alternative.upload-avatar__input span {
    display: inline-block; } }

@media only screen and (min-width: 840px) {
  .nav-main .btn-container .btn.btn--alternative span,
  .nav-main .btn-container .btn--alternative.upload-avatar__input span {
    display: none; } }

@media only screen and (min-width: 920px) {
  .nav-main .btn-container .btn.btn--alternative span,
  .nav-main .btn-container .btn--alternative.upload-avatar__input span {
    display: inline-block; } }

@media only screen and (min-width: 414px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: none; } }

@media only screen and (max-width: 400px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: inline-block; } }

@media only screen and (min-width: 500px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: inline-block; } }

@media only screen and (min-width: 640px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: none; } }

@media only screen and (min-width: 840px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: inline-block; } }

@media only screen and (min-width: 920px) {
  .nav-main .btn-container .btn.btn--alternative .icon,
  .nav-main .btn-container .btn--alternative.upload-avatar__input .icon {
    display: none; } }

@media only screen and (min-width: 568px) and (max-width: 570px) {
  .connected_status_dropdown {
    left: -13px !important; } }

@media only screen and (min-width: 450px) {
  .nav-main .btn-container .btn.btn--default,
  .nav-main .btn-container .upload-avatar__input {
    min-width: 143px; }
  .move_dropdown_icon_connect {
    background-position-x: 123px !important; }
  .move_dropdown_icon_pending {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connected {
    background-position-x: 123px !important; } }

@media only screen and (max-width: 449px) {
  .connected_button_size {
    min-width: 143px !important; }
  .connect_button_size {
    min-width: 143px !important; }
  .pending_button_size {
    min-width: 143px !important; }
  .move_dropdown_icon_connect {
    background-position-x: 123px !important; }
  .move_dropdown_icon_pending {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connected {
    background-position-x: 123px !important; } }

@media only screen and (max-width: 375px) {
  .connected_button_size {
    min-width: 143px !important; }
  .connect_button_size {
    min-width: 143px; }
  .pending_button_size {
    min-width: 143px; }
  .move_dropdown_icon_pending {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connected {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connect {
    background-position-x: 123px !important; }
  .connected_status_dropdown {
    left: -15px !important; }
  .pending_status_dropdown {
    left: -67px !important; } }

@media only screen and (max-width: 360px) {
  .connected_button_size {
    min-width: 143px !important; }
  .move_dropdown_icon_pending {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connected {
    background-position-x: 123px !important; }
  .connected_status_dropdown {
    left: -15px !important; }
  .pending_status_dropdown {
    left: -67px !important; } }

@media only screen and (max-width: 350px) {
  .connected_button_size {
    min-width: 143px; }
  .connect_button_size {
    min-width: 143px; }
  .pending_button_size {
    min-width: 143px; }
  .move_dropdown_icon_connected {
    background-position-x: 103px !important; } }

@media only screen and (max-width: 320px) {
  .connected_button_size {
    min-width: 123px !important; }
  .connect_button_size {
    min-width: 120px !important;
    background-position-x: 98px !important; }
  .pending_button_size {
    min-width: 143px; }
  .move_dropdown_icon_pending {
    background-position-x: 123px !important; }
  .move_dropdown_icon_connected {
    background-position-x: 103px !important; }
  .connected_status_dropdown {
    left: -35px !important; }
  .pending_status_dropdown {
    left: -67px !important; } }

@media only screen and (min-width: 420px) {
  .nav-main .btn-container.list--horizontal li:last-child,
  .nav-main .btn-container.list-tags li:last-child,
  .nav-main .btn-container.list-checkbox li:last-child,
  .nav-main .btn-container.list--icon-text li:last-child,
  .nav-main .btn-container.list--big-icons li:last-child,
  .nav-main .btn-container.pager-bnts li:last-child {
    min-width: 190px; } }

@media only screen and (max-width: 420px) {
  .nav-main .btn-container.btn-container--float li:first-child {
    margin-right: 0; }
  .nav-main .btn-container.btn-container--float li:first-child a {
    position: absolute;
    right: 5px;
    top: -49px;
    background: white; } }

@media only screen and (min-width: 420px) {
  .nav-main .selectize-control .item {
    font-size: 14px; } }

@media only screen and (min-width: 500px) {
  .nav-main__list {
    width: auto;
    padding-left: 15px; } }

@media only screen and (min-width: 608px) {
  .nav-main__list {
    margin-left: 140px;
    padding: 16px 0 17px 17px; } }

@media only screen and (min-width: 760px) {
  .nav-main__list {
    background: transparent; } }

@media only screen and (min-width: 500px) {
  .nav-main__list li {
    margin-right: 40px;
    text-align: center;
    width: auto; } }

@media only screen and (min-width: 608px) {
  .nav-main__list li {
    margin-right: 20px; } }

@media only screen and (min-width: 500px) {
  .nav-main__list li a .icon {
    font-size: 16px; } }

@media only screen and (min-width: 570px) {
  .nav-main__list li a .icon {
    font-size: 18px; } }

@media only screen and (min-width: 840px) {
  .nav-main__list li a .icon {
    font-size: 14px; } }

@media only screen and (min-width: 800px) {
  .nav-main__list li span {
    display: inline-block; } }

@media only screen and (min-width: 500px) {
  .nav-main__list-container {
    background: transparent;
    border-top: 1px solid #E4E7E7; } }

@media only screen and (min-width: 608px) {
  .nav-main__list-container {
    border-top: 1px solid transparent; } }

@media only screen and (min-width: 760px) {
  .nav-main__list-container {
    overflow: visible;
    width: auto;
    z-index: initial; } }

@media only screen and (min-width: 500px) {
  .nav-main__list-container .btn--menu-mobile {
    display: none; } }

@media only screen and (min-width: 760px) {
  .nav-main__list-container.fixed {
    background: transparent;
    position: static; } }

@media only screen and (min-width: 500px) {
  .nav-main__list-container.fixed .nav-main__list {
    padding-right: 0; } }

@media only screen and (min-width: 760px) {
  .nav-main__list-container.fixed .nav-main__list {
    background: transparent;
    margin-left: 133px; } }

@media only screen and (min-width: 500px) {
  .nav-main__list-container.fixed .nav-main__list li {
    margin-right: 12px; } }

@media only screen and (min-width: 570px) {
  .nav-main__list-container.fixed .nav-main__list li {
    margin-right: 30px; } }

@media only screen and (min-width: 500px) {
  .nav-main__list-container.fixed .btn-container {
    display: inline-block; }
  .nav-main__list--five li {
    width: auto; } }

@media only screen and (max-width: 919px) {
  .nav-main .btn-container #showEditProfile.btn.btn--alternative span {
    display: block; }
  .nav-main .btn-container #showEditProfile.icon {
    display: none; } }

@media only screen and (max-width: 919px) {
  #letter-icon {
    line-height: 2.9; } }

@media only screen and (max-width: 736px) {
  #letter-icon {
    line-height: 2.7; } }

@media only screen and (max-width: 568px) {
  #letter-icon {
    line-height: 2.9; } }

.icon-check {
  z-index: 1000; }

.dropdown-box__list {
  margin-left: 5px; }

@media only screen and (max-width: 450px) {
  .left-margin {
    margin-left: 10px; } }

.hide_dropdown {
  visibility: hidden; }

.float_right {
  float: right; }

.nav-main .btn-container #showEditProfile.btn.btn--alternative .icon {
  display: none; }

@media only screen and (max-width: 420px) {
  .nav-main .btn-container #showEditProfile.btn.btn--alternative span {
    display: none; }
  .nav-main .btn-container #showEditProfile.btn.btn--alternative .icon {
    display: block;
    padding-top: 10px; } }

@media only screen and (max-width: 420px) {
  .cover-container .cover-mobile-layout-container {
    height: calc(100% - 70px); }
  .cover-container .cover {
    margin-top: 0px;
    padding-top: 0px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%; }
  .cover-container-modal .cover {
    margin-top: 40px; } }

@media only screen and (max-width: 812px) and (orientation: landscape) {
  .nav-main__list {
    padding-left: 0px; } }

@media only screen and (max-width: 600px) and (orientation: landscape) {
  .prof-nav {
    padding-top: 57px !important; } }

@media only screen and (max-width: 800px) and (orientation: landscape) {
  .nav-main .wrapper .profile-nav-wrapper {
    padding-bottom: 10px;
    padding-top: 10px; }
  .nav-main {
    padding-left: 0px; }
    .nav-main .nav-main__list {
      text-align: center;
      float: none;
      margin-left: 0px;
      border-top: 1px solid #E4E7E7;
      padding-top: 20px; }
      .nav-main .nav-main__list li span {
        display: contents; }
    .nav-main .nav-main__list-container {
      padding-top: 8px; } }
  @media only screen and (max-width: 800px) and (orientation: landscape) and (max-width: 608px) and (orientation: landscape) {
    .nav-main .nav-main__list {
      border-top: none; }
    .nav-main .nav-main__list-container {
      padding-top: 0px; } }

@media only screen and (max-width: 460px) and (orientation: landscape) {
  .nav-main {
    height: 181px; } }

.fixed-profile-filter .nav-main__list--five li menu-btn .menu {
  margin-top: 8px; }

.truncate-ellipsis {
  display: table;
  table-layout: fixed;
  width: 100%; }

.profile-nav-text {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: bold;
  color: #647287;
  text-decoration: none; }

.profile-nav-text:hover {
  text-decoration: none;
  color: #0095BA; }

.profile-navigation-table {
  width: auto;
  margin-left: 160px; }
  .profile-navigation-table .active-tab {
    color: #0095BA;
    width: 20%;
    text-align: center;
    padding-right: 20px; }
    .profile-navigation-table .active-tab a:hover {
      text-decoration: none; }
    .profile-navigation-table .active-tab .profile-nav-text {
      color: #0095BA; }
    .profile-navigation-table .active-tab .profile-nav-text:hover {
      text-decoration: none; }
    .profile-navigation-table .active-tab .profile-profile-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-grey-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 20px; }
    .profile-navigation-table .active-tab .profile-news-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/news-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 24.2px; }
    .profile-navigation-table .active-tab .profile-files-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/files-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 16px; }
    .profile-navigation-table .active-tab .profile-photos-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/photos-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 20px; }
    .profile-navigation-table .active-tab .profile-videos-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/videos-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 17.8px; }

.profile-nav-wrapper {
  padding-top: 8px; }

@media only screen and (max-width: 600px) {
  .profileicon-nav-height {
    height: 37px;
    display: block; }
  .profile-navigation-table .active-tab {
    color: #0095BA;
    width: 20%;
    text-align: center;
    padding-right: 20px; }
    .profile-navigation-table .active-tab a:hover {
      text-decoration: none; }
    .profile-navigation-table .active-tab .profile-nav-text {
      color: #0095BA; }
    .profile-navigation-table .active-tab .profile-nav-text:hover {
      text-decoration: none; }
    .profile-navigation-table .active-tab .profile-profile-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-grey-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 20px; }
    .profile-navigation-table .active-tab .profile-news-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/news-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 24.2px; }
    .profile-navigation-table .active-tab .profile-files-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/files-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 16px; }
    .profile-navigation-table .active-tab .profile-photos-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/photos-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 20px; }
    .profile-navigation-table .active-tab .profile-videos-icon {
      background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/profile-nav-icons/videos-icon-hover.svg) no-repeat;
      vertical-align: middle;
      height: 20px;
      width: 17.8px; }
  .profile-navigation-table {
    width: 100%;
    margin-left: 0px; }
  .avatar-nav-icon {
    margin-top: 3px; }
  .nav-main .wrapper .profile-nav-wrapper {
    padding-top: 10px;
    padding-bottom: 10px; } }

.margin-top-20 {
  margin-top: 20px; }

.prof-nav {
  margin-bottom: 20px;
  border-bottom: 1px solid #d8dbe7; }
  @media only screen and (max-width: 800px) {
    .prof-nav {
      margin-bottom: 25px; } }
  .prof-nav .profile-wrapper {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: center;
    height: 168px;
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (max-width: 800px) {
      .prof-nav .profile-wrapper {
        flex-direction: column;
        height: auto;
        padding-top: 0; }
        .prof-nav .profile-wrapper .loggedout-user-profile.left-section .send-talkmail {
          margin-left: auto; } }
    .prof-nav .profile-wrapper .left-section {
      width: 33.33%; }
      @media only screen and (max-width: 800px) {
        .prof-nav .profile-wrapper .left-section {
          order: 2;
          width: 100%;
          position: relative;
          bottom: 0;
          margin-bottom: 20px; } }
      .prof-nav .profile-wrapper .left-section .button-wrapper {
        display: flex;
        margin-bottom: 8px;
        margin-top: 15px; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .button-wrapper {
            margin-top: -5px; } }
        .prof-nav .profile-wrapper .left-section .button-wrapper .basic-upgrade {
          width: auto;
          height: 25px;
          border-radius: 100px;
          background-color: #B4BBC7;
          font-family: Montserrat;
          font-size: 10px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          padding: 0 15px 0 26px;
          color: #ffffff;
          margin-right: 10px;
          position: relative;
          cursor: pointer; }
          .prof-nav .profile-wrapper .left-section .button-wrapper .basic-upgrade.mouse-cursor {
            cursor: default; }
          .prof-nav .profile-wrapper .left-section .button-wrapper .basic-upgrade::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/webtalk-w-profile-badge.svg);
            content: '';
            width: 20px;
            height: 19px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 8px;
            left: 10px;
            display: inline-block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .left-section .button-wrapper .basic-upgrade {
              margin: auto;
              z-index: 7; } }
        .prof-nav .profile-wrapper .left-section .button-wrapper .yellow-upgrade {
          width: auto;
          height: 25px;
          padding-left: 23px;
          border-radius: 100px;
          background-color: #eeba0f;
          font-family: Montserrat;
          font-size: 10px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          margin-right: 10px;
          position: relative;
          cursor: pointer; }
          .prof-nav .profile-wrapper .left-section .button-wrapper .yellow-upgrade.mouse-cursor {
            cursor: default; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .left-section .button-wrapper .yellow-upgrade {
              margin: auto;
              z-index: 8; } }
          .prof-nav .profile-wrapper .left-section .button-wrapper .yellow-upgrade::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/membershipbadge.svg);
            content: '';
            width: 20px;
            height: 19px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 2px;
            left: 3px;
            display: inline-block; }
        .prof-nav .profile-wrapper .left-section .button-wrapper .verify-id {
          width: 105px;
          height: 25px;
          border-radius: 100px;
          background-color: #0aa1d8;
          font-family: Montserrat;
          font-size: 10px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          position: relative;
          padding-left: 20px;
          cursor: pointer; }
          .prof-nav .profile-wrapper .left-section .button-wrapper .verify-id::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/verifiedphone.svg);
            content: '';
            width: 16px;
            height: 16px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 4px;
            left: 7px;
            display: inline-block; }
      .prof-nav .profile-wrapper .left-section .avatar-name {
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0aa1d8;
        display: block;
        margin-bottom: 4px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .avatar-name {
            text-align: center; } }
      .prof-nav .profile-wrapper .left-section .no-job {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39414d;
        display: block;
        margin-bottom: 12px; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .no-job {
            text-align: center; } }
        .prof-nav .profile-wrapper .left-section .no-job span {
          font-weight: bold;
          color: #0aa1d8;
          cursor: pointer; }
      .prof-nav .profile-wrapper .left-section .avatar-work {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39414d;
        display: block;
        margin-bottom: 12px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .avatar-work {
            text-align: center; } }
      .prof-nav .profile-wrapper .left-section .send-talkmail {
        width: 195px;
        height: 40px;
        border-radius: 100px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        margin-top: 10px;
        display: flex;
        cursor: pointer;
        position: relative;
        text-align: center;
        text-decoration: none; }
        .prof-nav .profile-wrapper .left-section .send-talkmail .send-talkmail-txt {
          font-family: Open Sans;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 2.7;
          letter-spacing: normal;
          color: #647287;
          display: flex;
          margin: 0 auto; }
          .prof-nav .profile-wrapper .left-section .send-talkmail .send-talkmail-txt::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/mail-talk.svg);
            content: '';
            width: 21px;
            height: 16px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            display: block;
            margin: 11px 5px 0px 0px; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .send-talkmail {
            margin: auto 20px auto auto; } }
        .prof-nav .profile-wrapper .left-section .send-talkmail::after {
          content: '';
          width: 14px;
          height: 14px;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          border: solid 2px #ffffff;
          background-color: #66bb69;
          display: block;
          border-radius: 100px;
          top: 12px;
          right: 10px;
          position: absolute;
          display: none; }
      .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper {
        display: block;
        margin-top: 10px; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper {
            margin: auto;
            max-width: 320px; } }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .banner-share-dd {
          width: 239px;
          height: 40px;
          border-radius: 100px;
          display: flex; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .banner-share-dd {
              width: 100%; } }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-eye::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/eye.svg);
          content: '';
          width: 22px;
          height: 22px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: 4px 10px auto 10px; }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-private::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg);
          content: '';
          width: 22px;
          height: 22px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: auto 10px auto 10px; }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-public::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg);
          content: '';
          width: 22px;
          height: 22px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: auto 10px auto 10px; }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-conn::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon.svg);
          content: '';
          width: 22px;
          height: 22px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: auto 10px auto 10px; }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-personal::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg);
          content: '';
          width: 18px;
          height: 22px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: auto 10px auto 10px; }
        .prof-nav .profile-wrapper .left-section .profile-banner-dropdown-wrapper .sr-pro::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
          content: '';
          width: 19px;
          height: 17px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          display: block;
          margin: auto 10px auto 10px; }
      .prof-nav .profile-wrapper .left-section .avatar-view {
        display: block; }
    .prof-nav .profile-wrapper .center-section {
      width: 33.33%;
      position: relative;
      bottom: 90px;
      margin-top: 12px; }
      @media only screen and (max-width: 800px) {
        .prof-nav .profile-wrapper .center-section {
          order: 1;
          width: 100%;
          height: 60px;
          bottom: 0; } }
      .prof-nav .profile-wrapper .center-section .avatar-wrapper,
      .prof-nav .profile-wrapper .center-section .card__inner {
        width: 172px;
        height: 172px; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .center-section .avatar-wrapper,
          .prof-nav .profile-wrapper .center-section .card__inner {
            width: 151px;
            height: 151px;
            bottom: 82px; }
            .prof-nav .profile-wrapper .center-section .avatar-wrapper.inner-card-height,
            .prof-nav .profile-wrapper .center-section .card__inner.inner-card-height {
              bottom: 90px; } }
      .prof-nav .profile-wrapper .center-section .card__front,
      .prof-nav .profile-wrapper .center-section .card__back {
        display: flex;
        justify-content: center;
        align-items: center; }
      .prof-nav .profile-wrapper .center-section .avatar-wrapper {
        perspective: 1000px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 17px; }
        .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__front.on-display:hover .edit-profile-avatar.can-show {
          position: relative;
          width: 100%;
          height: 100%;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
          display: block;
          border-radius: 100px;
          margin: 0 auto 16px auto;
          cursor: pointer;
          top: 8px;
          left: .4px;
          opacity: 0.8;
          background-color: #2c3237;
          padding: 60px 20px 30px 20px;
          z-index: 1000;
          display: block; }
          .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__front.on-display:hover .edit-profile-avatar.can-show .edit-profile-icon {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-profile.svg);
            width: 18px;
            height: 16.2px;
            object-fit: contain;
            background-repeat: no-repeat;
            background-size: contain;
            display: block;
            margin: auto auto 5px auto; }
          .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__front.on-display:hover .edit-profile-avatar.can-show span {
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #cfd4db;
            display: block;
            margin: auto;
            text-align: center; }
        .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__front .edit-profile-avatar {
          display: none; }
        .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__back.on-display:hover .edit-profile-peronal-avatar.can-show {
          position: relative;
          width: 100%;
          height: 100%;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
          display: block;
          border-radius: 100px;
          margin: 0 auto 16px auto;
          cursor: pointer;
          top: 8px;
          left: .4px;
          opacity: 0.8;
          background-color: #2c3237;
          padding: 60px 20px 30px 20px;
          z-index: 1000;
          display: block; }
          .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__back.on-display:hover .edit-profile-peronal-avatar.can-show .edit-profile-icon {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-profile.svg);
            width: 18px;
            height: 16.2px;
            object-fit: contain;
            background-repeat: no-repeat;
            background-size: contain;
            display: block;
            margin: auto auto 5px auto; }
          .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__back.on-display:hover .edit-profile-peronal-avatar.can-show span {
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #cfd4db;
            display: block;
            margin: auto;
            text-align: center; }
        .prof-nav .profile-wrapper .center-section .avatar-wrapper .card__inner .card__back .edit-profile-peronal-avatar {
          display: none; }
      .prof-nav .profile-wrapper .center-section .avatar-wrapper.personal-avatar .card__inner {
        transform: rotateY(180deg); }
      .prof-nav .profile-wrapper .center-section .card__inner {
        transition: transform .70s ease-in-out;
        transform-origin: 50% 50%;
        transform-style: preserve-3d; }
      .prof-nav .profile-wrapper .center-section .card__back {
        transform: rotateY(180deg); }
      .prof-nav .profile-wrapper .center-section .card__front,
      .prof-nav .profile-wrapper .center-section .card__back {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        border: solid 5px #ffffff;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 5.4px 0 rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        border-radius: 100px;
        cursor: pointer; }
      .prof-nav .profile-wrapper .center-section .edit-profile-button {
        width: 160px;
        height: 40px;
        border-radius: 100px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        display: block;
        margin: 0 auto;
        cursor: pointer; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .center-section .edit-profile-button {
            display: none; } }
        .prof-nav .profile-wrapper .center-section .edit-profile-button::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-icon-line.svg);
          content: '';
          width: 15.5px;
          height: 14.5px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          margin-right: 6px;
          display: inline-block;
          -ms-transform: translateY(-50%);
          transform: translateY(10%); }
        .prof-nav .profile-wrapper .center-section .edit-profile-button:hover {
          background-color: #f5f6f7; }
    .prof-nav .profile-wrapper .right-section {
      width: 33.33%; }
      @media only screen and (min-width: 800px) {
        .prof-nav .profile-wrapper .right-section {
          position: relative; } }
      @media only screen and (max-width: 800px) {
        .prof-nav .profile-wrapper .right-section {
          order: 3;
          width: 100%;
          margin: auto;
          max-width: 320px;
          margin-bottom: 20px; } }
      @media only screen and (min-width: 800px) {
        .prof-nav .profile-wrapper .right-section .mold--container {
          margin: 0;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translate(0, -50%); } }
      @media only screen and (max-width: 800px) {
        .prof-nav .profile-wrapper .right-section .mold--container {
          margin-top: 0; } }
      .prof-nav .profile-wrapper .right-section .mold--container span, .prof-nav .profile-wrapper .right-section .mold--container a {
        text-align: right;
        margin-bottom: 8px;
        text-decoration: none; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container span, .prof-nav .profile-wrapper .right-section .mold--container a {
            text-align: left; } }
      .prof-nav .profile-wrapper .right-section .mold--container a {
        display: block; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container a.followed {
            display: flex; } }
      .prof-nav .profile-wrapper .right-section .mold--container .location-wrap {
        display: flex;
        align-items: center;
        position: relative; }
        @media only screen and (min-width: 801px) {
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap {
            justify-content: flex-end; } }
        .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .edit-grey {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-icon-line-gray.svg);
          width: 15.5px;
          height: 14.5px;
          object-fit: contain;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
          cursor: pointer;
          position: relative;
          top: -3px;
          margin: 0 9px 0 auto; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .edit-grey {
              order: 2;
              margin: 0 8px 0 10px; } }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .edit-grey:hover {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/edit-icon-line.svg);
            width: 15.5px;
            height: 14.5px;
            object-fit: contain;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            cursor: pointer;
            position: relative;
            top: -3px;
            margin: 0 9px 0 auto; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .edit-grey:hover {
                order: 2;
                margin: 0 8px 0 10px; } }
        .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #39414d;
          display: block; }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location .address {
            cursor: default;
            max-width: 200px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle; }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location .bold-text {
            font-weight: bold;
            color: #0aa1d8;
            padding-left: 5px;
            padding-right: 5px;
            cursor: pointer; }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/point.svg);
            content: '';
            width: 12px;
            height: 17px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            background-size: contain;
            display: none; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location::before {
                display: inline-block;
                margin-right: 4px; } }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location::after {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/point.svg);
            content: '';
            width: 12px;
            height: 17px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 5px;
            right: 2px;
            margin-left: 4px;
            background-size: contain;
            display: inline-block; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-location::after {
                display: none; } }
        .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          margin: auto 0 8px auto;
          color: #39414d;
          display: block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location {
              margin: auto auto 8px 0; } }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location .address {
            cursor: pointer;
            max-width: 200px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle; }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location .bold-text {
            font-weight: bold;
            color: #0aa1d8;
            padding-left: 5px;
            padding-right: 5px;
            cursor: pointer; }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/point.svg);
            content: '';
            width: 12px;
            height: 17px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            background-size: contain;
            display: none; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location::before {
                display: inline-block;
                margin-right: 4px; } }
          .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location::after {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/point.svg);
            content: '';
            width: 12px;
            height: 17px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            background-size: contain;
            display: inline-block; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .location-wrap .avatar-no-location::after {
                display: none; } }
      .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap {
        display: flex;
        align-items: center;
        margin-bottom: 0; }
        @media only screen and (min-width: 801px) {
          .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap {
            justify-content: flex-end; } }
        .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          margin: auto 0 8px auto;
          color: #39414d;
          display: block;
          margin-left: 5px; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation {
              margin: auto 8px 8px 0; } }
          .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation .bold-text {
            font-weight: bold;
            color: #0aa1d8;
            padding-left: 5px;
            padding-right: 5px;
            cursor: pointer; }
          .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/recommended.svg);
            content: '';
            width: 16px;
            height: 16px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            background-size: contain;
            display: none; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation::before {
                display: inline-block;
                margin-right: 4px; } }
          .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation::after {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/recommended.svg);
            content: '';
            width: 16px;
            height: 16px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            margin-left: 5px;
            background-size: contain;
            display: inline-block; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .recommendation-wrap .avatar-recommendation::after {
                display: none; } }
      .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap.display-block {
        display: block; }
      .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap {
        display: flex;
        align-items: center;
        float: right;
        cursor: default; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap {
            float: none; } }
        .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #39414d;
          display: block;
          margin: auto 0 auto 5px; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections {
              margin: auto 8px 0 0; } }
          .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections .bold-text {
            font-weight: bold;
            color: #0aa1d8;
            padding-left: 5px;
            padding-right: 5px;
            cursor: pointer; }
          .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-icon.svg);
            content: '';
            width: 14px;
            height: 14.7px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            background-size: contain;
            display: none; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections::before {
                display: inline-block;
                margin-right: 4px; } }
          .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections::after {
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/connections-icon.svg);
            content: '';
            width: 14px;
            height: 14.7px;
            object-fit: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 3px;
            margin-left: 5px;
            background-size: contain;
            display: inline-block; }
            @media only screen and (max-width: 800px) {
              .prof-nav .profile-wrapper .right-section .mold--container .connections-wrap .avatar-connections::after {
                display: none; } }
      .prof-nav .profile-wrapper .right-section .mold--container .display-inline {
        display: inline-block;
        margin-bottom: 0px; }
      .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39414d;
        display: block;
        cursor: pointer; }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed .follow-user {
          font-weight: bold;
          color: #0aa1d8;
          margin-right: 2px; }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/followed.svg);
          content: '';
          width: 16px;
          height: 14px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          background-size: contain;
          display: none; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed::before {
              display: inline-block; } }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/followed.svg);
          content: '';
          width: 16px;
          height: 14px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          left: 2px;
          background-size: contain;
          display: inline-block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-followed::after {
              display: none; } }
      .prof-nav .profile-wrapper .right-section .mold--container .avatar-following {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39414d;
        display: block;
        cursor: pointer; }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-following .bold-text {
          font-weight: bold;
          color: #0aa1d8;
          padding-left: 5px;
          padding-right: 5px;
          cursor: pointer; }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-following::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/following.svg);
          content: '';
          width: 16px;
          height: 14px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          background-size: contain;
          display: none; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-following::before {
              display: inline-block; } }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-following::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/following.svg);
          content: '';
          width: 16px;
          height: 14px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          left: 2px;
          background-size: contain;
          display: inline-block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-following::after {
              display: none; } }
      .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper {
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper {
            margin-bottom: 10px; } }
        .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated {
          font-size: 15px;
          white-space: nowrap;
          overflow: hidden;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          max-width: 300px;
          color: #39414d;
          display: flex;
          margin: auto 0 auto auto;
          float: right; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated {
              float: left;
              order: 2;
              margin: auto auto auto 0; } }
          .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated .relationship-name.no-event {
            pointer-events: none;
            cursor: default;
            color: #39414d;
            padding-right: 0;
            margin-bottom: 0; }
          .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated .relationship-name {
            font-weight: bold;
            color: #0aa1d8;
            padding-left: 5px;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: Open Sans;
            margin-bottom: 0; }

@-moz-document url-prefix() {
  .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated .relationship-name {
    margin-bottom: 1px; } }

@-moz-document url-prefix() {
  .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .long-and-truncated .relationship-name.no-event {
    line-height: 1.4; } }
        .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .short-and-fixed {
          white-space: nowrap;
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/heart.svg);
          content: '';
          width: 15px;
          height: 13.3px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          background-size: contain;
          margin-left: 5px;
          display: inline-block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .flex-parent-wrapper .short-and-fixed {
              order: 1;
              margin-right: 5px;
              margin-left: 0; } }
      .prof-nav .profile-wrapper .right-section .mold--container .flex-pos {
        -webkit-box-flex: 1;
        flex: 1; }
      .prof-nav .profile-wrapper .right-section .mold--container .mar-right {
        margin: 0 0 auto auto; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container .mar-right {
            margin: 0 0 auto 0; } }
      .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39414d;
        display: flex;
        float: right; }
        @media only screen and (max-width: 800px) {
          .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship {
            float: left; } }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/heart.svg);
          content: '';
          width: 15px;
          height: 13.3px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          background-size: contain;
          display: none; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship::before {
              display: inline-block;
              margin-right: 5px; } }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/heart.svg);
          content: '';
          width: 15px;
          height: 13.3px;
          object-fit: contain;
          background-repeat: no-repeat;
          position: relative;
          top: 3px;
          background-size: contain;
          display: inline-block; }
          @media only screen and (max-width: 800px) {
            .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship::after {
              display: none; } }
        .prof-nav .profile-wrapper .right-section .mold--container .avatar-relationship .relationship-name {
          font-weight: bold;
          color: #0aa1d8;
          padding-left: 5px;
          padding-right: 5px;
          cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .prof-nav .profile-wrapper {
        padding-left: 15px;
        padding-right: 15px; }
        .prof-nav .profile-wrapper .right-section {
          margin: initial;
          max-width: initial;
          margin-bottom: 20px; }
        .prof-nav .profile-wrapper .left-section .send-talkmail {
          margin: auto 10px auto auto; } }

.user-button {
  border-radius: 100px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff; }

.pr-status-btn.disabled {
  opacity: 0.2; }

.pr-status-btn.only-one-button .status {
  width: 100%; }

.pr-status-btn.only-one-button .dropdown-btn {
  display: none; }

.pr-status-btn {
  border-radius: 100px;
  background-color: #0aa1d8;
  position: relative;
  display: flex;
  margin: 16px auto auto auto;
  width: 160px;
  height: 40px; }
  @media only screen and (max-width: 800px) {
    .pr-status-btn {
      margin: 0; } }
  .pr-status-btn:hover {
    text-decoration: none; }
  .pr-status-btn .pr-connect {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.8;
    margin-left: 5px; }
    .pr-status-btn .pr-connect:hover {
      text-decoration: none; }
    .pr-status-btn .pr-connect:before {
      content: '';
      background-image: url("/static/src/assets/icons/connect-icon-white.svg");
      width: 13px;
      height: 13px;
      background-repeat: no-repeat;
      background-size: cover;
      margin-right: 5px;
      display: inline-flex;
      position: relative;
      top: 1px; }
      @media only screen and (max-width: 600px) {
        .pr-status-btn .pr-connect:before {
          margin-left: 15px; } }
  .pr-status-btn .status {
    width: 118px; }
  .pr-status-btn .pr-follow {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.8; }
    .pr-status-btn .pr-follow:hover {
      text-decoration: none; }
    .pr-status-btn .pr-follow:before {
      content: '';
      background-image: url("/static/src/assets/icons/follow-icon-white.svg");
      width: 17px;
      height: 17px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 5px;
      display: inline-flex;
      position: relative;
      top: 5px;
      margin-left: 15px; }
  .pr-status-btn .dropdown-btn {
    width: 34px;
    height: 40px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #0694c8;
    position: absolute;
    right: 0;
    border: solid 1px #0694c8; }
    .pr-status-btn .dropdown-btn .arrow-log {
      width: 100%;
      height: 100%;
      background-image: url("/static/src/assets/icons/up-arrow-white.svg");
      background-repeat: no-repeat;
      background-size: 12px;
      background-position: center; }
    .pr-status-btn .dropdown-btn .arrow-down {
      transform: none; }
    .pr-status-btn .dropdown-btn .arrow-up {
      transform: rotate(180deg); }

@media only screen and (min-width: 800px) {
  .mobile-contact-button {
    display: none; } }

@media only screen and (max-width: 800px) {
  .mobile-contact-button {
    margin: auto auto auto 0; } }

.mobile-buttons-wrapper {
  display: block; }
  @media only screen and (max-width: 800px) {
    .mobile-buttons-wrapper {
      display: flex; } }

.no-followers {
  display: -webkit-box !important;
  float: right; }

.mutual-connection-wrapper {
  display: flex; }
  @media only screen and (min-width: 801px) {
    .mutual-connection-wrapper.recommendation {
      margin-top: -6px; } }
  @media only screen and (max-width: 800px) {
    .mutual-connection-wrapper {
      order: 2;
      margin: 5px auto auto 0; } }
  .mutual-connection-wrapper .mutual-avatar-icon.two {
    margin-left: -4px; }
  .mutual-connection-wrapper .mutual-avatar-icon.three {
    margin-left: -4px; }
  .mutual-connection-wrapper .mutual-avatar-icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.not-profile {
  margin: auto 0 8px auto; }
  @media only screen and (max-width: 800px) {
    .not-profile {
      margin: auto auto 8px 0; } }

.people-you-may-know-backdrop.show-modal-backdrop {
  z-index: 3005;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  right: 0;
  top: 0;
  left: 0; }

.people-you-may-know-backdrop {
  width: 300px;
  height: 403px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 600px) {
    .people-you-may-know-backdrop {
      width: 100%; } }

.modal-view {
  position: relative;
  top: 300px; }

@media only screen and (min-width: 801px) {
  .sidebar .box {
    margin-bottom: 20px; } }

@media only screen and (max-width: 800px) {
  .sidebar .box {
    margin-bottom: 15px; } }

.sidebar .media--small .media__img {
  margin-right: 15px !important; }

.sidebar .media--small .split__title {
  max-width: 100%; }

.sidebar .media--small .split__title.people-you-may-know {
  max-width: 85%; }

.sidebar .sidebar__folders .btn--icon {
  border-radius: 3px; }
  .sidebar .sidebar__folders .btn--icon .icon {
    font-size: 15px; }
  .sidebar .sidebar__folders .btn--icon .icon-allconnections {
    font-size: 13px; }

@media only screen and (min-width: 500px) {
  .sidebar .media--small .split__title {
    max-width: 80%;
    width: auto; } }

.sidebar__title,
.box--promo .box--promo__title,
.box--promo2 .box--promo__title {
  color: #25272b;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase; }

.sidebar__footer {
  margin-bottom: 20px; }
  .sidebar__footer a {
    color: #ffffff; }

.sidebar__footer-list {
  margin-bottom: 5px;
  padding-top: 25px;
  text-align: center; }
  .sidebar__footer-list li {
    color: #f4f5f6;
    display: inline-block;
    font-size: 12px;
    position: relative; }
    .sidebar__footer-list li .bullet {
      font-size: 10px;
      padding: 0 5px; }
    .sidebar__footer-list li a {
      color: #f4f5f6; }
    .sidebar__footer-list li a:hover {
      color: #87dfff;
      text-decoration: underline; }

wt-side-panel .sidebar__footer-list li a, wt-order-summary .sidebar__footer-list li a {
  color: #627384; }
  wt-side-panel .sidebar__footer-list li a:hover, wt-order-summary .sidebar__footer-list li a:hover {
    color: #333333; }

.sidebar__footer-copyright {
  color: #627384;
  font-size: 12px;
  text-align: center; }

.max {
  max-width: 300px; }
  @media only screen and (max-width: 800px) {
    .max {
      max-width: 80%; } }

@media only screen and (min-width: 320px) {
  .is_stuck {
    position: static !important;
    top: auto !important; } }

@media only screen and (min-width: 800px) {
  .is_stuck {
    position: fixed !important;
    top: 70px !important; } }

.switch-features-btn {
  width: 210px;
  height: 46px;
  border-radius: 100px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: #0aa1d8;
  padding-top: 12px;
  margin-top: 10px;
  margin-bottom: 7px;
  color: #ffffff; }

.upgrade-promo-text {
  margin: 14px 18px 8px 24px;
  height: 38px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff; }

.side--menu--user--avatar .usermenu--user--name {
  padding-top: 50px; }

@media only screen and (max-width: 770px) {
  .side--menu--user--avatar {
    margin-top: 20px; }
    .side--menu--user--avatar .usermenu--user--name {
      padding-top: 30px; } }

@media only screen and (max-width: 759px) {
  .side--menu--user--avatar .usermenu--user--name {
    padding-top: 20px; } }

@supports (-ms-ime-align: auto) {
  .cr-slider-wrap > .cr-slider {
    height: 45px !important; }
  .thumbnail-icon-wrapper .small-thumb {
    margin-top: 19px; }
  .thumbnail-icon-wrapper .big-thumb {
    margin-top: 10px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cr-slider-wrap {
    margin-bottom: 27px !important; } }

.sidebarlink:before {
  content: '';
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-icon-yellow.svg);
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: inline-flex;
  margin-right: 3px;
  padding-bottom: 2px; }

.offer-expire-limit {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/scratch-red.svg);
  background-repeat: no-repeat;
  background-position-y: 16px;
  margin-bottom: -12px;
  margin-top: 5px;
  background-position-x: calc(50% + 67px); }

.sidebar-navigation {
  width: 320px;
  background-color: #363e45; }
  .sidebar-navigation .link {
    cursor: pointer; }
  .sidebar-navigation.open {
    width: 370px;
    z-index: 301; }
    .sidebar-navigation.open .not-pro {
      display: block;
      margin-bottom: 10px; }
      .sidebar-navigation.open .not-pro .wrapper {
        display: block;
        right: 0px; }
        @media only screen and (min-width: 801px) {
          .sidebar-navigation.open .not-pro .wrapper {
            right: 0px; } }
  .sidebar-navigation .user-info-bar {
    width: 100%;
    height: 56px;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 10px; }
    .sidebar-navigation .user-info-bar .banner-gradient {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 0;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
    .sidebar-navigation .user-info-bar .user-bar {
      z-index: 1;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 10px; }
    .sidebar-navigation .user-info-bar.open {
      background-color: #363e45; }
    .sidebar-navigation .user-info-bar .logo {
      float: left;
      width: 36px;
      height: 36px;
      border-radius: 100px;
      display: inline-block;
      margin-right: 10px;
      border: 2px solid #fff; }
    .sidebar-navigation .user-info-bar .name {
      float: left;
      font-size: 13px;
      font-weight: 600;
      color: WHITE;
      width: calc(100% - 140px);
      max-width: 100%;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      padding-top: 10px; }
      .sidebar-navigation .user-info-bar .name.two-line {
        padding-top: 0px; }
    .sidebar-navigation .user-info-bar .btn-icon {
      width: 36px;
      height: 36px;
      opacity: 1;
      background-color: #2c3237;
      border-radius: 50%;
      float: right;
      display: inline-block;
      margin-left: 10px;
      background-repeat: no-repeat;
      background-position: center; }
      .sidebar-navigation .user-info-bar .btn-icon:hover {
        box-shadow: -13px 0 25px 0 rgba(0, 0, 0, 0.3);
        background-color: #363e45; }
      .sidebar-navigation .user-info-bar .btn-icon.editprofile {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/editprofile.svg); }
      .sidebar-navigation .user-info-bar .btn-icon.settings {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/settings.svg); }
  .sidebar-navigation .profile-complete {
    width: 100%;
    display: block;
    padding: 10px; }
    .sidebar-navigation .profile-complete .item {
      width: calc(50% - 5px);
      height: 54px;
      border-radius: 4px;
      border: solid 1px #2c3237;
      background-color: #2c3237;
      padding: 7px 13px;
      display: inline-block;
      cursor: pointer; }
      .sidebar-navigation .profile-complete .item:hover {
        background-color: #272b2d; }
      .sidebar-navigation .profile-complete .item:first-child {
        margin-right: 5px; }
      .sidebar-navigation .profile-complete .item .complete-left {
        width: calc(40% - 5px);
        display: inline-block;
        margin-right: 10px; }
      .sidebar-navigation .profile-complete .item .complete-right {
        width: calc(60% - 10px);
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 10px center; }
      .sidebar-navigation .profile-complete .item .percent {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #cfd4db;
        height: 15px; }
        .sidebar-navigation .profile-complete .item .percent .upviews {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/pro-icon-basic.svg);
          height: 9px;
          width: 9px; }
        .sidebar-navigation .profile-complete .item .percent.views {
          color: #32b644; }
        .sidebar-navigation .profile-complete .item .percent.complete {
          color: #0aa1d8; }
        .sidebar-navigation .profile-complete .item .percent .up {
          background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/up-views.svg);
          height: 9px;
          width: 9px;
          display: inline-block; }
      .sidebar-navigation .profile-complete .item .desc {
        width: 124px;
        height: 13px;
        font-size: 10px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #cfd4db;
        width: auto;
        display: inline-block; }
      .sidebar-navigation .profile-complete .item .bar {
        height: 5px;
        border-radius: 50px;
        background-color: #def6ff;
        width: 100%;
        border-radius: 50px;
        background-color: #def6ff;
        display: inline-block;
        position: relative; }
        .sidebar-navigation .profile-complete .item .bar .blue-bar {
          background-color: #0aa1d8;
          position: absolute;
          top: 0;
          left: 0;
          height: 5px;
          border-radius: 50px; }
        .sidebar-navigation .profile-complete .item .bar .green-bar {
          background-color: #32b644;
          position: absolute;
          top: 0;
          left: 0;
          height: 5px;
          border-radius: 50px; }
  .sidebar-navigation .pro-plan.pro-plat {
    padding: 5px 12px;
    padding-bottom: 4px; }
    .sidebar-navigation .pro-plan.pro-plat .manage {
      padding-bottom: 1px; }
    .sidebar-navigation .pro-plan.pro-plat .pro-icon {
      margin-right: 3px; }
    .sidebar-navigation .pro-plan.pro-plat .View-Plan.pro-plat {
      background-color: #eeba0f;
      font-family: Open Sans;
      font-size: 13px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 11px;
      letter-spacing: normal;
      text-align: center;
      color: #1d2026;
      width: 110px;
      height: 32px;
      position: relative;
      top: 2px;
      left: 2px; }
      .sidebar-navigation .pro-plan.pro-plat .View-Plan.pro-plat:hover {
        background-color: #eeba0f; }
  .sidebar-navigation .pro-plan {
    padding: 10px 12px;
    padding-bottom: 20px; }
    .sidebar-navigation .pro-plan .left {
      width: calc(60% - 10px);
      display: inline-block;
      color: #fff;
      font-size: 11px;
      font-weight: 600; }
    .sidebar-navigation .pro-plan .right {
      width: 40%;
      float: right;
      display: inline-block;
      background-color: #2c3237;
      border-radius: 100px;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #e2e6e9;
      font-weight: bold;
      padding: 10px;
      cursor: pointer; }
      .sidebar-navigation .pro-plan .right:hover {
        background-color: #272b2d; }
    .sidebar-navigation .pro-plan .manage {
      font-weight: 500;
      padding-bottom: 3px; }
    .sidebar-navigation .pro-plan .pro-icon {
      width: 11px;
      height: 11px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/pro-icon-yellow.svg);
      display: inline-block;
      margin-right: 5px; }
    .sidebar-navigation .pro-plan .pro {
      display: inline-block;
      font-size: 13px;
      font-weight: 800; }
      .sidebar-navigation .pro-plan .pro .sm {
        font-weight: 600; }
    .sidebar-navigation .pro-plan .heading {
      font-size: 13px;
      font-weight: 600;
      display: inline-block; }
    .sidebar-navigation .pro-plan .View-Plan:hover {
      background-color: #0AA1D8; }
  .sidebar-navigation .link-bottom-menu {
    margin-top: 12px; }
  .sidebar-navigation .link-menu {
    padding-top: 8px;
    padding-bottom: 6px;
    height: 35px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    width: calc( 100% - 25px); }
    .sidebar-navigation .link-menu:hover {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2); }
    .sidebar-navigation .link-menu .heading {
      cursor: pointer;
      width: 100%;
      font-size: 13px;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff;
      background-repeat: no-repeat;
      padding-left: 42px;
      height: 20px;
      background-position: 12px 0px;
      font-weight: 600; }
      .sidebar-navigation .link-menu .heading.settings {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/settings.svg); }
      .sidebar-navigation .link-menu .heading.logout {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/logout.svg); }
      .sidebar-navigation .link-menu .heading.findinvite {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/findinvite.svg); }
      .sidebar-navigation .link-menu .heading.help {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/help.svg); }
  .sidebar-navigation .showingSubMenus {
    padding: 20px 32px;
    font-size: 12px;
    font-weight: 600;
    color: #cfd4db;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/menu-back.svg);
    background-position: 20px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #2c3237;
    cursor: pointer; }
    .sidebar-navigation .showingSubMenus:hover {
      background-color: #2C3237;
      color: #fff; }
  .sidebar-navigation .menu-tab-bottom-border {
    border-bottom: 1px solid #2c3237; }
  .sidebar-navigation .menu-tab {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 69px;
    height: auto;
    border-top: 1px solid #2c3237;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: calc( 50% - 15px);
    height: 94px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
    .sidebar-navigation .menu-tab:hover {
      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.6); }
    .sidebar-navigation .menu-tab:first-child {
      border-top: 1px solid #2c3237; }
    .sidebar-navigation .menu-tab .heading {
      cursor: pointer;
      width: 100%;
      font-size: 15px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      padding-top: 30px;
      padding-bottom: 10px;
      padding-left: 10px;
      height: 100%;
      min-height: 69px;
      position: relative;
      background-repeat: no-repeat;
      background-position-y: 12px;
      background-position-x: 10px;
      background-size: inherit;
      color: #1d2026; }
      .sidebar-navigation .menu-tab .heading .beta-icon {
        width: 36px;
        height: 17px;
        display: flex;
        align-items: center;
        background-color: #1d2026;
        font-family: Open Sans;
        font-size: 11px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        padding-left: 4px;
        color: #ffffff;
        position: absolute;
        right: 0px;
        top: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .sidebar-navigation .menu-tab .heading .sub-heading {
        font-size: 12px;
        font-weight: 400;
        color: #2c3237;
        pading-top: 3px;
        padding-right: 10px; }
      .sidebar-navigation .menu-tab .heading.social-crm {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/menu-socialcrm.svg); }
      .sidebar-navigation .menu-tab .heading.newsfeed {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/menu-newsfeed.svg); }
      .sidebar-navigation .menu-tab .heading.reward {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/menu-reward.svg); }
      .sidebar-navigation .menu-tab .heading.universal {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/menu-universal.svg); }

.sidebar-navigation .menu-tab:first-child {
  border-top: 1px solid #2c3237; }

.menu-scrollable {
  height: 100%;
  overflow-y: auto;
  max-height: calc( 100vh - 50px);
  scrollbar-color: #3e464c #242627;
  scrollbar-width: thin;
  /* width */
  /* Handle */
  /* Handle on hover */ }
  .menu-scrollable::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px; }
  .menu-scrollable::-moz-scrollbar {
    width: 5px;
    border-radius: 10px; }
  .menu-scrollable::-webkit-scrollbar-track {
    background: #3e464c;
    box-shadow: inset 0 0 5px #3e464c;
    border-radius: 10px; }
  .menu-scrollable::-webkit-scrollbar-thumb {
    background: #242627; }
  .menu-scrollable::-webkit-scrollbar-thumb:hover {
    background: #333; }

.side-nav-wrapper .sidebar__footer {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  color: #ffffff;
  padding: 15px; }
  @media only screen and (max-width: 800px) {
    .side-nav-wrapper .sidebar__footer {
      display: block; } }
  .side-nav-wrapper .sidebar__footer .sidebar__footer-list {
    text-align: left; }
    .side-nav-wrapper .sidebar__footer .sidebar__footer-list li .bullet {
      font-size: 10px;
      padding: 0 0px; }

.not-pro {
  position: relative;
  height: 50px;
  display: block;
  width: 100%;
  display: none; }
  .not-pro .wrapper {
    position: absolute;
    right: 0px;
    width: 367px;
    height: 50px;
    border-radius: 100px;
    background-color: #fff4d1;
    padding-top: 7px; }
    .not-pro .wrapper.blk {
      background-color: #1d2026; }
    @media only screen and (max-width: 400px) {
      .not-pro .wrapper {
        right: 10px;
        width: calc( 100% - 10px);
        position: relative;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }
    .not-pro .wrapper .try-it {
      float: right;
      width: auto;
      display: inline-block;
      width: auto;
      border-radius: 20px;
      background-color: #eeba0f;
      padding: 7px 15px 7px;
      max-height: 36px;
      color: #000;
      font-family: 'Open Sans', sans-serif;
      font-size: 15px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      .not-pro .wrapper .try-it:hover {
        box-shadow: 0 0 8px 0 #eeba0f;
        color: #fff; }
    .not-pro .wrapper .text {
      font-size: 11px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/pro-icon-basic.svg);
      background-size: inherit;
      background-repeat: no-repeat;
      width: calc( 100% - 150px);
      background-position-x: 12px;
      background-position-y: 3px;
      display: inline-block;
      text-align: left;
      padding-right: 0px;
      padding-left: 47px; }
      .not-pro .wrapper .text.reactive-pro {
        background-image: none;
        padding-left: 12px;
        width: calc( 100% - 200px); }
      @media only screen and (max-width: 400px) {
        .not-pro .wrapper .text {
          width: calc( 100% - 122px); } }
      .not-pro .wrapper .text .heading {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #eeba0f; }
    .not-pro .wrapper .arrow {
      float: left;
      display: inline-block;
      width: 36px;
      height: 36px;
      background-color: #eeba0f;
      border-radius: 50%;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/sidemenu/not-pro-arrow.svg);
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 400px) {
        .not-pro .wrapper .arrow {
          display: none; } }
    .not-pro .wrapper .blk {
      background-color: #2c3237; }

.default-view {
  display: none; }

@media only screen and (min-width: 801px) {
  .default-view.not-pro {
    display: block;
    right: 0px;
    position: absolute;
    width: 50px;
    z-index: 204;
    top: 180px; }
    .default-view.not-pro .wrapper {
      width: 50px;
      height: 50px;
      border-radius: 0px;
      border-top-left-radius: 50px;
      background-color: #fff4d1;
      padding-top: 7px;
      margin-left: 0px;
      border-bottom-left-radius: 50px;
      margin-right: 10px;
      padding-left: 10;
      padding-right: 0px;
      right: -10px; } }

.sidebar-navigation {
  bottom: 0;
  position: fixed;
  right: -320px;
  overflow: hidden;
  z-index: 204;
  background: none !important;
  scrollbar-width: thin;
  transition: .3s;
  top: 55px; }
  @media only screen and (max-width: 800px) {
    .sidebar-navigation {
      right: -100%;
      width: 100% !important; } }
  .sidebar-navigation .side-nav-wrapper {
    background: #363e45;
    color: #627384;
    width: 320px;
    float: right;
    height: 100%;
    display: table; }
    @media only screen and (max-width: 800px) {
      .sidebar-navigation .side-nav-wrapper {
        width: 100%;
        float: left; } }
  .sidebar-navigation.open {
    overflow: scroll;
    right: 0px; }
    .sidebar-navigation.open .side-nav-wrapper {
      box-shadow: -13px 0 25px 0 rgba(0, 0, 0, 0.3);
      right: 0 !important;
      background: #1d2026;
      background: linear-gradient(180deg, #1d2026 32%, #0091c6 100%); }
  .sidebar-navigation.sidebar-tour {
    right: 0;
    width: 100%;
    overflow: scroll;
    z-index: 2000; }
  .sidebar-navigation .icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle; }
  .sidebar-navigation .header__nav {
    border-bottom: 2px solid #363E45;
    display: flex; }
    .sidebar-navigation .header__nav li {
      display: block;
      flex: 1;
      text-align: center;
      width: 20%; }
      .sidebar-navigation .header__nav li:first-child {
        border-left: 0; }
      .sidebar-navigation .header__nav li a {
        line-height: 45px;
        padding: 10px;
        width: 100%;
        margin: 0 auto !important; }
      .sidebar-navigation .header__nav li .icon {
        margin-right: 0; }
      .sidebar-navigation .header__nav li .lines-button.x.close {
        line-height: 54px; }
  .sidebar-navigation a:hover {
    text-decoration: none; }

@media only screen and (min-width: 760px) {
  .sidebar-navigation {
    top: 55px; }
    .sidebar-navigation.sidebar-tour {
      overflow: visible;
      width: 320px; }
    .sidebar-navigation .header__nav {
      display: none; }
  .sidebar-navigation.no-email-validation {
    top: 95px; }
  .switch-account .sidebar-navigation {
    top: 0 !important; }
    .switch-account .sidebar-navigation.sidebar-navigation--top {
      top: 50px; } }

.switch-account .sidebar-navigation {
  top: 45px; }

@media only screen and (max-width: 759px) {
  .switch-account .sidebar-navigation.sidebar-navigation--top {
    top: 0; } }

@media only screen and (min-width: 801px) {
  .switch-account .sidebar-navigation.sidebar-navigation--top {
    top: 112px; } }

.section-accordion {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px; }
  .section-accordion a {
    color: #CCC; }
    .section-accordion a:hover {
      color: white; }
  .section-accordion .icon-dropdown {
    border: 2px solid transparent;
    padding: 3px;
    border-radius: 5px;
    position: relative;
    left: 3px;
    bottom: 3px;
    display: none; }
    .section-accordion .icon-dropdown:hover {
      border-color: #FFFFFF; }
  .section-accordion .accordion-content {
    padding: 0;
    display: none;
    margin: 20px 30px; }
    .section-accordion .accordion-content li {
      position: relative; }
      .section-accordion .accordion-content li a {
        position: relative;
        padding: 12px 0 12px 30px; }
        .section-accordion .accordion-content li a:after {
          background-color: #90a4ae;
          border-radius: 1em;
          bottom: 14px;
          content: " ";
          height: 5px;
          left: 15px;
          margin-top: -2.5px;
          position: absolute;
          text-align: center;
          top: 50%;
          width: 5px;
          z-index: 1; }
        .section-accordion .accordion-content li a:before {
          border-left: 1px solid #28303b;
          content: " ";
          display: block;
          height: 100%;
          left: 17px;
          position: absolute;
          top: 0; }
      .section-accordion .accordion-content li.active a,
      .section-accordion .accordion-content li:hover a {
        background: #161b22;
        color: white;
        border-radius: 4px;
        display: block; }
      .section-accordion .accordion-content li.active a:after,
      .section-accordion .accordion-content li:hover a:after {
        background-color: #00a3d9; }
  .section-accordion .accordion-header {
    position: relative;
    line-height: 15px;
    display: block;
    font-size: 14px; }
    .section-accordion .accordion-header:hover .points-icon,
    .section-accordion .accordion-header:hover .icon-dropdown {
      display: block; }
  .section-accordion.open .accordion-header .icon-dropdown {
    display: none; }
  .section-accordion .arrow {
    border-color: #686E7A transparent transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    cursor: pointer;
    height: 0;
    right: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }
    .section-accordion .arrow:after {
      bottom: -10px;
      content: "";
      left: -10px;
      position: absolute;
      right: -10px;
      top: -10px; }
  .section-accordion .points-icon,
  .section-accordion .close-acordion {
    display: none; }
  .section-accordion.open, .section-accordion.sidebar-tour {
    border-bottom: 1px solid rgba(73, 81, 90, 0.7);
    background-color: rgba(33, 41, 48, 0.96);
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    height: 108%;
    padding: 160px 10px 20px; }
    .section-accordion.open .close-acordion, .section-accordion.sidebar-tour .close-acordion {
      display: block;
      margin-top: 10px;
      position: absolute;
      top: -100px;
      left: 50%;
      right: 0;
      line-height: 30px;
      transform: translate(-50%, 0); }
    .section-accordion.open .arrow, .section-accordion.sidebar-tour .arrow {
      background-position: -25px -7px; }
    .section-accordion.open .accordion-header, .section-accordion.sidebar-tour .accordion-header {
      border-radius: 4px; }
    .section-accordion.open .accordion-content, .section-accordion.sidebar-tour .accordion-content {
      display: block; }
  .section-accordion:last-child {
    border-bottom: 0 !important; }
    .section-accordion:last-child .accordion-content {
      padding-bottom: 0 !important; }

wt-side-navigation-sub-menu
.section-accordion.open .close-acordion {
  right: 20px;
  left: auto;
  top: -160px; }

@media only screen and (max-width: 759px) {
  .section-accordion .accordion-header .icon-dropdown {
    display: none; }
  .sidebar-navigation .section-accordion .accordion-header .icon-dropdown {
    display: block; }
  .sidebar-navigation .section-accordion.open .icon-dropdown {
    display: none; } }

.section-summary__coffee-bg {
  background-size: cover;
  height: 86px;
  margin-bottom: 80px; }

.section-summary .progress {
  max-width: 120px;
  margin: auto; }

.section-summary .image--mid {
  width: 70px;
  height: 70px; }
  .section-summary .image--mid img {
    border-radius: 3px; }

.section-summary .image--next {
  width: 90px;
  height: 90px; }
  .section-summary .image--next img {
    border-radius: 3px; }

.section-summary .user-img {
  border-radius: 2px;
  max-width: 120px;
  margin: auto;
  overflow: hidden; }
  .section-summary .user-img img {
    display: block; }
  .section-summary .user-img .btn,
  .section-summary .user-img .upload-avatar__input {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 0;
    height: 38px;
    line-height: 34px; }

.section-summary .user-name {
  color: #FFFFFF;
  font-size: 16px; }

body.is-opened {
  position: fixed;
  height: 100%;
  width: 100%; }

.sidebar-navigation::-webkit-scrollbar {
  display: none; }

@media only screen and (max-width: 750px) {
  .sidebar-navigation {
    width: 100%; } }

@media only screen and (max-width: 800px) {
  .sidebar-navigation {
    z-index: 2200; }
    .sidebar-navigation .header__nav li .lines-button.close {
      padding-top: 2px; }
    .sidebar-navigation .header__nav li a {
      padding: 0; }
      .sidebar-navigation .header__nav li a > div {
        margin: 0 auto;
        height: 55px !important; } }

@media only screen and (max-width: 375px) {
  .sidebar-navigation {
    right: -130%; } }

#user_menu_avatar #edit-user-avatar {
  display: none; }
  @media only screen and (max-width: 800px) {
    #user_menu_avatar #edit-user-avatar {
      display: block; } }

#user_menu_avatar:hover #edit-user-avatar {
  display: block;
  background-color: #0aa1d8; }

@media only screen and (max-width: 800px) {
  #bannerIconEditIcon_onsidebar input {
    min-height: 40px;
    position: absolute;
    left: -2px;
    top: -2px;
    opacity: 0; } }

.conversation-content {
  bottom: 145px;
  overflow-y: auto;
  position: absolute;
  top: 60px;
  width: 100%; }

.black-loading-icon {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-black.svg);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 35%;
  background-size: 50px;
  top: 60px; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite; }

.loader {
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  border-right: 1px solid #e2e5e5;
  overflow: scroll; }
  @media only screen and (min-width: 800px) {
    .loader {
      margin-top: 60px; } }
  .loader .rewards-wrapper {
    position: relative; }
    .loader .rewards-wrapper .rewards-body {
      background-color: #fff;
      display: grid;
      width: 100%; }
      .loader .rewards-wrapper .rewards-body .whole-pie .month-pie {
        display: flex; }
        .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .loader-icon {
          width: 46px;
          height: 46px;
          background-color: #eeeff1;
          border-radius: 50%;
          margin-right: 16px; }
        .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info {
          position: relative;
          top: 3px; }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .month-header {
            height: 12px;
            width: 147px;
            background-color: #eeeff1;
            border-radius: 100px;
            margin-bottom: 10px; }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .month-earnings-wrapper {
            display: inline-flex; }
            .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .month-earnings-wrapper .month-earnings {
              height: 7px;
              width: 255px;
              background-color: #eeeff1;
              border-radius: 100px; }
          .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .bottom-line-wrapper {
            display: block;
            margin-top: 17px; }
            .loader .rewards-wrapper .rewards-body .whole-pie .month-pie .month-pie-info .bottom-line-wrapper .bottom-line {
              height: 7px;
              width: 205px;
              background-color: #eeeff1;
              border-radius: 100px; }

.loader.closed {
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease; }

.conversation__section .media {
  border-bottom: 1px solid #E6E8E8;
  margin-bottom: 0;
  padding: 20px 20px; }
  .conversation__section .media:last-child {
    border-bottom: none; }
  .conversation__section .media p {
    color: #2C3E50;
    font-family: Arial, sans-serif;
    line-height: 16px; }

.conversation__section .media--general {
  position: relative; }

.conversation__section .action-list {
  font-size: 18px; }
  .conversation__section .action-list a {
    color: #CED4D7;
    padding-right: 10px;
    transition: all 0.5s ease; }
    .conversation__section .action-list a:last-child {
      padding-right: 0; }
    .conversation__section .action-list a:hover {
      color: #999; }

.conversation__section .conversation__media-text {
  position: relative; }
  .conversation__section .conversation__media-text p {
    margin-right: 115px;
    min-height: 20px; }
  .conversation__section .conversation__media-text .list--horizontal,
  .conversation__section .conversation__media-text .list-tags,
  .conversation__section .conversation__media-text .list-checkbox,
  .conversation__section .conversation__media-text .list--icon-text,
  .conversation__section .conversation__media-text .list--big-icons,
  .conversation__section .conversation__media-text .pager-bnts {
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease; }
  .conversation__section .conversation__media-text:hover .list--horizontal,
  .conversation__section .conversation__media-text:hover .list-tags,
  .conversation__section .conversation__media-text:hover .list-checkbox,
  .conversation__section .conversation__media-text:hover .list--icon-text,
  .conversation__section .conversation__media-text:hover .list--big-icons,
  .conversation__section .conversation__media-text:hover .pager-bnts {
    opacity: 1; }
  .conversation__section .conversation__media-text .img--inside {
    width: auto; }
  .conversation__section .conversation__media-text .grid--media p {
    margin: 0 0 5px;
    line-height: 1.2;
    min-height: 0; }

.conversation__date {
  background: #F7F7F8;
  border-bottom: 1px solid #E6E8E8;
  color: #7F8C8C;
  font-size: 12px;
  padding: 10px 30px; }

.conversation__time {
  color: #7F8C8C;
  font-size: 12px; }

.conversation__box {
  border-top: 1px solid #E6E8E8;
  bottom: 0;
  width: 100%; }
  .conversation__box .conversation__box-container {
    border: 1px solid #EEEFF0; }

.conversation__box-actions {
  border-top: 1px solid #f4f5f6;
  padding: 10px;
  position: relative;
  background: #f4f5f6; }

.conversation__box-list {
  left: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .conversation__box-list li {
    margin-right: 5px; }
    .conversation__box-list li .icon {
      margin-left: 1px; }
    .conversation__box-list li a:hover {
      text-decoration: none; }
      .conversation__box-list li a:hover span {
        text-decoration: underline; }

.modal-title,
.settings-dropdown__title {
  background: #f3f4f7;
  border-bottom: 1px solid #E6E8E8;
  font-size: 14px;
  font-weight: 100;
  line-height: 41px;
  padding: 9px 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }

@media only screen and (min-width: 800px) {
  .modal-title,
  .settings-dropdown__title {
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    padding: 9px 20px;
    text-align: left; } }

.modal-title a,
.settings-dropdown__title a {
  display: block;
  text-decoration: none; }

.modal-title.close-btn,
.settings-dropdown__title.close-btn {
  padding-right: 50px; }

.modal-title ul,
.settings-dropdown__title ul {
  line-height: 1; }

.modal-title .title,
.settings-dropdown__title .title {
  color: #4f5d73;
  font-weight: 600; }

@media only screen and (min-width: 800px) {
  .modal-title .title,
  .settings-dropdown__title .title {
    color: #3F464B; } }

.modal-title.active,
.active.settings-dropdown__title {
  background: #FFFFFF;
  -webkit-box-shadow: 0 -2px 0 0 #05a4dc inset;
  box-shadow: 0 -2px 0 0 #05a4dc inset; }

.modal-title.active a,
.modal-title.active a span,
.active.settings-dropdown__title a,
.active.settings-dropdown__title a span {
  color: #05a4dc; }

@media only screen and (min-width: 800px) {
  .modal-title.active,
  .active.settings-dropdown__title {
    box-shadow: none; }
    .modal-title.active a,
    .modal-title.active a span,
    .active.settings-dropdown__title a,
    .active.settings-dropdown__title a span {
      color: #3F464B; } }

.conversation-wrapper .grid {
  max-height: 100%;
  width: 100%; }

.remove-module {
  display: none; }

.js-modal-chat .conversation-wrapper .grid {
  max-height: 100%;
  width: 100%;
  display: table;
  height: 100vh; }
  .js-modal-chat .conversation-wrapper .grid .wrapper-textarea-inbox textarea {
    resize: none; }

.conversation-wrapper .grid__item {
  vertical-align: top;
  position: relative;
  height: 100%; }
  .conversation-wrapper .grid__item.two-sixths, .conversation-wrapper .grid__item.four-twelfths {
    border-right: 1px solid #E6E8E8; }
  .conversation-wrapper .grid__item.one-third .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    border-top: none;
    border-bottom: none;
    border-radius: 0; }

.column-or-sidebar {
  border: 0;
  bottom: 0;
  font-size: 14px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .column-or-sidebar .media-content {
    bottom: 0;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 60px;
    width: 100%; }
  .column-or-sidebar .media {
    margin-bottom: 0;
    padding: 15px 20px;
    position: relative; }
    .column-or-sidebar .media:not(:last-child) {
      border-bottom: 1px solid #E6E8E8; }
    .column-or-sidebar .media.selected {
      background: #F7F7F8; }
    .column-or-sidebar .media p {
      color: #2C3E50;
      font-family: Arial, sans-serif;
      line-height: 1; }
    .column-or-sidebar .media .media__img {
      margin-bottom: 0; }
    .column-or-sidebar .media .media__body {
      padding-right: 5px;
      position: relative; }
    .column-or-sidebar .media .user-online {
      background: #00A3D9;
      border-radius: 100%;
      display: none;
      height: 8px;
      margin: 0 0 1px 0;
      position: inherit;
      right: 0;
      vertical-align: middle;
      width: 8px; }
    .column-or-sidebar .media:hover {
      background-color: rgba(247, 247, 248, 0.85);
      cursor: pointer; }
  .column-or-sidebar .media--active {
    background-color: #00A3D9;
    color: #FFFFFF; }
    .column-or-sidebar .media--active a,
    .column-or-sidebar .media--active p {
      color: #FFFFFF; }
    .column-or-sidebar .media--active:hover {
      background-color: #00A3D9;
      cursor: default;
      opacity: 0.9; }
      .column-or-sidebar .media--active:hover a:hover {
        color: white; }
  .column-or-sidebar .media--unread {
    background-color: #f1f9fd; }
  .column-or-sidebar .media--user-online .user-online {
    display: inline-block; }
  .column-or-sidebar .media--general__title {
    color: #0095BA;
    line-height: 1; }

@media only screen and (min-width: 700px) {
  .column-or-sidebar .media {
    border-bottom: 1px solid #E6E8E8; } }

.modal-chat .modal-title--users {
  background: none;
  border: none;
  display: inline-block;
  padding: 0; }
  .modal-chat .modal-title--users li {
    background: none;
    border: none;
    display: inline-block;
    margin: 0;
    padding: 0; }
    .modal-chat .modal-title--users li a {
      color: #d9dadc;
      font-weight: 600;
      font-size: 18px;
      padding: 0; }
    .modal-chat .modal-title--users li + li {
      margin-left: 10px; }
    .modal-chat .modal-title--users li.active {
      color: #3F464B; }
      .modal-chat .modal-title--users li.active a {
        color: #3F464B; }
    .modal-chat .modal-title--users li.ui-tabs-active a {
      color: #3F464B; }

.modal-chat .btn--alternative:hover {
  background: #05a4dc;
  border-color: transparent;
  color: #FFFFFF; }
  .modal-chat .btn--alternative:hover i {
    color: #FFFFFF; }

.modal-chat .modal-dialog {
  margin: 0; }

.modal-chat.modal-container4 .modal-dialog {
  margin: auto; }

.modal-chat.confirm-block-modal .modal-dialog {
  margin: auto; }

.modal-chat.modal-container2 .modal-dialog {
  margin: auto; }

@media only screen and (min-width: 800px) {
  .modal-chat.modal-pro-messaging .modal-xmd {
    margin: 0 auto; } }

.message-content a {
  color: #0aa1d8;
  text-decoration: none;
  vertical-align: text-bottom;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.aboutme-texarea a {
  color: #0aa1d8;
  text-decoration: none;
  vertical-align: text-bottom;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

#users-chat .trim-one-line-box {
  max-width: 100%;
  line-height: 1.3; }

.sortingConnectionPage_Connection .selectize-input {
  padding-top: 5px; }
  .sortingConnectionPage_Connection .selectize-input .selectize-custom__text {
    height: 18px;
    display: inline-block;
    padding-top: 1px; }
    .sortingConnectionPage_Connection .selectize-input .selectize-custom__text i.icon-id {
      padding-top: 2px; }

.box--media__connections .drop-options ul li.transparent a {
  visibility: hidden; }
  @media only screen and (max-width: 800px) {
    .box--media__connections .drop-options ul li.transparent a {
      visibility: visible; } }

.box--media__connections .drop-options.people-you-recommend.show {
  margin-top: 4px;
  max-width: 32.3%;
  left: 4px;
  top: 5px;
  height: 197px; }

.connections-icons-parent-div i.icon-public {
  background-size: 16px 15px;
  background: url("/common/images/icons/public-over.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.connections-icons-parent-div i.icon-public:hover {
  background-size: 16px 15px;
  background: url("/common/images/icons/public.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.overflow-y-auto {
  overflow-y: auto; }

.pro-message-btn {
  width: auto;
  display: inline-flex;
  background-color: #e9b710;
  padding: 5px;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  cursor: pointer; }
  .pro-message-btn .pro-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-top: 1px; }
  .pro-message-btn .info-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
    margin-left: 5px;
    margin-top: 3px; }
  .pro-message-btn .pro-message-info-text {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-left: 5px; }
  @media only screen and (min-width: 800px) {
    .pro-message-btn.desktop-pro-icon {
      height: 30px; }
      .pro-message-btn.desktop-pro-icon .pro-message-info-text {
        width: 130px; } }

@media only screen and (max-width: 500px) {
  .pro-message-btn {
    margin-left: 0px;
    margin-top: 10px; } }

.profile-edit .btn__edit {
  border-color: rgba(230, 232, 232, 0.39);
  font-size: 10px;
  height: 24px;
  width: 24px;
  padding: 3px; }
  .profile-edit .btn__edit:hover {
    color: #FFF;
    border-color: #FFF; }
  .profile-edit .btn__edit .icon {
    line-height: 1; }

.profile-edit .cover__title {
  text-indent: 24px; }
  .profile-edit .cover__title .btn__edit {
    text-indent: 0; }

.profile-edit .cover-info__image {
  position: relative; }
  .profile-edit .cover-info__image:after {
    background-color: rgba(0, 0, 0, 0.58);
    bottom: 6px;
    content: "";
    left: 6px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1; }
  .profile-edit .cover-info__image .btn__edit {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }

.profile-edit .box__edit {
  position: relative;
  border: 1px solid transparent; }
  .profile-edit .box__edit .edit-list {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    filter: alpha(opacity=0);
    transition: opacity 0.5s ease;
    border: 1px solid transparent; }
  .profile-edit .box__edit:hover {
    border: 1px solid #00A6DD; }
    .profile-edit .box__edit:hover .edit-list {
      opacity: 1;
      filter: alpha(opacity=100); }

@media only screen and (min-width: 700px) {
  .profile-edit .box__edit .edit-list {
    opacity: 0; } }

.content-edit--editable .media__img {
  width: auto; }

.content-edit--editable .media--icons__img {
  float: left; }

.content-edit--editable .list--horizontal,
.content-edit--editable .list-tags,
.content-edit--editable .list-checkbox,
.content-edit--editable .list--icon-text,
.content-edit--editable .list--big-icons,
.content-edit--editable .pager-bnts {
  padding-top: 10px;
  clear: both; }

.content-edit--editable .btn-container .btn,
.content-edit--editable .btn-container .upload-avatar__input {
  min-width: 100px; }

@media only screen and (min-width: 700px) {
  .content-edit--editable .media__img {
    width: 130px; }
  .content-edit--editable .list--horizontal,
  .content-edit--editable .list-tags,
  .content-edit--editable .list-checkbox,
  .content-edit--editable .list--icon-text,
  .content-edit--editable .list--big-icons,
  .content-edit--editable .pager-bnts {
    clear: inherit; } }

.edit-section .media--general,
.edit-section .media--recommentation-edit {
  padding: 20px 10px;
  margin-bottom: 10px; }

.edit-section .delete-recommendation {
  display: inline-block; }

.edit-section .media--recommentation-edit {
  background: #EEEFF1; }

.content-show {
  display: none; }

.select-content.full {
  margin-top: 0;
  width: 100% !important; }

.inside--controls {
  position: absolute;
  top: 5px;
  right: 5px; }

@media only screen and (max-width: 736px) {
  .cover-info__image .btn__edit {
    margin-top: 27px !important;
    margin-left: 27px !important; }
  #hide {
    display: none; } }

.reposition-action-buttons {
  z-index: 8;
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% - 20px);
  font-weight: 600;
  width: auto; }
  .reposition-action-buttons .btns {
    border-radius: 100px;
    padding: 10px 20px;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0aa1d8; }
  .reposition-action-buttons .save {
    background-color: #05a4dc !important;
    color: #ffffff;
    margin-right: 10px; }

#imageBanner {
  width: 100%;
  height: auto;
  cursor: all-scroll; }
  @media only screen and (max-width: 800px) {
    #imageBanner {
      min-width: 100%; } }

#imageBannerModal {
  width: 100%;
  height: auto;
  cursor: all-scroll; }
  @media only screen and (max-width: 800px) {
    #imageBannerModal {
      min-width: 100%; } }

.cover-update {
  background: #2C3238;
  border-radius: 4px;
  padding: 15px;
  width: 132px;
  position: absolute;
  top: 20px;
  left: -132px;
  transition: 0.3s ease left; }
  .cover-update select {
    background: none;
    border: 0;
    font-size: 12px;
    color: #abadaf;
    width: 100%; }
  .cover-update .section {
    background: #363E45;
    border-radius: 2px;
    padding: 5px 0; }
  .cover-update .form-field {
    margin-bottom: 10px; }
  .cover-update .label {
    color: #ABADAF;
    font-size: 12px;
    padding: 0 7px; }
  .cover-update .button-arrow {
    position: absolute;
    cursor: pointer;
    right: -30px;
    top: 90px;
    background: #2c3238;
    width: 30px;
    height: 30px;
    border-radius: 0 4px 4px 0; }
    .cover-update .button-arrow i {
      position: relative;
      top: 8px;
      left: 5px;
      color: #FFFFFF;
      display: block;
      transition: 0.3s ease transform; }
  .cover-update.cover-update__show {
    left: 10px; }
    .cover-update.cover-update__show .button-arrow i {
      left: -8px;
      transform: rotate(-180deg); }

@media only screen and (min-width: 600px) {
  .cover-update {
    left: 10px; }
    .cover-update .button-arrow {
      display: none; } }

.cover-update__image {
  height: 37px; }
  .cover-update__image img {
    display: inline-block;
    width: 100%; }

@media only screen and (max-width: 600px) {
  .cover-update.ng-show {
    background: #2C3238;
    border-radius: 4px;
    padding: 15px;
    width: 132px;
    position: absolute;
    top: 20px;
    left: 10px !important;
    transition: 0.3s ease left; }
    .cover-update.ng-show.cover-update__show {
      left: 10px !important; }
    .cover-update.ng-show .button-arrow {
      position: absolute;
      cursor: pointer;
      right: -30px;
      top: 90px;
      background: #2c3238;
      width: 30px;
      height: 30px;
      border-radius: 0 4px 4px 0; } }

.modal-viewer .modal-dialog {
  height: 100%;
  margin: 0; }

.modal-viewer .modal-dialog2 {
  height: 90%;
  margin: 0; }

.viewer {
  background-color: #15181b;
  border-radius: 2px;
  display: table;
  font-family: "Open Sans", serif;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 49%;
  width: inherit;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .viewer .show-area iframe {
    min-height: inherit;
    width: 100%; }
  .viewer .viewer__main {
    display: table-cell;
    font-family: "Open Sans", serif;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    width: calc(100vw - 380px); }
    .viewer .viewer__main .show-area img {
      display: block; }
  .viewer .viewer__sidebar {
    background: #f3f4f9;
    border-radius: 0 2px 2px 0;
    display: table-cell;
    position: relative;
    right: -3px;
    vertical-align: top;
    width: 530px; }
    .viewer .viewer__sidebar .description {
      font-family: Arial, sans-serif;
      font-size: 13px;
      font-weight: 400;
      padding-left: 55px;
      word-break: break-word; }
    .viewer .viewer__sidebar .list--share li {
      color: #c4c9db;
      line-height: 5px;
      font-size: 12px; }
      .viewer .viewer__sidebar .list--share li .icon {
        margin-right: 5px; }
      .viewer .viewer__sidebar .list--share li + li {
        margin-left: 10px; }
      .viewer .viewer__sidebar .list--share li .emoji-rectangle {
        margin-left: -30px;
        z-index: 1; }
        .viewer .viewer__sidebar .list--share li .emoji-rectangle div.icon {
          margin-right: 0px; }
      .viewer .viewer__sidebar .list--share li .emoji-rectangle-list {
        position: absolute;
        margin-left: -40px; }
    .viewer .viewer__sidebar .box-comments {
      margin: 0 16px;
      border-radius: 2px;
      border: 1px solid #d1d5e1;
      position: relative; }
    .viewer .viewer__sidebar .list--comments {
      max-height: 240px;
      overflow-y: scroll;
      position: relative; }
      .viewer .viewer__sidebar .list--comments .list--comments__comment {
        border-bottom: 1px solid #d1d5e1;
        padding: 5px 10px; }
        .viewer .viewer__sidebar .list--comments .list--comments__comment:last-child {
          border-bottom: none; }
        .viewer .viewer__sidebar .list--comments .list--comments__comment .media__img {
          float: left; }
        .viewer .viewer__sidebar .list--comments .list--comments__comment .media__body {
          font-size: 12px;
          float: left;
          width: 80%; }
          .viewer .viewer__sidebar .list--comments .list--comments__comment .media__body .media__title {
            font-size: 12px !important;
            color: #0095BA;
            display: inline; }
          .viewer .viewer__sidebar .list--comments .list--comments__comment .media__body p {
            display: inline; }
        .viewer .viewer__sidebar .list--comments .list--comments__comment div.media__actions {
          padding-bottom: 0; }
    .viewer .viewer__sidebar .list--comments__add-comment {
      background: #f3f4f9;
      border-top: 1px solid #d1d5e1;
      font-size: 12px;
      padding: 0 10px;
      width: 100%; }
      .viewer .viewer__sidebar .list--comments__add-comment .input--text,
      .viewer .viewer__sidebar .list--comments__add-comment .selectize-input {
        height: 34px;
        padding: 5px 10px; }
    .viewer .viewer__sidebar .close-viewer {
      position: absolute;
      right: 15px;
      top: 15px; }
  .viewer .viewer__actions {
    background: initial;
    left: 20px;
    margin: 0;
    padding-bottom: 50px;
    padding-top: 20px;
    position: absolute;
    top: 20px;
    width: calc(100% - 40px); }
  .viewer .viewer__actions__list {
    background: rgba(21, 24, 27, 0.85);
    border-radius: 2px;
    display: none;
    margin: 0 auto;
    overflow: hidden;
    transition: 0.5s; }
    .viewer .viewer__actions__list li {
      display: table-cell;
      font-size: 14px;
      margin: 0;
      text-align: center; }
      @media only screen and (min-width: 801px) {
        .viewer .viewer__actions__list li:first-child a {
          margin-left: 20px; } }
      @media only screen and (min-width: 801px) {
        .viewer .viewer__actions__list li:last-child a {
          margin-right: 20px; } }
      .viewer .viewer__actions__list li a {
        color: white;
        padding: 15px 15px;
        text-align: center; }
        .viewer .viewer__actions__list li a i {
          margin-right: 5px; }
        .viewer .viewer__actions__list li a:hover {
          text-decoration: none; }
      .viewer .viewer__actions__list li:hover {
        color: #eee; }
      .viewer .viewer__actions__list li.hidden {
        display: none; }
  .viewer .share-link {
    background: #15181b;
    margin: 0 auto;
    padding: 10px 10px 10px 20px;
    width: initial; }
    .viewer .share-link a {
      padding-bottom: 0;
      padding-top: 0; }
    .viewer .share-link .share-link__link {
      border-radius: 2px;
      border: none;
      color: #627384;
      font-size: 14px;
      min-width: 250px;
      padding: 5px 20px 5px 10px; }
    .viewer .share-link a.btn, .viewer .share-link a.upload-avatar__input {
      border: 0;
      display: inline;
      font-size: 13px;
      height: initial;
      line-height: initial;
      padding: 7px 15px; }
    .viewer .share-link a.btn:hover, .viewer .share-link a.upload-avatar__input:hover {
      opacity: 0.7; }

#sidebar-right {
  float: left; }

.profilesidepanel {
  float: right; }

.profilemainsection {
  float: left; }

@media only screen and (min-width: 500px) {
  .viewer .show-area iframe {
    min-height: 250px; }
  .modal-viewer .viewer .viewer__sidebar .box--promo .btn,
  .modal-viewer .viewer .viewer__sidebar .box--promo2 .btn,
  .modal-viewer .viewer .viewer__sidebar .box--promo .upload-avatar__input,
  .modal-viewer .viewer .viewer__sidebar .box--promo2 .upload-avatar__input {
    width: 60%; } }

@media only screen and (min-width: 700px) {
  .viewer .show-area iframe {
    min-height: 350px; } }

@media only screen and (min-width: 1000px) {
  .viewer .show-area iframe {
    height: 500px;
    width: 625px; } }

@media screen and (max-width: 930px) {
  .viewer .share-link .share-link__link {
    margin-bottom: 15px;
    width: 100%;
    margin-top: 10px;
    min-width: 100%; } }

@media screen and (max-width: 800px) {
  .modal-viewer {
    margin: 0; }
    .modal-viewer .viewer {
      display: block;
      left: 0;
      margin: 0 auto 100px;
      position: relative;
      top: 70px;
      width: 90%;
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
      .modal-viewer .viewer .viewer__main {
        display: block;
        width: 100%; }
      .modal-viewer .viewer .close-viewer {
        background-color: #FFFFFF;
        border-radius: 3px 3px 0 0;
        height: 30px;
        position: absolute;
        right: 0;
        text-align: right;
        top: -30px;
        width: 100%; }
        .modal-viewer .viewer .close-viewer.close-icon-lt {
          position: absolute;
          left: 4px;
          top: -24px;
          background-color: #fff !important;
          border-radius: 50%;
          width: 30px !important;
          height: 30px !important;
          padding: 7px 0px 0px 0px;
          z-index: 10000;
          text-align: center; }
        .modal-viewer .viewer .close-viewer i.icon-close {
          font-size: 15px;
          height: 20px;
          margin-right: 10px;
          position: relative;
          top: 7px; }
      .modal-viewer .viewer .viewer__sidebar {
        display: block;
        right: 0;
        position: initial;
        width: 100%; }
        .modal-viewer .viewer .viewer__sidebar .list--comments {
          max-height: initial; }
        .modal-viewer .viewer .viewer__sidebar .box--promo,
        .modal-viewer .viewer .viewer__sidebar .box--promo2 {
          display: block;
          margin: 20px auto;
          width: 300px; } }

.media-lightbox-wrapper {
  height: 97%; }

@media only screen and (max-width: 800px) {
  .box-comments .comments-wrapper .attach-button {
    margin-right: 14px !important; }
  .modal-container4 .modal-dialog {
    position: relative;
    width: auto;
    margin: 0px; }
  .modal-viewer .viewer {
    width: 100%;
    top: 30px; }
  .modal-dialog2 .media-lightbox-wrapper {
    min-height: 100%;
    background: #f3f4f9;
    margin-bottom: 0px;
    height: auto; }
  .show-area {
    background-color: #000; } }

@media only screen and (max-width: 700px) {
  .box-comments .comments-wrapper .attach-button {
    margin-right: 14px !important; }
  .modal-dialog2 .media-lightbox-wrapper {
    height: 145%;
    background: #f3f4f9; } }

@media (min-width: 801px) and (max-width: 1000px) {
  .modal-viewer .viewer {
    width: 95%; }
    .modal-viewer .viewer .viewer__sidebar {
      width: 300px; } }

.comments-wrapper .attach-button {
  margin-right: 30px !important; }

@media screen and (max-height: 880px) {
  .modal-viewer .viewer .viewer__main .show-area img {
    max-height: 460px; }
  .modal-viewer .viewer .box--promo {
    display: none; } }

@media screen and (max-width: 340px) {
  .modal-viewer .viewer .viewer__sidebar .box--promo,
  .modal-viewer .viewer .viewer__sidebar .box--promo2 {
    width: 85%; } }

@media screen and (min-width: 800px) {
  .modal-viewer .viewer .box--promo {
    margin: 0 20px; }
  .modal-viewer .viewer .box--promo2 {
    margin: 0 20px; }
  .ads-wrapper.is-sticky {
    position: fixed;
    top: 74px; } }

@media screen and (max-width: 800px) {
  #sidebar-right {
    float: right;
    width: 100%; }
  .profilesidepanel {
    float: left;
    width: 100%; }
  .profilesidepanel .profileCompletePanel {
    width: 100%; }
  .profilemainsection {
    float: right;
    width: 100%; }
  wt-comment-list {
    display: table;
    width: 100%; } }
  @media screen and (max-width: 800px) and (max-width: 400px) {
    wt-comment-list {
      display: inline-block; } }

@media screen and (max-width: 736px) {
  #sidebar-right .desktoponly {
    display: block; } }

.viewer-media-section .desktop-attach-icon ul li:hover i.icon {
  color: #40c7f8; }

.comment-attachment-dialog {
  margin-top: 50px;
  width: 90%;
  overflow: hidden;
  max-height: 90%;
  margin: auto; }
  @media screen and (max-width: 800px) {
    .comment-attachment-dialog {
      width: 100%;
      max-height: 100%; } }

@media screen and (max-width: 800px) {
  .lightbox {
    background-color: #f3f4f9; }
    .lightbox .modal {
      height: auto;
      width: 100%; }
      .lightbox .modal .modal-wrapper-close {
        display: none; }
      .lightbox .modal .modal-dialog2, .lightbox .modal .viewer {
        height: auto;
        display: table;
        width: 100%; }
      .lightbox .modal .viewer__main {
        height: 40vh !important;
        display: table; }
        .lightbox .modal .viewer__main .viewer-media-section {
          height: 100%; }
        .lightbox .modal .viewer__main .show-area {
          height: 100%; }
      .lightbox .modal .viewer__sidebar {
        height: auto;
        display: table;
        width: 100% !important; }
      .lightbox .modal .commentPortion {
        min-height: 76px;
        display: table;
        width: 100%; }
      .lightbox .modal .write-box .buttons--comment {
        position: absolute;
        right: 0;
        top: 0; }
      .lightbox .modal .commentBoxTextAreaClass {
        background-color: #fff; }
    .lightbox .comment-attachment-dialog {
      padding-right: 0px !important; }
      .lightbox .comment-attachment-dialog .modal-wrapper-close {
        display: block;
        top: 0px !important; }
      .lightbox .comment-attachment-dialog .media_module_comment_media {
        height: auto;
        width: auto;
        max-width: calc(100% - 20px);
        max-height: calc( 100vh - 20px); }
    .lightbox .lightBoxCommentsParentDiv {
      display: table;
      width: 100%;
      height: auto;
      background-color: #f4f5f6; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 60px 9px 14px; }

.popover > .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent; }
  .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    content: ""; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }
  .popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }
  .popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }
  .popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff; }

.popover-content .media__img {
  margin-top: 5px; }

.media-page-content {
  width: 100%;
  position: relative; }
  .media-page-content .no-contacts-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center; }
    .media-page-content .no-contacts-wrapper .sad-face-icon {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/sad-face.svg);
      width: 39px;
      height: 39px;
      object-fit: contain;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 auto; }
    .media-page-content .no-contacts-wrapper .no-contact-txt, .media-page-content .no-contacts-wrapper .no-contact-txt-two {
      max-width: 443px;
      font-family: Montserrat;
      font-size: 16px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #627384;
      text-align: center;
      margin: 0 auto;
      margin-top: 20px; }
    .media-page-content .no-contacts-wrapper .no-contact-txt-two {
      margin-top: 0px; }
  .media-page-content .poeple-you-may-know-wrapper {
    width: 100%;
    position: relative;
    margin: 0 auto; }
    .media-page-content .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper {
      padding-top: 60px;
      padding-bottom: 22px; }
      .media-page-content .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper .discover-people-you-may-know-header {
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        text-align: center; }
  .media-page-content .spinner-box {
    padding-top: 39px; }
    .media-page-content .spinner-box .spinner > div {
      height: 20px;
      width: 20px; }
  .media-page-content .media-content-wrapper {
    display: block;
    clear: both;
    display: table;
    position: relative;
    right: 6px;
    width: 985px;
    margin: 0 auto; }
    .media-page-content .media-content-wrapper .media-item {
      width: 236px;
      height: 234px;
      margin-left: 10px;
      margin-bottom: 10px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 400px) {
        .media-page-content .media-content-wrapper .media-item {
          height: 160px; } }
      .media-page-content .media-content-wrapper .media-item:hover .media-actions-wrapper {
        -webkit-animation: fadeIn 0.3s ease-in-out;
        -moz-animation: fadeIn 0.3s ease-in-out;
        -o-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
        animation-fill-mode: forwards;
        opacity: 0.8;
        z-index: 1; }
      .media-page-content .media-content-wrapper .media-item .multiple-media-files-indicator-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/multiple-media-icon.svg);
        width: 20px;
        height: 20px;
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 10px;
        right: 10px; }
      .media-page-content .media-content-wrapper .media-item .contains-videos-indicator-icon {
        width: 26px;
        height: 20px;
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/video-indicator-icon.svg);
        object-fit: contain;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 10px;
        right: 10px; }
      .media-page-content .media-content-wrapper .media-item body {
        background-color: #1d1f20; }
      .media-page-content .media-content-wrapper .media-item .icon-play {
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        opacity: .8;
        background-color: #1d2026;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/play-thumbs-icon.svg);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: 22px; }
      .media-page-content .media-content-wrapper .media-item .videos-content-wrapper {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center; }
        .media-page-content .media-content-wrapper .media-item .videos-content-wrapper:hover {
          opacity: 1; }
      .media-page-content .media-content-wrapper .media-item .media-actions-wrapper {
        max-width: 234px;
        width: 100%;
        height: 52px;
        opacity: 0.8;
        background-color: rgba(29, 32, 38, 0.8);
        position: absolute;
        bottom: 0px;
        opacity: 0;
        z-index: -1;
        display: flex; }
        .media-page-content .media-content-wrapper .media-item .media-actions-wrapper li {
          width: 33.333%;
          list-style: none; }
        .media-page-content .media-content-wrapper .media-item .media-actions-wrapper p {
          font-family: Open Sans;
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          margin-left: 6px; }
        .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .like-action-wrapper {
          width: 100%;
          height: 52px;
          cursor: pointer;
          text-decoration: none; }
          .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .like-action-wrapper .action-content-wrapper {
            width: max-content;
            margin: 0 auto;
            display: flex;
            margin-top: 15px; }
            .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .like-action-wrapper .action-content-wrapper .like-icon {
              width: 18px;
              height: 20px;
              object-fit: contain;
              background-size: contain;
              background-repeat: no-repeat;
              position: relative;
              top: 2px; }
            .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .like-action-wrapper .action-content-wrapper .private-link.false {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/like-btn-icon.svg); }
            .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .like-action-wrapper .action-content-wrapper .icon-post-like {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/like-btn-icon.svg); }
        .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .comment-action-wrapper {
          width: 100%;
          height: 52px;
          cursor: pointer;
          text-decoration: none; }
          .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .comment-action-wrapper .action-content-wrapper {
            width: max-content;
            margin: 0 auto;
            display: flex;
            margin-top: 15px; }
            .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .comment-action-wrapper .action-content-wrapper .comment-icon {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/comments-btn-icon.svg);
              width: 20px;
              height: 20px;
              object-fit: contain;
              background-size: contain;
              background-repeat: no-repeat;
              position: relative;
              top: 3px; }
        .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .share-action-wrapper {
          width: 100%;
          height: 52px;
          cursor: pointer;
          text-decoration: none; }
          .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .share-action-wrapper .action-content-wrapper {
            width: max-content;
            margin: 0 auto;
            display: flex;
            margin-top: 15px; }
            .media-page-content .media-content-wrapper .media-item .media-actions-wrapper .share-action-wrapper .action-content-wrapper .share-icon {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/share-btn-icon.svg);
              width: 17px;
              height: 20px;
              object-fit: contain;
              background-size: contain;
              background-repeat: no-repeat;
              position: relative;
              top: 1px; }

@media only screen and (max-width: 1000px) {
  .media-page-content .media-content-wrapper {
    width: 745px; } }

@media only screen and (max-width: 750px) {
  .media-page-content .media-content-wrapper {
    width: 500px; } }

@media only screen and (max-width: 520px) {
  .media-page-content {
    width: 100%;
    left: auto; }
    .media-page-content .poeple-you-may-know-wrapper {
      width: 100%;
      position: relative;
      margin: 0 auto; }
      .media-page-content .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper {
        padding-top: 21px;
        padding-bottom: 20px; }
        .media-page-content .poeple-you-may-know-wrapper .discover-people-you-may-know-header-wrapper .discover-people-you-may-know-header {
          font-size: 18px; }
    .media-page-content .media-content-wrapper {
      width: 100%;
      right: 1px;
      margin-top: 10px; }
      .media-page-content .media-content-wrapper .media-item {
        margin-left: 2px;
        margin-bottom: 2px;
        width: 49.4%; }
        .media-page-content .media-content-wrapper .media-item:hover .media-actions-wrapper {
          display: none; }
        .media-page-content .media-content-wrapper .media-item wt-photo-thumb {
          width: 100%;
          height: 100%; } }

@media only screen and (max-width: 320px) {
  .media-page-content .media-content-wrapper .media-item {
    width: 49%; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 0.8;
    z-index: 1000; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 0.8;
    z-index: 1000; } }

.media-title {
  margin-bottom: 20px;
  overflow: hidden; }
  .media-title .media-title__icon {
    display: block;
    float: left;
    height: 32px;
    width: 32px; }
    .media-title .media-title__icon .btn--icon {
      margin-bottom: 10px; }
  .media-title .box__title--small {
    display: block;
    float: left;
    margin: 0;
    padding-left: 10px; }
  .media-title .box__title--small--top {
    display: block;
    margin: 0;
    float: none;
    max-width: initial;
    padding-left: 0; }
    .media-title .box__title--small--top.trim-one-line-box {
      line-height: 1.3;
      margin-top: -2px; }
  .media-title .media__subtitle {
    display: block; }
  .media-title .btn-icon--mobile .icon {
    font-size: 20px;
    margin-right: 5px; }

@media only screen and (min-width: 500px) {
  .media-title .box__title--small--top {
    max-width: inherit; } }

.contacts-chart .chart-wrapper #titleViewLabel, .contacts-chart .chart-wrapper #linkViewLabel {
  display: none; }

.connections-card-grid-wrapper {
  margin-left: -8px; }

@media only screen and (max-width: 500px) {
  .connections-card-grid-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-top: 25px;
    margin-left: -10px; }
  .contact-cards-wrapper {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .contact-cards-wrapper .person-wrapper-list-item {
      margin-right: 0 !important; } }

@media only screen and (max-width: 360px) {
  .contact-card {
    min-width: 95% !important; }
  .contact-card.people-you-may-know {
    max-width: inherit !important; } }

@media only screen and (max-width: 1024px) {
  .connected-button-wrapper {
    width: 85%;
    margin-bottom: 10px; } }

.box--media__connections .btngrid {
  display: flex; }

.box--media__connections .btngrid .link {
  flex-basis: 100%; }

@media only screen and (max-width: 800px) {
  .main-container__connections {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important; }
    .main-container__connections .media-content {
      margin-top: 20px !important;
      margin-left: 10px;
      margin-right: 10px; }
    .main-container__connections .push-half--right, .main-container__connections .media__img {
      margin-top: 0px !important; }
    .main-container__connections .connections__input--search {
      padding: 10px 0;
      border-bottom: #e2e4ec solid 1px; }
      .main-container__connections .connections__input--search .searchbox {
        width: calc( 100% - 100px) !important; }
      .main-container__connections .connections__input--search .btnfirst {
        width: 60px; }
      .main-container__connections .connections__input--search .btnsecond {
        width: 30px !important; }
      .main-container__connections .connections__input--search .icon-search input[type="text"] {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 32px;
        font-family: "Open Sans", sans-serif; }
      .main-container__connections .connections__input--search .connection_search_field {
        padding-left: 10px; }
      .main-container__connections .connections__input--search .btn--icon {
        display: block;
        margin: 0 auto; }
  .connections-icons-parent-div i.icon-allconnections {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/all-connections.svg) !important; }
  .connections-icons-parent-div i.icon-profconnections {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/professional-connections.svg) !important; }
  .connections-icons-parent-div i.icon-Personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/personal-connections.svg) !important; }
  .connections-icons-parent-div i.icon-outgoing {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/outgoing-over.svg); }
  .connections-icons-parent-div i.icon-incoming {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/incoming-over.svg); }
  .connections-icons-parent-div i.icon-Public {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/public.svg) !important; }
  .connections-icons-parent-div i.icon-joinedcontacts-blue {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/joined-white@3x.png) no-repeat;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 18px 14px; }
  .connections-icons-parent-div i.icon-sentconnections-blue {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/plane-grey-white@3x.png) no-repeat;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 18px 13.5px; }
  .connections-icons-parent-div i.icon-importcontacts-blue {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/import-contacts-grey.svg) no-repeat;
    background-position: center !important;
    width: 100%;
    height: 100%;
    display: block; }
  .connections-icons-parent-div .btn--icon.mobile-connections-icon i.icon-email {
    background: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-blue-white@3x.png) no-repeat;
    background-position: 50% !important;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 16px 11.7px; }
  .media-title.mobile {
    position: relative;
    left: 0;
    top: 0;
    background: #eeeff1;
    padding: 10px 0;
    border-bottom: #e2e4ec solid 1px;
    margin-bottom: 0;
    padding-top: 15px;
    width: 100%; }
    .media-title.mobile .media-title__icon {
      margin-left: 10px; }
      .media-title.mobile .media-title__icon .btn--icon {
        background: #0aa1d8 !important;
        border-color: #0aa1d8; }
        .media-title.mobile .media-title__icon .btn--icon .mobile-connections-icon {
          background: #0aa1d8 !important;
          border-color: #0aa1d8; }
        .media-title.mobile .media-title__icon .btn--icon .icon {
          color: #FFFFFF; } }

.media-title__body.remove-padding {
  padding-left: 0; }
  @media only screen and (max-width: 800px) {
    .media-title__body.remove-padding {
      padding-left: 20px; } }

.connections-header-wrapper.remove-border {
  border-bottom: none; }

@media only screen and (max-width: 500px) {
  .connections__input--search .searchbox {
    width: calc(100% - 110px) !important; }
  .connections-dashboard-panel {
    padding: 0 !important;
    border: none !important;
    top: 36px; }
  .main-container__connections .media-content {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px !important; }
  .box--media__connections {
    border: 0;
    border-bottom: 1px solid #e2e4ec !important;
    padding-bottom: 20px;
    border-radius: 0;
    padding-left: 10px;
    overflow: visible !important; }
    .box--media__connections:hover .media__connections-dropdown {
      background: none;
      opacity: 1; }
    .box--media__connections .box--media__connections-dropdown {
      opacity: 1 !important;
      background: transparent;
      color: #84929f !important; }
    .box--media__connections .drop-options.close {
      animation: none !important;
      display: none; }
    .box--media__connections i:before {
      color: #84929f !important; }
    .box--media__connections .dropdown-box__list li .icon-close {
      display: none; }
    .box--media__connections:hover .box--media__connections-dropdown {
      background: transparent !important;
      border: 1px inset #ccc;
      color: #FFF !important;
      opacity: 1;
      transition: width 0.5s ease-in-out, height 0.5s ease-in-out, border-radius 0.5s ease-in-out, right; }
    .box--media__connections:hover .box--media__connections-dropdown {
      opacity: 1 !important;
      background-color: transparent !important; }
    .box--media__connections .drop-options {
      animation: none;
      right: 3px;
      top: 40px;
      border-radius: 5px;
      z-index: 2;
      height: auto;
      padding-bottom: 10px; }
      .box--media__connections .drop-options:before {
        content: "";
        border-top: none;
        border-bottom: 10px solid rgba(42, 51, 57, 0.9);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        right: 5px;
        top: -10px; }
    .box--media__connections .box--media__connections-dropdow {
      background: none;
      opacity: 1; }
    .box--media__connections .col-md-4 {
      width: 33.3%; }
    .box--media__connections .col-md-6 {
      width: 50%; }
    .box--media__connections .box--media__cover__img {
      max-height: 90px !important;
      min-height: 90px !important;
      margin-top: 3px; }
    .box--media__connections .box--media__info {
      padding-top: 0px !important;
      margin-left: 10px;
      border: 0px !important;
      background: transparent; }
    .box--media__connections .box--media__visitor {
      margin: 0 10px;
      border-radius: 0 0 0px 0px !important;
      -webkit-border-radius: 0 0 0px 0px !important;
      -moz-border-radius: 0 0 0px 0px !important; }
    .box--media__connections .box--gray {
      background: transparent; }
    .box--media__connections .box--media__visitor > div a {
      border-color: #CED4D7;
      color: #8c98a4; } }

.media-title__body {
  padding-left: 10px;
  overflow: hidden; }
  .media-title__body .box__title--small--top.trim-one-line-box {
    max-width: 100%;
    line-height: 1.2;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d2026; }
    .media-title__body .box__title--small--top.trim-one-line-box.contacts-header {
      font-size: 24px;
      margin-top: 1px; }
  .media-title__body span {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #909bad; }

.box--media__subtitle {
  border-top: 1px solid #eeeff0;
  padding-top: 20px;
  width: 100%; }
  .box--media__subtitle h2,
  .box--media__subtitle h3,
  .box--media__subtitle h4,
  .box--media__subtitle h5 {
    color: #3f464b;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px; }

.box--media {
  border: 1px #EEEFF1;
  border-style: solid solid none;
  border-radius: 2px; }
  .box--media:hover .box--media__share-items {
    bottom: -1px; }
  .box--media .box--media__cover {
    position: relative; }
  .box--media .box--media__cover__img {
    min-height: 170px;
    text-align: center; }
    .box--media .box--media__cover__img img {
      bottom: 0;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0; }
  .box--media .box--media__info {
    color: #2C3E50;
    font-size: 14px;
    padding: 15px;
    position: relative; }
  .box--media .box--media__info--name {
    line-height: 1.2;
    margin-bottom: 5px; }
    .box--media .box--media__info--name a:hover {
      color: #0070a1 !important;
      text-decoration: underline; }
  .box--media .box--media__info--members {
    color: #667586;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 15px; }
  .box--media .box--media__info--date {
    color: #667586;
    line-height: 1; }
    .box--media .box--media__info--date.truncate-two-line {
      margin-top: -5px;
      line-height: 16px; }
  .box--media .box--media__share-items {
    background: #f4f4f4;
    bottom: -1px;
    box-sizing: border-box;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    -webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -ms-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease; }
    @media only screen and (max-width: 800px) {
      .box--media .box--media__share-items {
        padding: 5px 0px; } }
    .box--media .box--media__share-items .list--share {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px;
      margin-left: -5px; }
      .box--media .box--media__share-items .list--share li span {
        padding: 0px 5px;
        margin: 0px;
        font-size: 13px; }
    .box--media .box--media__share-items li {
      display: table-cell;
      margin: 0;
      text-align: center; }
      .box--media .box--media__share-items li a {
        font-size: 15px;
        padding: 0px;
        margin: 0px; }
        .box--media .box--media__share-items li a span {
          padding: 0px;
          margin: 0px;
          font-size: 13px;
          vertical-align: middle; }
      .box--media .box--media__share-items li i {
        font-size: 15px;
        margin-right: 0px; }
      .box--media .box--media__share-items li:last-child i {
        margin: 0; }

@media only screen and (min-width: 800px) {
  main-container__connections .media-title.mobile {
    width: 100%; } }

.box--media--big .box--media__cover__img {
  min-height: 190px; }

.box--media--medium .box--media__cover__img {
  min-height: 185px; }

.box--media--small .box--media__cover__img {
  min-height: 170px; }
  .box--media--small .box--media__cover__img .box--media__play {
    min-height: 170px; }

.box--media__play {
  display: block;
  width: 100%; }
  .box--media__play:before {
    background: transparent url(https://wtdemo.webtalk.co/static/public/app/assets/images/play-video.svg) no-repeat center center/cover;
    content: " ";
    display: block;
    height: 70px;
    left: 50%;
    margin: -65px 0 0 -35px;
    position: absolute;
    top: 50%;
    width: 70px;
    z-index: 5; }

.box--media__visitor {
  border-radius: 0 0 2px 2px;
  position: relative; }
  .box--media__visitor a {
    border: 0 solid #b0b9c1;
    color: #b0b9c1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%; }
    .box--media__visitor a:hover {
      color: #0095BA;
      text-decoration: none; }
      .box--media__visitor a:hover .icon {
        color: #0095BA; }

.edit-section .box--edit:hover .box--media__share-items {
  bottom: -45px; }

.media-information {
  background: white;
  height: 50px;
  width: 200px; }

.box-position {
  position: inherit; }

.box--media__connections {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-style: none;
  overflow: hidden;
  position: relative; }
  .box--media__connections:hover .box--media__connections-dropdown {
    display: none;
    opacity: 1 !important;
    background-color: rgba(42, 51, 57, 0.9) !important; }
  @media only screen and (max-width: 800px) {
    .box--media__connections:hover .box--media__connections-dropdown {
      display: block;
      opacity: 1 !important;
      background-color: transparent !important; } }
  .box--media__connections .box--media__info {
    border: 1px #CED4D7;
    border-style: none solid;
    font-size: 13px; }
  .box--media__connections .box--media__visitor {
    border: 1px #CED4D7;
    border-style: none solid solid;
    border-radius: 0 0 3px 3px; }
  .box--media__connections .box--media__cover__img img {
    border-radius: 6px 6px 0 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 100%; }
  .box--media__connections .box--media__connections .box--media__connections-dropdown {
    border-radius: 0 0 0 3px;
    height: 38px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    z-index: 1; }
  .box--media__connections .box--media__connections-dropdown {
    border-radius: 0 0 0 3px;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: 1; }
    .box--media__connections .box--media__connections-dropdown > i {
      color: #FFF !important;
      font-size: 17px;
      display: block;
      position: absolute;
      right: 9px;
      top: 4px;
      transition: transform 0.5s ease-in-out; }
      .box--media__connections .box--media__connections-dropdown > i:before {
        position: relative;
        z-index: 11; }
  .box--media__connections .drop-options {
    height: 191px;
    position: absolute;
    right: 0;
    width: 192px;
    z-index: 1; }
    @media only screen and (max-width: 800px) {
      .box--media__connections .drop-options {
        z-index: -1; } }
    .box--media__connections .drop-options.show, .box--media__connections .drop-options.displayblock {
      background: rgba(42, 51, 57, 0.9);
      animation: show 0s forwards; }
      @media only screen and (max-width: 800px) {
        .box--media__connections .drop-options.show, .box--media__connections .drop-options.displayblock {
          animation: show 0.5s forwards; } }
    .box--media__connections .drop-options.show > ul > li,
    .box--media__connections .drop-options.displayblock > ul > li {
      display: block; }
    .box--media__connections .drop-options.close {
      animation: close 0.5s forwards; }
      .box--media__connections .drop-options.close > ul > li {
        display: none; }
    .box--media__connections .drop-options > ul > li {
      display: none;
      padding: 0;
      transition: display 2s ease-in-out; }
      .box--media__connections .drop-options > ul > li > a {
        padding: 5px 10px 5px 20px;
        width: 100%; }
        .box--media__connections .drop-options > ul > li > a:hover span {
          text-decoration: none !important; }
      .box--media__connections .drop-options > ul > li:hover {
        background: #1C2329; }
        .box--media__connections .drop-options > ul > li:hover a {
          color: #FFFFFF; }
          .box--media__connections .drop-options > ul > li:hover a i {
            color: #FFFFFF !important; }
      .box--media__connections .drop-options > ul > li.transparent {
        overflow: hidden;
        position: relative;
        top: 4px; }
        .box--media__connections .drop-options > ul > li.transparent > a {
          width: auto;
          float: right; }
        .box--media__connections .drop-options > ul > li.transparent:hover {
          background: transparent; }
  .box--media__connections .btn--mutual {
    font-size: 20px;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    .box--media__connections .btn--mutual p {
      font-size: 10px;
      position: relative;
      top: -4px; }

@keyframes show {
  0% {
    border-radius: 50%;
    right: -75%;
    top: -192px; }
  50% {
    border-radius: 50%;
    right: 0;
    top: 0; }
  100% {
    width: 100%;
    border-radius: 0;
    right: 0;
    top: 0; } }

@keyframes close {
  0% {
    width: 100%;
    border-radius: 0;
    right: 0;
    top: 0; }
  50% {
    border-radius: 50%;
    right: 0;
    top: 0; }
  100% {
    border-radius: 50%;
    right: -75%;
    top: -192px; } }

.referral-list-modal .drop-options {
  position: fixed;
  background: transparent; }
  .referral-list-modal .drop-options.show {
    position: absolute;
    background: rgba(42, 51, 57, 0.9); }

.box--media--big.box--media__connections {
  position: relative; }

@media only screen and (max-width: 600px) {
  .connections-sort-btn .icon-alphabetical {
    position: absolute;
    margin-top: 9px;
    margin-left: 8px; } }

.connections-sort-btn .icon-clock::after {
  content: "";
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/clock-icon.svg);
  width: 24px;
  height: 24px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute; }

.media-reaction-alert .emoji-rectangle {
  bottom: 42px;
  left: -20px; }
  @media only screen and (max-width: 800px) {
    .media-reaction-alert .emoji-rectangle {
      bottom: 50px;
      left: calc(30% - 50px); } }
  @media only screen and (max-width: 800px) and (max-width: 320px) {
    .media-reaction-alert .emoji-rectangle {
      left: calc(30% - 67px); } }

.media-list-wrapper .main-panel .grid__item .box--media .private-link {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px; }
  .media-list-wrapper .main-panel .grid__item .box--media .private-link.false {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/post/like.svg);
    margin-right: 12px; }
  .media-list-wrapper .main-panel .grid__item .box--media .private-link.emoji--stroke {
    margin-right: 12px; }

.google-ad-style {
  width: 100%;
  display: inline-block;
  margin-bottom: 7px;
  background-color: white;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/blue-cloud.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 50%; }
  .google-ad-style .body-spnsored {
    padding: 20px;
    position: absolute;
    width: 100%;
    margin-top: 100px; }
    .google-ad-style .body-spnsored .label-upgrade {
      font-family: Montserrat;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #1d2026;
      display: block;
      width: 250px;
      margin: auto auto 20px auto; }
    .google-ad-style .body-spnsored .button-upgrade {
      display: block;
      width: 292px;
      border-radius: 100px;
      background-color: #0aa1d8;
      font-family: Open Sans;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: center;
      color: white;
      max-width: 292px;
      height: 50px;
      margin: auto;
      cursor: pointer;
      text-decoration: none;
      line-height: 3; }

.talkbox-panel-no-news {
  margin-top: 50px;
  margin-bottom: 50px;
  margin: auto;
  text-align: left; }
  .talkbox-panel-no-news .talkbox-wrapper.default-layout, .talkbox-panel-no-news .talkbox-wrapper.focused-layout {
    margin: auto; }

.photo-albums {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  column-gap: 2px;
  margin-bottom: 20px;
  padding-left: 5px; }
  .photo-albums .album.public .type-icon {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg); }
  .photo-albums .album.professional .type-icon {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg); }
  .photo-albums .album.personal .type-icon {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg); }
  .photo-albums .album.tagged .type-icon {
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/tagged-icon-blue.svg); }
  @media only screen and (max-width: 530px) {
    .photo-albums {
      grid-template-columns: 50% 50%;
      padding-left: 0px; } }
  .photo-albums .album {
    text-align: center;
    vertical-align: center;
    height: 234px;
    width: 234px;
    background-color: rgba(0, 0, 0, 0.7);
    background-size: cover; }
    @media only screen and (max-width: 530px) {
      .photo-albums .album {
        margin-bottom: 1px;
        height: 200px;
        width: 100%; } }
    .photo-albums .album.public .no-data {
      background-image: linear-gradient(to top, #ff9200, #82370c), linear-gradient(to bottom, #000000, #000000); }
    .photo-albums .album.pro .no-data, .photo-albums .album.professional .no-data {
      background-image: linear-gradient(to top, #788bc3, #1c2950), linear-gradient(to bottom, #000000, #000000); }
    .photo-albums .album.personal .no-data {
      background-image: linear-gradient(to top, #b868c8, #521060), linear-gradient(to bottom, #000000, #000000); }
    .photo-albums .album.tagged .no-data {
      background-image: linear-gradient(to top, #0aa1d8, #004159); }
    .photo-albums .album.groups .no-data {
      background-image: linear-gradient(to top, #66bb69, #274828), linear-gradient(to bottom, #000000, #000000); }
    .photo-albums .album .info {
      cursor: pointer;
      font-family: "Open Sans";
      font-size: 15px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      padding-top: calc( 50% - 25px);
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7); }
      @media only screen and (max-width: 530px) {
        .photo-albums .album .info {
          padding-top: calc( 50% - 10px); } }
      .photo-albums .album .info .stats {
        text-transform: uppercase;
        margin-top: 5px; }
      .photo-albums .album .info.active {
        background-color: rgba(255, 255, 255, 0.9);
        color: #1d2026;
        border: solid 3px #ff9200; }
        .photo-albums .album .info.active.pro {
          border: solid 3px #798ecb; }
        .photo-albums .album .info.active.personal {
          border: solid 3px #b868c8; }
        .photo-albums .album .info.active.tagged {
          border: solid 3px #0aa1d8; }
        .photo-albums .album .info.active .icons {
          color: #1d2026; }
          .photo-albums .album .info.active .icons .likes {
            background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/like-icon.svg); }
          .photo-albums .album .info.active .icons .comments {
            background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/smile-icon.svg); }
      .photo-albums .album .info .type-icon {
        width: 100%;
        height: 19px;
        background-position: center;
        background-repeat: no-repeat; }
      .photo-albums .album .info .icons {
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 10px;
        justify-content: center;
        margin-top: 9px; }
        .photo-albums .album .info .icons .likes {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/like-icon-white.svg);
          background-repeat: no-repeat;
          padding-left: 17px; }
        .photo-albums .album .info .icons .comments {
          background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/smile-icon-white.svg);
          background-repeat: no-repeat;
          padding-left: 17px; }

.feature-post-wrapper {
  position: relative; }
  .feature-post-wrapper .nav-icon {
    height: 30px;
    width: 30px;
    position: absolute;
    top: calc( 50% - 15px);
    border-radius: 50%;
    background-color: #1d2026; }
    .feature-post-wrapper .nav-icon.prev-icon {
      left: -50px;
      background: #1d2026 url(https://wtdemo.webtalk.co/static/src/assets/icons/previous-icon-white.svg) no-repeat center;
      background-position-x: 9px; }
    .feature-post-wrapper .nav-icon.next-icon {
      right: -50px;
      background-position-x: 8px;
      background: #1d2026 url(https://wtdemo.webtalk.co/static/src/assets/icons/next-icon-white.svg) no-repeat center;
      background-position-x: 12px; }
  .feature-post-wrapper .feature-title {
    margin-bottom: 20px;
    width: 100%;
    height: 29px;
    margin: 0 0 15px 8px;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d2026; }
    .feature-post-wrapper .feature-title.public {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg);
      background-repeat: no-repeat;
      background-position: 0px 7px; }
    .feature-post-wrapper .feature-title.pro {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg);
      background-repeat: no-repeat;
      background-position: 0px 7px; }
    .feature-post-wrapper .feature-title.personal {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg);
      background-repeat: no-repeat;
      background-position: 0px 7px; }
    .feature-post-wrapper .feature-title.tagged {
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/profile-menu-icons/tagged-icon-blue.svg);
      background-repeat: no-repeat;
      background-position: 0px 7px; }
    .feature-post-wrapper .feature-title span {
      padding-left: 25px;
      text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .feature-post-wrapper .feature-title span {
        width: 100%;
        float: left; } }
    .feature-post-wrapper .feature-title .create-post {
      cursor: pointer;
      float: right;
      height: 26px;
      margin-top: 3px;
      padding: 6px 15px 5px 27px;
      border-radius: 100px;
      line-height: 14px;
      background-color: #ff9200;
      font-family: "Open Sans";
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: left;
      color: #ffffff;
      background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/round-plus-icon.svg);
      background-repeat: no-repeat;
      background-position: 8px center;
      text-transform: uppercase;
      margin-right: 8px; }
      @media only screen and (max-width: 767px) {
        .feature-post-wrapper .feature-title .create-post {
          float: left;
          margin-bottom: 15px;
          margin-top: 5px; } }
      .feature-post-wrapper .feature-title .create-post.pro {
        background-color: #798ecb; }
      .feature-post-wrapper .feature-title .create-post.personal {
        background-color: #b868c8; }
      .feature-post-wrapper .feature-title .create-post.tagged {
        background-color: #ff9200; }
  @media only screen and (max-width: 767px) {
    .feature-post-wrapper .media-page-content .feature-media-wrapper.media-content-wrapper .media-item {
      height: 159px;
      min-width: 50vw;
      min-height: 159px;
      min-width: 159px; } }
  .feature-post-wrapper .feature-media-wrapper {
    display: flex;
    justify-content: start;
    overflow-x: auto !important;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .feature-post-wrapper .feature-media-wrapper {
        display: grid;
        grid-template-rows: auto auto;
        grid-auto-flow: column;
        overflow-x: scroll; } }
    @media only screen and (max-width: 767px) {
      .feature-post-wrapper .feature-media-wrapper .media-item, .feature-post-wrapper .feature-media-wrapper.media-content-wrapper .media-item {
        height: 159px;
        min-width: 50vw;
        min-height: 159px;
        min-width: 159px; } }
  .feature-post-wrapper .mobile-nav {
    display: none;
    width: 151px;
    height: 19px;
    margin: 0 59px 0 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #97a3ad; }
    @media only screen and (max-width: 767px) {
      .feature-post-wrapper .mobile-nav {
        display: flex;
        justify-content: space-around;
        margin: 10px 10px;
        width: 100%; } }
    .feature-post-wrapper .mobile-nav .nav-next {
      cursor: pointer;
      background: url(https://wtdemo.webtalk.co/static/src/assets/icons/gray-nav-arrow-next.svg) no-repeat;
      width: 25px;
      height: 25px;
      background-position: left center; }
    .feature-post-wrapper .mobile-nav .nav-prev {
      cursor: pointer;
      background: url(https://wtdemo.webtalk.co/static/src/assets/icons/gray-nav-arrow-next.svg) no-repeat;
      width: 25px;
      height: 25px;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      background-position: left center; }

.sidebar__folders {
  font-size: 13px; }
  .sidebar__folders a:hover .btn--icon {
    border-color: transparent;
    color: white; }
    @media only screen and (min-width: 700px) {
      .sidebar__folders a:hover .btn--icon {
        background-color: #05a4dc !important; } }
    .sidebar__folders a:hover .btn--icon .icon {
      color: white; }
  .sidebar__folders ul {
    box-sizing: border-box;
    position: relative; }
    .sidebar__folders ul:before {
      border-left: 2px solid #B4BCC4;
      content: " ";
      display: block;
      height: 100%;
      left: -19px;
      position: absolute;
      top: -21px;
      width: 2px;
      z-index: -1; }
    .sidebar__folders ul.folders-last-level-sublist:before {
      display: none; }
    .sidebar__folders ul.folders-last-level-sublist li:last-child:before {
      width: 100%; }
    .sidebar__folders ul > li > a {
      height: 35px; }
  .sidebar__folders .sidebar__footer-list:before {
    content: none !important; }
  .sidebar__folders .sidebar__folders-list {
    overflow-x: auto;
    margin: 8px 20px 20px 0;
    text-transform: capitalize; }
    .sidebar__folders .sidebar__folders-list:nth-child(3) {
      margin-top: 18px; }
    .sidebar__folders .sidebar__folders-list:nth-child(5) {
      margin-top: 18px; }
    .sidebar__folders .sidebar__folders-list:before {
      content: none !important; }
    .sidebar__folders .sidebar__folders-list li {
      position: relative;
      margin-bottom: 15px;
      min-height: 35px; }
      .sidebar__folders .sidebar__folders-list li li:before, .sidebar__folders .sidebar__folders-list li:before {
        border-top: 2px solid #B4BCC4;
        content: " ";
        display: none;
        height: 2px;
        left: 0;
        position: absolute;
        top: 15px;
        width: 20px; }
      .sidebar__folders .sidebar__folders-list li.active {
        background: inherit; }
        .sidebar__folders .sidebar__folders-list li.active:before {
          border-top: 2px solid #0095BA; }
        .sidebar__folders .sidebar__folders-list li.active > a > strong {
          background: #0aa1d8 !important;
          border-color: #0aa1d8; }
          .sidebar__folders .sidebar__folders-list li.active > a > strong > i {
            color: #FFF; }
      .sidebar__folders .sidebar__folders-list li.option {
        background: inherit; }
        .sidebar__folders .sidebar__folders-list li.option > a > .btn--icon {
          color: #0095BA; }
      .sidebar__folders .sidebar__folders-list li:last-child {
        margin: 0; }
      .sidebar__folders .sidebar__folders-list li a {
        color: #0095BA;
        display: block;
        line-height: 1;
        padding-left: 45px;
        position: relative; }
        .sidebar__folders .sidebar__folders-list li a .btn--icon {
          background: #EEEFF1;
          left: 0;
          line-height: 1em;
          position: absolute;
          top: 0; }
        .sidebar__folders .sidebar__folders-list li a span {
          min-width: 150px;
          height: 15px; }
          .sidebar__folders .sidebar__folders-list li a span.current-view {
            display: none; }
            @media only screen and (max-width: 800px) {
              .sidebar__folders .sidebar__folders-list li a span.current-view {
                display: block;
                min-width: 52px;
                width: 52px;
                height: 27px;
                border-radius: 100px;
                background-color: #0aa1d8;
                float: right;
                margin-top: -30px;
                margin-right: 15px; }
                .sidebar__folders .sidebar__folders-list li a span.current-view span {
                  color: #FFFFFF;
                  font-size: 12px;
                  font-weight: 600;
                  color: #FFFFFF;
                  font-size: 12px;
                  font-weight: 600;
                  margin-top: 7px;
                  margin-left: 12px; } }
        .sidebar__folders .sidebar__folders-list li a:hover {
          text-decoration: none; }
          .sidebar__folders .sidebar__folders-list li a:hover .folder-list__num-documents,
          .sidebar__folders .sidebar__folders-list li a:hover .sidebar__folders__option {
            text-decoration: none; }
        .sidebar__folders .sidebar__folders-list li a.btn--icon {
          color: #B4BCC4;
          display: inline-block;
          line-height: inherit;
          padding: inherit;
          position: absolute;
          right: 0;
          top: 0; }
      .sidebar__folders .sidebar__folders-list li ul {
        margin-left: 35px;
        position: relative; }
        .sidebar__folders .sidebar__folders-list li ul li {
          margin-bottom: 5px; }
          .sidebar__folders .sidebar__folders-list li ul li:first-child {
            margin-top: 15px; }
          .sidebar__folders .sidebar__folders-list li ul li ul li:first-child {
            margin-top: 10px; }
          .sidebar__folders .sidebar__folders-list li ul li:last-child {
            margin-bottom: 0; }
      .sidebar__folders .sidebar__folders-list li.active li.left--line:before {
        display: block;
        left: -18px; }
    .sidebar__folders .sidebar__folders-list .people-you-know-node {
      height: 30px;
      padding-top: 10px; }
      @media only screen and (max-width: 800px) {
        .sidebar__folders .sidebar__folders-list .people-you-know-node .current-view {
          margin-top: -24px; } }
    .sidebar__folders .sidebar__folders-list .is-referral-network::before {
      content: '';
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-icon-yellow.svg);
      width: 12px;
      height: 12px;
      background-size: contain;
      object-fit: contain;
      display: inline-flex;
      margin-right: 5px;
      padding-bottom: 2px;
      background-repeat: no-repeat;
      border-radius: 2px; }
  .sidebar__folders .__line-blue__ {
    border-left: 2px solid #0095BA;
    position: absolute;
    top: 32px;
    width: 2px;
    left: 16px;
    display: none; }
  .sidebar__folders .__line-gray__ {
    border-left: 2px solid #0095BA;
    position: absolute;
    top: 32px;
    width: 2px;
    left: 16px;
    display: none;
    border-left: 2px solid #B4BCC4; }
  .sidebar__folders li.active > .__line-blue__,
  .sidebar__folders li.active > .__line-gray__ {
    display: block; }
  .sidebar__folders .sidebar__folders__option {
    color: #0095BA; }
    .sidebar__folders .sidebar__folders__option a {
      display: block; }
    .sidebar__folders .sidebar__folders__option .btn--icon {
      margin-right: 10px; }
  .sidebar__folders .folder-list__num-documents {
    color: #667586;
    display: block;
    line-height: 1.5; }
  .sidebar__folders .collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility; }
  .sidebar__folders .collapse {
    display: none; }
    .sidebar__folders .collapse.in {
      display: block; }
      .sidebar__folders .collapse.in ul.folders-last-level-sublist:before {
        display: none; }
      .sidebar__folders .collapse.in ul.folders-last-level-sublist li:last-child:before {
        left: -54px;
        top: 14px;
        width: 70px; }
      .sidebar__folders .collapse.in .collapse.in ul.folders-last-level-sublist:before {
        display: none; }
      .sidebar__folders .collapse.in .collapse.in ul.folders-last-level-sublist li:last-child:before {
        left: -18px;
        width: 45px; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist:before {
        display: none; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist li:last-child:before {
        left: -53px;
        width: 70px; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist:before {
        display: none; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist li:last-child:before {
        left: -88px;
        width: 105px; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist:before {
        display: none; }
      .sidebar__folders .collapse.in .collapse.in .collapse.in .collapse.in .collapse.in ul.folders-last-level-sublist li:last-child:before {
        left: -122px;
        width: 135px; }

.tree--folders-mobile {
  position: fixed;
  transition: 0.5s ease left;
  left: 100%;
  top: 46px;
  height: 100%;
  width: 100%;
  background: #f3f4f7;
  z-index: 10;
  text-transform: capitalize; }
  .tree--folders-mobile.tree--folders-mobile__show {
    left: 0; }
  .tree--folders-mobile > div.absolute {
    width: 100%; }
  .tree--folders-mobile .content-back {
    height: 52px; }
    .tree--folders-mobile .content-back .back--section {
      color: #657183;
      border-bottom: 1px solid #E5E7EE;
      padding: 10px;
      background: #F3F4F7;
      width: 100%;
      position: relative; }
      .tree--folders-mobile .content-back .back--section .back--section__text {
        position: relative;
        top: -5px;
        width: 90%; }
        .tree--folders-mobile .content-back .back--section .back--section__text:before {
          font-family: 'webtalk';
          content: "\e613";
          transform: rotate(90deg);
          font-size: 22px;
          position: relative;
          display: inline-block;
          top: 5px; }
      .tree--folders-mobile .content-back .back--section:after {
        font-family: 'webtalk';
        content: "\e625";
        font-size: 12px;
        position: absolute;
        display: inline-block;
        right: 20px;
        top: 16px; }
      .tree--folders-mobile .content-back .back--section.fixed {
        position: fixed;
        top: 0;
        z-index: 1; }
      .tree--folders-mobile .content-back .back--section:hover {
        text-decoration: none; }

@media only screen and (min-width: 500px) {
  .tree--folders-mobile {
    display: none; }
  .main-wrapper.main-wrapper__padding {
    padding-top: 0 !important; }
  .header.header__relative {
    position: relative !important; }
  .main-container.main-container__hidden {
    display: none !important; } }

wt-connection-tree .sidebar__title {
  margin-bottom: 22px; }

wt-connection-tree .sidebar__folders .sidebar__folders-list {
  margin-bottom: 7px !important; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .active i.icon-public {
    background: url("/common/images/icons/public.svg") no-repeat;
    background-position: center !important; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list ul:before {
    height: 100%; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .collapse.in:before {
    height: 100%; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .selected--node {
    font-weight: bold !important; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .btn--icon {
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .folder-list__num-documents {
    color: #909bad;
    font-size: 12px;
    font-weight: normal;
    height: auto; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list .selected--node .folder-list__num-documents {
    font-weight: 800;
    color: #647287; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list li a {
    font-weight: 600;
    color: #0aa1d8;
    padding-left: 42px; }
    wt-connection-tree .sidebar__folders .sidebar__folders-list li a:hover {
      font-weight: bold;
      color: #0aa1d8; }
  wt-connection-tree .sidebar__folders .sidebar__folders-list ul li {
    min-height: 35px; }
    wt-connection-tree .sidebar__folders .sidebar__folders-list ul li a {
      color: #0aa1d8;
      font-size: 13px;
      font-weight: 600;
      min-height: 36px; }
      wt-connection-tree .sidebar__folders .sidebar__folders-list ul li a:first-child {
        min-height: 37px; }
      wt-connection-tree .sidebar__folders .sidebar__folders-list ul li a .btn--icon {
        border: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px; }
    wt-connection-tree .sidebar__folders .sidebar__folders-list ul li ul li {
      margin-bottom: 10px; }

wt-connection-tree i.icon-public {
  background: url("/common/images/icons/public-over.svg") no-repeat;
  display: block !important; }

@media only screen and (max-width: 870px) and (min-width: 801px) {
  wt-connection-tree .title-contacts-subtext {
    width: 250px;
    white-space: initial; } }

.settings-dropdown {
  height: 100%;
  position: relative; }

.settings-dropdown__title {
  position: absolute;
  top: 0;
  width: 100%; }

.settings-dropdown__item {
  border-bottom: 1px solid #E6E8E8;
  padding: 12px 20px; }
  .settings-dropdown__item b {
    color: #3F464B;
    font-weight: 600;
    line-height: 32px; }
  .settings-dropdown__item > span {
    line-height: 32px; }
  .settings-dropdown__item .content-edit--show {
    padding-top: 6px; }

.settings-dropdown__item-title {
  background: #EEEFF1;
  padding: 6px 20px; }

.settings-dropdown__content {
  bottom: 0;
  overflow-y: scroll;
  position: absolute;
  top: 60px;
  width: 100%; }

.content-edit--show .list-summary__text {
  max-width: 100%; }
  .content-edit--show .list-summary__text a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; }

.settings-date-dropdowns {
  margin-top: -40px;
  width: 100%;
  text-align: center;
  margin-bottom: 0px; }
  .settings-date-dropdowns .selectize-control {
    width: 96px;
    height: 42px;
    background-color: #ffffff; }
    .settings-date-dropdowns .selectize-control.single .selectize-input {
      padding: 0px;
      border: 1px solid #cfd4db;
      border-radius: 4px; }
      .settings-date-dropdowns .selectize-control.single .selectize-input:after {
        position: absolute;
        height: 0;
        width: 0;
        font-family: 'webtalk';
        content: "";
        margin-top: -2px;
        right: 15px;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #b0b8c4 transparent transparent transparent; }
    .settings-date-dropdowns .selectize-control .selectize-selected-item {
      line-height: 3; }
      .settings-date-dropdowns .selectize-control .selectize-selected-item .selectize-selected-item-text {
        font-size: 14px;
        padding-left: 15px;
        font-family: Open Sans;
        color: #39414d;
        width: 96px;
        text-align: left; }
  .settings-date-dropdowns .registration-selectize-dropdown-item:hover {
    background-color: #f4f5f6;
    cursor: pointer; }
  .settings-date-dropdowns .registration-selectize-dropdown-wrapper:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    margin-top: -6px;
    z-index: 2;
    left: 73px;
    position: absolute; }
  .settings-date-dropdowns .registration-selectize-dropdown::-webkit-scrollbar {
    width: 5px; }
  .settings-date-dropdowns .registration-selectize-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #dcdfe5;
    border-radius: 10px; }
  .settings-date-dropdowns .registration-selectize-dropdown::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #909bad; }
  .settings-date-dropdowns .registration-selectize-dropdown {
    max-height: 260px;
    overflow: auto;
    border-radius: 4px;
    margin-top: 5px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
    background-color: #ffffff;
    color: #1d2026; }
    .settings-date-dropdowns .registration-selectize-dropdown .registration-selectize-dropdown-item {
      color: #1d2026;
      padding: 7px;
      text-align: left;
      padding-left: 15px;
      font-family: Open Sans;
      font-size: 14px; }
    .settings-date-dropdowns .registration-selectize-dropdown .registration-selectize-dropdown-item:first-child {
      border-radius: 4px 4px 0 0; }
    .settings-date-dropdowns .registration-selectize-dropdown .registration-selectize-dropdown-item:last-child {
      border-radius: 0 0 4px 4px; }

.registration-management-dropdown-size {
  visibility: visible;
  width: 96px;
  top: 20px;
  left: 0px;
  z-index: 2000;
  margin-top: 15px; }

@media only screen and (max-width: 600px) {
  .settings-date-dropdowns {
    margin-top: 0px; } }

@media only screen and (max-width: 320px) {
  .registration-management-dropdown-size {
    width: 80px; }
  .settings-date-dropdowns .selectize-control {
    width: 80px; }
    .settings-date-dropdowns .selectize-control .selectize-selected-item .selectize-selected-item-text {
      width: 80px; } }

.scroller {
  position: relative;
  /* relative or absolute positioning required by Perfect Scrollbar */ }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 7px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 4px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 4px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.checkout .disappears--mobile {
  display: none; }

.checkout .appears--mobile {
  display: block; }

.checkout .box--siblings {
  border: 1px solid #eeeff0;
  min-height: 110px;
  width: 100%; }
  .checkout .box--siblings .box--siblings__active {
    background-color: #eeeff0; }
  .checkout .box--siblings .box--siblings__section {
    min-height: 40px;
    margin-bottom: 15px; }
    .checkout .box--siblings .box--siblings__section:last-child {
      margin-bottom: 0; }
  .checkout .box--siblings .box--siblings__title {
    color: #3f464b;
    font-size: 14px;
    margin-bottom: 5px; }
    .checkout .box--siblings .box--siblings__title.price {
      font-family: "Open Sans", serif;
      font-size: 22px;
      font-weight: 300;
      line-height: 1; }
  .checkout .box--siblings .box--siblings__description {
    color: #7f8c8c;
    font-size: 11px; }

.checkout .sidebar {
  font-size: 11px; }
  .checkout .sidebar .sidebar__title,
  .checkout .sidebar .box--promo .box--promo__title {
    line-height: 1; }

@media only screen and (min-width: 800px) {
  .checkout .disappears--mobile {
    display: block; }
  .checkout .appears--mobile {
    display: none; }
  .checkout .box--siblings .box--siblings__title.price {
    font-size: 42px; }
  .checkout__logo-webtalk--img {
    font-size: 51px;
    line-height: 55px; }
  .checkout__logo-webtalk--text {
    line-height: 51px;
    color: #3f464b;
    font-style: italic;
    font-weight: 600; } }

.box--promo .checkout .sidebar .box--promo__title,
.checkout .sidebar .box--promo2 .box--promo__title,
.box--promo2 .checkout .sidebar .box--promo__title {
  line-height: 1; }

.checkout .sidebar .sidebar__subtitle {
  color: #3f464b;
  font-size: 14px;
  font-weight: 400; }

.checkout .sidebar .savings {
  color: #6C9; }

.checkout .sidebar .btn,
.checkout .sidebar .upload-avatar__input {
  font-size: 14px; }

.checkout .check-list {
  font-size: 12px; }

.checkout .grid--table {
  width: 100%; }

.invoice__container {
  min-height: 250px; }

.checkout__logo-webtalk {
  display: block;
  line-height: 1;
  width: 100%; }

.checkout__logo-webtalk--img {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px; }

.checkout__logo-webtalk--text {
  display: inline-block;
  font-size: 22px;
  line-height: 22px;
  vertical-align: top;
  font-weight: bold; }

.container-zigzag {
  border: 0 none;
  border-radius: 0;
  position: relative;
  margin: 42px 0; }
  .container-zigzag:before {
    background: linear-gradient(-45deg, #FFF 16px, transparent 0), linear-gradient(45deg, #FFF 16px, transparent 0) repeat-x left bottom/22px 22px;
    background-size: 22px 22px;
    content: " ";
    display: block;
    position: absolute;
    top: -22px;
    left: 0;
    width: 100%;
    height: 22px; }
  .container-zigzag:after {
    background: linear-gradient(-135deg, #FFF 16px, transparent 0), linear-gradient(135deg, #FFF 16px, transparent 0) repeat-x left top/22px 22px;
    content: " ";
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    height: 22px; }

.modal-search {
  background: #FFFFFF;
  height: calc(100vh - 60px);
  position: relative; }
  .modal-search .media {
    border-bottom: 1px solid #f3f4f7;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px; }
    .modal-search .media .media--general__title {
      font-size: 13px;
      line-height: 16px; }
    .modal-search .media p {
      color: #667586;
      font-size: 13px;
      line-height: 16px; }
    .modal-search .media .media__body {
      padding-top: 0; }
    .modal-search .media .media--actions {
      color: #949da8;
      font-size: 11px;
      line-height: 1;
      margin-top: 5px; }
      .modal-search .media .media--actions li {
        display: inline-block; }
        .modal-search .media .media--actions li:not(:first-child) {
          margin-left: 5px; }
        .modal-search .media .media--actions li a {
          color: #949da8; }
  .modal-search .media--general .media--general__title {
    margin-top: 0; }
  .modal-search .conversation-wrapper {
    top: 0px; }
    .modal-search .conversation-wrapper .grid__item {
      border-left: 1px solid #E6E8E8;
      border-right: none;
      height: initial; }
  .modal-search .pagination {
    border-top: 1px solid #E6E8E8;
    display: none; }
    .modal-search .pagination li {
      display: inline-block; }
      .modal-search .pagination li.current {
        border: 1px solid #05a4dc;
        color: #05a4dc;
        margin: 0 10px;
        padding: 10px 15px; }
        .modal-search .pagination li.current a {
          color: #05a4dc;
          cursor: default;
          text-decoration: none; }
      .modal-search .pagination li:hover a {
        color: #05a4dc; }
  .modal-search .modal-title,
  .modal-search .settings-dropdown__title,
  .modal-search .media-content {
    position: static;
    overflow-y: scroll; }
    @media only screen and (min-width: 800px) {
      .modal-search .modal-title,
      .modal-search .settings-dropdown__title,
      .modal-search .media-content {
        height: calc(100% - 10px); } }
    @media only screen and (max-width: 799px) {
      .modal-search .modal-title,
      .modal-search .settings-dropdown__title,
      .modal-search .media-content {
        height: 85%; } }
  .modal-search .modal-wrapper-fixed {
    bottom: initial; }
  .modal-search .column-or-sidebar {
    position: initial; }
    .modal-search .column-or-sidebar .media__img a {
      display: block; }
  .modal-search .network-proximity {
    padding-top: 69px;
    position: absolute;
    margin-left: 23px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: #535e70; }
    @media only screen and (max-width: 800px) {
      .modal-search .network-proximity {
        padding-top: 74px;
        margin-left: 12px; } }

@media only screen and (min-width: 800px) {
  .modal-search {
    background: transparent; }
    .modal-search .media {
      margin-left: 0;
      margin-right: 0;
      padding-left: 20px;
      padding-right: 20px; }
    .modal-search .pagination {
      display: block; }
    .modal-search .tab-pane {
      width: 33.33%; } }

@media (max-width: 1023px) {
  .modal-search .pagination {
    width: 66.666%; } }

.js-header-search {
  display: inline-block; }

header .js-header-search {
  display: block; }

.media-general__icons {
  position: absolute;
  right: 0;
  top: 15px; }
  .media-general__icons li {
    margin-right: 10px; }
    .media-general__icons li:last-child {
      margin: 0; }
  .media-general__icons .icon {
    color: #E6E8E8;
    font-size: 18px; }

.premium-search {
  background: #f3f4f7;
  bottom: 0;
  display: block;
  overflow-y: auto;
  top: 60px;
  width: 100%; }
  .premium-search h3 {
    border-bottom: 1px solid #e6e8e8;
    color: #4f5d73;
    font-size: 14px;
    font-weight: bolder;
    line-height: 1;
    padding: 15px 5px; }
  .premium-search .form-field {
    background: #FFFFFF;
    margin-bottom: 10px;
    overflow: auto;
    padding: 0 20px; }
  .premium-search label {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 10px 5px; }
    .premium-search label:not(:last-child) {
      border-bottom: 1px solid #e6e8e8; }
    .premium-search label input {
      margin-top: 0; }
      .premium-search label input.switch-input {
        display: block;
        height: 120%;
        width: 100%; }
    .premium-search label .switch-label,
    .premium-search label .switch-handle {
      display: block; }
    .premium-search label span {
      display: table-cell; }

@media only screen and (min-width: 800px) {
  .premium-search {
    background: #FFFFFF; }
    .premium-search h3 {
      background: #eeeff1;
      border-top: 1px solid #e6e8e8;
      color: #2c3e50;
      font-weight: normal;
      line-height: 30px;
      margin-bottom: 15px;
      padding: 0 30px; }
    .premium-search .form-field {
      background: none;
      margin-bottom: 0;
      overflow: hidden;
      padding: 0; }
      .premium-search .form-field label {
        border-bottom: none;
        float: left;
        font-size: 13px;
        margin-bottom: 10px;
        padding: 0 30px;
        width: 50%; } }

.modal-search__upgrade-search {
  bottom: 0;
  display: block;
  overflow-y: auto;
  position: relative;
  width: 100%; }
  .modal-search__upgrade-search .modal-search__upgrade-search__content {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #e6e8e8;
    line-height: 1;
    padding: 20px;
    width: 100%; }
    .modal-search__upgrade-search .modal-search__upgrade-search__content .box--registration__description {
      font-size: 16px;
      line-height: 1.5em;
      margin-bottom: 20px; }
  .modal-search__upgrade-search h2,
  .modal-search__upgrade-search h3,
  .modal-search__upgrade-search h4,
  .modal-search__upgrade-search h5,
  .modal-search__upgrade-search h6 {
    color: #3f464b;
    font-weight: normal;
    margin-bottom: 10px; }
  .modal-search__upgrade-search h3 {
    font-size: 18px; }
  .modal-search__upgrade-search h4 {
    font-size: 14px; }
  .modal-search__upgrade-search p {
    font-size: 13px; }
  .modal-search__upgrade-search .box--registration__title {
    display: none; }
  .modal-search__upgrade-search .pro-member--title {
    color: #05a4dc;
    font-weight: 600;
    text-transform: uppercase; }
  .modal-search__upgrade-search .upgrade-search-receive {
    color: #4f5d73;
    font-size: 14px;
    margin-bottom: 20px; }
    .modal-search__upgrade-search .upgrade-search-receive li {
      border-top: 1px solid #EEEFF0;
      line-height: 20px;
      padding-bottom: 10px;
      padding-top: 10px; }
      .modal-search__upgrade-search .upgrade-search-receive li:last-child {
        border-bottom: 1px solid #EEEFF0; }

@media only screen and (min-width: 800px) {
  .modal-search__upgrade-search .modal-search__upgrade-search__content {
    margin: 20px auto 20px;
    width: 90%; }
    .modal-search__upgrade-search .modal-search__upgrade-search__content .box--registration__description {
      font-size: 14px;
      line-height: 1em; }
  .modal-search__upgrade-search .box--registration__title {
    display: block; } }

.triangle-top-modal {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/triangle-top-modal.png) no-repeat center center/cover;
  display: none;
  height: 11px;
  left: 152px;
  margin-left: -15px;
  position: absolute;
  top: 60px;
  width: 28px;
  z-index: 100; }
  @media only screen and (min-width: 800px) {
    .triangle-top-modal {
      display: block; } }

.modal-search-go-pro .modal-title,
.modal-search-go-pro .settings-dropdown__title {
  padding-top: 0;
  position: relative;
  width: 100%; }

.modal-search-go-pro .modal-search__upgrade-search {
  position: relative;
  top: 0;
  width: 100%; }

@media only screen and (max-height: 345px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(2) {
    display: none; } }

@media only screen and (max-height: 450px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(3) {
    display: none; } }

@media only screen and (max-height: 510px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(4) {
    display: none; } }

@media only screen and (max-height: 585px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(5) {
    display: none; } }

@media only screen and (max-height: 690px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(6) {
    display: none; } }

@media only screen and (max-height: 760px) and (min-width: 800px) {
  .js-modalSearchItems .media.media--general:nth-child(7) {
    display: none; } }

.tab-pane {
  display: none; }
  @media only screen and (min-width: 800px) {
    .tab-pane {
      display: inline-block; } }
  .tab-pane.active {
    display: block; }
    @media only screen and (min-width: 800px) {
      .tab-pane.active {
        display: inline-block; } }

.grid__item--advanced-search {
  background: #FFFFFF;
  height: 100% !important;
  position: relative;
  right: 0;
  top: 0; }
  @media only screen and (min-width: 800px) {
    .grid__item--advanced-search {
      background: #eeeff1;
      position: absolute !important;
      top: 59px; } }

.js-modalSearchItems li .btn-hover-color[oldtitle="Pending"]:hover {
  background-color: #dcdfe5; }

.js-modalSearchItems li .btn--icon[oldtitle="Pending"]:hover {
  border: 1px solid #DCDEDE; }

.advance-wrapper {
  display: flex;
  margin: 0 auto;
  max-width: 973px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }
  .advance-wrapper .triangle-top-modal .search-modal-wrapper .search-header {
    height: 60px; }

.search-modal-wrapper {
  height: 653px;
  top: 60px;
  width: 647px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }
  .search-modal-wrapper .title-loader-wrapper {
    display: flex; }
  .search-modal-wrapper .main-search-header {
    float: left;
    width: 648px;
    line-height: 60px;
    height: 60px;
    padding-left: 19px;
    border-bottom: 1px solid #dcdfe5; }
    .search-modal-wrapper .main-search-header .title-loader-wrapper {
      display: flex;
      float: left; }
    .search-modal-wrapper .main-search-header .search-pregress-loader .search-spinner {
      margin: 0px auto 0;
      width: 55px;
      text-align: center; }
    .search-modal-wrapper .main-search-header .search-pregress-loader .search-spinner > div {
      width: 10px;
      height: 10px;
      background-color: #0aa1d8;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
    .search-modal-wrapper .main-search-header .search-pregress-loader .search-spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s; }
    .search-modal-wrapper .main-search-header .search-pregress-loader .search-spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
    .search-modal-wrapper .main-search-header .advanced-search-wrapper {
      display: none; }
    .search-modal-wrapper .main-search-header h2 {
      font-family: 'Montserrat';
      font-size: 18px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      color: #1d2026; }

.modal-search .tab-content3 {
  height: 100vh; }
  .modal-search .tab-content3 .fade-wrapper {
    height: calc(100% - 0px); }
  .modal-search .tab-content3 .column-or-sidebar {
    width: 100%; }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items:first-child {
      border: none; }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items {
      display: grid;
      border-top: 1px solid #e2e5f1;
      position: relative; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents {
        padding: 20px 20px 20px;
        display: flex; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents.aproximate {
          padding: 8px 20px 40px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents:hover {
          background-color: rgba(247, 247, 248, 0.85);
          cursor: pointer; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper {
          margin-right: 10px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper .mobile-search-buttons {
            display: none; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper .mobile-network-proximity {
            display: none; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .media__img {
          width: 62px;
          height: 62px;
          border-radius: 50px;
          margin-right: 0px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents {
          display: grid;
          width: calc(100% - 150px);
          float: left; }
          @media only screen and (max-width: 800px) {
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents {
              width: calc(100% - 132px); } }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile {
            display: none; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .name {
            font-family: 'Montserrat';
            font-size: 17px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #0aa1d8;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .name span:before {
              margin-right: -1px; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .name a {
              color: #0aa1d8;
              display: contents; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .position {
            font-family: Open Sans;
            font-size: 12px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.28;
            letter-spacing: normal;
            color: #535e70;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            top: 3px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .location {
            font-family: Open Sans;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.28;
            letter-spacing: normal;
            color: #535e70;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 4px; }
            @media only screen and (max-width: 800px) {
              .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .location {
                position: relative;
                top: 3px; } }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-contents {
          width: 75%; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn {
        display: flex;
        position: absolute;
        bottom: 15px;
        left: 92px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections-text {
          font-family: 'Open Sans';
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: normal;
          color: #535e70;
          position: relative;
          top: 1px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections-text:hover {
            text-decoration: none; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections {
          display: flex;
          width: max-content;
          margin-right: 8px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar {
            height: 20px;
            border-radius: 50%;
            width: 20px;
            background-size: contain;
            transition: transform .5s ease; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar.two {
            margin-left: -5px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar.three {
            margin-left: -5px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar.three:hover {
            transform: scale(1.2); }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar.two:hover {
            transform: scale(1.2); }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn .shared-connections .shared-connections-avatar.one:hover {
            transform: scale(1.2); }
      @media only screen and (max-width: 800px) {
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn {
          left: 65px;
          bottom: 15px; } }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons {
        position: absolute;
        right: 20px;
        top: 20px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul {
          display: flex; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li:first-child {
            padding-right: 0px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li.connect-with-member-btn {
            padding-left: 4px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-search-message {
            background-image: url("/app/assets/images/icons/message-vector.svg");
            background-repeat: no-repeat;
            height: 32px;
            width: 32px;
            background-size: 16px 12.6px;
            background-position: center;
            border: 1px solid #0aa1d8; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-search-message:hover {
            background-image: url("/app/assets/images/icons/message-vector-white.svg");
            background-repeat: no-repeat;
            height: 32px;
            width: 32px;
            background-size: 16px 12.6px;
            background-position: center;
            border: 1px solid #0aa1d8; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-connect-with-member {
            background-image: url("/app/assets/images/icons/connect-vector.svg");
            background-repeat: no-repeat;
            height: 32px;
            width: 32px;
            background-size: 18px 12.6px;
            background-position: center;
            border: 1px solid #0aa1d8; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-connect-with-member:hover {
            background-image: url("/app/assets/images/icons/connect-vector-white.svg");
            background-repeat: no-repeat;
            height: 32px;
            width: 32px;
            background-size: 18px 12.6px;
            background-position: center;
            border: 1px solid #0aa1d8; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection {
            border: 1px solid #0aa1d8; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection .icon-accept-connection {
              color: #0aa1d8; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection:hover .icon-accept-connection {
              color: #fff; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .pending-connection {
            height: 32px;
            width: 32px; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .pending-connection:hover {
              background-color: #dcdfe5;
              border: none; }

.modal-search .search-modal-wrapper .media-search-wrapper {
  height: 588px;
  overflow-y: scroll; }
  @media only screen and (max-width: 800px) {
    .modal-search .search-modal-wrapper .media-search-wrapper {
      height: calc(100vh - 107px); } }

@media only screen and (max-width: 974px) {
  .search-modal-wrapper {
    width: 700px; }
    .search-modal-wrapper .main-search-header {
      width: 100%; }
      .search-modal-wrapper .main-search-header h2 {
        float: left; }
    .search-modal-wrapper .advanced-search-header {
      display: none; } }

@media only screen and (max-width: 974px) and (max-width: 475px) {
  .modal-search {
    margin-top: 55px; } }

@media only screen and (max-width: 974px) and (max-width: 800px) {
  .modal-search {
    margin-left: -20px; } }

@media only screen and (min-width: 800px) {
  .modal-search {
    height: 100%;
    margin-right: calc(10% + 50px); }
    .modal-search .tab-content3 .fade-wrapper {
      height: calc(100% - 0px); }
    .modal-search .tab-content3 .column-or-sidebar .media-content {
      height: calc(100% - 60px); } }

.advanced-search {
  display: block; }

@media only screen and (max-width: 800px) {
  .search-modal-wrapper .main-search-header .advanced-search-wrapper {
    display: block;
    float: right;
    padding-right: 20px;
    padding-top: 5px;
    cursor: pointer; }
    .search-modal-wrapper .main-search-header .advanced-search-wrapper a {
      width: 55px;
      font-family: Open Sans;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.05;
      letter-spacing: normal;
      color: #535e70;
      text-align: right; }
      .search-modal-wrapper .main-search-header .advanced-search-wrapper a:hover {
        text-decoration: none; }
    .search-modal-wrapper .main-search-header .advanced-search-wrapper img {
      width: 20px;
      height: 20px;
      object-fit: contain;
      margin-left: 9px; }
  .modal-search {
    height: 100%; }
    .modal-search .network-proximity {
      display: none; }
    .modal-search .tab-content3 .fade-wrapper {
      height: calc(100% - 0px); }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-mutual-conn {
      display: none; }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents {
      height: auto;
      padding: 10px;
      padding-left: 14px;
      padding-top: 11px;
      display: flex; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper {
        margin-right: 10px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper .mobile-search-buttons {
          margin-top: 6px;
          display: block; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-avatar-wrapper .mobile-network-proximity {
          display: block;
          margin-top: 2px;
          text-align: center; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents.aproximate {
        padding: 20px;
        padding-left: 14px;
        padding-top: 19.2px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .media__img {
        width: 40px;
        height: 40px;
        float: inherit;
        margin: 0 auto; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents {
        margin-top: 1px;
        margin-left: 5px;
        height: 54px;
        display: block;
        width: calc(100% - 30px); }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .name {
          width: 238px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .position {
          width: 238px;
          display: block; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .location {
          width: 238px;
          display: block; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile {
          display: flex;
          margin-top: 10px;
          height: 24px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile .shared-connections {
            width: max-content;
            margin-right: 8px;
            display: block; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile .shared-connections .shared-connections-avatar {
              height: 20px;
              border-radius: 50%;
              width: 20px;
              background-size: contain;
              transition: transform .5s ease; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile .shared-connections .shared-connections-avatar.two {
              margin-left: -5px; }
            .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile .shared-connections .shared-connections-avatar.three {
              margin-left: -5px; }
          .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .contents .search-item-text-contents .search-mutual-conn-mobile .shared-connections-text {
            font-family: 'Open Sans';
            font-size: 12px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #535e70;
            position: relative;
            top: 1px; }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons.no-mutual-contacts {
      top: 66px; }
    .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons {
      top: 51px;
      left: 7px;
      display: none; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li:first-child {
        padding-left: 0px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li.connect-with-member-btn {
        padding-left: 4px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .pending-connection {
        width: 28px;
        height: 28px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-search-message {
        width: 28px;
        height: 28px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .btn--icon.icon-connect-with-member {
        width: 28px;
        height: 28px; }
      .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection {
        border: 1px solid #0aa1d8;
        width: 28px;
        height: 28px; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection .icon-accept-connection {
          color: #0aa1d8; }
        .modal-search .tab-content3 .column-or-sidebar .media-content .search-items .search-buttons ul li .accept-connection:hover .icon-accept-connection {
          color: #fff; }
  .advanced-search {
    width: 100%;
    display: none; }
  .advance-wrapper {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px; }
    .advance-wrapper .triangle-top-modal .search-modal-wrapper .search-header {
      height: 47px; }
  .modal-search .search-modal-wrapper {
    top: 0px;
    width: 100%;
    height: 100vh; }
    .modal-search .search-modal-wrapper .main-search-header {
      padding-left: 10px;
      line-height: 40px;
      height: 47px; }
      .modal-search .search-modal-wrapper .main-search-header .advanced-search-wrapper {
        padding-right: 8px;
        padding-top: 5px; }
        .modal-search .search-modal-wrapper .main-search-header .advanced-search-wrapper img {
          margin-left: 5px; } }

@media only screen and (min-width: 800px) {
  .modal-search {
    height: calc(100vh - 289px);
    float: left; } }

.search-mutual-con {
  margin-top: 90px;
  font-weight: 600;
  display: block;
  position: absolute;
  margin-left: 95px; }
  @media only screen and (max-width: 800px) {
    .search-mutual-con {
      margin-top: 80px;
      margin-left: 70px; } }

.mar-bottom {
  border-bottom: 1px solid #e2e5f1; }

.wrapper--create-page {
  max-width: 616px; }
  .wrapper--create-page.large {
    max-width: 735px; }

@media only screen and (min-width: 320px) {
  .wrapper--create-page {
    padding: 0; } }

@media only screen and (min-width: 500px) {
  .wrapper--create-page {
    padding: 10px 10px 0; } }

@media (min-height: 900px) and (max-height: 949px) {
  .wrapper--create-page {
    padding-top: 40px; } }

@media (min-height: 950px) {
  .wrapper--create-page {
    padding-top: 60px; } }

@media only screen and (max-width: 500px) {
  .wrapper--create-page input[type="submit"] {
    width: 100%; } }

.create-page-icon {
  border-radius: 3px;
  border: 1px solid #EEEFF0;
  line-height: 1;
  padding: 20px;
  text-align: center;
  width: 100%;
  background: #05a4dc; }
  .create-page-icon p {
    max-width: 100%;
    margin: 0 auto;
    color: #FFFFFF; }
  .create-page-icon:hover {
    border-color: #05a4dc;
    color: #05a4dc;
    text-decoration: none; }
    .create-page-icon:hover .icon {
      color: #05a4dc; }

@media only screen and (min-width: 800px) {
  .create-page-icon {
    background: transparent;
    border-radius: 2px; }
    .create-page-icon p {
      max-width: 185px;
      color: #667586; } }

.create-page--supported-format {
  color: #9dacbb;
  font-size: 12px;
  text-align: center; }

.create-page--title {
  color: #61778d !important;
  font-size: 20px !important;
  line-height: 1.5 !important; }

.create-page-icon .icon {
  color: #C4C7CC;
  display: block;
  font-size: 95px;
  margin-bottom: 20px; }

.three-inputs {
  overflow: hidden; }
  .three-inputs .three-eighths {
    float: left;
    max-width: 32.3%;
    margin-left: 1.5%; }
    .three-inputs .three-eighths:first-child {
      margin-left: 0; }

.wrapper--create-page .upload-avatar__image.empty .image-preview {
  height: auto;
  width: auto; }

.three-quarter {
  width: 75%; }

.registration--checkout {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -o-column-count: 1;
  column-count: 1;
  padding-left: 1px;
  overflow: hidden;
  width: 100%; }
  .registration--checkout label {
    display: block;
    border-bottom: 1px solid #e0e2eb;
    padding-bottom: 10px;
    margin-bottom: 10px; }

@media only screen and (min-width: 500px) {
  .registration--checkout {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3; }
    .registration--checkout label {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; } }

.create-page--footer {
  font-size: 11px;
  width: 90%;
  margin: 0 auto; }

.createpage--input-location {
  position: relative; }
  .createpage--input-location:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 40px; }
  .createpage--input-location input {
    padding-right: 30px; }

.createpage--input-website {
  position: relative; }
  .createpage--input-website:before {
    content: 'www.';
    border-right: 1.5px solid #d6d8e3;
    display: block;
    position: absolute;
    left: 10px;
    top: 29px;
    height: 40px;
    line-height: 40px;
    color: #dcdfea;
    padding-right: 10px; }
  .createpage--input-website + input {
    padding-left: 60px; }

.hidden--step {
  display: none; }

@media only screen and (min-width: 500px) {
  .step-1 {
    display: block; } }

@media only screen and (min-width: 500px) {
  .step-2 {
    display: none; } }

.select--all {
  display: block;
  clear: both;
  border-bottom: 1px solid #e0e2eb;
  padding-bottom: 10px;
  margin-bottom: 10px; }

@media only screen and (min-width: 500px) {
  .select--all {
    display: inline-block;
    clear: none;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 5px; } }

.upload-avatar {
  margin: 0 auto 20px;
  width: 159px; }
  .upload-avatar .btn,
  .upload-avatar .upload-avatar__input {
    border-radius: 0 0 2px 2px;
    min-width: 0; }

.upload-avatar__image {
  background: #EEEFF1;
  box-sizing: border-box;
  height: 135px;
  overflow: hidden;
  text-align: center; }
  .upload-avatar__image.empty {
    line-height: 165px; }
    .upload-avatar__image.empty .image-preview {
      height: 48px;
      max-height: 135px;
      width: 48px; }
  .upload-avatar__image .image-preview {
    height: 100%;
    width: 100%; }

.upload-avatar__input {
  border: 0;
  overflow: hidden;
  padding: 2px 0 0;
  position: relative; }
  .upload-avatar__input span {
    cursor: pointer;
    color: white; }
  .upload-avatar__input input {
    cursor: pointer;
    font-size: 30px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.main-container__pricing {
  position: relative;
  top: -210px;
  z-index: 11; }
  .main-container__pricing .box--registration__title {
    font-size: 20px;
    margin-bottom: 0; }
  .main-container__pricing .box--registration__description {
    font-size: 18px; }

.tab-main {
  margin-top: -310px;
  padding-top: 0; }
  @media only screen and (min-width: 700px) {
    .tab-main {
      margin-top: -190px;
      padding-top: 60px; } }

.table-pricing {
  margin-bottom: 40px; }
  .table-pricing .plans {
    margin: 0 auto;
    max-width: 950px;
    display: block; }
  .table-pricing .plan {
    background: #FFFFFF;
    border-radius: 4px;
    float: none;
    flex: 1;
    margin: 0 auto 40px;
    width: 100%; }
    .table-pricing .plan:first-child .plan__content {
      border-right: 0; }
  .table-pricing .plan--first .plan__description {
    padding-top: 15px;
    min-height: 270px; }
  .table-pricing .plan--third .plan__description {
    padding-top: 0; }
  .table-pricing .plan--first .plan--hidden,
  .table-pricing .plan--second .plan--hidden,
  .table-pricing .plan--third .plan--hidden {
    display: none; }
  .table-pricing .plan--principal {
    margin-top: 0;
    margin-bottom: 0; }
    .table-pricing .plan--principal .plan__title {
      min-height: 95px; }
    .table-pricing .plan--principal .plan__description {
      padding: 20px 0 0; }
  .table-pricing .plan__content {
    padding-bottom: 0; }
  .table-pricing .plan__title {
    color: #333;
    min-height: 75px; }
    .table-pricing .plan__title h3 {
      display: block;
      font-size: 20px;
      font-weight: normal;
      line-height: 75px; }
  .table-pricing .plan__title--combo {
    padding-top: 10px; }
    .table-pricing .plan__title--combo h3 {
      line-height: 2; }
    .table-pricing .plan__title--combo span {
      display: block;
      font-size: 16px;
      line-height: 1;
      opacity: 0.7; }
  .table-pricing .plan__price {
    color: #3f464b;
    font-size: 16px;
    line-height: 1;
    margin: 0 20px 0;
    padding-top: 5px;
    border-bottom: 1px dashed #c2c4c5;
    padding-bottom: 25px !important; }
    .table-pricing .plan__price span {
      color: #7F8C8C; }
    .table-pricing .plan__price > i {
      font-size: 12px;
      color: #4f5d73; }
  .table-pricing .plan__price__amount {
    display: block;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px; }
    .table-pricing .plan__price__amount i {
      font-style: normal;
      font-weight: 600;
      color: #4f5d73; }
  .table-pricing .plan__description p {
    color: #3f464b; }
    .table-pricing .plan__description p.middle-p {
      font-size: 18px;
      color: #4f5d73;
      font-weight: 600; }
  .table-pricing .plan__description li {
    font-size: 14px;
    padding: 13px 0px;
    margin: 0 -20px;
    color: #4f5d73; }
    .table-pricing .plan__description li:nth-child(even) {
      background: #f3f4f6; }
    .table-pricing .plan__description li.li--small {
      padding: 9px 0; }
  .table-pricing .plan__description h2 {
    font-family: 'Arial', sans-serif;
    font-size: 22px;
    color: #05a4dc; }
  .table-pricing .plan__description .webtalk-pro-img,
  .table-pricing .plan__description .i-meet-img {
    display: inline-block;
    margin: 0px;
    vertical-align: baseline; }
  .table-pricing .plan__description .middle--char {
    display: block;
    top: -4px;
    position: relative;
    font-size: 27px;
    margin: 0 6px;
    font-weight: 600; }
  .table-pricing .btn,
  .table-pricing .upload-avatar__input {
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    max-width: 90%; }

@media only screen and (min-width: 700px) {
  .table-pricing .plans {
    display: flex; }
  .table-pricing .plan {
    margin: 0 10px 0 0;
    width: auto;
    float: left; }
  .table-pricing .plan--principal {
    margin-top: -20px;
    margin-bottom: -25px; }
  .table-pricing .plan__description h2 {
    font-size: 32px; }
  .table-pricing .plan__description .middle--char {
    display: inline-block; } }

@media only screen and (min-width: 800px) {
  .table-pricing .plan--first.plan--hidden,
  .table-pricing .plan--second.plan--hidden,
  .table-pricing .plan--third.plan--hidden {
    display: block; } }

.webtalk_disabled_btb {
  background-color: #dcdfe5 !important;
  color: #b0b8c4;
  border: 1px solid #cfd4db !important; }

.table-pricing .btn {
  border-radius: 4px;
  background-color: #05a4dc;
  font-size: 15px; }

.tabs--mobile {
  text-align: center;
  width: 90%;
  display: flex;
  margin: 0 auto;
  position: relative;
  top: -40px; }
  .tabs--mobile li {
    flex: 1; }
    .tabs--mobile li a {
      padding: 16px 25px;
      background: white;
      color: #212121;
      width: 100%;
      white-space: nowrap;
      text-decoration: none; }
      .tabs--mobile li a.active {
        background: #0ba9db;
        color: white;
        text-decoration: none; }
      .tabs--mobile li a small {
        display: block; }
    .tabs--mobile li:first-child a {
      border-radius: 2px 0 0 2px; }
    .tabs--mobile li:last-child a {
      padding: 9px 25px 8px;
      border-radius: 0 2px 2px 0; }
      .tabs--mobile li:last-child a.active {
        background: white;
        color: #212121; }

@media only screen and (min-width: 700px) {
  .tabs--mobile {
    display: none; } }

.circle-pro-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/circle-pro.png) no-repeat 0 0;
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto; }

.webtalk-pro-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/webtalk-pro.png) no-repeat 0 0;
  background-size: 100%;
  width: 111px;
  height: 25px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle; }

.webtalk-pro-img__big {
  width: 142px;
  height: 31px;
  background-size: contain; }

.circle-ribbon-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/circle-ribbon.png) no-repeat 0 0;
  width: 161px;
  height: 145px;
  display: block;
  margin: 0 auto; }

.combo-pack-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/combo-pack.png) no-repeat 0 0;
  width: 135px;
  height: 23px;
  display: block;
  margin: 0 auto; }

.combo-pack-gray-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/combo-pack-gray.png) no-repeat 0 0;
  width: 135px;
  height: 23px;
  display: block;
  margin: 10px auto; }

.circle-pc-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/circle-pc.png) no-repeat 0 0;
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto; }

.i-meet-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/i-meet.png) no-repeat 0 0;
  width: 112px;
  height: 31px;
  display: inline-block;
  margin: 0 auto;
  background-size: contain;
  vertical-align: baseline; }

.i-meet-img__block {
  display: block; }

.i-meet-img__small {
  width: 79px;
  height: 26px; }

.i-meetlife-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/i-meetlife.png) no-repeat 0 0;
  width: 175px;
  height: 36px;
  display: inline-block;
  margin: 0 auto;
  background-size: contain; }

.i-meetlife-img__block {
  display: block; }

.go-pro-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/circle-pro-white.png) no-repeat 0 0;
  width: 65px;
  height: 65px;
  display: inline-block;
  background-size: contain;
  vertical-align: bottom; }
  @media only screen and (min-width: 700px) {
    .go-pro-img {
      width: 68px;
      height: 60px; } }

.go-pro-white-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/circle-pro-blue.png) no-repeat 0px 0;
  width: 70px;
  height: 61px;
  display: block;
  background-size: auto 61px; }

.i-meet-white-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/i-meet-white.png) no-repeat 0 0;
  width: 89px;
  height: 27px;
  display: inline-block;
  background-size: contain; }
  @media only screen and (min-width: 700px) {
    .i-meet-white-img {
      width: 132px;
      height: 40px; } }

.data-hd-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/data-hd.png) no-repeat 0 0;
  width: 259px;
  height: 195px;
  display: block;
  background-size: contain;
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .data-hd-img {
      width: 399px;
      height: 295px;
      margin-left: 80px; } }

.who-preview-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/who-preview.png) no-repeat 0 0;
  width: 100%;
  height: 205px;
  display: inline-block;
  background-size: contain;
  margin-top: -30px; }
  @media only screen and (min-width: 700px) {
    .who-preview-img {
      width: 482px;
      height: 300px;
      margin-left: -40px; } }

.range-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/range.png) no-repeat 0 0;
  width: 283px;
  height: 180px;
  display: block;
  background-size: contain;
  margin-top: 0; }
  @media only screen and (min-width: 700px) {
    .range-img {
      margin-top: -70px;
      width: 526px;
      height: 328px; } }

.advanced-search-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/advanced-search.png) no-repeat 0 0;
  width: 270px;
  height: 170px;
  display: inline-block;
  background-size: contain;
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .advanced-search-img {
      width: 482px;
      height: 302px;
      margin-left: -40px;
      margin-top: -50px; } }

.message-pop-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/message-pop.png) no-repeat 0 0;
  width: 256px;
  height: 180px;
  display: block;
  background-size: contain;
  margin: 10px auto 0; }
  @media only screen and (min-width: 700px) {
    .message-pop-img {
      width: 316px;
      height: 250px;
      margin: -40px 0; } }

.connect-left-right {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/connect-left-right.png) no-repeat 0 0;
  width: 253px;
  height: 73px;
  display: block;
  background-size: contain;
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .connect-left-right {
      width: 453px;
      height: 113px; } }

.connect-left-right-small {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/connect-left-right-small.png) no-repeat 0 0;
  width: 253px;
  height: 112px;
  display: block;
  background-size: contain;
  margin: 0 auto; }

.connect-right-left {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/connect-right-left.png) no-repeat 0 0;
  width: 267px;
  height: 73px;
  display: block;
  background-size: contain;
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .connect-right-left {
      width: 453px;
      height: 113px; } }

.connect-right-left-small {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/connect-right-left-small.png) no-repeat 0 0;
  width: 253px;
  height: 112px;
  display: block;
  background-size: contain;
  margin: 0 auto; }

.stars--gen {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/stars.png) no-repeat 0 0;
  width: 19px;
  height: 24px;
  display: block;
  background-size: contain;
  position: absolute; }
  .stars--gen.stars--left {
    left: 35px;
    top: 40px; }
  .stars--gen.stars--right {
    right: 35px;
    top: 15px; }

.pc-meetings {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/pc-meetings.png) no-repeat 0 0;
  width: 280px;
  height: 220px;
  display: inline-block;
  background-size: contain;
  margin-top: 30px; }
  @media only screen and (min-width: 700px) {
    .pc-meetings {
      width: 447px;
      height: 350px;
      margin-top: -50px; } }

.video-full {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/video-full.png) no-repeat 0 0;
  width: 294px;
  height: 281px;
  display: inline-block;
  background-size: contain;
  margin-top: 0; }
  @media only screen and (min-width: 700px) {
    .video-full {
      margin-top: -100px; } }

.i-meet-pcs {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/i-meet-pcs.png) no-repeat 0 0;
  width: 265px;
  height: 182px;
  display: block;
  background-size: contain;
  margin: 30px auto 0; }
  @media only screen and (min-width: 700px) {
    .i-meet-pcs {
      width: 537px;
      height: 352px;
      margin-top: -40px; } }

.i-meet-mobile {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/i-meet-mobile.png) no-repeat 0 0;
  width: 252px;
  height: 194px;
  display: block;
  background-size: contain;
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .i-meet-mobile {
      width: 502px;
      height: 384px;
      margin-left: -50px;
      margin-top: -140px; } }

.phone-circles {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/phone-circles.png) no-repeat 0 0;
  width: 271px;
  height: 267px;
  display: block;
  background-size: contain;
  margin: 30px auto 0; }
  @media only screen and (min-width: 700px) {
    .phone-circles {
      width: 351px;
      height: 377px;
      margin-top: -60px; } }

.imeetlife-hero {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/imeetlive-hero.png) no-repeat 0 0;
  width: 464px;
  height: 264px;
  display: inline-block;
  background-size: contain;
  margin-top: -10px;
  margin-right: -40px; }

.cloudbased-webcasting {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/cloudbased-webcasting.png) no-repeat 0 0;
  width: 431px;
  height: 221px;
  display: inline-block;
  background-size: contain;
  margin-top: -50px; }

.imeet-two {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/imeet-2.png) no-repeat 0 0;
  width: 464px;
  height: 362px;
  display: inline-block;
  background-size: contain;
  margin-top: -30px;
  margin-right: -60px; }

.imeet-center {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/imeet-center.png) no-repeat 0 0;
  width: 949px;
  height: 242px;
  display: block;
  margin: 0 auto;
  background-size: contain; }

.custom-branding {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/custom-branding.png) no-repeat 0 0;
  width: 537px;
  height: 292px;
  display: inline-block;
  background-size: contain;
  margin-top: -60px; }

.imeet-pc-flat {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/imeet-pc-flat.png) no-repeat 0 0;
  width: 421px;
  height: 270px;
  display: block;
  background-size: contain;
  margin-top: -60px; }

.arrow-left-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/arrow-left.png) no-repeat 0 0;
  width: 24px;
  height: 78px;
  display: block;
  background-size: contain;
  position: absolute;
  bottom: -20px;
  right: 10px; }
  @media only screen and (min-width: 700px) {
    .arrow-left-img {
      bottom: -70px;
      right: 260px; } }

.ask-icon-img {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/ask-icon.png) no-repeat;
  display: block;
  width: 325px;
  height: 325px;
  background-size: contain;
  position: relative;
  left: -104px; }

.sprite-plan {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/gopro/windows-icon-sprite.png) no-repeat;
  display: block;
  width: 50px;
  height: 50px; }
  .sprite-plan.windows-sprite {
    background-position: 10px x; }
  .sprite-plan.www-sprite {
    background-position: -55px 0; }
  .sprite-plan.call-sprite {
    background-position: -125px 0; }
  .sprite-plan.mobile-sprite {
    background-position: -190px 0; }
  .sprite-plan.message-sprite {
    background-position: -260px 0; }
  .sprite-plan.ever-sprite {
    background-position: -330px 0; }
  .sprite-plan.cicle-sprite {
    background-position: -400px 0; }
  .sprite-plan.cloud-sprite {
    background-position: -470px 0; }

.tabs--pro,
.section--white {
  font-family: "Open Sans", serif; }
  .tabs--pro h1,
  .section--white h1 {
    font-size: 26px;
    color: #4f5d73;
    font-weight: 300; }
    @media only screen and (min-width: 700px) {
      .tabs--pro h1,
      .section--white h1 {
        font-size: 36px; } }

.tabs--pro h2,
.section--white h2 {
  color: #4f5d73;
  font-size: 23px;
  font-weight: 300;
  text-align: center; }
  @media only screen and (min-width: 700px) {
    .tabs--pro h2,
    .section--white h2 {
      font-size: 30px;
      text-align: left; } }

.tabs--pro p {
  font-size: 16px;
  color: #4f5d73; }

.section--white {
  background: white;
  padding: 88px 10px;
  text-align: center;
  margin: 30px -10px 0px; }
  .section--white p {
    font-size: 16px;
    color: #4f5d73; }
  .section--white .btn,
  .section--white .upload-avatar__input {
    color: #FFFFFF; }

.section--plans {
  padding: 80px 0 0;
  border-top: 1px solid #e5e5e5;
  text-align: center; }
  .section--plans h2 {
    color: #4f5d73;
    font-size: 20px; }
  .section--plans h3 {
    font-size: 20px;
    text-align: left;
    color: #4f5d73; }
  .section--plans h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    color: #4f5d73; }
  .section--plans p {
    font-size: 14px;
    text-align: left;
    color: #4f5d73; }
  .section--plans .media__img {
    display: inline-block;
    margin: 0 auto;
    float: none; }
  .section--plans .media__body {
    margin-bottom: 20px; }

@media only screen and (min-width: 800px) {
  .section--plans {
    text-align: left; }
    .section--plans .media__img {
      float: left; } }

.checkbox-horizontal .list--horizontal--top {
  overflow: inherit;
  position: relative; }
  .checkbox-horizontal .list--horizontal--top li {
    margin: 10px 0;
    width: 22.5%; }
    .checkbox-horizontal .list--horizontal--top li:nth-child(4n + 1) {
      width: 30%; }
      .checkbox-horizontal .list--horizontal--top li:nth-child(4n + 1) label {
        text-align: left; }
    .checkbox-horizontal .list--horizontal--top li:nth-child(4n + 0) {
      text-align: right; }
    .checkbox-horizontal .list--horizontal--top li label {
      display: block;
      text-align: right; }
      .checkbox-horizontal .list--horizontal--top li label input[type="checkbox"] {
        display: inline-block;
        margin-right: 8px; }
  .checkbox-horizontal .list--horizontal--top.mobile-post-group i.right-ic {
    display: none; }

@media only screen and (max-width: 450px) {
  .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:nth-child(2),
  .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:nth-child(3) {
    width: 48%; }
  .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:nth-child(4) {
    display: block;
    width: 100%; }
  .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:nth-child(4) {
    display: block;
    width: 100%; }
  .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:nth-child(4) label {
    width: 100%; } }

@media only screen and (max-width: 800px) {
  .checkbox-horizontal .list--horizontal--top.mobile-post-group {
    margin-bottom: 5px;
    display: table;
    width: 100%; }
    .checkbox-horizontal .list--horizontal--top.mobile-post-group > li {
      display: none;
      width: 32%;
      margin: 15px 0;
      padding-left: 10px;
      float: left; }
      .checkbox-horizontal .list--horizontal--top.mobile-post-group > li:first-child {
        display: block;
        width: 100%; }
    .checkbox-horizontal .list--horizontal--top.mobile-post-group ~ .separator,
    .checkbox-horizontal .list--horizontal--top.mobile-post-group ~ .separator--center {
      display: none; }
    .checkbox-horizontal .list--horizontal--top.mobile-post-group.check {
      border: 1px solid #F4F4F8;
      border-radius: 3px; }
      .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li {
        margin: 10px 0;
        display: inline-block;
        float: left; }
        .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li > label {
          text-align: left; }
        .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:first-child {
          display: block;
          position: relative; }
          .checkbox-horizontal .list--horizontal--top.mobile-post-group.check > li:first-child i.right-ic {
            position: absolute;
            right: 11px;
            left: auto;
            display: block;
            font-size: 18px; } }

.modal--share .text--share {
  display: inline-block; }

.modal--share .text--show-news {
  display: none; }

.modal--show-news .text--share {
  display: none; }

.modal--show-news .text--show-news {
  display: inline-block; }

.invite--image {
  display: none;
  width: 370px;
  height: 195px;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 500px) {
    .invite--image {
      display: block; } }
  @media only screen and (min-width: 700px) {
    .invite--image {
      height: 270px; } }

.invite--box {
  background: transparent;
  bottom: auto;
  border-radius: 4px;
  position: absolute;
  left: 10px;
  margin-bottom: 20px;
  right: 10px;
  top: 0; }
  @media only screen and (min-width: 500px) {
    .invite--box {
      background: #FFF no-repeat;
      background-size: contain; } }
  @media only screen and (min-width: 700px) {
    .invite--box {
      bottom: auto;
      left: auto;
      max-width: 720px;
      right: 20px;
      z-index: 14; } }
  .invite--box h3 {
    color: #0aa1d8; }
  .invite--box .modal-wrapper-close {
    top: 33px; }
    @media only screen and (min-width: 500px) {
      .invite--box .modal-wrapper-close {
        top: 20px; } }
  .invite--box .close {
    display: none; }
    @media only screen and (min-width: 760px) {
      .invite--box .close {
        display: block; } }

.invite-box__content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  text-align: center;
  padding: 12px; }
  @media only screen and (min-width: 500px) {
    .invite-box__content {
      border-radius: 0 4px 4px 0; } }
  @media only screen and (min-width: 700px) {
    .invite-box__content {
      background: transparent; } }

.invite--box-wrapper {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 55px; }

.invite-response-heading {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  color: #39414d; }

.flexslider--boarding {
  position: absolute;
  top: 0;
  height: 100%;
  background: transparent;
  border: none;
  z-index: 99999;
  width: 100%;
  margin: 0; }
  .flexslider--boarding .flex-viewport {
    height: 100%; }
  .flexslider--boarding .slides {
    height: 100%; }
    .flexslider--boarding .slides li {
      height: auto; }

.flex-active-slide {
  height: 100% !important; }

.flexslider--boarding .slides > li {
  background: rgba(29, 32, 38, 0.93); }

.flexslider--boarding .slide__move-top {
  margin-top: 55px; }

.flexslider--boarding .flex-control-paging li a {
  background: rgba(255, 255, 255, 0.2);
  width: 9px;
  height: 9px; }
  .flexslider--boarding .flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.9); }
  .flexslider--boarding .flex-control-paging li a.flex-active {
    background: #FFFFFF; }

.flexslider--boarding .flex-control-nav {
  bottom: auto;
  width: auto;
  transition: 0.5s opacity ease;
  opacity: 1; }
  .flexslider--boarding .flex-control-nav.flex--disappear {
    opacity: 0;
    transition: 0.5s opacity ease; }

.boarding--content {
  color: white; }
  .boarding--content .wrapper {
    padding: 60px 0; }
  .boarding--content .title--icon {
    font-size: 26px;
    font-family: 'Architects Daughter', cursive;
    font-weight: normal; }
    .boarding--content .title--icon i {
      font-size: 17px;
      color: #0aa1d8; }
  .boarding--content .title--gray {
    color: #d6d8e3; }
  .boarding--content .btn i,
  .boarding--content .upload-avatar__input i {
    font-size: 10px; }
  .boarding--content .boarding--no-font {
    font-family: 'Open Sans', sans-serif; }
    .boarding--content .boarding--no-font .link--blue {
      color: #0aa1d8; }

.arrow--right-down {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow-right-down.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 15px;
  top: 38px;
  width: 69px;
  height: 69px; }

.arrow--right-up-small {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow-right-up-small.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 34px;
  height: 49px; }

.arrow--right-high {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow--right--high.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 30px; }

.arrow--right-low {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow--right--low.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 30px; }

.arrow--left-low {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow--left--low.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 310px;
  top: 260px;
  width: 60px;
  height: 50px; }

.arrow--straight-left {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow--straight-left.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 49px;
  height: 17px; }

.arrow--straight-right {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/arrow--straight-right.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 49px;
  height: 17px; }

.button-menu-up {
  display: block;
  position: absolute;
  right: -9px;
  top: -60px;
  width: 60px;
  height: 60px; }

.step-two--left {
  position: relative;
  top: 160px; }
  .step-two--left .number--list {
    top: 50px;
    left: -7px; }
  .step-two--left .arrow--right-low {
    top: 90px; }

.step-five--relative {
  position: relative;
  top: 160px;
  right: 30px; }
  .step-five--relative .arrow--straight-left {
    right: 110px;
    top: -20px;
    left: auto; }
  .step-five--relative .number--list {
    right: 55px;
    left: auto;
    top: -25px; }
  .step-five--relative .arrow--straight-right {
    right: -25px;
    top: -19px; }
  .step-five--relative .arrow--right-low {
    top: 90px;
    left: -10px; }

.step--six-right {
  position: absolute;
  top: 0;
  right: 0; }

.step--seven-relative {
  position: relative;
  top: 0; }

.step--seven-circle {
  position: relative; }
  .step--seven-circle .arrow--right-low {
    position: absolute;
    right: 340px;
    left: auto;
    width: 70px;
    height: 60px; }
  .step--seven-circle .image--circle-seven {
    position: absolute;
    right: 150px; }

.step--eight-absolute {
  position: absolute;
  top: -38px;
  right: -123px; }

.list--steps-two .number--list {
  top: 0;
  left: 0; }

.step--one-access {
  position: absolute;
  top: 60px;
  right: 10px;
  width: 300px; }

.image--step-one {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-1.png) no-repeat;
  background-size: contain;
  width: 330px;
  height: 93px;
  display: block;
  float: right;
  margin-right: -20px; }

.image--step-two {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-2.png) no-repeat;
  background-size: contain;
  width: calc( 100% - 60px);
  height: 100vh;
  display: block;
  margin-left: 60px; }

.image--step-three {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-3.png) no-repeat;
  background-size: contain;
  width: 640px;
  height: 340px;
  display: block; }

.image--step-four {
  background-repeat: no-repeat;
  background-size: contain;
  width: 390px;
  height: 550px;
  display: block; }

.image--step-five {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-5.png) no-repeat;
  background-size: contain;
  width: 657px;
  height: 291px;
  display: block;
  margin-top: 55px;
  margin-left: 50px; }

.image--step-six {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-6.png) no-repeat;
  background-size: contain;
  width: 246px;
  height: 1035px;
  display: block; }

.image--step-seven img {
  width: 100%;
  display: block; }

.image--circle-seven {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-7-zoomed.png) no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  display: block; }

.image--step-eight {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/on-boarding/step-8.png) no-repeat;
  background-size: contain;
  width: 836px;
  height: 421px;
  display: block; }

.number--list {
  border-radius: 50%;
  background: #0aa1d8;
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  position: absolute;
  text-align: center;
  left: -10px;
  top: 20px; }

.number--list2 {
  border-radius: 50%;
  background: #0aa1d8;
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  text-align: center;
  left: 10px;
  top: 20px; }

.box-size {
  height: 150px;
  width: 350px;
  margin-right: 300px !important; }

.box-size2 {
  height: 150px;
  width: 350px;
  margin-right: 400px !important; }

.edit-post {
  position: relative; }
  .edit-post .editable-post,
  .edit-post .show-box {
    display: none;
    transition: opacity 0.5s ease-in;
    opacity: 0; }
  .edit-post .static-post {
    transition: opacity 0.5s ease-in;
    opacity: 1;
    color: #1d2026; }
  .edit-post .editable-post {
    border-radius: 4px; }
    .edit-post .editable-post textarea.input--text, .edit-post .editable-post textarea.selectize-input {
      border: 2px solid #0aa1d8; }
  .edit-post .spinner-box {
    position: absolute;
    text-align: center;
    top: 29%;
    width: 100%; }

.edit-post__editable .post__content .static-post {
  display: none;
  opacity: 0; }

.edit-post__editable .editable-post,
.edit-post__editable .show-box {
  opacity: 1;
  display: block; }

.controls-editable {
  position: absolute;
  top: 10px;
  right: 10px; }
  .controls-editable a {
    padding: 5px;
    background: #000000;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer; }

.footer-attachment {
  border-radius: 0 0 4px 4px; }
  .footer-attachment .media p {
    color: #0aa1d8; }

.splash--filter {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  display: block;
  transition: opacity 0.5s ease, z-index 0.8s ease;
  cursor: pointer; }
  .splash--filter .icon-round {
    position: relative;
    display: block;
    left: calc(50% - 55px);
    top: calc(50% - 55px);
    background: #23A1D6;
    border-radius: 50%;
    padding: 10px;
    width: 110px;
    height: 110px;
    color: #FFF;
    text-align: center; }
    .splash--filter .icon-round > i {
      font-size: 60px;
      position: relative;
      top: 15px; }
  .splash--filter p {
    position: relative;
    top: calc(45% - 10px);
    font-size: 20px;
    color: #000;
    font-weight: 100; }
  @media only screen and (max-width: 800px) {
    .splash--filter .show-splash {
      opacity: 1;
      z-index: 1000; } }

.tiktok-video {
  margin: 0;
  left: 0;
  right: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 265px; }

a.tag-click {
  color: #0aa1d8; }

.media-lightbox-modal a.tag-click {
  color: #0aa1d8; }

@media screen and (min-width: 801px) {
  .media-lightbox-modal wt-truncate-text .truncated-text {
    overflow-y: auto;
    display: block; }
    .media-lightbox-modal wt-truncate-text .truncated-text.full-text {
      min-height: 230px; } }

.media-lightbox-modal .arrow-previous {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 100px;
  position: absolute;
  top: 49%;
  left: -12px;
  transform: translateY(-50%);
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/lightbox-news-prev-arrow-icon.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  object-fit: contain;
  z-index: 1; }
  .media-lightbox-modal .arrow-previous:hover {
    opacity: 1; }

.media-lightbox-modal .arrow-next {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 100px;
  position: absolute;
  top: 49%;
  right: -12px;
  transform: translateY(-50%);
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/lightbox-news-next-arrow-icon.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  object-fit: contain; }
  .media-lightbox-modal .arrow-next:hover {
    opacity: 1; }

.media-lightbox-modal .modal-viewer .modal-dialog2 {
  width: calc(100% - 163px); }
  .media-lightbox-modal .modal-viewer .modal-dialog2 #media-lightbox-wrapper {
    height: calc(100% - 35px);
    width: 99.5%; }
    @media only screen and (min-width: 800px) {
      .media-lightbox-modal .modal-viewer .modal-dialog2 #media-lightbox-wrapper {
        width: 92vw; } }
  .media-lightbox-modal .modal-viewer .modal-dialog2 .media-lightbox-wrapper .viewer__main {
    display: table-cell;
    max-width: calc(100vw - 380px);
    width: 100%; }
  .media-lightbox-modal .modal-viewer .modal-dialog2 .media-lightbox-wrapper .viewer__sidebar {
    min-width: 314px; }

#profileMediaDescription {
  border: 1px solid #d8d6e0;
  color: #1d2026;
  width: 100%;
  height: 156px;
  font-size: 13px;
  resize: none;
  outline: none;
  overflow-y: auto;
  padding: 13px 16px 13px 16px; }
  #profileMediaDescription:focus {
    box-shadow: none; }

.no-borders {
  border: none; }

.morecontent {
  color: #0aa1d8; }

.tagged-user-info {
  color: #0aa1d8; }

.topBtn a {
  color: #0aa1d8; }

#profileMediaDescription::-webkit-scrollbar {
  width: 5px; }

#profileMediaDescription::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px; }

#profileMediaDescription::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dcdfe5; }

.lightbox-description-btn-wrapper {
  margin-top: 13px;
  display: flex;
  padding-bottom: 20px; }
  .lightbox-description-btn-wrapper .lightbox-cancel-description-edit {
    width: 50%;
    line-height: 41px;
    border-radius: 100px;
    border: solid 1px #0aa1d8;
    background-color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #0aa1d8;
    text-align: center;
    text-decoration: none;
    margin-right: 6.5px; }
  .lightbox-description-btn-wrapper .lightbox-update-description {
    width: 50%;
    line-height: 41px;
    border-radius: 100px;
    border: solid 1px #0aa1d8;
    background-color: #0aa1d8;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    margin-left: 6.5px; }

@media only screen and (max-width: 600px) {
  .media-lightbox-modal .arrow-previous {
    display: none; }
  .media-lightbox-modal .arrow-next {
    display: none; }
  .news-nav-wrapper {
    display: flex;
    border: 1px solid #d8dbe7;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #e7e7e9; }
    .news-nav-wrapper .previous-post-btn {
      width: 50%;
      height: 49px;
      border-right: 1px solid #d8dbe7;
      display: flex;
      text-decoration: none; }
      .news-nav-wrapper .previous-post-btn .arrow-previous {
        width: 33px;
        height: 33px;
        border-radius: 100px;
        position: relative;
        top: 8px;
        background-color: #ffffff;
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/lightbox-news-prev-arrow-icon.svg);
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        object-fit: contain; }
        .news-nav-wrapper .previous-post-btn .arrow-previous:hover {
          opacity: 1; }
      .news-nav-wrapper .previous-post-btn span {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #1d2026;
        position: relative;
        top: 19px;
        left: 10px; }
    .news-nav-wrapper .next-post-btn {
      width: 50%;
      height: 49px;
      text-decoration: none; }
      .news-nav-wrapper .next-post-btn .arrow-next {
        width: 33px;
        height: 33px;
        border-radius: 100px;
        position: relative;
        top: 8px;
        background-color: #ffffff;
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/lightbox-news-next-arrow-icon.svg);
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        object-fit: contain;
        float: right; }
        .news-nav-wrapper .next-post-btn .arrow-next:hover {
          opacity: 1; }
      .news-nav-wrapper .next-post-btn span {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #1d2026;
        position: relative;
        top: 19px;
        right: 10px;
        float: right; } }

.viewer .viewer__main video {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 100%;
  max-height: 80vh; }
  @media only screen and (max-width: 500px) {
    .viewer .viewer__main video {
      height: 100%; } }

.viewer .viewer__main video.loading {
  width: auto;
  height: auto;
  margin: auto;
  width: 150px;
  height: 150px; }

.modal-container4.lightbox .text-one-line-restriction {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }
  @media only screen and (max-width: 350px) {
    .modal-container4.lightbox .text-one-line-restriction {
      max-width: 200px; } }

@media only screen and (max-width: 800px) {
  .modal-container4.lightbox .modal-content {
    height: 100%; } }

.modal-container4.lightbox.noScroll {
  /* ...or body.dialogShowing */
  overflow: hidden; }

@media only screen and (max-width: 800px) {
  .modal-container4.lightbox.noScroll {
    /* ...or body.dialogShowing */
    overflow: auto; } }

.modal-container4.lightbox .modal {
  top: 0px;
  overflow: hidden; }
  @media only screen and (min-width: 800px) {
    .modal-container4.lightbox .modal {
      height: calc(100% - 0px); } }
  .modal-container4.lightbox .modal .modal-viewer .viewer .viewer__main .show-area img {
    max-height: calc(100% - 0px);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute; }
    @media only screen and (max-width: 800px) {
      .modal-container4.lightbox .modal .modal-viewer .viewer .viewer__main .show-area img {
        max-height: 100%; } }
    .modal-container4.lightbox .modal .modal-viewer .viewer .viewer__main .show-area img.file-download-loading {
      width: 50px;
      top: 100px; }
      @media only screen and (max-width: 800px) {
        .modal-container4.lightbox .modal .modal-viewer .viewer .viewer__main .show-area img.file-download-loading {
          top: 0px; } }

.modal-container4.lightbox .comments__lists .dropdown-box-new:first-child, .modal-container4.lightbox .comments__lists .dropdown-box-new:last-child {
  top: -7px !important;
  left: -137px; }

.modal-container4.lightbox .comments__lists .dropdown-box-new:first-child::before, .modal-container4.lightbox .comments__lists .dropdown-box-new:last-child::before {
  width: 0 !important;
  height: 7px !important;
  border-style: solid !important;
  border-width: 5px 0px 5px 7px !important;
  right: -7px !important;
  top: 12px !important;
  border-color: transparent transparent transparent #1d2026 !important; }

.modal-container4.lightbox .comments__lists .list--share .like-desk a .icon {
  margin-right: -6px; }
  .modal-container4.lightbox .comments__lists .list--share .like-desk a .icon.private-link {
    margin-right: 0px; }

.modal-container4.lightbox cwt-youtube-i-frame ifrmae {
  max-width: 100%; }

.modal-container4.lightbox.modal-connection-management .modal, .modal-container4.lightbox.media-share-dialog .modal {
  overflow-y: auto; }

.modal-container4.edit-comment-media-attachment .modal-content .modal__content {
  margin-top: 90px; }
  @media only screen and (max-width: 500px) {
    .modal-container4.edit-comment-media-attachment .modal-content .modal__content {
      margin-top: 0px; } }

.edit-comment-media-attachment .modal .modal-dialog .modal__content {
  width: 500px;
  margin-top: 230px;
  width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 500px) {
    .edit-comment-media-attachment .modal .modal-dialog .modal__content {
      margin-top: 224px;
      width: 100%;
      top: 0px;
      left: 50%;
      transform: translate(-50%, -50%); } }

@media only screen and (max-width: 500px) {
  .edit-comment-media-attachment .modal .modal-dialog {
    margin-top: 0px;
    width: 100%; } }

wt-media-light-box-component {
  min-height: 107px; }
  wt-media-light-box-component .youtube.media-nav-dots {
    bottom: 55px; }
  wt-media-light-box-component .media-nav-dots {
    display: block;
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    height: 20px;
    z-index: 2; }
    wt-media-light-box-component .media-nav-dots .dot {
      display: inline-block;
      height: 7px;
      width: 7px;
      margin-right: 10px;
      background-color: #454747;
      border-radius: 50%;
      cursor: pointer; }
      wt-media-light-box-component .media-nav-dots .dot.loading-media {
        background-color: #fff; }
  wt-media-light-box-component .viewer .tagged-user-info:hover {
    text-decoration: underline; }
  wt-media-light-box-component .viewer .viewer__sidebar {
    padding: 32px 20px 20px 20px;
    background-color: #fff; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .viewer .viewer__sidebar {
        padding: 32px 0px 20px 0px; }
        wt-media-light-box-component .viewer .viewer__sidebar.soft-half--ends {
          overflow: scroll;
          display: inline-block;
          min-height: 370px;
          margin-top: 10px; } }
    wt-media-light-box-component .viewer .viewer__sidebar .description {
      font-family: "Open Sans";
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #39414d;
      padding-left: 5px; }
    wt-media-light-box-component .viewer .viewer__sidebar .box-comments {
      padding: 0px;
      margin: 0px;
      border: 0px; }
    wt-media-light-box-component .viewer .viewer__sidebar #comments-wrapper {
      padding: 0px;
      width: 100%;
      max-width: 100%;
      display: inline-block;
      z-index: 10000;
      margin-right: 9px !important;
      background-color: #fff;
      border: 0px; }
    wt-media-light-box-component .viewer .viewer__sidebar .cmt-container {
      height: 100%; }
    wt-media-light-box-component .viewer .viewer__sidebar .list-buttons {
      border-top: 1px solid #d8dbe7;
      padding-top: 10px !important; }
    @media only screen and (min-width: 801px) {
      wt-media-light-box-component .viewer .viewer__sidebar .close-viewer {
        top: 10px;
        right: 10px; }
        wt-media-light-box-component .viewer .viewer__sidebar .close-viewer.close-icon-lt {
          left: 20px;
          top: 20px; } }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .viewer .viewer__sidebar .close-viewer {
        height: 40px;
        background-color: #1D2026; }
        wt-media-light-box-component .viewer .viewer__sidebar .close-viewer.close-icon-lt {
          position: absolute;
          left: 4px;
          top: -25px;
          background-color: #fff;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          padding: 7px 0px 0px 5px;
          z-index: 10000;
          text-align: center; } }
  wt-media-light-box-component .input--text {
    border-radius: 20px; }
    wt-media-light-box-component .input--text:focus, wt-media-light-box-component .input--text:focus-within {
      outline: none;
      box-shadow: none; }
  @media only screen and (min-width: 801px) {
    wt-media-light-box-component {
      height: 100%;
      display: table; }
      wt-media-light-box-component .viewer .viewer__main {
        height: 100%;
        display: table;
        width: calc(100vw - 380px); }
      wt-media-light-box-component .viewer .viewer__sidebar {
        width: 330px !important;
        padding: 32px 20px 20px 20px;
        max-width: 330px; } }
  wt-media-light-box-component #lightbox-list--comments {
    display: table; }
  wt-media-light-box-component .lightbox-list--comments {
    display: table;
    border-left: 0px;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    wt-media-light-box-component .lightbox-list--comments::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      border-radius: 10px; }
    wt-media-light-box-component .lightbox-list--comments::-webkit-scrollbar-track {
      background: #fff;
      box-shadow: inset 0 0 5px white;
      border-radius: 15px; }
    wt-media-light-box-component .lightbox-list--comments::-webkit-scrollbar-thumb {
      background: #cfd4db; }
    wt-media-light-box-component .lightbox-list--comments::-webkit-scrollbar-thumb:hover {
      background: #c4c4c4; }
  wt-media-light-box-component .js-comments-box .btncontrols .comments__date a {
    padding-bottom: 2px !important; }
  wt-media-light-box-component .js-comments-box .comments__date {
    min-height: 25px; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .js-comments-box .comments__date {
        margin-right: 3px; } }
    wt-media-light-box-component .js-comments-box .comments__date .txtOnOneLine {
      padding: 5px 10px 0px 10px; }
    wt-media-light-box-component .js-comments-box .comments__date .datetime {
      padding-right: 10px; }
    wt-media-light-box-component .js-comments-box .comments__date .controls {
      min-height: 30px; }
  wt-media-light-box-component .comments__lists-item {
    padding: 0px 10px 0px 0px;
    margin-bottom: -2px; }
    wt-media-light-box-component .comments__lists-item .comments_data_area {
      padding-left: 0px !important; }
    wt-media-light-box-component .comments__lists-item .media--small .media__img {
      width: 30px;
      height: 30px; }
    wt-media-light-box-component .comments__lists-item .tagged-user-info:hover {
      text-decoration: underline; }
  wt-media-light-box-component wt-floating-dropdown-handler {
    right: -5px;
    top: 10px;
    margin-top: 16px; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component wt-floating-dropdown-handler {
        right: -5px; } }
  wt-media-light-box-component .comments-outer-padding-layer {
    padding: 10px; }
    wt-media-light-box-component .comments-outer-padding-layer .descBody {
      padding-left: 5px;
      margin-left: 45px; }
    wt-media-light-box-component .comments-outer-padding-layer .cmt--time {
      padding-left: 0px;
      padding-right: 13px; }
      @media only screen and (max-width: 800px) {
        wt-media-light-box-component .comments-outer-padding-layer .cmt--time {
          margin-right: 12px; } }
  wt-media-light-box-component .comments__comment {
    padding-top: 12px;
    padding-bottom: 15px; }
    wt-media-light-box-component .comments__comment .cmt-job-title {
      display: grid; }
    wt-media-light-box-component .comments__comment wt-truncate-text {
      padding: 0px; }
      wt-media-light-box-component .comments__comment wt-truncate-text .shortText {
        padding-top: 5px;
        word-break: break-word; }
        wt-media-light-box-component .comments__comment wt-truncate-text .shortText span {
          display: grid; }
          wt-media-light-box-component .comments__comment wt-truncate-text .shortText span a {
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 90%; }
            wt-media-light-box-component .comments__comment wt-truncate-text .shortText span a .taguser {
              display: inline; }
  wt-media-light-box-component .commentBoxTextAreaClass {
    width: calc(100% - 70px);
    word-break: break-word;
    background-color: #F4F5F6; }
    wt-media-light-box-component .commentBoxTextAreaClass:focus-within {
      background-color: #ffffff;
      outline: 0; }
    wt-media-light-box-component .commentBoxTextAreaClass.input--text {
      background-color: #F4F5F6; }
      wt-media-light-box-component .commentBoxTextAreaClass.input--text:focus, wt-media-light-box-component .commentBoxTextAreaClass.input--text:focus-within {
        background-color: #ffffff;
        outline: 0; }
  @media only screen and (max-width: 800px) {
    wt-media-light-box-component {
      background-color: #f3f4f9;
      display: block;
      width: 100%;
      height: 100%; }
      wt-media-light-box-component .comments__comment {
        padding-top: 12px; }
      wt-media-light-box-component .modal-viewer .viewer .viewer__main .show-area {
        min-height: 40%; }
      wt-media-light-box-component .comments__lists-item--reply .comments__box .grid--narrow {
        width: calc(100% + 5px); }
      wt-media-light-box-component .commentBoxTextAreaClass {
        width: auto; }
      wt-media-light-box-component .replycommentLi {
        padding-left: 32px !important; }
        wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv {
          padding-left: 7px;
          width: calc(100% - 42px) !important;
          margin-left: 4px !important; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      wt-media-light-box-component .replycommentLi .cmt-post-box wt-tagging-box .inputs {
        width: calc(100% - 1px);
        margin: 1px 0px 0px 0px; } }
  @media only screen and (max-width: 800px) {
      wt-media-light-box-component .comments__lists-item--reply .comments-outer-padding-layer {
        padding-left: 62px; } }
  @media only screen and (max-width: 800px) and (max-width: 800px) {
    wt-media-light-box-component .comments__lists-item--reply .comments__date {
      margin-right: 0px; } }
  @media only screen and (max-width: 800px) {
      wt-media-light-box-component .comments_data_area {
        padding-left: 0px; } }
  wt-media-light-box-component .comments__date.controls {
    line-height: 8px; }
    wt-media-light-box-component .comments__date.controls .js-edit-comment {
      padding: 0px;
      line-height: 10px; }
    wt-media-light-box-component .comments__date.controls .deleteIcon.txtOnOneLine {
      padding: 0px;
      line-height: 10px; }
  wt-media-light-box-component .comments__comment-link {
    display: block;
    overflow: hidden;
    max-width: calc( 100% - 70px);
    white-space: inherit; }
    @media only screen and (max-width: 600px) {
      wt-media-light-box-component .comments__comment-link {
        white-space: nowrap; } }
  @media only screen and (max-width: 600px) and (max-width: 320px) {
    wt-media-light-box-component .comments__comment-link {
      max-width: 170px; } }
  wt-media-light-box-component .media-footer.island.list--share__mobile {
    padding: 20px;
    padding-bottom: 0px; }
  wt-media-light-box-component .media-footer {
    padding: 15px 0px 20px 0px;
    border-top: 1px solid #eeeff1;
    background-color: #fff;
    margin: 0px 0px; }
    wt-media-light-box-component .media-footer.remove-border {
      border: none; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .media-footer {
        padding: 0px 0px;
        margin: 0px 10px; } }
    wt-media-light-box-component .media-footer .post-icons-list.lightbox {
      display: flex;
      width: 100%; }
      wt-media-light-box-component .media-footer .post-icons-list.lightbox li {
        width: calc(100%/3); }
        wt-media-light-box-component .media-footer .post-icons-list.lightbox li.liked-desk {
          width: 33.333%; }
        wt-media-light-box-component .media-footer .post-icons-list.lightbox li.comment-desk {
          width: 33.333%; }
        wt-media-light-box-component .media-footer .post-icons-list.lightbox li.shared-desk {
          width: 30.333%;
          position: relative; }
          wt-media-light-box-component .media-footer .post-icons-list.lightbox li.shared-desk a {
            position: absolute;
            right: 0px; }
        wt-media-light-box-component .media-footer .post-icons-list.lightbox li a .icon {
          font-size: 14px;
          background-size: 16px;
          padding-left: 20px; }
          wt-media-light-box-component .media-footer .post-icons-list.lightbox li a .icon.icon-post-cmt {
            height: 16px;
            background-size: 16px; }
          wt-media-light-box-component .media-footer .post-icons-list.lightbox li a .icon.icon-post-share {
            height: 16px;
            background-size: 15px; }
    wt-media-light-box-component .media-footer .post-icons-list li a {
      font-size: 15px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      margin-right: 0px; }
      wt-media-light-box-component .media-footer .post-icons-list li a:hover .icon {
        color: #97a3ad; }
  wt-media-light-box-component .post-stats-info {
    display: block;
    width: 100%;
    height: 20px;
    padding: 5px 0px 12px 0px;
    margin-bottom: 22px; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .post-stats-info {
        padding-right: 10px; } }
    wt-media-light-box-component .post-stats-info .emojis {
      width: calc(32% - 10px);
      float: left;
      display: inline-block;
      text-align: left; }
      wt-media-light-box-component .post-stats-info .emojis .emoji-count.true {
        margin-left: -2px;
        color: #0aa1d8;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer; }
    wt-media-light-box-component .post-stats-info .post-stats-panel {
      width: calc( 72% - 10px);
      font-size: 11px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.48;
      letter-spacing: normal;
      color: #647287;
      display: inline-block;
      float: right;
      text-align: right; }
      wt-media-light-box-component .post-stats-info .post-stats-panel span {
        cursor: pointer; }
  wt-media-light-box-component .tagging-form-control {
    word-break: break-all; }
  wt-media-light-box-component .comments-wrapper .attach-button {
    margin-right: 18px !important; }
  wt-media-light-box-component .user_hover_panel {
    padding: 0px; }
  wt-media-light-box-component .show-more-comments {
    padding-left: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    @media only screen and (max-width: 800px) {
      wt-media-light-box-component .show-more-comments {
        padding: 5px 5px 5px 22px; } }
  wt-media-light-box-component .show-more-comments.reply {
    padding-left: 0px;
    padding-top: 5px;
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  wt-media-light-box-component .replycommentLi {
    padding-top: 0px; }
    wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv {
      padding-left: 0px !important;
      width: calc( 100% - 44px);
      margin-left: 10px; }
      wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv .input--text, wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv wt-clear-field-trigger {
        border: none;
        outline: none; }
        wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv .input--text:focus, wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv .input--text:focus-within, wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv wt-clear-field-trigger:focus, wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv wt-clear-field-trigger:focus-within {
          outline: none; }
  wt-media-light-box-component .addCommentReplyBox {
    margin-top: 10px !important;
    margin-left: 32px; }
    wt-media-light-box-component .addCommentReplyBox wt-tagging-box .input--text {
      max-height: 60px;
      word-break: break-all;
      padding: 6px 12px; }
    @media only screen and (max-width: 801px) {
      wt-media-light-box-component .addCommentReplyBox {
        margin-left: 10px;
        margin-right: 8px; } }
  wt-media-light-box-component .comments__lists-item {
    padding-bottom: 0px; }
  @media only screen and (min-width: 801px) {
    wt-media-light-box-component .replycommentLi {
      padding-left: 10px; } }
  @media only screen and (min-width: 801px) and (max-width: 360px) {
    wt-media-light-box-component .replycommentLi .mediaPopupReplyDiv {
      width: calc(84% - 35px) !important; } }
  @media only screen and (min-width: 801px) {
    wt-media-light-box-component .comments__lists-item--reply {
      padding-right: 20px !important; }
      wt-media-light-box-component .comments__lists-item--reply .comments-outer-padding-layer {
        padding-left: 62px !important; }
    wt-media-light-box-component #media-lightbox-modal .comments__lists-item--reply .media--thumb img {
      padding-right: 3px; }
    wt-media-light-box-component #media-lightbox-modal .comments_data_area .media--thumb img {
      padding-right: 3px;
      margin-top: 5px; }
    wt-media-light-box-component .mediaPopupReplyDiv {
      width: calc( 100% - 65px);
      padding-left: 10px;
      width: calc( 100% - 42px); } }
  wt-media-light-box-component .commentBoxTextAreaClass {
    width: 75%;
    font-size: 13px; }
  @media only screen and (max-width: 600px) {
    wt-media-light-box-component .lightbox__subtitle {
      margin-top: -4px;
      position: inherit; } }
  @media only screen and (max-width: 800px) {
    wt-media-light-box-component .commentBoxTextAreaClass {
      width: auto;
      margin-right: 10px;
      margin-left: 55px !important; }
    wt-media-light-box-component .comments-wrapper .media__img {
      margin-right: 0 !important; }
    wt-media-light-box-component .comments__lists-item--reply .media--thumb img {
      height: 100% !important;
      width: auto !important;
      max-height: 200px;
      max-width: calc(100% - 10px) !important; } }
  wt-media-light-box-component .add-new-cmt-row {
    margin: 0px 0px; }
  wt-media-light-box-component .reply-count-text.hidetop {
    margin-left: 80px; }

@media only screen and (max-width: 800px) {
  wt-lightbox-comment-data wt-comment-list {
    padding-left: 10px;
    background-color: #fff;
    padding-right: 5px; } }

wt-lightbox-comment-data wt-comment-list ul dvi.island {
  padding: 20px 20px 0px 20px; }

wt-lightbox-comment-data wt-comment-list ul .btncontrols {
  margin-top: -2px; }

wt-lightbox-comment-data .cmt-st-dd {
  margin-top: 5px; }

wt-lightbox-comment-data .reply-count-text {
  margin-left: 42px; }

.media-nav-rightarrow {
  background-image: url(/app/assets/images/icons/next-nav-arrow.svg);
  position: absolute;
  top: calc(50% - 23px);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(57, 64, 76, 0.9);
  right: 10px;
  height: 45px;
  width: 45px;
  cursor: pointer;
  z-index: 3000;
  border-radius: 50%;
  opacity: 0.7; }
  @media only screen and (max-width: 800px) {
    .media-nav-rightarrow {
      opacity: 1; } }
  .media-nav-rightarrow:hover {
    opacity: 1; }

.media-nav-leftarrow {
  background-image: url(/app/assets/images/icons/prev-nav-arrow.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-color: rgba(57, 64, 76, 0.9);
  top: calc(50% - 26px);
  left: 10px;
  height: 45px;
  width: 45px;
  cursor: pointer;
  z-index: 3000;
  opacity: 0.7; }
  @media only screen and (max-width: 800px) {
    .media-nav-leftarrow {
      opacity: 1; } }
  .media-nav-leftarrow:hover {
    opacity: 1; }

#media-lightbox-modal:focus {
  outline-width: 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal-container4.lightbox .modal .modal-viewer .viewer .viewer__main .show-area img {
    max-height: 900px !important;
    position: relative !important; }
  .modal-container4.lightbox .disable-comment-error-div {
    background-size: 17px;
    padding-left: 30px;
    color: #39404c;
    font-size: 14px;
    display: inline-block;
    background-position-x: 2px !important;
    background-repeat: no-repeat; }
  .viewer .viewer__actions {
    background: rgba(21, 24, 27, 0.85); } }

.lightboxerror {
  background-position: 0px 4px; }

@media only screen and (min-width: 800px) {
  .lightbox .modal .modal-xlg {
    height: calc(100% - 20px);
    margin-top: 20px; }
    .lightbox .modal .modal-xlg .media-lightbox-wrapper {
      height: 100%; }
      .lightbox .modal .modal-xlg .media-lightbox-wrapper .close-button-image {
        width: 18px;
        height: 18px;
        opacity: .3;
        transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        -webkit-transition: opacity .2s ease-out;
        -o-transition: opacity .2s ease-out; }
        .lightbox .modal .modal-xlg .media-lightbox-wrapper .close-button-image:hover {
          opacity: 1; } }

@media only screen and (max-width: 800px) {
  .lightbox .modal .modal-viewer .viewer .viewer__main {
    top: 10px; }
  .lightbox .modal .modal-viewer .viewer .icon-dropdown {
    position: absolute;
    right: 10px;
    top: -24px;
    z-index: 1; }
  .lightbox .modal .modal-viewer .viewer .close-viewer {
    height: 40px;
    background-color: #1d2026; }
    .lightbox .modal .modal-viewer .viewer .close-viewer i.icon-close {
      font-size: 16px;
      position: relative;
      top: 12px; }
  .lightbox .modal .modal-viewer .viewer .comments_data_area .comments__comment .icon-dropdown {
    top: 5px; }
  .lightbox .modal .media-lightbox-wrapper .lightbox-ellipses-option .list-drop-down {
    z-index: 10001; }
  .lightbox .modal .mobile-like-reaction {
    position: relative; } }

.lightbox .media--general__title {
  height: 18px; }
  .lightbox .media--general__title .pro-user-icon:before {
    padding-bottom: 1px;
    background-repeat: no-repeat;
    border-radius: 2px;
    object-fit: contain;
    display: inline-flex;
    border-radius: 4px;
    background-position-y: 0px;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px; }
  @media only screen and (max-width: 500px) {
    .lightbox .media--general__title.link--color {
      width: 66%; } }

.lightbox .close-disable-alert {
  float: right;
  margin-top: -22px; }

.lightbox .comment-like-list-emoji {
  float: right;
  margin-top: 2px;
  width: fit-content;
  margin-bottom: -22px;
  right: 20px; }
  .lightbox .comment-like-list-emoji .comment-emoji {
    margin-left: 7px; }
    .lightbox .comment-like-list-emoji .comment-emoji .icon {
      line-height: 33px;
      display: inline-block;
      margin-top: 3px; }
  .lightbox .comment-like-list-emoji .emoji-count span {
    padding-left: 3px;
    margin-right: 10px;
    color: #97a3ad;
    font-weight: 600; }

.lightbox .user-desc-panel .cmt--time.mobile-attach-icon {
  display: block !important; }

.lightbox .user-desc-panel .cmt--time.desktop-attach-icon {
  display: none; }

.lightbox .user-desc-panel .pro-user-icon {
  float: left; }

.lightbox .trash-icon {
  background-image: url(/app/assets/images/post/deletepost.svg);
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-top: 2px;
  background-size: 16px;
  background-repeat: no-repeat; }

.lightbox .copy-link-icon {
  background-image: url(/app/assets/images/post/copy.svg);
  width: 19px;
  height: 15px;
  object-fit: contain;
  margin-top: auto;
  background-size: 100%; }

.lightbox .download-icon {
  background-image: url(/app/assets/images/post/download-icon.svg);
  width: 18px;
  height: 19px;
  object-fit: contain;
  margin-top: initial;
  background-size: 17px 18px;
  background-repeat: no-repeat; }

.lightbox .icon-dd-lb {
  cursor: pointer;
  display: inline;
  font-size: 16px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: -24px;
  z-index: 1;
  color: #dcdfe5; }

@media only screen and (max-width: 800px) {
  .lightbox .media-nav-leftarrow, .lightbox .media-nav-rightarrow {
    z-index: 1000; } }

.lightbox .postPanelFilesMedia {
  height: 52px;
  margin-left: 40px; }

.lightbox .comments_media_table {
  margin-left: -50px; }

.lightbox cwt-youtube-i-frame iframe {
  max-width: 100%; }

.lightbox .add-responsive-comment {
  overflow-y: scroll;
  max-height: 100vh; }

.lightbox .replycommentLi .mediaPopupReplyDiv .input--text {
  max-height: inherit; }

@media only screen and (max-width: 600px) {
  .light-box-referral-widget {
    padding: 20px; } }

.owner-avatar-style a .media__img {
  border-radius: 50%; }

.file-preview-object {
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute; }

.loadingDocInProgress {
  font-weight: 100;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 300px);
  z-index: 666666; }
  .loadingDocInProgress a {
    color: #0aa1d8; }

.lightbox .comments__comment {
  padding-top: 12px;
  padding-bottom: 15px; }

.lightbox #media-lightbox-modal .searchSelectorPopup {
  width: auto;
  max-width: 294px !important; }
  @media only screen and (max-width: 800px) {
    .lightbox #media-lightbox-modal .searchSelectorPopup {
      max-width: 100% !important; } }
  .lightbox #media-lightbox-modal .searchSelectorPopup li {
    max-width: 294px !important; }
    @media only screen and (max-width: 800px) {
      .lightbox #media-lightbox-modal .searchSelectorPopup li {
        max-width: 100% !important; } }
  @media only screen and (max-width: 600px) {
    .lightbox #media-lightbox-modal .searchSelectorPopup .searchSelectorPopup {
      width: 100%; }
      .lightbox #media-lightbox-modal .searchSelectorPopup .searchSelectorPopup li {
        max-width: 100%; } }

@media only screen and (max-width: 500px) {
  .lightbox .lightbox-list-share-mobile .list--horizontal {
    width: 100%; }
    .lightbox .lightbox-list-share-mobile .list--horizontal li.shared-desk {
      padding-left: 30px; } }
    @media only screen and (max-width: 500px) and (max-width: 320px) {
      .lightbox .lightbox-list-share-mobile .list--horizontal li.shared-desk {
        padding-left: 20px; } }

@media only screen and (max-width: 500px) {
    .lightbox .lightbox-list-share-mobile .list--horizontal li.liked-desk {
      border-right: none; } }

.lightbox .media-footer .list--horizontal li a .icon-post-share {
  width: 55px; }

@media only screen and (min-width: 801px) {
  .lightbox .lightbox-header-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc( 100vh - 200px);
    margin-top: 25px;
    margin-right: -10px;
    padding-right: 5px;
    max-height: calc( 100vh - 412px); }
    .lightbox .lightbox-header-wrapper.show-banner {
      max-height: calc( 100vh - 442px); }
      .lightbox .lightbox-header-wrapper.show-banner.cmt-attachment {
        max-height: calc(100vh - 488px); }
    .lightbox .lightbox-header-wrapper.cmt-attachment {
      max-height: calc( 100vh - 240px); } }

.lightbox .lightbox-header-wrapper.user-type-basic.show-banner {
  max-height: calc( 100vh - 472px); }
  .lightbox .lightbox-header-wrapper.user-type-basic.show-banner.cmt-attachment {
    max-height: calc(100vh - 520px); }

.lightbox .lightbox-header-wrapper.user-type-basic.cmt-attachment {
  max-height: calc( 100vh - 260px); }

.lightbox .lightbox-header-wrapper.comment-box-hidden.show-banner {
  max-height: calc( 100vh - 390px); }

.lightbox .lightbox-header-wrapper.comment-box-hidden.user-type-basic.show-banner {
  max-height: calc( 100vh - 420px); }

.lightbox .lightbox-header-wrapper .media--general .lightbox-avatar a img {
  width: 51px;
  height: 45px; }

@media only screen and (min-width: 801px) {
  .lightbox .modal .modal-xlg .media-lightbox-wrapper .close-button-image {
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px; } }

@media only screen and (min-width: 801px) {
  .lightbox .close-viewer {
    position: absolute;
    left: 25px;
    top: 25px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 7px 8px;
    z-index: 10000; } }

.lightbox .close-viewer.close-icon-lt {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 7px 0px 0px 0px;
  z-index: 10000;
  text-align: center; }
  @media screen and (max-width: 800px) {
    .lightbox .close-viewer.close-icon-lt {
      left: 4px;
      top: -24px; } }

.lightbox .close-viewer img, .lightbox .close-viewer .close-button-image {
  width: 13px;
  height: 13px;
  opacity: 1; }

.lightbox .close-icon-lt {
  position: absolute;
  left: 25px;
  top: 25px;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 7px 8px;
  z-index: 10000; }
  .lightbox .close-icon-lt img, .lightbox .close-icon-lt .close-button-image {
    width: 13px;
    height: 13px;
    opacity: 1; }

.lightbox .edit-description-link {
  margin-top: 0px;
  font-size: 11px; }

.lightbox #media-lightbox-modal .write-box .input--text, .lightbox #media-lightbox-modal .textarea-highlighter-wrap .editBox .input--text {
  background-color: #F4F5F6; }
  .lightbox #media-lightbox-modal .write-box .input--text:focus, .lightbox #media-lightbox-modal .write-box .input--text:focus-within, .lightbox #media-lightbox-modal .textarea-highlighter-wrap .editBox .input--text:focus, .lightbox #media-lightbox-modal .textarea-highlighter-wrap .editBox .input--text:focus-within {
    background-color: #ffffff;
    outline: none; }

.viewer .light-box-modal-header-links {
  transition: all 0.5s ease 0s;
  display: table;
  background-color: #2c3237;
  height: 44px;
  border-radius: 30px; }
  @media only screen and (max-width: 800px) {
    .viewer .light-box-modal-header-links {
      border-radius: 0px; } }
  .viewer .light-box-modal-header-links li {
    display: inline-block;
    height: 40px; }
    .viewer .light-box-modal-header-links li a {
      padding: 11px 15px;
      display: flex; }
      .viewer .light-box-modal-header-links li a .copy-link-icon {
        height: 19px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-y: 2px; }
      .viewer .light-box-modal-header-links li a .trash-icon {
        height: 18px;
        background-size: 16px; }
        @media only screen and (max-width: 800px) {
          .viewer .light-box-modal-header-links li a .trash-icon {
            padding-top: 2px; } }

@media only screen and (max-width: 800px) {
  .viewer .viewer__actions__list li:last-child a {
    padding-right: 0px; }
  .viewer .viewer__actions__list li:first-child a {
    padding-left: 0px; } }

.viewer.media-lightbox-wrapper {
  position: fixed; }

.view-large-file {
  margin-top: 30px;
  width: 208px;
  height: 42px;
  border-radius: 4px;
  background-color: #2b2d2d;
  text-decoration: none; }
  .view-large-file span {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b4bbc7;
    display: inline-block;
    margin-top: 10px; }

.image-preview {
  width: calc(100vw - 350px);
  height: calc(100vh - 350px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .image-preview {
      height: 200px;
      width: 100%; } }

.file-no-preview .file-no-preview-icon {
  margin-bottom: 30px;
  background-image: url(/app/assets/images/post/preview/file-no-preview.svg);
  width: 61px;
  height: 58.5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 800px) {
    .file-no-preview .file-no-preview-icon {
      margin-bottom: 5px; } }

@media only screen and (max-width: 800px) {
  .file-no-preview {
    margin-left: auto;
    margin-right: auto;
    object-fit: contain; } }

.attach-button.desktop-attach-icon {
  z-index: 100;
  position: absolute;
  margin-top: -33px;
  right: 11.8px;
  top: 35px; }

.remove-attach-image {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/cross-icon.svg);
  width: 14px;
  object-fit: contain;
  background-repeat: no-repeat;
  margin-left: 0px;
  position: relative;
  min-width: 24px;
  cursor: pointer;
  height: 24px;
  position: absolute;
  border-radius: 100%;
  margin: 25% 10%;
  background-position-y: 50%;
  left: 8px;
  top: auto !important; }

.no-file-preview-layout p span {
  display: block;
  margin: 10px;
  font-size: 12px; }
  .no-file-preview-layout p span:nth-child(1) {
    color: #ffffff;
    width: 27px;
    height: 35.1px;
    margin-bottom: -10px;
    display: inline-block; }
  .no-file-preview-layout p span:nth-child(2) {
    color: #ffffff; }
  .no-file-preview-layout p span:nth-child(3) {
    margin-top: 20px; }
  .no-file-preview-layout p span.file-icon.rar {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/zip-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.ppt {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/powerpoint-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.txt {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/text-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.doc {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/text-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.docx {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/text-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.xls {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/text-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.csv {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/text-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.js {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/code-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.pdf {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/pdf-icon-sm.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.audio {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/audio-file-icon.svg);
    background-repeat: no-repeat; }
  .no-file-preview-layout p span.file-icon.video {
    background-size: 27px 35.1px;
    background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/video-file-icon.svg);
    background-repeat: no-repeat; }

.rumble-media-background {
  background-color: #eee; }

.disable-lightbox-components {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #eee;
  opacity: 0.6;
  z-index: 6667; }

.pro-message-modal {
  height: auto;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block; }
  .pro-message-modal .pro-message-header-wrappper {
    height: 67px;
    background-color: #f4f5f6;
    padding: 20px;
    padding-left: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: solid 1px #dcdfe5; }
    .pro-message-modal .pro-message-header-wrappper .pro-message-header {
      font-family: Montserrat;
      font-size: 22px;
      color: #1d2026;
      width: calc(100% - 30px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      float: left; }
      .pro-message-modal .pro-message-header-wrappper .pro-message-header .pro-user-icon:before {
        padding-bottom: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer; }
    .pro-message-modal .pro-message-header-wrappper .pro-message-avatar {
      width: 30px;
      height: 30px; }
  .pro-message-modal .pro-message-textarea-wrapper {
    margin-top: 20px;
    padding: 30px;
    padding-top: 0px; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-textarea-label {
      font-family: Montserrat;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #586476; }
    .pro-message-modal .pro-message-textarea-wrapper .msg-textarea {
      width: 540px;
      height: 82px;
      border-radius: 4px;
      border: solid 1px #d6d8e3;
      box-shadow: none;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      padding: 9px 10px;
      resize: none; }
    .pro-message-modal .pro-message-textarea-wrapper .invalid-msg-textarea {
      border: 2px solid #ff0000 !important; }
    .pro-message-modal .pro-message-textarea-wrapper .msg-textarea:focus {
      border: solid 1px #d6d8e3;
      box-shadow: none; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper {
      width: 540px;
      height: 30px;
      border-radius: 2px;
      background-color: #eeba0f;
      display: flex;
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 10px;
      padding-right: 10px; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-icons {
        width: 100%;
        display: inline-flex; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-icons .pro-icon {
          width: 16px;
          height: 16px;
          object-fit: contain; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-icons .white-info-icon {
          float: right;
          width: 12px;
          height: 12px;
          object-fit: contain;
          background: transparent;
          margin-left: 5px;
          margin-top: 3px;
          background-image: url("/app/assets/images/icons/info-icon-white.svg");
          background-repeat: no-repeat; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-icons .pro-message-info-text {
          font-family: Montserrat;
          font-size: 14px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          margin-left: 5px; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-remaining-wrapper {
        width: 100%; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-remaining-wrapper .pro-message-info-upgrade {
          font-family: Montserrat;
          font-size: 14px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #fff;
          float: right;
          margin-left: 5px;
          text-decoration: underline;
          cursor: pointer; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-remaining-wrapper .pro-message-info-remaining {
          font-family: Montserrat;
          font-size: 14px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          float: right; }
          .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-remaining-wrapper .pro-message-info-remaining.red-color {
            color: red; }
    .pro-message-modal .pro-message-textarea-wrapper .error-messge {
      margin-top: 10px;
      display: flex;
      font-family: Open Sans;
      font-size: 13px;
      font-weight: 600;
      color: #f44036; }
    .pro-message-modal .pro-message-textarea-wrapper .error-messge::before {
      background-image: url("/app/assets/images/icons/exclamation-circle-solid.svg");
      width: 15px;
      margin-right: 7px;
      content: "";
      background-repeat: no-repeat;
      background-position: center; }
    .pro-message-modal .pro-message-textarea-wrapper .error-messge :before, .pro-message-modal .pro-message-textarea-wrapper .error-messge :after {
      display: inline-block;
      vertical-align: middle; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper {
      margin-top: 25px;
      margin-bottom: 25px;
      float: right;
      display: flex; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .cancel {
        width: 175px;
        line-height: 46px;
        text-align: center;
        border-radius: 4px;
        border: solid 1px #0aa1d8;
        color: #0aa1d8;
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-decoration: none; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .cancel:hover {
        text-decoration: none; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .send {
        width: 175px;
        line-height: 46px;
        border-radius: 4px;
        color: #fff;
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        margin-left: 10px;
        background: #05a4dc;
        border: 1px solid #05a4dc;
        padding: 0; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .send:hover {
        background-color: #028eca;
        border: 1px solid #028eca; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .send:focus {
        outline-width: 0; }
      .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .pro-disabled-button {
        background-color: #cfd4db;
        color: #F5F5F5;
        line-height: 46px;
        font-size: 15px;
        padding: 0;
        border: none; }
        .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .pro-disabled-button:hover {
          background-color: #cfd4db;
          color: #F5F5F5;
          line-height: 46px;
          font-size: 15px;
          padding: 0;
          border: none; }
  .pro-message-modal .pro-box .msg-textarea {
    border: solid 1px #eeba0f; }
  .pro-message-modal .pro-box .msg-textarea:focus {
    border: solid 1px #eeba0f;
    box-shadow: none; }

@media only screen and (max-width: 800px) {
  .pro-message-modal .pro-message-textarea-wrapper .msg-textarea {
    width: 100%; }
  .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper {
    width: 100%; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-message-info-wrapper .pro-message-info-remaining-wrapper {
      width: 90%; }
  .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper {
    float: none; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .cancel {
      width: 50%; }
    .pro-message-modal .pro-message-textarea-wrapper .pro-message-buttons-wrapper .send {
      width: 50%; } }

@media only screen and (max-width: 320px) {
  .pro-message-modal .pro-message-header-wrappper {
    padding-left: 10px;
    padding-right: 10px; }
  .pro-message-modal .pro-message-textarea-wrapper {
    padding: 10px; } }

.red-color {
  color: red; }

.characters-left {
  width: 175px;
  line-height: 46px; }

.mobile-character {
  display: none; }

@media only screen and (max-width: 800px) {
  .desktop-character {
    display: none; }
  .mobile-character {
    width: auto;
    display: block;
    float: right; } }

.float--right,
.grid__item--advanced-search {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

.block--center,
.wrapper--create-page {
  display: block;
  margin: 0 auto; }

.text--left {
  text-align: left  !important; }

.text--center,
.list--images li,
.progress,
.cover,
.section-summary {
  text-align: center !important; }

.text--right {
  text-align: right !important; }

.text--justify {
  text-align: justify !important; }

.text--uppercase {
  text-transform: uppercase !important; }

.text--lowercase {
  text-transform: lowercase !important; }

.text--capitalize {
  text-transform: capitalize; }

.text--none {
  text-transform: none; }

.style--italic {
  font-style: italic !important; }

@media only screen and (min-width: 1280px) {
  .desk-wide--text--center {
    text-align: center  !important; } }

.remove--before:before,
.remove--after:after {
  content: normal !important; }

.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold,
.progress span {
  font-weight: 600 !important; }

.weight--bold,
.section-summary .user-name {
  font-weight: 700 !important; }

.weight--extrabold {
  font-weight: 800 !important; }

.push {
  margin: 20px !important; }

.push--top {
  margin-top: 20px !important; }

.push--right {
  margin-right: 20px !important; }

.push--bottom {
  margin-bottom: 20px !important; }

.push--left {
  margin-left: 20px !important; }

.push--ends,
.separator,
.separator--center {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.push--sides {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.push-quarter {
  margin: 5px !important; }

.push-quarter--top {
  margin-top: 5px !important; }

.push-quarter--right,
[class^="icon2-main"],
.icon2-lock,
.icon2-best-deal {
  margin-right: 5px !important; }

.push-quarter--bottom {
  margin-bottom: 5px !important; }

.push-quarter--left {
  margin-left: 5px !important; }

.push-quarter--ends {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.push-quarter--sides {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.push-half {
  margin: 10px !important; }

.push-half--top,
.setting-email-not-verified,
#sharing-post-modal .selectize-control.multi .selectize-input .item,
.separator--small {
  margin-top: 10px !important; }

.push-half--bottom,
.separator--small {
  margin-bottom: 10px !important; }

.push-half--left {
  margin-left: 10px !important; }

.push-half--ends {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.push-half--sides {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.push-mini {
  margin: 5px !important; }

.push-mini--top {
  margin-top: 5px !important; }

.push-mini--right {
  margin-right: 5px !important; }

.push-mini--bottom {
  margin-bottom: 5px !important; }

.push-mini--left {
  margin-left: 5px !important; }

.push-mini--ends {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.push-mini--sides {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.push-double {
  margin: 40px !important; }

.push-double--top {
  margin-top: 40px !important; }

.push-double--right {
  margin-right: 40px !important; }

.push-double--bottom {
  margin-bottom: 40px !important; }

.push-double--left {
  margin-left: 40px !important; }

.push-double--ends {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.push-double--sides {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.flush {
  margin: 0 !important; }

.flush--top,
.separator--only {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom,
.separator--only {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

input.search--input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left; }

.search--input {
  border-radius: 4px; }

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

.soft,
.box--registration {
  padding: 20px !important; }

.soft--top {
  padding-top: 20px; }

.soft--right {
  padding-right: 20px !important; }

.soft--bottom {
  padding-bottom: 20px !important; }

.soft--left {
  padding-left: 20px !important; }

.soft--ends {
  padding-top: 10px !important;
  padding-bottom: 5px !important; }

.soft--sides {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.soft-quarter {
  padding: 5px !important; }

.soft-quarter--top {
  padding-top: 5px !important; }

.soft-quarter--right {
  padding-right: 5px !important; }

.soft-quarter--bottom {
  padding-bottom: 5px !important; }

.soft-quarter--left {
  padding-left: 5px !important; }

.soft-quarter--ends {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.soft-quarter--sides {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.soft-half,
.quick-tip {
  padding: 10px !important; }

.soft-half--top {
  padding-top: 10px !important; }

.soft-half--right {
  padding-right: 10px !important; }

.soft-half--bottom {
  padding-bottom: 10px !important; }

.soft-half--left {
  padding-left: 10px !important; }

.soft-half--ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.soft-half--sides {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.soft-double {
  padding: 40px !important; }

.soft-double--top {
  padding-top: 40px !important; }

.soft-double--right {
  padding-right: 40px !important; }

.soft-double--bottom {
  padding-bottom: 40px !important; }

.soft-double--left {
  padding-left: 40px !important; }

.soft-double--ends {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.soft-double--sides {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.hard,
.modal-chat .js-searchField.active a.btn--search {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.full-bleed {
  margin-right: -20px !important;
  margin-left: -20px !important; }

.islet .full-bleed {
  margin-right: -10px !important;
  margin-left: -10px !important; }

.informative {
  cursor: help !important; }

.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important; }

.proceed {
  text-align: right !important; }

.go:after {
  content: " " "»" !important; }

.caps {
  text-transform: uppercase !important; }

.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.conversation-wrapper {
  height: calc(100vh - 180px);
  top: 60px; }

@media only screen and (max-width: 799px) {
  .modal-wrapper .tab-content {
    height: calc(100% - 0px) !important; }
  .conversation-wrapper {
    height: calc(100vh - -12px) !important; }
  .accessibility--palm,
  .visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media only screen and (min-width: 800px) and (max-width: 1023px) {
  .accessibility--lap,
  .visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media only screen and (min-width: 800px) {
  .accessibility--lap-and-up,
  .visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media only screen and (max-width: 1023px) {
  .accessibility--portable,
  .visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media only screen and (min-width: 1024px) {
  .accessibility--desk,
  .visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media only screen and (min-width: 1280px) {
  .accessibility--desk-wide,
  .visuallyhidden--desk-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

.v-table {
  display: table;
  height: 100%;
  width: 100%; }

.v-table-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

.mask {
  overflow: hidden;
  position: relative; }

.ellipsis,
.text--security-code {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.media--small .media__title,
.media--small .media__subtitle {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.media--big .media__title,
.selectize-custom__text,
.dropdown-box-new__title,
.sidebar__folders .sidebar__folders-list li a span,
.text--ellipsis {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.cf:after,
.media:after,
.media__actions:after,
.island:after,
.spinner-box:after,
.islet:after,
.list--icon-select:after,
.header__nav:after,
.nav-main:after,
.separator:after,
.separator--center:after {
  content: "";
  display: table;
  clear: both; }

.clear {
  clear: both; }

.overflow--hidden {
  overflow: hidden; }

.overflow--visible {
  overflow: visible !important; }

@media only screen and (min-width: 320px) {
  .overflow--hidden-responsive.mobile {
    overflow: hidden !important; } }

@media only screen and (min-width: 800px) {
  .overflow--hidden-responsive.mobile {
    overflow: visible !important; } }

.separator,
.separator--center {
  background-color: #EEEFF0;
  height: 1px;
  width: 100%; }

.separator--dark {
  background-color: #c4c7cc; }

.separator--center {
  margin: 0 auto;
  width: 60%; }

.separator--point {
  background: url(https://wtdemo.webtalk.co/static/public/app/assets/images/backgrounds/separator-point.png) repeat-x;
  width: 100%;
  height: 1px; }
  .separator--point.width-50 {
    width: 50%; }

.hidden {
  display: none !important; }

.show,
.displayblock {
  display: block; }

.show-forced {
  display: block !important; }

.inline--block {
  display: inline-block; }

.inline {
  display: inline !important; }

@media (min-width: 320px) {
  .phone--hidden {
    display: none !important; }
  .phone--show-inherit {
    display: inherit !important; }
  .phone--show-inline {
    display: inline !important; }
  .phone--show-initial {
    display: initial !important; }
  .phone--show-block {
    display: block !important; }
  .phone--show-iblock {
    display: inline-block !important; }
  .phone--show-flex {
    display: flex !important; }
  .phone--show-iflex {
    display: inline-flex !important; }
  .phone--show-list-item {
    display: list-item !important; }
  .phone--show-table {
    display: table !important; }
  .phone--show-itable {
    display: inline-table !important; }
  .phone--show-thead {
    display: table-header-group !important; }
  .phone--show-tbody {
    display: table-row-group !important; }
  .phone--show-tfoot {
    display: table-footer-group !important; }
  .phone--show-td {
    display: table-cell !important; }
  .phone--show-tr {
    display: table-row !important; }
  .phone--show-col {
    display: table-column !important; } }

@media (min-width: 800px) {
  .palm--hidden {
    display: none !important; }
  .palm--show-inherit {
    display: inherit !important; }
  .palm--show-inline {
    display: inline !important; }
  .palm--show-initial {
    display: initial !important; }
  .palm--show-block {
    display: block !important; }
  .palm--show-iblock {
    display: inline-block !important; }
  .palm--show-flex {
    display: flex !important; }
  .palm--show-iflex {
    display: inline-flex !important; }
  .palm--show-list-item {
    display: list-item !important; }
  .palm--show-table {
    display: table !important; }
  .palm--show-itable {
    display: inline-table !important; }
  .palm--show-thead {
    display: table-header-group !important; }
  .palm--show-tbody {
    display: table-row-group !important; }
  .palm--show-tfoot {
    display: table-footer-group !important; }
  .palm--show-td {
    display: table-cell !important; }
  .palm--show-tr {
    display: table-row !important; }
  .palm--show-col {
    display: table-column !important; } }

@media (min-width: 700px) {
  .mid--hidden {
    display: none !important; }
  .mid--show-inherit {
    display: inherit !important; }
  .mid--show-inline {
    display: inline !important; }
  .mid--show-initial {
    display: initial !important; }
  .mid--show-block {
    display: block !important; }
  .mid--show-iblock {
    display: inline-block !important; }
  .mid--show-flex {
    display: flex !important; }
  .mid--show-iflex {
    display: inline-flex !important; }
  .mid--show-list-item {
    display: list-item !important; }
  .mid--show-table {
    display: table !important; }
  .mid--show-itable {
    display: inline-table !important; }
  .mid--show-thead {
    display: table-header-group !important; }
  .mid--show-tbody {
    display: table-row-group !important; }
  .mid--show-tfoot {
    display: table-footer-group !important; }
  .mid--show-td {
    display: table-cell !important; }
  .mid--show-tr {
    display: table-row !important; }
  .mid--show-col {
    display: table-column !important; } }

@media (min-width: 800px) {
  .lap--hidden {
    display: none !important; }
  .lap--show-inherit {
    display: inherit !important; }
  .lap--show-inline {
    display: inline !important; }
  .lap--show-initial {
    display: initial !important; }
  .lap--show-block {
    display: block !important; }
  .lap--show-iblock {
    display: inline-block !important; }
  .lap--show-flex {
    display: flex !important; }
  .lap--show-iflex {
    display: inline-flex !important; }
  .lap--show-list-item {
    display: list-item !important; }
  .lap--show-table {
    display: table !important; }
  .lap--show-itable {
    display: inline-table !important; }
  .lap--show-thead {
    display: table-header-group !important; }
  .lap--show-tbody {
    display: table-row-group !important; }
  .lap--show-tfoot {
    display: table-footer-group !important; }
  .lap--show-td {
    display: table-cell !important; }
  .lap--show-tr {
    display: table-row !important; }
  .lap--show-col {
    display: table-column !important; }
  .desk--hidden {
    display: none !important; } }

@media (min-width: 1024px) {
  .desk--show-inherit {
    display: inherit !important; }
  .desk--show-inline {
    display: inline !important; }
  .desk--show-initial {
    display: initial !important; }
  .desk--show-block {
    display: block !important; }
  .desk--show-iblock {
    display: inline-block !important; }
  .desk--show-flex {
    display: flex !important; }
  .desk--show-iflex {
    display: inline-flex !important; }
  .desk--show-list-item {
    display: list-item !important; }
  .desk--show-table {
    display: table !important; }
  .desk--show-itable {
    display: inline-table !important; }
  .desk--show-thead {
    display: table-header-group !important; }
  .desk--show-tbody {
    display: table-row-group !important; }
  .desk--show-tfoot {
    display: table-footer-group !important; }
  .desk--show-td {
    display: table-cell !important; }
  .desk--show-tr {
    display: table-row !important; }
  .desk--show-col {
    display: table-column !important; } }

@media (min-width: 1280px) {
  .desk-wide--hidden {
    display: none !important; }
  .desk-wide--show-inherit {
    display: inherit !important; }
  .desk-wide--show-inline {
    display: inline !important; }
  .desk-wide--show-initial {
    display: initial !important; }
  .desk-wide--show-block {
    display: block !important; }
  .desk-wide--show-iblock {
    display: inline-block !important; }
  .desk-wide--show-flex {
    display: flex !important; }
  .desk-wide--show-iflex {
    display: inline-flex !important; }
  .desk-wide--show-list-item {
    display: list-item !important; }
  .desk-wide--show-table {
    display: table !important; }
  .desk-wide--show-itable {
    display: inline-table !important; }
  .desk-wide--show-thead {
    display: table-header-group !important; }
  .desk-wide--show-tbody {
    display: table-row-group !important; }
  .desk-wide--show-tfoot {
    display: table-footer-group !important; }
  .desk-wide--show-td {
    display: table-cell !important; }
  .desk-wide--show-tr {
    display: table-row !important; }
  .desk-wide--show-col {
    display: table-column !important; } }

.font--color {
  color: #667586 !important; }

.gray-color__dark {
  color: #3F464B; }

.link--color,
.link-underline,
.link--seemore,
.comments__comment-link {
  color: #0aa1d8; }

.orange-color {
  color: #f3a82b; }

.salmon-color,
.setting-icon-location {
  color: #f77369; }

.regent-gray-color {
  color: #8B97A4; }

.text--gray {
  color: #7F8C8C;
  font-weight: normal; }

.text--gray-light {
  color: #B2BAC3; }

.white--color {
  color: #FFFFFF; }

.bluegray--color {
  color: #4f5d73; }

.blue--color {
  color: #05a4dc; }

.blue-light--color {
  color: #60c0e7; }

.red--color {
  color: #f77268; }

.orange--color-mid {
  color: #f5921d; }

.altern-blue-dark-color {
  color: #45b6b4; }

.border--left {
  border-left: 1px solid #EEEFF0; }

.border--bottom {
  border-bottom: 1px solid #EEEFF0; }

.border--right {
  border-right: 1px solid #EEEFF0; }

.border--top {
  border-top: 1px solid #EEEFF0; }

.border--left-only {
  border-left-width: 1px !important;
  border-style: solid !important; }

.border--bottom-only {
  border-bottom-width: 1px !important;
  border-style: solid !important; }

.border--right-only {
  border-right-width: 1px !important;
  border-style: solid !important; }

.border--top-only,
.box--media__visitor a {
  border-top-width: 1px !important;
  border-style: solid !important; }

.border-none {
  border: 0 !important; }

.border-top-none {
  border-top: 0 !important; }

.border-right-none {
  border-right: 0 !important; }

.border-bottom-none {
  border-bottom: 0 !important; }

.border-left-none {
  border-left: 0 !important; }

.border-radius-none {
  border-radius: 0 !important; }

.img--full {
  display: block;
  width: 100%; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.static {
  position: static; }

.no-padding {
  padding: 0 !important; }

.note {
  font-size: 12px !important; }

.note--small {
  font-size: 11px !important; }

.note--mini {
  font-size: 9px !important; }

.note--large {
  font-size: 14px !important; }

.align--top {
  vertical-align: top !important; }

.align--middle {
  vertical-align: middle !important; }

.family--base {
  font-family: Arial, sans-serif !important; }

.family--alternative {
  font-family: "Open Sans", serif !important; }

.min-width {
  min-width: 125px; }

.min-width-2 {
  min-width: 150px; }

.certified-logos {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/backgrounds/certificate.png);
  background-size: cover;
  display: inline-block;
  height: 52px;
  width: 177px; }

.credit-cards {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/backgrounds/credit-cards.png);
  background-size: cover;
  display: inline-block;
  height: 23px;
  width: 226px; }

.security-code {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/backgrounds/security-code.png);
  background-size: cover;
  display: inline-block;
  height: 13px;
  width: 43px; }

.error {
  border-color: #E74C3C !important; }

label.error {
  color: #E74C3C;
  font-size: 0.9em;
  font-family: Arial, sans-serif !important; }

.line-height--initial {
  line-height: initial; }

.flip--icon--ninety,
.link--seemore:before {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block !important;
  vertical-align: middle; }

.flip--icon--upsidedown {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block !important; }

.flip--icon--upsidedown2 {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  display: inline-block !important; }

.flip--icon--horizontal {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: inline-block !important; }

.placeholder--focus:focus::-webkit-input-placeholder, .placeholder--focus:focus:-moz-placeholder, .placeholder--focus:focus::-moz-placeholder, .placeholder--focus:focus:-ms-input-placeholder {
  color: transparent; }

.underline {
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

.no-underline {
  text-decoration: none !important; }

.underline-hover {
  text-decoration: none; }
  .underline-hover:hover {
    text-decoration: underline; }

.italic24 {
  color: #a3a9b3;
  font-size: 24px;
  font-style: italic;
  font-weight: 600; }

.text--p18 {
  font-size: 18px; }

.text--p16 {
  font-size: 16px; }

.margin-bottom-18 {
  margin-bottom: 18px !important; }

.margin-left-18 {
  margin-left: 18px !important; }

.margin-left-9 {
  margin-left: 9px !important; }

.margin-right-9 {
  margin-right: 9px !important; }

.margin-bottom-12 {
  margin-bottom: 12px !important; }

.margin-sides-12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.padding-ends-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.padding-sides-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.padding-left-12 {
  padding-left: 12px !important; }

.padding-right-12 {
  padding-right: 12px !important; }

.margin-left-15 {
  margin-left: 15px !important; }

.margin-ends-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-sides-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.padding-sides-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.margin-left-8 {
  margin-left: 8px !important; }

.remove--space {
  margin-left: -4px !important; }

.push-90--bottom {
  margin-bottom: 90px; }

.show-mob, .show-mob--mid {
  display: inline;
  font-style: normal; }

@media only screen and (min-width: 500px) {
  .show-mob {
    display: none !important; }
  .show-desk {
    display: inline !important; } }

@media only screen and (min-width: 700px) {
  .show-mob--mid {
    display: none !important; }
  .show-desk--mid {
    display: inline !important; } }

.show-desk--mid,
.show-desk {
  display: none;
  font-style: normal; }

.text--ellipsis {
  padding-right: 10px; }

.font-size-zero {
  font-size: 0; }

.no-wrap-white-space {
  white-space: nowrap; }

.me-user-info-module {
  color: #b0b9c1;
  border: 1px solid #0aa1d8;
  height: 36px;
  padding-top: 6px; }

@media only screen and (max-width: 414px) {
  .share-from-iphone {
    margin-bottom: 20px; } }

.loading-circles {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc( 50% - 40px);
  top: 130px; }

@font-face {
  font-family: 'icomoon';
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.eot?hkel2c");
  src: url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.eot?#iefixhkel2c") format("embedded-opentype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.woff?hkel2c") format("woff"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.ttf?hkel2c") format("truetype"), url("http://localhost:3000/dis/static/public/app/assets/fonts/icomoon/icomoon.svg?hkel2c#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icons-"],
[class*=" icons-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icons-orange {
  color: #ffbb49; }

.icons-gray {
  color: #959aa1; }

.icons-affiliates:before {
  content: "\e600"; }

.icons-buybutton:before {
  content: "\e601"; }

.icons-calc:before {
  content: "\e602"; }

.icons-devices:before {
  content: "\e603"; }

.icons-fb:before {
  content: "\e604"; }

.icons-gplus:before {
  content: "\e605"; }

.icons-linkedin:before {
  content: "\e606"; }

.icons-money:before {
  content: "\e607"; }

.icons-paperbill:before {
  content: "\e608"; }

.icons-pinterest:before {
  content: "\e609"; }

.icons-probadge:before {
  content: "\e60a"; }

.icons-saas:before {
  content: "\e60b"; }

.icons-tt:before {
  content: "\e60c"; }

.icons-twitter:before {
  content: "\e60d"; }

.icons-yt:before {
  content: "\e60e"; }

.icons-envelope-o:before {
  content: "\f003"; }

.icons-star:before {
  content: "\f005"; }

.icons-th-list:before {
  content: "\f00b"; }

.icons-close:before {
  content: "\f00d"; }

.icons-power-off:before {
  content: "\f011"; }

.icons-signal:before {
  content: "\f012"; }

.icons-cog:before {
  content: "\f013"; }

.icons-flag:before {
  content: "\f024"; }

.icons-print:before {
  content: "\f02f"; }

.icons-question-circle:before {
  content: "\f059"; }

.icons-plus:before {
  content: "\f067"; }

.icons-exclamation-triangle:before {
  content: "\f071"; }

.icons-calendar:before {
  content: "\f073"; }

.icons-comment:before {
  content: "\f075"; }

.icons-retweet:before {
  content: "\f079"; }

.icons-shopping-cart:before {
  content: "\f07a"; }

.icons-bar-chart:before {
  content: "\f080"; }

.icons-credit-card:before {
  content: "\f09d"; }

.icons-bullhorn:before {
  content: "\f0a1"; }

.icons-bell-o:before {
  content: "\f0a2"; }

.icons-hand-o-right:before {
  content: "\f0a4"; }

.icons-group:before {
  content: "\f0c0"; }

.icons-chain:before {
  content: "\f0c1"; }

.icons-sort-desc:before {
  content: "\f0dd"; }

.icons-envelope:before {
  content: "\f0e0"; }

.icons-play-circle:before {
  content: "\f144"; }

.icons-graduation-cap:before {
  content: "\f19d"; }

.icons-paper-plane:before {
  content: "\f1d8"; }

.icons-binoculars:before {
  content: "\f1e5"; }

.icons-pie-chart:before {
  content: "\f200"; }

.icons-line-chart:before {
  content: "\f201"; }

.icons-toggle-off:before {
  content: "\f204"; }

.icons-toggle-on:before {
  content: "\f205"; }

.icons-images:before {
  content: "\e90e"; }

.icons-book:before {
  content: "\e91f"; }

.icons-files-empty:before {
  content: "\e925"; }

.icons-price-tag:before {
  content: "\e935"; }

.icons-price-tags:before {
  content: "\e936"; }

.icons-mobile:before {
  content: "\e958"; }

.icons-reply:before {
  content: "\e96a"; }

.icons-zoom-in:before {
  content: "\e987"; }

.icons-stats-bars:before {
  content: "\e99c"; }

.icons-stats-bars2:before {
  content: "\e99d"; }

.icons-rocket:before {
  content: "\e9a5"; }

.icons-bin:before {
  content: "\e9ac"; }

.icons-tree:before {
  content: "\e9bc"; }

.icons-menu:before {
  content: "\e9bd"; }

.icons-earth:before {
  content: "\e9ca"; }

.icons-arrow-up:before {
  content: "\ea32"; }

.icons-move-up:before {
  content: "\ea46"; }

.icons-move-down:before {
  content: "\ea47"; }

.icons-radio-unchecked:before {
  content: "\ea56"; }

.icons-wallet:before {
  content: "\e60f"; }

[class^="icon2"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain; }

[class^="icon2-main"] {
  position: relative;
  width: 18px;
  height: 18px;
  top: 5px; }

.icon2-main-setting {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/settings.svg); }

.icon2-main-bill {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/cc_icon.svg); }

.icon2-warning {
  width: 9px;
  height: 9px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/warning.svg); }

.icon2-location {
  width: 15px;
  height: 15px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/pin.svg); }

.icon2-credits {
  width: 19px;
  height: 19px;
  position: relative;
  top: 5px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/credits.svg); }

.icon2-lock {
  width: 19px;
  height: 27px;
  position: relative;
  top: 2px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/lock.png); }

.icon2-best-deal {
  width: 19px;
  height: 27px;
  position: relative;
  top: 12px;
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/best-deal.png); }

.icon-user-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/user-add.svg);
  -webkit-background-size: cover;
  background-size: cover;
  color: #FFFFFF;
  display: inline-block;
  height: 15px;
  position: relative;
  top: 2px;
  width: 15px; }

.icon-file-add, .icon-files-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_files.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 126px;
  height: 40px; }

.icon-video-add, .icon-videos-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_videos.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 139px;
  height: 40px; }

.icon-photo-add, .icon-photos-add {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/fonts/icons/add_photos.svg);
  -webkit-background-size: contain;
  background-size: contain;
  width: 144px;
  height: 40px; }

[class^="card-icon"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 0;
  cursor: pointer;
  width: 44px;
  height: 28px;
  margin-right: 16px; }
  [class^="card-icon"]:hover {
    background-position-x: -45px; }

.card-icon-american {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/american-icon-setting.png); }

.card-icon-cirrus {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/cirrus-icon-setting.png); }

.card-icon-discover {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/discover-icon-setting.png); }

.card-icon-maestro {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/maestro-icon-setting.png); }

.card-icon-mastercard {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/mastercard-icon-setting.png); }

.card-icon-visa {
  background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/cards/visa-icon-setting.png); }

.alert {
  border: 1px solid;
  border-radius: 3px;
  left: 0;
  margin: 0 auto;
  padding: 10px 30px 10px;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999; }
  .alert.success {
    color: #3C763D;
    background: #DFF0D8;
    border-color: #D6E9C6; }
  .alert.danger {
    color: #A94442;
    background: #F2DEDE;
    border-color: #EBCCD1; }
  .alert.info {
    color: #31708F;
    background: #D9EDF7;
    border-color: #BCE8F1; }
  .alert p {
    font-weight: 400; }
  .alert .close {
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 5px; }
    .alert .close:hover {
      text-decoration: none; }

.tag {
  border-radius: 3px;
  display: inline-block;
  font-size: 15px;
  margin-right: 5px;
  padding: 3px 10px;
  vertical-align: middle; }

.tag--green {
  background: #4bc5c3;
  color: white; }

html,
body {
  height: 100%;
  font-family: 'Open Sans', sans-serif; }

.wrapper {
  margin: 0 auto;
  max-width: 1000px;
  padding-left: 10px;
  padding-right: 10px; }

.crowdfunding .main-wrapper {
  min-width: 320px;
  padding-top: 67.5px; }
  .crowdfunding .main-wrapper .login--box {
    margin: 0 10px; }

.wrapper--mid {
  margin: 0 auto;
  max-width: 710px; }

.wrapper--smaller {
  margin: 0 auto;
  max-width: 480px; }

.push--top-crowd {
  padding-top: 20px; }
  @media only screen and (min-width: 500px) {
    .push--top-crowd {
      padding-top: 68px; } }

.field-only:first-child {
  margin-bottom: 0; }
  .field-only:first-child .input--text,
  .field-only:first-child .selectize-input {
    border-radius: 2px 2px 0 0;
    border-bottom: 0; }

.field-only:nth-child(2) {
  margin-bottom: 0; }
  @media only screen and (min-width: 500px) {
    .field-only:nth-child(2) {
      margin-bottom: 20px; } }
  .field-only:nth-child(2) .input--text,
  .field-only:nth-child(2) .selectize-input {
    border-bottom: 0;
    border-radius: 0; }
    @media only screen and (min-width: 500px) {
      .field-only:nth-child(2) .input--text,
      .field-only:nth-child(2) .selectize-input {
        border-radius: 0 0 2px 2px;
        border-bottom: 1px solid #d6d8e3; } }

.field-only:nth-child(3) .input--text,
.field-only:nth-child(3) .selectize-input {
  border-radius: 0 0 2px 2px; }
  @media only screen and (min-width: 500px) {
    .field-only:nth-child(3) .input--text,
    .field-only:nth-child(3) .selectize-input {
      border-radius: 2px; } }

.soft-double-crowd {
  padding: 20px 30px !important; }
  @media only screen and (min-width: 500px) {
    .soft-double-crowd {
      padding: 40px; } }

.soft-crowd {
  padding: 12px !important; }
  @media only screen and (min-width: 500px) {
    .soft-crowd {
      padding: 20px !important; } }

.crowdfunding .alert {
  z-index: 11;
  padding: 15px;
  position: relative; }
  .crowdfunding .alert p {
    line-height: 1em;
    padding-left: 20px;
    width: 85%; }
  .crowdfunding .alert .info-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .crowdfunding .alert.success {
    background: #e4eef1;
    border-color: #97cece;
    color: #80acac; }
  .crowdfunding .alert .close {
    color: #80acac;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.login--box .form-field {
  position: relative; }
  .login--box .form-field i {
    color: #a6b0be;
    left: 15px;
    position: absolute;
    top: 20px;
    transform: translateY(-50%); }

.login--box .input--text,
.login--box .selectize-input {
  background: #f5f7f8;
  padding: 10px 15px 10px 40px;
  color: #a6b0be; }
  .login--box .input--text::-webkit-input-placeholder,
  .login--box .selectize-input::-webkit-input-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .login--box .input--text:-moz-placeholder,
  .login--box .selectize-input:-moz-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .login--box .input--text::-moz-placeholder,
  .login--box .selectize-input::-moz-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .login--box .input--text:-ms-input-placeholder,
  .login--box .selectize-input:-ms-input-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .login--box .input--text:focus::-webkit-input-placeholder,
  .login--box .selectize-input:focus::-webkit-input-placeholder {
    color: transparent; }

.header--crowdfunding {
  background: #3d485a;
  position: absolute;
  height: 67.5px; }
  .header--crowdfunding .wrapper {
    background: transparent;
    min-height: 100%; }
  .header--crowdfunding h1 {
    line-height: 67.5px; }
    .header--crowdfunding h1 .logo {
      background: transparent;
      position: relative;
      top: 5px; }
      .header--crowdfunding h1 .logo .icon-logo {
        color: white;
        font-size: 24px; }
        .header--crowdfunding h1 .logo .icon-logo:before {
          display: block; }
  .header--crowdfunding .header__nav {
    background: transparent;
    position: relative;
    right: 10px;
    text-align: center;
    top: 20px;
    width: initial; }
    @media (max-width: 405px) {
      .header--crowdfunding .header__nav {
        border: none; } }
    .header--crowdfunding .header__nav span,
    .header--crowdfunding .header__nav strong {
      display: inline; }
      @media (max-width: 405px) {
        .header--crowdfunding .header__nav span,
        .header--crowdfunding .header__nav strong {
          display: none; } }
    .header--crowdfunding .header__nav li {
      background: transparent; }
      @media (max-width: 405px) {
        .header--crowdfunding .header__nav li {
          border: none; } }
  .header--crowdfunding .item--status {
    background: #454f60;
    border: none;
    font-size: 13px;
    padding: 5px 5px 5px 10px; }
    .header--crowdfunding .item--status span {
      color: #a7aeb9; }
    .header--crowdfunding .item--status strong {
      color: #e3e9f4; }
    .header--crowdfunding .item--status a {
      border-radius: 2px;
      height: inherit;
      line-height: 1.5em;
      margin: 2px 0 0; }
      @media only screen and (min-width: 500px) {
        .header--crowdfunding .item--status a {
          margin-left: 10px; } }
      .header--crowdfunding .item--status a:hover {
        background: #05a4dc;
        opacity: 0.8; }

.import-upload-file {
  background: #f7fcfc;
  border-radius: 3px;
  border: 2px dashed #9cc8c8;
  text-align: center;
  padding: 20px 0; }
  @media only screen and (min-width: 500px) {
    .import-upload-file {
      height: 325px;
      padding: 100px 20px 20px; } }
  .import-upload-file .icon-import {
    margin-bottom: 20px; }
    .import-upload-file .icon-import .icon-csv {
      margin-bottom: 20px; }
    .import-upload-file .icon-import strong {
      color: #7f8ca2;
      display: block;
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      line-height: 1em; }
  .import-upload-file .import-upload-file__input {
    background: #cfefef;
    border-radius: 3px;
    border: 1px dashed #80acac;
    color: #80acac;
    cursor: pointer;
    font-size: 14px;
    max-width: 200px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 7.5px;
    position: relative;
    text-align: center;
    width: 80%; }
    .import-upload-file .import-upload-file__input:hover {
      text-decoration: none;
      opacity: 0.9; }
    .import-upload-file .import-upload-file__input:active {
      margin-top: -1px;
      margin-bottom: 16px; }
  .import-upload-file .icon-question {
    background: #05a4dc;
    border-radius: 100%;
    box-sizing: border-box;
    color: white;
    font-size: 10px;
    font-weight: 100;
    padding: 2.5px 2.5px 2px 2px;
    text-align: center; }

.pager-bnts {
  line-height: 0; }
  .pager-bnts li {
    background: #525f73;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    overflow: hidden;
    line-height: 1.5em; }
    .pager-bnts li a {
      box-sizing: border-box;
      color: white;
      display: block;
      padding: 5px 12px; }
      .pager-bnts li a:hover {
        text-decoration: none;
        opacity: 0.7; }

.crowdfunding .pager-bnts {
  padding: 20px 20px 0px;
  float: left;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 400px) {
    .crowdfunding .pager-bnts {
      padding: 10px 0 0; }
      .crowdfunding .pager-bnts li {
        margin-bottom: 5px; } }
  @media only screen and (min-width: 700px) {
    .crowdfunding .pager-bnts {
      padding: 0;
      float: right;
      width: initial; } }

@media only screen and (min-width: 1024px) {
  .send-email-invites__import {
    padding-top: 12px; } }

.send-email-invites__emails fieldset {
  padding: 30px 30px 10px;
  border-top: 3px solid #dee3ea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dee3ea), to(transparent));
  background-image: -webkit-linear-gradient(#dee3ea, transparent);
  background-image: -moz-linear-gradient(#dee3ea, transparent), -moz-linear-gradient(#dee3ea, transparent);
  background-image: -o-linear-gradient(#dee3ea, transparent), -o-linear-gradient(#dee3ea, transparent);
  background-image: linear-gradient(#dee3ea, transparent), linear-gradient(#dee3ea, transparent);
  -moz-background-size: 3px 100%;
  background-size: 3px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat; }

.send-email-invites__emails legend {
  color: #718098;
  font-size: 15px;
  font-weight: 600;
  padding: 0 15px;
  text-align: left; }
  @media only screen and (min-width: 500px) {
    .send-email-invites__emails legend {
      text-align: left;
      font-size: 18px; } }

.send-email-invites__emails .form-field {
  color: #4f5d73;
  position: relative; }
  .send-email-invites__emails .form-field i {
    color: #a6b0be;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.send-email-invites__emails input[type="text"] {
  border: none;
  background: #f5f7f8;
  color: #a6b0be;
  padding: 10px 15px 10px 40px;
  width: 100%; }
  .send-email-invites__emails input[type="text"]::-webkit-input-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .send-email-invites__emails input[type="text"]:-moz-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .send-email-invites__emails input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #a6b0be;
    font-weight: 100; }
  .send-email-invites__emails input[type="text"]:-ms-input-placeholder {
    color: #a6b0be;
    font-weight: 100; }
  .send-email-invites__emails input[type="text"]:focus::-webkit-input-placeholder {
    color: transparent; }

.send-email-invites__emails button {
  font-weight: normal; }

.stats {
  overflow: auto;
  position: relative; }
  .stats .grid__item:not(:first-child) {
    position: relative; }
    .stats .grid__item:not(:first-child):before {
      background: #e7ebef;
      content: " ";
      display: block;
      height: 95px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px; }

.stats__item {
  float: left;
  overflow: hidden;
  padding-top: 10px;
  width: 100%; }
  .stats__item canvas {
    position: absolute; }
  .stats__item p {
    color: #4f5d73;
    font-weight: 600; }

.stats__item__num {
  border-radius: 100%;
  border: 3px solid;
  box-sizing: content-box;
  display: block;
  font-size: 24px;
  font-weight: normal;
  height: 97px;
  line-height: 97px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 97px; }

.stats__item--invite .stats__item__num {
  background: #f2fbff;
  border-color: #60c0e7;
  color: #60c0e7; }

.stats__item--invite canvas {
  top: 54px;
  left: -13px; }

.stats__item--waitlist .stats__item__num {
  background: #ffeceb;
  border-color: #f77268;
  color: #f77268; }

.stats__item--waitlist canvas {
  top: -13px;
  left: -13px; }

.stats__item--prelaunch .stats__item__num {
  background: #fff4e7;
  border-color: #f5921d;
  color: #f5921d; }

.stats__item--prelaunch canvas {
  top: 54px;
  left: -1px; }

.stats__item--commissions .stats__item__num {
  background: #edf6f9;
  border-color: #45b6b4;
  color: #45b6b4; }

.stats__item--commissions canvas {
  left: 55px;
  top: -12px; }

.tables {
  border: 1px solid #eaecef; }

.tables__header {
  background: #718098;
  border-radius: 3px 3px 0 0;
  color: #f1f2f5;
  font-size: 15px;
  font-weight: 300;
  padding: 25px 30px; }
  .tables__header h2,
  .tables__header h3,
  .tables__header h4 {
    color: #f1f2f5;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    line-height: 1em;
    vertical-align: middle; }

.tables__table th {
  border-right: 1px solid #d7dde5;
  border-bottom: 1px solid #d7dde5;
  position: relative;
  min-height: 6em; }
  @media only screen and (min-width: 800px) {
    .tables__table th {
      min-height: 4em; } }
  @media only screen and (min-width: 1024px) {
    .tables__table th {
      min-height: initial; } }
  .tables__table th i {
    margin-right: 0; }
  .tables__table th span {
    display: block;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      .tables__table th span {
        position: relative;
        transform: none;
        left: initial;
        top: initial; }
        .tables__table th span i {
          margin-right: 5px; } }
  .tables__table th .icon {
    vertical-align: middle;
    padding-right: 3px; }

.tables__table tr:last-child td,
.tables__table tr th:last-child {
  border-right: none; }

.tables__table td {
  border-bottom: 1px solid #d7dde5;
  border-right: 1px solid #d7dde5; }

.tables__table thead tr th {
  background: #f5f7fa;
  color: #4f5d73;
  display: inline-block;
  font-weight: 600;
  padding: 15px 0;
  text-align: center; }

.tables__table tbody {
  display: block;
  font-size: 13px; }
  @media only screen and (min-width: 500px) {
    .tables__table tbody {
      font-size: 14px; } }
  .tables__table tbody tr td {
    display: inline-block;
    min-height: 6em;
    text-align: center;
    width: 100%;
    padding: 15px 5px; }
    @media only screen and (min-width: 500px) {
      .tables__table tbody tr td {
        min-height: initial;
        padding: 15px; } }
    @media only screen and (min-width: 800px) {
      .tables__table tbody tr td {
        min-height: 4em; } }
    .tables__table tbody tr td:nth-child(odd) {
      background: #ffffff; }
    .tables__table tbody tr td:nth-child(even) {
      background: #f5f7fa; }

.show-mob {
  display: inline;
  font-style: normal; }
  @media only screen and (min-width: 500px) {
    .show-mob {
      display: none; } }

.show-desk {
  display: none;
  font-style: normal; }
  @media only screen and (min-width: 500px) {
    .show-desk {
      display: inline; } }

.js-edit-section:hover {
  border: 1px solid #00a6dd; }

.setting_page_div .js-edit-section:hover {
  border: none; }

@media only screen and (max-width: 500px) {
  .box--settings.setting_page_div .box__title--small {
    padding-left: 10px; } }

.box--settings.setting_page_div .list-summary .grid__item.two-eighths {
  padding-left: 0px; }
  @media only screen and (max-width: 500px) {
    .box--settings.setting_page_div .list-summary .grid__item.two-eighths {
      padding-left: 10px; } }

wt-referral-links .list-summary .grid__item.two-eighths {
  padding-left: 0px; }

@media only screen and (max-width: 498px) {
  .switch-account .modal-wrapper-fixed {
    top: 157px !important; } }

.side-bar-tree-wrapper .sidebar__footer {
  padding-left: 0px;
  padding-top: 12px; }

@media only screen and (min-width: 800px) {
  .side-bar-tree-wrapper {
    width: 300px; }
    .side-bar-tree-wrapper > .back-to-list {
      display: none; } }

@media only screen and (max-width: 799px) {
  .side-bar-tree-wrapper {
    position: fixed;
    top: 40px;
    z-index: 100;
    background-color: #eeeff1;
    width: 100%;
    right: -100%;
    padding-left: 10px;
    padding-top: 20px;
    -webkit-transition-property: right;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-property: right;
    transition-duration: .5s;
    transition-timing-function: ease; }
    .side-bar-tree-wrapper.visible {
      height: 100%;
      right: 0%;
      -webkit-transition-property: right;
      -webkit-transition-duration: .5s;
      -webkit-transition-timing-function: ease;
      transition-property: right;
      transition-duration: .5s;
      transition-timing-function: ease; }
    .side-bar-tree-wrapper > .back-to-list {
      margin-left: -10px;
      background-color: #0AA1D8;
      color: white;
      font-weight: bold;
      margin-top: -5px;
      margin-bottom: 5px;
      padding: 8px; }
      .side-bar-tree-wrapper > .back-to-list .tree_nav_back_heading {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 7px; } }

@media only screen and (max-width: 700px) {
  .side-bar-tree-wrapper {
    padding-top: 10px; } }

.animationIf.ng-enter,
.animationIf.ng-leave {
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s; }

.animationIf.ng-enter,
.animationIf.ng-leave.ng-leave-active {
  opacity: 0; }

.animationIf.ng-leave,
.animationIf.ng-enter.ng-enter-active {
  opacity: 1; }

.talkbox-textarea ::-webkit-scrollbar {
  width: 5px; }

.talkbox-textarea ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background: #fff;
  border-radius: 10px; }

.talkbox-textarea ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e3e3e3; }

.undo-tooltip {
  max-width: 647px;
  width: 100%;
  height: 46px;
  border-radius: 4px;
  border: solid 1px #0aa1d8;
  background-color: #e7f8ff;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 17px;
  margin-top: -63px;
  position: absolute;
  z-index: 2000;
  display: flex;
  height: auto; }
  .undo-tooltip .filename {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0aa1d8;
    width: calc(100% - 60px);
    word-break: break-all;
    margin-right: 8px; }
  .undo-tooltip .undo-btn {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0aa1d8; }
    .undo-tooltip .undo-btn:hover {
      text-decoration: none; }
  .undo-tooltip .close-tooltip {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tooltip-close-blue.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
    object-fit: contain;
    background-repeat: no-repeat;
    margin-left: 16px;
    position: relative;
    top: 2px; }

.talkbox-wrapper {
  background-color: #ffffff;
  max-width: 647px;
  width: 100%;
  height: auto;
  border-radius: 4px;
  border: solid 1px #d8dbe7;
  border-bottom: none;
  position: relative; }
  .talkbox-wrapper .talkbox-header-wrapper.hide-talk-box {
    display: none; }
  .talkbox-wrapper .talkbox-header-wrapper.padding-right-change {
    padding-right: 10px; }
  .talkbox-wrapper .talkbox-header-wrapper {
    height: 19px;
    width: 100%;
    margin-bottom: 28px;
    padding: 13px 20px 0px 18px; }
    @media only screen and (max-width: 800px) {
      .talkbox-wrapper .talkbox-header-wrapper .talkbox-title.popup {
        display: none; } }
    .talkbox-wrapper .talkbox-header-wrapper .talkbox-title {
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      float: left; }
    .talkbox-wrapper .talkbox-header-wrapper .talkbox-back {
      color: #909bad;
      display: none; }
      @media only screen and (max-width: 800px) {
        .talkbox-wrapper .talkbox-header-wrapper .talkbox-back {
          display: inline;
          font-weight: 600;
          font-size: 13px; } }
      .talkbox-wrapper .talkbox-header-wrapper .talkbox-back:before {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/left-array-back.svg);
        width: 4.8px;
        height: 7.9px;
        object-fit: contain;
        position: relative;
        top: 6px;
        margin-right: 6.2px;
        float: left; }
  .talkbox-wrapper .postlight-post-switch-wrapper {
    float: right;
    display: flex; }
    .talkbox-wrapper .postlight-post-switch-wrapper.full-length-panel {
      float: right;
      display: flex;
      width: 100%;
      justify-content: flex-end; }
    .talkbox-wrapper .postlight-post-switch-wrapper .spotlight-count {
      font-family: "Open Sans";
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      margin-right: 10px; }
    .talkbox-wrapper .postlight-post-switch-wrapper .spotlight-label {
      font-family: "Open Sans";
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      margin-right: 6px; }
  .talkbox-wrapper .talkbox-form {
    position: relative; }
    .talkbox-wrapper .talkbox-form .textarea-wrapper {
      display: flex;
      padding: 0px 0px 0px 20px;
      background-color: #fff; }
      .talkbox-wrapper .talkbox-form .textarea-wrapper .talkbox-avatar {
        width: 51px;
        height: 51px;
        border-radius: 100px;
        background-size: cover;
        margin-right: 20px;
        background-repeat: no-repeat; }
      .talkbox-wrapper .talkbox-form .textarea-wrapper .textarea-form {
        width: calc(100% - 60px);
        height: 87px;
        padding-bottom: 10px; }

@-webkit-keyframes slide-down {
  0% {
    overflow-y: hidden;
    max-height: 0; }
  100% {
    overflow-y: hidden;
    max-height: 82px; } }

@-moz-keyframes slide-down {
  0% {
    overflow-y: hidden;
    max-height: 0; }
  100% {
    overflow-y: hidden;
    max-height: 82px; } }

@-webkit-keyframes slide-up {
  0% {
    overflow-y: hidden;
    max-height: 82px; }
  100% {
    overflow-y: hidden;
    max-height: 0; } }

@-moz-keyframes slide-up {
  0% {
    overflow-y: hidden;
    max-height: 82px; }
  100% {
    overflow-y: hidden;
    max-height: 0; } }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper.overflow-added {
    overflow-y: inherit; }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper {
    max-height: 0;
    overflow-y: hidden; }
  .talkbox-wrapper .talkbox-share-options-edit-wrapper.edit {
    max-height: 82px; }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper.open-in-lightbox {
    max-height: 82px; }
    @media only screen and (max-width: 800px) {
      .talkbox-wrapper .talkbox-share-options-animation-wrapper.open-in-lightbox {
        max-height: 150px; }
        .talkbox-wrapper .talkbox-share-options-animation-wrapper.open-in-lightbox .talkbox-share-options-wrapper {
          display: block; }
          .talkbox-wrapper .talkbox-share-options-animation-wrapper.open-in-lightbox .talkbox-share-options-wrapper .share-with-dropdown-wrapper {
            width: 100%;
            margin-bottom: 20px; }
          .talkbox-wrapper .talkbox-share-options-animation-wrapper.open-in-lightbox .talkbox-share-options-wrapper.referral-responsive .talkboxButton {
            margin-bottom: 15px; } }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper.open {
    -webkit-animation: slide-down  0.2s ease-in-out;
    -moz-animation: slide-down  0.2s ease-in-out;
    -o-animation: slide-down  0.2s ease-in-out;
    animation: slide-down  0.2s ease-in-out;
    max-height: 139px; }
    @media only screen and (max-width: 800px) {
      .talkbox-wrapper .talkbox-share-options-animation-wrapper.open {
        max-height: inherit; } }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper.close {
    -webkit-animation: slide-up  0.2s ease-in-out;
    -moz-animation: slide-up  0.2s ease-in-out;
    -o-animation: slide-up  0.2s ease-in-out;
    animation: slide-up  0.2s ease-in-out;
    max-height: 0;
    overflow-y: hidden; }
  .talkbox-wrapper .talkbox-share-options-animation-wrapper::-webkit-scrollbar {
    width: 0px; }
  .talkbox-wrapper .talkbox-share-options-wrapper {
    padding-bottom: 20px;
    padding-left: 18px;
    padding-top: 20px;
    display: flex;
    width: 100%; }
    @media only screen and (max-width: 800px) {
      .talkbox-wrapper .talkbox-share-options-wrapper {
        padding-bottom: 0;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px; } }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper {
      width: 48%;
      display: flex; }
      .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-label-wrapper {
        padding-right: 10px;
        padding-top: 11px; }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-label-wrapper {
            padding-right: 0; } }
        .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-label-wrapper .share-with-label {
          font-family: "Open Sans";
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026; }
          @media only screen and (max-width: 800px) {
            .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-label-wrapper .share-with-label {
              display: none; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection {
        width: calc(100% - 94px); }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection {
            width: 100%; } }
        .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item {
          border: 1px solid #d0d0d0;
          padding: 10px 8px;
          display: inline-block;
          width: 100%;
          overflow: hidden;
          position: relative;
          z-index: 1;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 36px;
          cursor: pointer;
          border-radius: 4px; }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item:after {
            font-family: webtalk;
            content: "\e613";
            border: 0;
            margin-top: -7px;
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            width: 0;
            height: 0;
            border-width: 5px 5px 0; }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i {
            width: 20px;
            height: 20px;
            position: absolute;
            top: calc( 50% - 8px);
            left: 12px; }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-Public {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/public-dropdown-icon.svg); }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-All {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/all-dropdown-icon.svg); }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-Personal {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/personal-dropdown-icon.svg); }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-Pro {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/pro-dropdown-icon.svg); }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-Groups {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/groups-dropdown-icon.svg); }
          .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item i.icon-Private {
            background-repeat: no-repeat;
            background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/private-dropdown-icon.svg); }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper {
      padding-left: 10px; }
      @media only screen and (min-width: 800px) {
        .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper.update-post {
          position: absolute;
          right: 20px; }
          .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper.update-post .cancelbtn {
            width: 68px;
            color: #e53635; } }
      @media only screen and (max-width: 800px) {
        .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper {
          text-align: center; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter {
        width: 20px;
        height: 16.6px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands.svg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 15.9px;
        position: relative;
        top: 2px; }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter {
            margin-right: 50px; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.public:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.pro:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.personal:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.only-me:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.groups:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.all:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.public {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.pro {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.personal {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.only-me {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.groups {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.all {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.pro:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.personal:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.only-me:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.groups:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .twitter.active.all:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook {
        width: 10.3px;
        height: 18px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 17.9px;
        position: relative;
        top: 3px; }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook {
            margin-right: 50px; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.public:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.pro:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.personal:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.only-me:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.groups:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.all:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.public {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.pro {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.personal {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.only-me {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.groups {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .facebook.active.all {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin {
        width: 17px;
        height: 15.7px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands.svg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 16.9px;
        position: relative;
        top: 1px; }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin {
            margin-right: 50px; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.public:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.pro:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.personal:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.only-me:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.groups:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.all:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.public {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.pro {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.personal {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.only-me {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.groups {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .linkedin.active.all {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack {
        width: 17px;
        height: 15.7px;
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands.svg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 25px;
        top: 2px;
        position: relative; }
        @media only screen and (max-width: 800px) {
          .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack {
            margin-right: 0; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.public:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.pro:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.personal:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.only-me:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.groups:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.all:hover {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-all.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.public {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-public.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.pro {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-pro.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.personal {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-personal.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.only-me {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-only-me.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.groups {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-groups.svg); }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkbox-button-wrapper .slack.active.all {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-all.svg); }
    .talkbox-wrapper .talkbox-share-options-wrapper.float-right .talkbox-button-wrapper {
      text-align: right;
      float: right;
      display: block;
      width: 100%;
      padding-right: 20px; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton {
      width: 142px;
      line-height: 42px;
      height: 42px;
      border-radius: 4px;
      font-family: "Open Sans";
      font-size: 15px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #fff;
      padding: 0px;
      text-align: center; }
      @media only screen and (max-width: 800px) {
        .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton {
          display: block;
          width: 100%;
          margin-top: 10px; } }
      .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton:hover {
        text-decoration: none; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.public {
      background-color: #ff9200; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.pro {
      background-color: #798ecb; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.all {
      background-color: #00bdcc; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.personal {
      background-color: #b868c8; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.groups {
      background-color: #66bb69; }
    .talkbox-wrapper .talkbox-share-options-wrapper .talkboxButton.only-me {
      background-color: #9f9f9f; }
  .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item {
    color: #303030; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.public::after {
      color: #ff9200;
      border-color: #ff9200 transparent transparent; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.all::after {
      color: #00bdcc;
      border-color: #00bdcc transparent transparent; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.pro::after {
      color: #798ecb;
      border-color: #798ecb transparent transparent; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.personal::after {
      color: #b868c8;
      border-color: #b868c8 transparent transparent; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.groups::after {
      color: #66bb69;
      border-color: #66bb69 transparent transparent; }
    .talkbox-wrapper .talkbox-share-options-wrapper .share-with-dropdown-wrapper .share-with-selection .filter-dropdown-wrapper .sharewith-dropdown-selected-item.private::after {
      color: #9f9f9f;
      border-color: #9f9f9f transparent transparent; }

.mobile-talkbox .back-bar-wrapper {
  color: #BFC2CC;
  padding: 10px;
  padding-top: 13px;
  padding-bottom: 13px;
  background: #ffffff;
  width: 100%;
  padding-left: 20px;
  height: 70px; }
  .mobile-talkbox .back-bar-wrapper .talkbox-back-btn {
    color: #909bad; }
    .mobile-talkbox .back-bar-wrapper .talkbox-back-btn div {
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/left-array-back.svg);
      width: 4.8px;
      height: 7.9px;
      object-fit: contain;
      position: relative;
      top: 6px;
      margin-right: 6.2px;
      float: left; }

.mobile-talkbox .privacy-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 16px; }

.mobile-talkbox .mobile-textarea {
  min-height: 86px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: auto;
  max-height: calc( 100vh - 265px); }
  .mobile-talkbox .mobile-textarea:focus {
    outline: none; }

.mobile-talkbox .mobile-social-syndication-wrapper {
  margin: 0 auto;
  width: max-content;
  margin-top: 9px;
  margin-bottom: 12px; }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter {
    width: 20px;
    height: 14.6px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 58px; }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.public:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.pro:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.personal:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.only-me:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.groups:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.all:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.public {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.pro {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.only-me {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.groups {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.all {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.pro:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.personal:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.only-me:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.groups:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .twitter.active.all:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/twitter-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook {
    width: 10.3px;
    height: 18px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 58px;
    position: relative;
    top: 3px; }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.public:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.pro:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.personal:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.only-me:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.groups:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.all:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.public {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.pro {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.only-me {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.groups {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .facebook.active.all {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/facebook-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin {
    width: 17px;
    height: 15.7px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 58px;
    position: relative;
    top: 1px; }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.public:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.pro:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.personal:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.only-me:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.groups:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.all:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.public {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.pro {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.only-me {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.groups {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .linkedin.active.all {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/linkedin-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack {
    width: 17px;
    height: 15.7px;
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 2px;
    position: relative; }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.public:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.pro:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.personal:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.only-me:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.groups:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.all:hover {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-all.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.public {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-public.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.pro {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-pro.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.personal {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-personal.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.only-me {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-only-me.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.groups {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-groups.svg); }
  .mobile-talkbox .mobile-social-syndication-wrapper .slack.active.all {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/slack-brands-all.svg); }

.mobile-talkbox .talkboxButton {
  width: 142px;
  line-height: 42px;
  height: 42px;
  border-radius: 4px;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  padding: 0px;
  text-align: center; }
  .mobile-talkbox .talkboxButton:hover {
    text-decoration: none; }

.mobile-talkbox .talkboxButton.public {
  background-color: #ff9200; }

.mobile-talkbox .talkboxButton.pro {
  background-color: #798ecb; }

.mobile-talkbox .talkboxButton.all {
  background-color: #00bdcc; }

.mobile-talkbox .talkboxButton.personal {
  background-color: #b868c8; }

.mobile-talkbox .talkboxButton.groups {
  background-color: #66bb69; }

.mobile-talkbox .talkboxButton.only-me {
  background-color: #9f9f9f; }

.mobile-talkbox .btns-wrapper {
  padding-left: 10px;
  padding-right: 10px; }

@media only screen and (max-width: 800px) {
  .talkbox-wrapper {
    width: 100%;
    max-width: inherit;
    margin-top: 55px; } }

@media only screen and (max-width: 600px) {
  .undo-tooltip {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 0px;
    top: 15px;
    z-index: 2000;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto; }
  .talkbox-wrapper {
    width: 100%;
    border: none;
    border-radius: 0px;
    margin-top: 0px; }
    .talkbox-wrapper .talkbox-header-wrapper.popup-header-talkbox {
      margin-bottom: 20px; }
    .talkbox-wrapper .talkbox-header-wrapper {
      margin-bottom: 15px; }
      .talkbox-wrapper .talkbox-header-wrapper .postlight-post-switch-wrapper {
        display: none; }
        .talkbox-wrapper .talkbox-header-wrapper .postlight-post-switch-wrapper.spotlight-posts-count {
          display: flex; }
    .talkbox-wrapper .talkbox-form .textarea-wrapper {
      padding: 0px 5px 0px 5px; }
      .talkbox-wrapper .talkbox-form .textarea-wrapper .talkbox-avatar {
        display: none; }
    .talkbox-wrapper .talkboxButton {
      margin-bottom: 10px; } }

.public-select .clear-preview {
  background-color: #ff9200; }

.public-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon.svg); }

.public-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #ff9200; }

.pro-select .clear-preview {
  background-color: #798ecb; }

.pro-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon-pro.svg); }

.pro-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #798ecb; }

.personal-select .clear-preview {
  background-color: #b868c8; }

.personal-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon-personal.svg); }

.personal-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #b868c8; }

.all-select .clear-preview {
  background-color: #00bdcc; }

.all-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon-all.svg); }

.all-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #00bdcc; }

.private-select .clear-preview {
  background-color: #9f9f9f; }

.private-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon-private.svg); }

.private-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #9f9f9f; }

.groups-select .clear-preview {
  background-color: #66bb69; }

.groups-select .search-icon {
  background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/grey-search-icon-group.svg); }

.groups-select .tags-input-section-wrapper .tags-wrapper {
  border: solid 1px #66bb69; }

wt-news-groups-share .selectize-input {
  border: 1px solid #66bb69; }

wt-news-groups-share .selectize-control.single .selectize-input:after {
  color: #66bb69; }

wt-news-groups-share .selectize-control.single .selectize-input:after {
  color: #66bb69; }

wt-news-groups-share .selectize-dropdown, wt-news-groups-share .selectize-dropdown-content > div {
  background-color: #fff;
  color: #333;
  width: 228px;
  max-width: 228px; }

wt-news-groups-share .selectize-dropdown:hover, wt-news-groups-share .selectize-dropdown-content > div:hover {
  background-color: #eee;
  color: #333; }

wt-news-groups-share .selectize-dropdown-content > div.active:hover {
  background: #eee;
  color: #000000; }

wt-news-groups-share .selectize-dropdown-content .option {
  padding: 7px; }

wt-news-groups-share .selectize-dropdown:before,
wt-news-groups-share .selectize-dropdown-content .selectize-dropdown:before {
  border-bottom: 6px solid #ffffff;
  left: auto;
  right: 15px; }

.webtalk--window .modal-body .group-btn,
input.btn--default.group-btn:hover,
.btn--default.group-btn:hover,
input.btn--default.group-btn,
.webtalk--window .modal-body .btn--default.group-btn,
.webtalk--window .modal-body .btn--default.group-btn,
.webtalk--window .modal-body .group-btn .switch-input:checked ~ .switch-label {
  background-color: #66bb69;
  border: 1px solid #66bb69; }
  .webtalk--window .modal-body .group-btn:hover,
  input.btn--default.group-btn:hover:hover,
  .btn--default.group-btn:hover:hover,
  input.btn--default.group-btn:hover,
  .webtalk--window .modal-body .btn--default.group-btn:hover,
  .webtalk--window .modal-body .btn--default.group-btn:hover,
  .webtalk--window .modal-body .group-btn .switch-input:checked ~ .switch-label:hover {
    background-color: #66bb69;
    border: 1px solid #66bb69; }

#connectWithMemberForm .group-btn:hover,
#connectWithMemberForm .group-btn.btn--default:hover,
.webtalk--window .modal-body .group-btn.btn--default:hover,
.webtalk--window .modal-body .btn--default.group-btn:hover {
  background-color: #66bb69 !important;
  border: 0px solid #66bb69 !important; }

.webtalk--window .modal-body .switchpanel label.group-btn,
#connectWithMemberForm .switch.float--right.group-btn,
.switch.float--right.group-btn {
  background-color: #fff;
  border: #fff; }
  .webtalk--window .modal-body .switchpanel label.group-btn hover,
  #connectWithMemberForm .switch.float--right.group-btn hover,
  .switch.float--right.group-btn hover {
    border: 0px solid #66bb69; }

.update-post-btn {
  color: #fff;
  width: 142px; }
  .update-post-btn.public {
    background-color: #ff9200; }
  .update-post-btn.pro {
    background-color: #798ecb; }
  .update-post-btn.all {
    background-color: #00bdcc; }
  .update-post-btn.personal {
    background-color: #b868c8; }
  .update-post-btn.groups {
    background-color: #66bb69; }
  .update-post-btn.only-me {
    background-color: #9f9f9f; }

.home-talkbox-wrapper.margin {
  margin-bottom: 97px; }
  @media only screen and (max-width: 600px) {
    .home-talkbox-wrapper.margin {
      margin-bottom: 76px; } }

.filter-widget-wrapper.hide-filter {
  display: none; }

.filter-widget-wrapper.news-filter-fixed {
  position: fixed;
  top: 55px;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 203;
  width: 647px;
  box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.11);
  height: 57px; }

.filter-widget-wrapper {
  padding-top: 20px;
  padding-bottom: 18px;
  display: grid;
  z-index: 10; }
  .filter-widget-wrapper .filter-widget.open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .filter-widget-wrapper .filter-widget {
    width: 100%;
    background-color: #fff;
    height: 58px;
    border-radius: 4px;
    border: solid 1px #d8dbe7; }
    .filter-widget-wrapper .filter-widget .filter-header {
      padding: 19px;
      float: left;
      display: flex;
      padding-left: 14px;
      padding-right: 0px;
      width: calc(100% - 202px);
      cursor: pointer; }
      .filter-widget-wrapper .filter-widget .filter-header .filter-icon {
        background-image: url(/app/assets/images/icons/filters-blue.svg);
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 8px; }
      .filter-widget-wrapper .filter-widget .filter-header .filter-header-text {
        font-family: 'Open Sans';
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287; }
    .filter-widget-wrapper .filter-widget .news-filter-togglemenu {
      display: none; }
    .filter-widget-wrapper .filter-widget .public-news-wrapper {
      float: right;
      display: flex;
      padding: 19px;
      position: relative; }
      .filter-widget-wrapper .filter-widget .public-news-wrapper .public-news-tooltip.display-tooltip {
        display: block; }
      .filter-widget-wrapper .filter-widget .public-news-wrapper .public-news-tooltip {
        display: none;
        background-color: #1d2026;
        color: #fff;
        padding: 6px 8px 6px 8px;
        position: absolute;
        bottom: 44px;
        width: 155px;
        left: 10px;
        font-family: 'Open Sans';
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: normal;
        border-radius: 4px; }
        .filter-widget-wrapper .filter-widget .public-news-wrapper .public-news-tooltip::before {
          content: '';
          position: absolute;
          display: block;
          width: 0px;
          left: 11%;
          bottom: 6px;
          border: 6px solid transparent;
          border-bottom: 0;
          border-top: 6px solid #1d2026;
          transform: translate(-50%, calc(100% + 5px)); }
      .filter-widget-wrapper .filter-widget .public-news-wrapper .public-icon {
        width: 17px;
        height: 17px;
        background-image: url(/app/assets/images/icons/public-dropdown-icon-grey.svg);
        margin-right: 5px;
        position: relative;
        top: 2px; }
      .filter-widget-wrapper .filter-widget .public-news-wrapper .public-news-toggle {
        position: relative;
        top: 1px; }
      .filter-widget-wrapper .filter-widget .public-news-wrapper .public-icon.on {
        background-image: url(/app/assets/images/icons/public-dropdown-icon.svg); }
    .filter-widget-wrapper .filter-widget .open-filter-options-btn {
      width: 102px;
      line-height: 56px;
      border-left: solid 1px #d8dbe7;
      background-color: #f5f6f7;
      font-family: 'Open Sans';
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #909bad;
      text-align: center;
      float: right;
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
      .filter-widget-wrapper .filter-widget .open-filter-options-btn:hover {
        text-decoration: none; }
      .filter-widget-wrapper .filter-widget .open-filter-options-btn::after {
        content: '';
        margin-left: -4px;
        background-image: url(/app/assets/images/icons/news-filter-arrow-down.svg);
        width: 14px;
        height: 8px;
        background-size: contain;
        display: inline-block;
        position: relative;
        left: 6px;
        top: 1px; }
    .filter-widget-wrapper .filter-widget .open-filter-options-btn.down::after {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -webkit-transition: .2s ease-in-out;
      -moz-transition: .2s ease-in-out;
      -o-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }
    .filter-widget-wrapper .filter-widget .open-filter-options-btn.up::after {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      -webkit-transition: .2s ease-in-out;
      -moz-transition: .2s ease-in-out;
      -o-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }

@-webkit-keyframes slide-down {
  0% {
    max-height: 0; }
  100% {
    max-height: 64px; } }

@-moz-keyframes slide-down {
  0% {
    max-height: 0; }
  100% {
    max-height: 64px; } }

@-webkit-keyframes slide-up {
  0% {
    max-height: 64px; }
  100% {
    max-height: 0; } }

@-moz-keyframes slide-up {
  0% {
    max-height: 64px; }
  100% {
    max-height: 0; } }
  .filter-widget-wrapper .filter-options-animation-wrapper {
    max-height: 0;
    overflow-y: hidden; }
  .filter-widget-wrapper .filter-options-animation-wrapper.closed {
    -webkit-animation: slide-up  0.2s ease-in-out;
    -moz-animation: slide-up  0.2s ease-in-out;
    -o-animation: slide-up  0.2s ease-in-out;
    animation: slide-up  0.2s ease-in-out;
    max-height: 0;
    overflow-y: hidden; }
  .filter-widget-wrapper .filter-options-animation-wrapper.open {
    -webkit-animation: slide-down  0.2s ease-in-out;
    -moz-animation: slide-down  0.2s ease-in-out;
    -o-animation: slide-down  0.2s ease-in-out;
    animation: slide-down  0.2s ease-in-out;
    max-height: 64px; }
  .filter-widget-wrapper .filter-options-animation-wrapper::-webkit-scrollbar {
    width: 0px; }
  .filter-widget-wrapper .filter-options-animation-wrapper.open.add-overflow {
    overflow-y: inherit; }
  .filter-widget-wrapper .filter-options-animation-wrapper {
    width: 100%;
    position: relative;
    bottom: 1px; }
  .filter-widget-wrapper .filter-options-wrapper {
    background-color: #fff;
    width: 100%;
    height: 64px;
    padding: 10px;
    display: flex;
    position: relative;
    border: solid 1px #d8dbe7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none; }
    .filter-widget-wrapper .filter-options-wrapper .news-and-media-dropdown-wrapper {
      width: 51.4%; }
    .filter-widget-wrapper .filter-options-wrapper .news-type-filter {
      float: left;
      width: 48%; }
    .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper {
      margin-left: 10px;
      width: 47%;
      height: 42px;
      border-radius: 4px;
      border: solid 1px #eceef4;
      background-color: #fff;
      float: left;
      position: relative;
      cursor: pointer; }
      .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter {
        padding-top: 11px;
        padding-bottom: 12px;
        height: 100%;
        width: 100%; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter:after {
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #b0b8c4;
          color: #b0b8c4;
          float: right;
          position: relative;
          right: 15px;
          content: '';
          top: 7px; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-media {
          background-image: url(/app/assets/images/icons/all-media-icon-grey.svg);
          width: 15px;
          height: 15px;
          object-fit: contain;
          background-size: cover;
          margin-left: 13px;
          float: left;
          top: 2px;
          position: relative; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-pohots {
          background-image: url(/app/assets/images/icons/photos-icon-grey.svg);
          width: 17px;
          height: 17px;
          object-fit: contain;
          background-size: cover;
          margin-left: 13px;
          float: left;
          top: 1px;
          position: relative; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-files {
          background-image: url(/app/assets/images/icons/files-icon-grey.svg);
          width: 18px;
          height: 18px;
          object-fit: contain;
          background-size: cover;
          margin-left: 13px;
          float: left;
          position: relative; }
          .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-files::before {
            content: ''; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-videos {
          background-image: url(/app/assets/images/icons/videos-icon-grey.svg);
          width: 20px;
          height: 14.3px;
          object-fit: contain;
          background-size: cover;
          margin-left: 13px;
          float: left;
          top: 2px;
          position: relative; }
          .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .icon-videos::before {
            content: ''; }
        .filter-widget-wrapper .filter-options-wrapper .news-media-filter-wrapper .news-media-filter .item {
          font-family: 'Open Sans';
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #647287;
          margin-left: 9px;
          float: left; }
    .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper {
      width: 48.6%;
      height: 42px;
      border-radius: 4px;
      border: solid 1px #eceef4;
      background-color: #fff;
      margin-left: 4px;
      float: left;
      display: flex; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper .search-icon {
        width: 17px;
        height: 17px;
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons_2x/search-icon-grey.svg);
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 13px;
        position: relative;
        background-size: contain;
        top: 12px; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper .news-filter-search ::placeholder {
        color: #b0b8c4; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper input[type="search"].news-filter-search::-webkit-input-placeholder {
        color: #b0b8c4; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper input[type="search"].news-filter-search::-moz-placeholder {
        color: #b0b8c4; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper input[type="search"].news-filter-search:-ms-input-placeholder {
        color: #b0b8c4; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper input[type="search"].news-filter-search:-moz-placeholder {
        color: #b0b8c4; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper .news-filter-search {
        border: none;
        width: calc(100% - 41px);
        height: 37px;
        margin-left: 7px;
        border-radius: 4px; }
        .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper .news-filter-search:focus {
          outline: none; }

.news-filter-wrapper {
  position: relative; }
  .news-filter-wrapper .filter-icon-display {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #eceef4;
    background-color: #fff;
    padding-top: 11px;
    padding-bottom: 12px;
    cursor: pointer; }
    .news-filter-wrapper .filter-icon-display:after {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #b0b8c4;
      color: #b0b8c4;
      float: right;
      position: relative;
      right: 15px;
      content: '';
      top: 7px; }
    .news-filter-wrapper .filter-icon-display .filter-display-item {
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      display: flex;
      float: left; }
      .news-filter-wrapper .filter-icon-display .filter-display-item:hover {
        text-decoration: none; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .item {
        width: 78px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-News {
        width: 17px;
        height: 15.9px;
        background-size: cover;
        background-image: url("/app/assets/images/icons/all-news-icon-grey.png");
        margin-left: 12px;
        position: relative;
        top: 2px;
        margin-right: 8px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-Top {
        width: 17px;
        height: 17px;
        background-size: cover !important;
        background-image: url("/app/assets/images/icons/top-news-icon-grey.svg");
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        top: 2px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-favorites {
        background-image: url(https://wtdemo.webtalk.co/static/src/assets/icons/favourites-red.svg);
        background-repeat: no-repeat;
        background-position: 1px center;
        width: 17px;
        height: 14px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        top: 2px;
        background-size: contain; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-All {
        background-image: url(/app/assets/images/icons/all-dropdown-icon-default-grey.svg);
        width: 20px;
        height: 15px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        background-size: cover;
        top: 2px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-Pro {
        background-image: url(/app/assets/images/icons/pro-dropdown-icon-default-grey.svg);
        width: 17px;
        height: 15px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        background-size: cover;
        top: 2px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-Personal {
        background-image: url(/app/assets/images/icons/personal-dropdown-icon-default-grey.svg);
        width: 16px;
        height: 17px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        background-size: cover;
        top: 0px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-Groups {
        background-image: url(/app/assets/images/icons/groups-dropdown-icon-default-grey.svg);
        width: 17px;
        height: 17px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        background-size: cover;
        top: 1px; }
      .news-filter-wrapper .filter-icon-display .filter-display-item .icon-Onlyme {
        background-image: url(/app/assets/images/icons/private-dropdown-icon-default-grey.svg);
        width: 13px;
        height: 15px;
        object-fit: contain;
        margin-left: 12px;
        position: relative;
        margin-right: 8px;
        background-size: cover;
        top: 2px; }

@media only screen and (max-width: 800px) {
  .filter-widget-wrapper.to-top {
    z-index: 1000; }
  .filter-widget-wrapper.news-filter-fixed.open {
    -webkit-animation: slide-down-mobile  0.2s ease-in-out;
    -moz-animation: slide-down-mobile  0.2s ease-in-out;
    -o-animation: slide-down-mobile  0.2s ease-in-out;
    animation: slide-down-mobile  0.2s ease-in-out;
    height: 171px; }
  .filter-widget-wrapper.news-filter-fixed.closed {
    -webkit-animation: slide-up-mobile  0.2s ease-in-out;
    -moz-animation: slide-up-mobile  0.2s ease-in-out;
    -o-animation: slide-up-mobile  0.2s ease-in-out;
    animation: slide-up-mobile  0.2s ease-in-out;
    height: 58px; }
  .filter-widget-wrapper.news-filter-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 1000;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.11);
    height: 58px; }
    .filter-widget-wrapper.news-filter-fixed .filter-widget .news-filter-togglemenu {
      display: block;
      width: 20px;
      height: 16px;
      float: right;
      background-image: url(/app/assets/images/icons/new-hamburger.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 21px;
      margin-right: 14px; } }

@media only screen and (max-width: 600px) {
  .filter-widget-wrapper.news-filter-fixed .filter-widget .filter-header {
    width: calc(100% - 147px); }
  .filter-widget-wrapper {
    padding-top: 10px;
    padding-bottom: 8px;
    position: relative;
    bottom: 1px; }
    .filter-widget-wrapper .reset-news-search {
      padding-left: 10px; }
    .filter-widget-wrapper .filter-widget.open {
      border-bottom: none; }
    .filter-widget-wrapper .filter-widget {
      border-radius: 0px;
      border: none; }
      .filter-widget-wrapper .filter-widget .filter-header {
        position: relative;
        padding-left: 10px;
        padding-top: 19px;
        width: calc(100% - 112px); }
        .filter-widget-wrapper .filter-widget .filter-header .filter-header-text {
          font-size: 12px;
          position: relative;
          top: 2px; }
      .filter-widget-wrapper .filter-widget .public-news-wrapper {
        padding-right: 0px;
        padding-left: 0px; }
        .filter-widget-wrapper .filter-widget .public-news-wrapper .public-news-tooltip.display-tooltip {
          display: none; }
      .filter-widget-wrapper .filter-widget .open-filter-options-btn {
        background-color: transparent;
        border-left: none;
        width: 50px; }
        .filter-widget-wrapper .filter-widget .open-filter-options-btn:after {
          left: 3px; }
  @-webkit-keyframes slide-down-mobile {
    0% {
      max-height: 0; }
    100% {
      max-height: 115px; } }
  @-moz-keyframes slide-down-mobile {
    0% {
      max-height: 0; }
    100% {
      max-height: 115px; } }
  @-webkit-keyframes slide-up-mobile {
    0% {
      max-height: 115px; }
    100% {
      max-height: 0; } }
  @-moz-keyframes slide-up-mobile {
    0% {
      max-height: 115px; }
    100% {
      max-height: 0; } }
    .filter-widget-wrapper .filter-options-animation-wrapper {
      max-height: 0;
      overflow-y: hidden; }
    .filter-widget-wrapper .filter-options-animation-wrapper.closed {
      -webkit-animation: slide-up-mobile  0.2s ease-in-out;
      -moz-animation: slide-up-mobile  0.2s ease-in-out;
      -o-animation: slide-up-mobile  0.2s ease-in-out;
      animation: slide-up-mobile  0.2s ease-in-out;
      max-height: 0;
      overflow-y: hidden; }
    .filter-widget-wrapper .filter-options-animation-wrapper.open {
      -webkit-animation: slide-down-mobile  0.2s ease-in-out;
      -moz-animation: slide-down-mobile  0.2s ease-in-out;
      -o-animation: slide-down-mobile  0.2s ease-in-out;
      animation: slide-down-mobile  0.2s ease-in-out;
      max-height: 115px; }
    .filter-widget-wrapper .filter-options-wrapper.open {
      position: relative;
      bottom: 1px; }
    .filter-widget-wrapper .filter-options-wrapper {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border: none;
      display: grid;
      height: initial; }
      .filter-widget-wrapper .filter-options-wrapper .news-and-media-dropdown-wrapper {
        width: 100%; }
        .filter-widget-wrapper .filter-options-wrapper .news-and-media-dropdown-wrapper .news-media-filter-wrapper {
          width: 48.5%; }
      .filter-widget-wrapper .filter-options-wrapper .news-filter-search-wrapper {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px; }
    .filter-widget-wrapper .filter-options-wrapper.open {
      display: grid;
      height: auto;
      padding-top: 0px; }
      .filter-widget-wrapper .filter-options-wrapper.open .news-and-media-dropdown-wrapper {
        display: flex;
        margin-bottom: 10px;
        width: 100%; }
        .filter-widget-wrapper .filter-options-wrapper.open .news-and-media-dropdown-wrapper .news-type-filter {
          width: 50%; }
        .filter-widget-wrapper .filter-options-wrapper.open .news-and-media-dropdown-wrapper .news-media-filter-wrapper {
          width: 50%; }
      .filter-widget-wrapper .filter-options-wrapper.open .news-filter-search-wrapper {
        width: 100%;
        margin-left: 0px; } }

@media only screen and (max-width: 410px) {
  .filter-widget-wrapper .filter-widget.open {
    border-bottom: none; }
  .filter-widget-wrapper .filter-widget {
    border-radius: 0px;
    border: none; }
    .filter-widget-wrapper .filter-widget .filter-header {
      position: relative;
      padding-top: 13px;
      padding-bottom: 0px; }
      .filter-widget-wrapper .filter-widget .filter-header .filter-header-text {
        font-size: 12px;
        width: 150px;
        line-height: 1.30;
        top: 0px; }
      .filter-widget-wrapper .filter-widget .filter-header .filter-icon {
        position: relative;
        top: 6px; } }