/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
  writing-mode: horizontal-tb;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;

  direction: ltr;
  /* Prevent selection from interacting weirdly with the page,
   * see bug 1766093. Our text selection story with shadow dom should be
   * better, see bug 1590379 */
  user-select: none;
  /* Prevent unwanted style inheritance. See bug 554717. */
  text-align: left;
  list-style-image: none !important;
  font: normal normal normal 100%/normal sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.videocontrols[flipped="true"] {
  transform: scaleX(-1);
}

.controlsContainer {
  --clickToPlay-size: 48px;
  --button-size: 30px;
  --timer-size: 40px;
  --timer-long-size: 60px;
  --track-size: 5px;
  --thumb-size: 13px;
  --label-font-size: 13px;
  --pip-toggle-padding: 5px;
  --control-focus-outline: 2px solid #00DDFF;
  --control-focus-outline-offset: -2px;

  color: #fff;
}
.controlsContainer.touch {
  --clickToPlay-size: 64px;
  --button-size: 40px;
  --timer-size: 52px;
  --timer-long-size: 78px;
  --track-size: 7px;
  --thumb-size: 16px;
  --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --clickToPlay-width: var(--clickToPlay-size);
  --playButton-width: var(--button-size);
  --scrubberStack-width: 64px;
  --muteButton-width: var(--button-size);
  --volumeStack-width: 48px;
  --castingButton-width: var(--button-size);
  --closedCaptionButton-width: var(--button-size);
  --fullscreenButton-width: var(--button-size);
  --positionDurationBox-width: var(--timer-size);
  --durationSpan-width: var(--timer-size);
  --positionDurationBox-width-long: var(--timer-long-size);
  --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --scrubberStack-width: 84px;
  --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
  display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
  display: flex;
  opacity: 0;
  pointer-events: none;
}

.controlBar[size="hidden"] {
  display: none;
}

.controlsSpacer[hideCursor] {
  cursor: none;
}

.controlsContainer,
.progressContainer {
  position: relative;
  height: 100%;
}

.stackItem {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.statusOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(80,80,80, .85);
}

.controlsOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.controlsSpacerStack {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.controlBar {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 40px;
  padding: 0 9px;
  background-color: rgba(26,26,26,.8);
}

.touch .controlBar {
  height: 52px;
}

.controlBar > .button {
  /* Prevent #textTrackListContainer from blocking clicks on controls */
  z-index: 1;
  height: 100%;
  min-width: var(--button-size);
  min-height: var(--button-size);
  padding: 6px;
  border: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  /* We don't suppress ::-moz-focus-inner, so that does for a focus indicator */
  outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
  outline: var(--control-focus-outline);
  outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
  background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
  fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
  fill: #2d89e6;
}

.playButton {
  background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
  background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
  background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
  background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
  background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
  display: none;
}

.castingButton {
  background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
  background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
  background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
  background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
  flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
  height: var(--thumb-size);
  width: var(--thumb-size);
  border: none;
  border-radius: 50%;
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.65));
}

.volumeControl,
.scrubber {
  outline: none;
}

.progressBackgroundBar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.progressStack {
  position: relative;
  width: 100%;
  height: var(--track-size);
}

.scrubberStack {
  /* minus margin to get basis of required width */
  min-width: calc(var(--scrubberStack-width) - 18px);
  flex-basis: calc(var(--scrubberStack-width) - 18px);
  flex-grow: 2;
  flex-shrink: 0;
  margin: 0 9px;
}

.volumeStack {
  max-width: 60px;
  min-width: var(--volumeStack-width);
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 6px;
  margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
  bottom: 0;
  color: inherit;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  margin: 0;
  background: none;
  outline: none;
}

.bufferBar {
  background-color: rgba(0,0,0,0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  background: none;
}

.bufferBar::-moz-progress-bar {
  background-color: rgba(255,255,255,0.3);
  border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
  background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
  background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
  background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
  background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
  height: var(--track-size);
  border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
}

.volumeControl::-moz-range-track {
  background-color: rgba(0,0,0,0.7);
}

@media (prefers-contrast) {
  /* Show a border in high contrast mode since background-colors
     are not shown. */
  .scrubber::-moz-range-track,
  .volumeControl::-moz-range-track {
    border: 1px solid;
  }

  .scrubber::-moz-range-progress,
  .volumeControl::-moz-range-progress {
    border: 2px solid;
  }
}

.textTrackListContainer {
  position: absolute;
  right: 5px;
  bottom: 45px;
  top: 5px;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.textTrackList {
  flex: 0 1 auto;
  border: 1px solid #000;
  border-radius: 2.5px;
  padding: 5px 0;
  vertical-align: middle;
  background-color: #000;
  opacity: 0.7;
  overflow-y: auto;
}

.touch .textTrackList {
  bottom: 58px;
}

.textTrackList > .textTrackItem {
  display: block;
  width: 100%;
  height: var(--button-size);
  font-size: var(--label-font-size);
  padding: 2px 10px;
  border: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  background-color: transparent;
  color: inherit;
}

.textTrackList > .textTrackItem:hover {
  background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
  color: #48a0f7;
}

.positionLabel,
.durationLabel {
  display: none;
}

.positionDurationBox {
  text-align: center;
  padding-inline-start: 1px;
  padding-inline-end: 9px;
  white-space: nowrap;
  font: message-box;
  font-size: var(--label-font-size);
  font-size-adjust: 0.55;
  font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
  .positionDurationBox {
    font-size-adjust: unset;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
  }
}

.duration {
  display: inline-block;
  white-space: pre;
  color: #929292;
}

.statusIcon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
  background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
  background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.statusIcon[type="error"] {
  min-width: 70px;
  min-height: 60px;
  background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
  min-width: 84px;
  min-height: 84px;
  background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
  -moz-context-properties: fill;
  fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
  transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
  margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
  appearance: none;
  border: none;
  min-width: var(--clickToPlay-size);
  min-height: var(--clickToPlay-size);
  border-radius: 50%;
  background-image: url(chrome://global/skin/media/play-fill.svg);
  background-repeat: no-repeat;
  background-position: 54% 50%;
  background-size: 40% 40%;
  background-color: #1a1a1a;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  opacity: 0.8;
  position: relative;
  top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
  opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
  opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
  display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
  opacity: 0;
}

.pictureInPictureOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
  padding: 0 10px;
  text-align: center;
  font: message-box;
  font-size: 14px;
}

.statusLabel {
  display: none;
}

[status="errorAborted"]         > #errorAborted,
[status="errorNetwork"]         > #errorNetwork,
[status="errorDecode"]          > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"]        > #errorNoSource,
[status="errorGeneric"]         > #errorGeneric,
[status="pictureInPicture"]     > #pictureInPicture {
  display: inline;
}

@media (-moz-platform: windows) and (-moz-windows-default-theme: 0) {
  .controlsSpacer,
  .clickToPlay {
    background-color: transparent;
  }
}

.a11y-only {
  position: absolute;
  left: -10000px;
  width: 100px;
  height: 100px;
}




/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
  opacity: 0;
}

.pip-wrapper {
  position: absolute;
  cursor: pointer;
  -moz-appearance: none;
  background: none;
  color: inherit;
  border: none;
  text-align: unset;
  top: calc(70% - 40px);
  opacity: 0;
  padding-inline: 0;
  transition: opacity 200ms;
  --pip-icon-size: 24px;
  --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
  --pip-highlight-style: solid rgba(0, 254, 255, 1);
  --pip-highlight-width: 2px;
  --pip-toggle-distanceFromVideoEdge: 18px;
  --pip-toggle-focus-outline-offset: 1px;
  --pip-toggle-margin: 8px;
  --pip-border-radius-toggle: 4px;
  --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
  --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
  --pip-expanded-height: 40px;
  --pip-expanded-min-width: 200px;
  --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
  height: var(--pip-icon-width-with-margins);
  width: var(--pip-icon-width-with-margins);
  border-radius: var(--pip-border-radius-toggle);
  margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
  display: none;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
  font-size: 11px;
}

.pip-wrapper[position="right"] {
  /* move from the right by total width of pip toggle so that it is at least visible in the video element */
  right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
  translate: calc(-100% + var(--pip-icon-width-with-margins));
  transform-origin: right;
}

.pip-wrapper[position="left"] {
  left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
  position: absolute;
  left: 0;
  top: 0;
}

.pip-wrapper > .pip-expanded {
  display: flex;
  opacity: 0;
  align-items: center;
  scale: 0.33 1;
  font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
  opacity: 0;
  transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
  opacity: 1;
  scale: 1;
  pointer-events: auto;
}

.pip-icon {
  top: 8px;
  left: 8px;
  pointer-events: none;
  background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: var(--pip-icon-size) var(--pip-icon-size);
  -moz-context-properties: fill;
  fill: currentColor;
  height: var(--pip-icon-size);
  width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
  transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-left: var(--pip-icon-width-with-margins);
  margin-right: var(--pip-toggle-margin);
}

.pip-small {
  width: 40px;
  height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
  display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
  display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
  .pip-wrapper,
  .pip-expanded,
  .pip-small,
  .pip-explainer {
    /* Transition changes in other rules may override this one if reduced motion is preferred.
     * Make sure this one always takes priority. */
    transition: none !important;
  }
}


/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
  opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
  opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
  outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
  outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
  background-color: rgba(12, 12, 13, 0.65);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  transition: opacity 250ms, scale 200ms;
  height: var(--pip-expanded-height);
  background-color: rgba(12, 12, 13, 0.9);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
  box-shadow: none;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  /* Remove bottom border but keep text centred with padding. */
  border-bottom: none;
  padding-bottom: var(--pip-highlight-width);
  pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
  padding: 6px 16px 8px 8px;
  translate: 0;
  transition: opacity 250ms, translate 190ms;
  transition-timing-function: cubic-bezier(.07, .95, 0, 1);
  background: rgba(12, 12, 13, 0.65);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  border-top: 0;
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  opacity: 0;
  margin-inline: calc(-1 * var(--pip-highlight-width));
  width: calc(100% - 24px);
  word-break: break-word;
  pointer-events: none;
  user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
  text-align: right;
  direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
  pointer-events: auto;
  opacity: 1;
  translate: 0 calc(40px - var(--pip-highlight-width));
}


/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
  --control-focus-outline: 2px solid #0060DF;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
  opacity: 1;
  /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
  outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
  outline: var(--control-focus-outline);
  outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
  display: none;
}

.pip-wrapper.experiment > .pip-small {
  border-radius: var(--pip-border-radius-toggle);
  transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
  transition: opacity 250ms, scale 200ms, translate 190ms, background-color 200ms;
  height: var(--pip-expanded-height);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
  background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
  box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
  box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
  box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}



@charset "utf-8";
.rh-reset.rh-reset.rh-reset.rh-reset.rh-reset.rh-reset.rh-reset.rh-reset {
 position: relative;
 left: auto;
 right: auto;
 top: auto;
 bottom: auto;
 margin: 0;
 padding: 0;
 border: none 0;
 font-size: 12px;
 vertical-align: baseline;
 background: none;
 color: black;
 line-height: 14px;
 outline: none;
 text-transform: none;
 text-decoration: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 visibility: visible;
}
a.rh-reset,
span.rh-reset {
 display: inline;
 width: auto;
}
div.rh-reset {
 display: block;
}
#rh-loadCss {
 z-index: 1;
 position: fixed;
}
#rh-setup {
}
#rh-snippet {
}
#rh-frameWrapper iframe {
 width: 100%;
 height: 100%;
}
.rh-colorifier {
 position: absolute;
 top:0;
 left:0;
 width: 100%;
 height: 100%;
 background: none;
 display: none;
 opacity: 0.1;
}
#rh-chat {
 position: fixed;
 z-index: 999990;
 font-size: 12px;
}
#rh-chatWindow {
 position: absolute;
}
#rh-chatFrame {
 position: relative;
 z-index: 1;
 display: block !important;
}
#rh-block {
 display: none;
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 999992;
 background: #ccc;
 -moz-opacity: 0.01;
 -khtml-opacity: 0.01;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
 opacity: 0.01;
}
#rh-frameHelper {
 display: none;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 999995;
 background: #ccc;
 -moz-opacity: 0.01;
 -khtml-opacity: 0.01;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
 opacity: 0.01;
}
.rh-draggable {
 z-index: 999995;
}
.redhlp_attachedBottom #rh-resizeBoth {
 display: none;
}
.redhlp_attachedBottom #rh-frameWrapper {
 border-radius: 0;
}
.redhlp_attachedBottom #rh-chatInnerWrapper {
 bottom: -2px;
}
#rh-maximize a {
 display: block;
 width: 100%;
 height: 100%;
}
#rh-notification {
 position: fixed;
 padding: 10px 30px 10px 20px;
 text-align: center;
 z-index: 999991;
}
#rh-copy {
 position: absolute;
 bottom: 0;
 width: 100%;
 text-align: center;
 z-index: 999998;
 outline: none;
 color: #aaa;
 margin-left: -0.5em;
}
#rh-copy,
#rh-copy a,
#rh-copy span {
 font-family: arial, sans-serif;
}
#rh-copy,
#rh-copy .rh-textWrapper {
 font-size: 0.817em;
 color: #777;
 text-shadow: 0 1px 0 #fff;
}
#rh-copy > span {
 font-size: 1.1em !important;
}
.rh-free #rh-copy a {
}
.rh-free #rh-copy a span {
 color: #BB2626;
}
#rh-copy > a {
 color: #55555f;
 font-size: 1.1em !important;
 opacity: 1;
 letter-spacing: 1px;
}
#rh-copy > a > span {
 color: #BB2626;
 font-size: 100% !important;
}
#rh-copy a:hover {
 text-decoration: underline !important;
 opacity: 1;
}
.rh-rtl {
 direction: rtl;
}
#rh-snippet {
 font-family: "Segoe UI", Tahoma, Arial, Verdana, sans-serif;
}
#rh-badge {
 position: fixed;
 z-index: 99990;
}
.redhlp_openChat #rh-badge img {
 display: none !important;
}
#rh-badge.rh-right,
#rh-badge.rh-left {
 top: 40%;
}
#rh-badge.rh-bottom {
 left: 70%;
}
#rh-badge.rh-bottom-left {
 left: 70%;
}
#rh-badge.rh-bottom-right {
 right: 0;
}
#rh-badge .rh-inner {
 position: relative;
}
#rh-badge.rh-left .rh-inner:hover {
 right: -5% !important;
}
#rh-badge.rh-right .rh-inner:hover {
 left: -5% !important;
}
#rh-badge.rh-bottom .rh-inner:hover,
#rh-badge.rh-bottom-left .rh-inner:hover,
#rh-badge.rh-bottom-right .rh-inner:hover {
 top: -5% !important;
}
#rh-badgeContent {
 display: none;
}
#rh-badge .rh-inner {
 margin: 1px;
 font-family: "Segoe UI", Tahoma, Arial, Verdana, sans-serif;
}
#rh-badge.rh-bottom .rh-inner,
#rh-badge.rh-bottom-left .rh-inner,
#rh-badge.rh-bottom-right .rh-inner {
 left: 0;
 top: 0;
}
#rh-badge.rh-right .rh-inner {
 left: 0;
 top: 0;
}
#rh-badge.rh-left .rh-inner {
 left: auto;
 right: 0;
 top: 0;
}
#rh-badge.active .rh-inner {
}
#rh-badge.active.blink .rh-inner {
}
#rh-badge svg,
#rh-badge img {
 cursor: pointer;
}
#rh-notification {
 top: 20px;
 left: 20px;
 background: #fffff7;
 border: 1px solid #ddddd7;
 -moz-border-radius: 6px;
 border-radius: 6px;
 width: 130px;
}
#rh-notification .message {
 width: 130px;
}
#rh-notification .close {
 width: 12px;
 height: 12px;
 position: absolute;
 top: 4px;
 right: 4px;
 background: url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -4px -4px;
}
#rh-notification .close:hover {
 background: url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -4px -4px;
}
#rh-chat {
 top: 30%;
 left: 200px;
 width: 304px;
 height: 380px;
 min-width: 260px;
 min-height: 335px;
 box-shadow: rgba(0, 0, 0, 0.4) 0 3px 9px;
 border: none;
 border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
}
.rh-stateOffline #rh-chat {
}
#rh-chatInnerWrapper {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 overflow: hidden;
}
#rh-chatTop {
 display: none;
}
#rh-chatWindow {
 top: 1px;
 bottom: 1px;
 left: 1px;
 right: 1px;
}
#rh-frameWrapper {
 position: absolute;
 top: 1.7em;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 0 0 0.25em 0.25em;
 -moz-border-radius: 0 0 0.25em 0.25em;
 overflow: hidden;
 background: #ccc;
}
#rh-topPanel {
 position: absolute;
 top: 1px;
 left: 1px;
 right: 1px;
 height: 1.667em;
 background: repeat-x url(https://cdn.uassist.biz/public/widget-assets/4541924ef6b78d151b9b.png) #ccc;
 border-bottom: 0.1em solid #aaa;
 border-radius: 0.25em 0.25em 0 0;
 -moz-border-radius: 0.25em 0.25em 0 0;
}
#rh-chatBack {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: #999999;
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
 border-radius: 3px;
 -moz-border-radius: 3px;
}
#rh-chatShadow {
 position: absolute;
 top: -4px;
 bottom: -2px;
 left: -7px;
 right: 0;
 background: #000;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;
}
#rh-close {
 position: absolute;
 right: 0.5em;
 top: 0.334em;
 left: auto;
 width: 1.167em;
 height: 1.167em;
 text-align: center;
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -6.7em 0;
 background-size: 10.167em;
 z-index: 999996;
}
#rh-close:hover,
#rh-close.hover {
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -6.7em -1.167em;
 background-size: 10.167em;
}
#rh-close.pressed {
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -6.7em -2.333em;
 background-size: 10.167em;
}
#rh-close.rh-text {
 background: none;
}
#rh-resizeBoth {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 20px;
 height: 20px;
 cursor: se-resize;
 background: url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) no-repeat -38px -22px;
 z-index: 999999;
}
#rh-sound.rh-text {
 background: none;
 text-decoration: none;
 width: 4em;
}
#rh-sound.rh-text.rh-soundOff {
 text-decoration: line-through;
 background: none;
}
#rh-sound {
 position: absolute;
 left: 0.767em;
 top: 0.234em;
 width: 1.167em;
 height: 1.167em;
 z-index: 999996;
 opacity: 0.5;
 -moz-opacity: 0.5;
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -7.853em 0.1em;
 background-size: 10.167em;
}
#rh-sound:hover {
 opacity: 0.9;
 -moz-opacity: 0.9;
}
#rh-sound.rh-soundOff {
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -7.843em -1.157em;
 background-size: 10.167em;
}
#rh-face {
 position: absolute;
 top: 0;
 left: 0;
}
#rh-choice {
 margin-top: 15px;
}
#rh-choice a {
 background: #e6e6e6;
 width: 34px;
 padding: 4px;
 text-align: center;
 display: block;
 float: left;
 margin-right: 6px;
 border-radius: 3px;
 cursor: pointer;
 border: 1px solid transparent;
}
#rh-choice a:hover {
 background: #f7f7f7;
 border: 1px solid #bbb;
}
#rh-invWelcomeFrame {
 position: absolute;
 top: 0;
 left: 100px;
 bottom: 25px;
 width: 125px;
 overflow: hidden;
 text-align: center;
}
#rh-arrow {
 position: fixed;
 border: 5px solid #ccc;
 display: none;
 z-index: 99987;
 padding: 0;
 border-radius: 10px;
 font-family: "Trebuchet MS", Tahoma, Arial,Verdana, sans-serif;
 font-size: 12px !important;
 overflow: visible;
 text-decoration: none;
 cursor: pointer;
 width: auto;
}
#rh-arrow.rh-left {
 margin-right: 10px;
}
#rh-arrow.rh-right {
 margin-left: 10px;
}
#rh-arrow.rh-above {
 margin-bottom: 10px;
}
#rh-arrow.rh-below {
 margin-top: 10px;
}
#rh-arrow.rh-below.rh-left {
 margin-top: 0;
 margin-right: 0;
}
#rh-arrow.rh-below.rh-right {
 margin-top: 0;
 margin-left: 0;
}
#rh-arrow.top.rh-left {
 margin-bottom: 0;
 margin-right: 0;
}
#rh-arrow.top.rh-right {
 margin-bottom: 0;
 margin-left: 0;
}
#rh-arrow img {
 float: left;
 border: 1px solid #CCC;
 width: 85px;
 margin-right: 8px;
 min-height: 85px;
}
#rh-arrow p {
 margin: 0;
 float: left;
 padding-left: 10px;
 font-size: 12px;
}
#rh-arrow.rh-outside .rh-arrow_itself {
 border: none;
}
#rh-arrow.rh-outside .rh-arrow_itself:after,
#rh-arrow.rh-outside .rh-arrow_itself:before {
 display: none;
}
#rh-arrow .rh-arrow_itself {
 position: absolute !important;
 border: 11px solid #ccc;
}
#rh-arrow.rh-left .rh-arrow_itself {
 border-right-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 margin-left: 5px;
}
#rh-arrow.rh-above .rh-arrow_itself {
 border-right-color: transparent !important;
 border-left-color: transparent !important;
 border-bottom-color: transparent !important;
 margin-top: 5px;
}
#rh-arrow.rh-below .rh-arrow_itself {
 border-right-color: transparent !important;
 border-top-color: transparent !important;
 border-left-color: transparent !important;
 margin-bottom: 5px;
}
#rh-arrow.rh-right .rh-arrow_itself {
 border-left-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 margin-right: 5px;
}
#rh-arrow .rh-arrow_itself:after,
#rh-arrow .rh-arrow_itself:before {
 border: 10px solid #b3b3b3;
 position: absolute;
 width: 0;
 height: 0;
 content: " ";
 display: block;
}
#rh-arrow .rh-arrow_itself.rh-reset:after {
 border-color: #f2f2f2 !important;
}
#rh-arrow .rh-arrow_itself:before {
 border: 11px solid #b3b3b3;
}
#rh-arrow.rh-right .rh-arrow_itself:after {
 border-left-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 left: -3px;
 top: -9px;
 content: " ";
}
#rh-arrow.rh-right .rh-arrow_itself:before {
 border-left-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 top: -10px;
 left: -5px;
 content: " ";
}
#rh-arrow.rh-right .rh-arrow_itself {
 right: 100%;
 content: " ";
}
#rh-arrow.rh-right .rh-arrow_itself:after,
#rh-arrow.rh-right .rh-arrow_itself:before {
 content: " ";
}
#rh-arrow.rh-left .rh-arrow_itself:after {
 border-right-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 top: -10px;
 left: -17px;
 content: " ";
}
#rh-arrow.rh-left .rh-arrow_itself:before {
 border-right-color: transparent !important;
 border-top-color: transparent !important;
 border-bottom-color: transparent !important;
 top: -11px;
 left: -17px;
 content: " ";
}
#rh-arrow.rh-left .rh-arrow_itself {
 left: 100%;
 content: " ";
}
#rh-arrow.rh-left .rh-arrow_itself:after,
#rh-arrow.rh-left .rh-arrow_itself:before {
 content: " ";
}
#rh-arrow.rh-above .rh-arrow_itself:after {
 border-bottom-color: transparent !important;
 border-left-color: transparent !important;
 border-right-color: transparent !important;
 content: " ";
}
#rh-arrow.rh-above .rh-arrow_itself:after,
#rh-arrow.rh-above .rh-arrow_itself:before {
 top: -17px;
 left: -10px;
 content: " ";
}
#rh-arrow.rh-above .rh-arrow_itself:before {
 border-bottom-color: transparent !important;
 border-left-color: transparent !important;
 border-right-color: transparent !important;
 left: -11px;
 content: " ";
}
#rh-arrow.rh-above .rh-arrow_itself {
 top: 100%;
}
#rh-arrow.rh-above .rh-arrow_itself:after,
#rh-arrow.rh-above .rh-arrow_itself:before {
 content: " ";
}
#rh-arrow.rh-below .rh-arrow_itself:after,
#rh-arrow.rh-below .rh-arrow_itself:before {
 border-top-color: transparent !important;
 border-left-color: transparent !important;
 border-right-color: transparent !important;
 content: " ";
}
#rh-arrow.rh-below .rh-arrow_itself:after,
#rh-arrow.rh-below .rh-arrow_itself:before {
 bottom: -17px;
 left: -10px;
 content: " ";
}
#rh-arrow.rh-below .rh-arrow_itself:before {
 left: -11px;
 content: " ";
}
#rh-arrow.rh-below .rh-arrow_itself {
 bottom: 100%;
}
#rh-arrow a {
 position: relative;
 z-index: 100500;
}
#rh-arrow p.hint {
 position: absolute;
 bottom: 10px;
 right: 10px;
 font-size: 10px;
 color: #888;
}
#rh-arrow a.rh-close {
 position: absolute;
 right: 4px;
 top: 4px;
 left: auto;
 width: 13px;
 height: 13px;
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -108px 0;
 z-index: 99993;
}
#rh-arrow a.rh-close:hover,
#rh-arrow a.rh-close.hover {
 background: no-repeat url(https://cdn.uassist.biz/public/widget-assets/e5ccbe436a3001aef329.png) -108px -14px;
}
#rh-arrow.rh-outside {
 margin: 0;
}
#rh-arrow.rh-outside .rh-arrow_itself {
 background: none !important;
}
#rh-arrow.rh-outside .rh-arrow_itself div {
 width: 90px;
 height: 90px;
 position: relative;
}
#rh-arrow.rh-outside .rh-arrow_itself {
 background: none;
}
#rh-arrow.rh-outside .rh-shadow .rh-arrow_itself {
 background: none;
}
#rh-arrow.rh-outside.rh-left,
#rh-arrow.rh-outside.rh-below,
#rh-arrow.rh-outside.rh-above {
 margin-bottom: 0;
 margin-right: 90px;
}
#rh-arrow.rh-outside.rh-right {
 margin-bottom: 0;
 margin-left: 90px;
}
#rh-arrow.rh-outside.rh-above .rh-arrow_itself,
#rh-arrow.rh-outside.rh-below .rh-arrow_itself {
 right: -95px;
 top: -5px;
 width: 90px;
 height: 90px;
}
#rh-arrow.rh-outside.rh-below .rh-arrow_itself {
 top: 0;
}
#rh-arrow.rh-outside.rh-left .rh-arrow_itself {
 right: -95px;
 top: -5px;
 bottom: auto;
 width: 90px;
 height: 90px;
}
#rh-arrow.rh-outside.rh-right .rh-arrow_itself {
 left: -95px;
 top: -5px;
 bottom: auto;
 width: 90px;
 height: 90px;
}
#rh-arrow.rh-outside.rh-left.rh-below .rh-arrow_itself,
#rh-arrow.rh-outside.rh-left.rh-above .rh-arrow_itself {
 left: auto;
 right: -95px;
 top: 0;
 bottom: auto;
 width: 90px;
 height: 90px;
}
#rh-arrow.rh-outside.rh-left.rh-below .rh-arrow_itself {
 top: -5px;
}
#rh-arrow.rh-outside.rh-left.rh-below .rh-arrow_itself {
 top: -5px;
}
#rh-arrow.rh-outside.rh-right.rh-below .rh-arrow_itself,
#rh-arrow.rh-outside.rh-right.rh-above .rh-arrow_itself {
 left: -95px;
 right: auto;
 top: -5px;
 bottom: auto;
 width: 90px;
 height: 90px;
}
#rh-arrow.rh-outside.rh-right.rh-above .rh-arrow_itself {
 top: 0;
}
#rh-arrow.rh-outside.rh-above.rh-right .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-below .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-below.rh-left .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-below.rh-right .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-left .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-right .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-above .rh-arrow_itself div ,
#rh-arrow.rh-outside.rh-above.rh-left .rh-arrow_itself div {
 background: url(https://cdn.uassist.biz/public/widget-assets/da6db114d1bfea8247cc.png) no-repeat;
}
#rh-arrow.rh-outside.rh-above.rh-right .rh-arrow_itself div {
 background-position: -177px -89px ;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-below .rh-arrow_itself div {
 background-position: -259px -87px ;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-below.rh-left .rh-arrow_itself div {
 background-position: -269px 0;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-below.rh-right .rh-arrow_itself div {
 background-position: -92px -88px ;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-left .rh-arrow_itself div {
 background-position: 0 -83px ;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-right .rh-arrow_itself div {
 background-position: -180px 0;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-above .rh-arrow_itself div {
 background-position: -90px 0;
 width: 87px;
 height: 87px;
}
#rh-arrow.rh-outside.rh-above.rh-left .rh-arrow_itself div {
 background-position: 0 0;
 width: 87px;
 height: 87px;
}
#rh-arrow #rh-invitation,
#rh-arrow .rh-arrowContainer {
 background: #f2f2f2;
 border: 1px solid #b3b3b3;
 color: black;
 width: 245px;
 padding: 9px 15px 9px 9px;
 border-radius: 5px;
}
#rh-arrow #rh-upbutton {
 display: none;
}
#rh-badgeImage {
 display: none;
}
.redhlp_online .rh-medium #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/4c7977c7e945c364d79c.png);
 height: 16px;
 display: block;
}
.redhlp_online .rh-medium.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/5fff63437bb18770cd14.png);
}
.redhlp_online .rh-small #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/ea58d72e90b83b81b29e.png);
 height: 14px;
 display: block;
}
.redhlp_online .rh-small.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/69b73ac1af4184b284c0.png);
}
.redhlp_online .rh-large #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/eb7e1ff2bf48f00783e1.png);
 height: 24px;
 display: block;
}
.redhlp_online .rh-large.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/dfd2cd6c6feadc35a86b.png);
}
.redhlp_offline .rh-medium #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/cbad42498529e6c18181.png);
 height: 16px;
 display: block;
}
.redhlp_offline .rh-medium.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/447ca14a03ded6898dcc.png);
}
.redhlp_offline .rh-small #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/cbad42498529e6c18181.png);
 height: 14px;
 display: block;
}
.redhlp_offline .rh-small.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/447ca14a03ded6898dcc.png);
}
.redhlp_offline .rh-large #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/35a2ddd6a61462ddcb26.png);
 height: 24px;
 display: block;
}
.redhlp_offline .rh-large.rh-dark #rh-badgeImage {
 background-image: url(https://cdn.uassist.biz/public/widget-assets/ad54e769614cf6f9580c.png);
}
#rh-badgeImage {
 background-repeat: no-repeat;
 z-index: 9999;
 position: absolute;
}
.rh-left #rh-badgeImage,
.rh-right #rh-badgeImage {
 width: 50%;
 background-position: 50% 50%;
}
.rh-right .rh-large #rh-badgeImage {
 left: 11px;
 bottom: 23px;
}
.rh-right .rh-medium #rh-badgeImage {
 left: 8px;
 bottom: 26px;
}
.rh-right .rh-small #rh-badgeImage {
 left: 8px;
 bottom: 23px;
}
.rh-left .rh-small #rh-badgeImage {
 right: 8px;
 bottom: 23px;
}
.rh-left .rh-medium #rh-badgeImage {
 right: 10px;
 bottom: 26px;
}
.rh-left .rh-large #rh-badgeImage {
 right: 10px;
 bottom: 23px;
}
.rh-bottom #rh-badgeImage {
 height: 50%;
 background-position: 50% 50%;
}
.rh-bottom .rh-small #rh-badgeImage {
 right: 24px;
 top: 10px;
 width: 18px;
}
.rh-bottom .rh-medium #rh-badgeImage {
 right: 22px;
 top: 12px;
 width: 18px;
}
.rh-bottom .rh-large #rh-badgeImage {
 right: 26px;
 top: 11px;
 width: 24px;
}
.redhlp_offline .rh-bottom.rh-reset #rh-badgeImage {
 top: 11px;
}
.redhlp_visitor-code {
 border: 1px solid grey;
 display: none;
}
.redhlp_visitor-code-header,
.redhlp_visitor-code .redhlp_code {
 vertical-align: middle;
 text-align: center;
 font-family: Arial, sans-serif;
}
.redhlp_visitor-code .redhlp_code {
 font-weight: bold;
}


.operators_busy_block_text {
    text-align: center;
    margin: 10px;
}



.resize-observer[data-v-8859cc6c] {
 position:absolute;
 top:0;
 left:0;
 z-index:-1;
 width:100%;
 height:100%;
 border:none;
 background-color:transparent;
 pointer-events:none;
 display:block;
 overflow:hidden;
 opacity:0
}
.resize-observer[data-v-8859cc6c] object {
 display:block;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 overflow:hidden;
 pointer-events:none;
 z-index:-1
}


.file-item {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:space-between;
 padding:12px 0;
 position:relative
}
.file-item__preview {
 -webkit-box-flex:0;
 background:rgba(0,0,0,.1);
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 font-size:0;
 height:80px;
 margin:0 12px 0 0;
 overflow:hidden;
 position:relative;
 text-align:center;
 width:100px
}
.file-item__preview img {
 height:auto;
 left:50%;
 max-height:inherit;
 max-width:inherit;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:auto
}
.file-item__preview img.horizontal {
 height:100%
}
.file-item__preview img.vertical {
 width:100%
}
.file-item__info {
 -ms-flex-negative:1;
 flex-shrink:1;
 margin-right:auto;
 min-width:0
}
.file-item__name {
 -ms-flex-negative:1;
 flex-shrink:1;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 white-space:nowrap
}
.file-item__size {
 -ms-flex-negative:0;
 flex-shrink:0;
 margin-top:16px
}
.file-item__remove {
 -ms-flex-negative:0;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 cursor:pointer;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 flex-shrink:0;
 height:24px;
 justify-content:center;
 margin-left:12px;
 width:24px
}
.file-item__remove .svg-icon {
 height:18px;
 width:18px
}
.file-item {
 border-top:1px solid hsla(0,0%,100%,.16);
 font-size:14px
}
.file-item:first-child {
 border-top:0
}
.file-item__preview {
 height:70px;
 width:80px
}
.file-item__name {
 color:#fff
}
.file-item__size {
 color:#92bbde
}
.file-item__remove .svg-icon {
 fill:#ccc
}
.files-uploader.is-pending {
 pointer-events:none
}
.files-uploader__status {
 margin:0 0 30px;
 text-align:center
}
.files-uploader__status,
.files-uploader__title {
 color:#fff;
 font-size:20px;
 font-weight:700;
 text-transform:uppercase
}
.files-uploader__title {
 margin:0
}
.files-uploader__separator {
 font-size:16px;
 position:relative
}
.files-uploader__separator:after,
.files-uploader__separator:before {
 content:"";
 height:1px;
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:20px
}
.files-uploader__separator:before {
 left:-30px
}
.files-uploader__separator:after {
 right:-30px
}
.files-uploader__dropzone {
 -ms-flex-direction:column;
 flex-direction:column
}
.files-uploader__dropzone,
.files-uploader__label {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.files-uploader__label {
 -webkit-box-flex:0;
 -ms-flex-pack:distribute;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 -ms-flex-direction:column;
 flex-direction:column;
 justify-content:space-around;
 width:100%
}
.files-uploader__filezone {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 border-radius:6px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 padding:30px
}
.files-uploader__no-files {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 text-align:center
}
.files-uploader__errors {
 width:100%
}
.files-uploader {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:space-between
}
.files-uploader__status {
 font-size:14px;
 margin:0 0 12px
}
.files-uploader__button {
 background:url(/static/vp/img/bg_btn_red.png) repeat-x 0 0;
 border:none;
 color:#fff;
 cursor:pointer;
 display:inline-block;
 font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,Ubuntu Condensed,sans-serif;
 font-size:18px;
 font-weight:700;
 height:45px;
 line-height:40px;
 margin:0 10px;
 padding:0 5px;
 position:relative;
 text-align:center;
 text-shadow:0 2px 0 rgba(0,0,0,.25);
 text-transform:uppercase;
 vertical-align:middle;
 z-index:1
}
.files-uploader__button:after,
.files-uploader__button:before {
 background:url(/static/vp/img/bg_btn_red_lr.png) no-repeat 0 0;
 content:"";
 height:45px;
 position:absolute;
 top:0;
 width:12px;
 z-index:0
}
.files-uploader__button:before {
 background-position:0 0;
 left:-10px
}
.files-uploader__button:after {
 background-position:0 -46px;
 right:-10px
}
.files-uploader__button:hover:before {
 background-position:0 -184px
}
.files-uploader__button:hover:after {
 background-position:0 -230px
}
.files-uploader__button:hover {
 background-position:0 -46px
}
.files-uploader__button input {
 display:none
}
.files-uploader__button[disabled] {
 cursor:default;
 opacity:.5
}
.files-uploader__rules {
 color:hsla(0,0%,100%,.4);
 text-align:center
}
.files-uploader__files-list {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.files-uploader__files-list,
.files-uploader__no-files {
 -webkit-box-flex:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.files-uploader__no-files {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 color:hsla(0,0%,100%,.4);
 justify-content:center
}
.files-uploader__error {
 color:#ff4c4c;
 text-align:center
}
.files-uploader__progress {
 height:5px;
 margin-bottom:30px;
 position:relative
}
.files-uploader__progress-line {
 background-color:#92bbde;
 bottom:0;
 left:0;
 position:absolute;
 top:0;
 -webkit-transition:width .5s ease;
 -o-transition:width .5s ease;
 transition:width .5s ease;
 z-index:3
}
.files-uploader__percent {
 margin:15px;
 text-align:center
}
.files-uploader__filezone.is-error {
 background:#321433;
 border:1px solid rgba(255,0,0,.8)
}
.upload-document-popup__user-comment {
 color:#fff;
 margin:8px 0 0
}
.selectric-wrapper.selectric-is-single {
 pointer-events:none
}
.ui__datepicker {
 position:relative
}
.ui__datepicker .form-input {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:space-between
}
.ui__datepicker .custom-select {
 margin:0 3px 0 0
}
.ui__datepicker .custom-select:last-child {
 margin:0
}
.personal-informations {
 margin:0 auto;
 max-width:420px;
 padding-bottom:20px
}
@media screen and (max-width:850px) {
 .personal-informations {
  max-width:290px
 }
 .personal-informations .b-label {
  text-align:center
 }
}
.personal-informations__title {
 color:#fff;
 font-size:20px;
 font-weight:700;
 padding:25px 0;
 text-align:center
}
@media screen and (max-width:850px) {
 .personal-informations__title {
  font-size:14px
 }
}
.personal-informations__passport-wrap {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-items:center
}
@media screen and (max-width:850px) {
 .personal-informations__passport-wrap {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
.personal-informations__passport-wrap .form-input {
 width:100%
}
.personal-informations .button {
 cursor:pointer;
 display:block;
 margin:0 auto;
 max-width:250px
}
@media screen and (max-width:850px) {
 .personal-informations .button {
  max-width:200px
 }
}
.form-input--country {
 max-width:185px
}
@media screen and (max-width:850px) {
 .form-input--country {
  max-width:100%
 }
}
.signup {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 color:#92bbde;
 flex-grow:1;
 margin-right:30px
}
.signup .steps-progress {
 display:none
}
.signup .form-row+.form-row,
.signup .form-row--captcha {
 margin-top:16px
}
.signup .auth__button {
 display:block;
 margin:15px auto 0
}
.signup .auth__toggle {
 margin-top:15px;
 text-align:center
}
.signup a {
 color:#fffc00;
 text-decoration:underline
}
.signup .multi-stepper__button-back {
 margin-top:12px
}
.signup .multi-stepper__button-back .svg-icon {
 display:none
}
.signup--mob {
 margin:12px auto
}
.signup .form-radio-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}


.dialog {
 -webkit-overflow-scrolling:touch;
 outline:0;
 overflow:hidden;
 text-align:left;
 z-index:1101
}
.dialog,
.dialog__overlay {
 bottom:0;
 left:0;
 position:fixed;
 right:0;
 top:0
}
.dialog__overlay {
 background-color:#02114a;
 opacity:.5;
 z-index:1050
}
.dialog__close {
 background:transparent;
 border:0;
 cursor:pointer;
 height:44px;
 position:absolute;
 right:15px;
 top:15px;
 width:44px;
 z-index:2
}
.dialog__close .svg-icon {
 fill:#fff;
 height:20px;
 width:20px
}
.dialog__text-content {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:left
}
.dialog__buttons,
.dialog__text-content {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center
}
.dialog__buttons {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.dialog__buttons .button {
 margin:0 8px;
 min-width:120px
}
.dialog--mob .dialog__close {
 right:6px;
 top:6px
}
.dialog--mob .dialog__window {
 -webkit-overflow-scrolling:touch;
 background:#020740;
 bottom:0;
 left:0;
 outline:0;
 overflow-x:hidden;
 overflow-y:scroll;
 position:fixed;
 right:0;
 top:0;
 z-index:1200
}
.dialog--mob .dialog__content {
 padding:16px 10px
}
.dialog--mob .dialog__title {
 font-size:20px;
 font-weight:600;
 line-height:24px;
 padding:16px 32px;
 text-align:center;
 text-transform:uppercase
}
.dialog--mob.mob-minimized .dialog__window {
 border-radius:8px;
 bottom:auto;
 left:50%;
 max-width:400px;
 padding:10px;
 right:auto;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:90%
}
.dialog--mob.mob-minimized .dialog__overlay {
 opacity:.7
}
.dialog--web .dialog__window {
 margin:38px auto;
 padding:50px 0;
 position:relative;
 width:754px;
 z-index:1060
}
.dialog--web .dialog__window:after,
.dialog--web .dialog__window:before {
 background:url(../../web/img/bg-modal-cor-sm.png) no-repeat 0 0;
 background-size:cover;
 content:"";
 height:50px;
 left:0;
 position:absolute;
 width:100%;
 z-index:1
}
.dialog--web .dialog__window:before {
 top:0
}
.dialog--web .dialog__window:after {
 background-position:0 100%;
 bottom:0
}
.dialog--web .dialog__content {
 background:url(../../web/img/bg-modal-sm.png) repeat-y 50% 0;
 background-size:contain;
 max-height:calc(100vh - 200px);
 outline:0;
 overflow:auto;
 padding:1px 55px;
 position:relative;
 scrollbar-color:#210f31 #564962;
 scrollbar-width:thin;
 width:754px
}
.dialog--web .dialog__content::-webkit-scrollbar {
 background:#210f31;
 height:8px;
 width:8px
}
.dialog--web .dialog__content::-webkit-scrollbar-thumb {
 background:#564962
}
.dialog--web .dialog__title+.dialog__content {
 padding-top:16px
}
.dialog--web .dialog__title {
 background:url(../../web/img/bg_main_panel.png) repeat-x 50% 0;
 font-size:20px;
 font-weight:700;
 height:57px;
 left:50%;
 line-height:47px;
 margin-bottom:30px;
 position:absolute;
 text-shadow:0 2px 0 #000;
 text-transform:uppercase;
 top:0;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 z-index:10
}
.dialog--web .dialog__title:after,
.dialog--web .dialog__title:before {
 background:url(../../web/img/bg_main_panel_cor.png) no-repeat 0 0;
 content:"";
 height:57px;
 position:absolute;
 top:0;
 width:20px
}
.dialog--web .dialog__title:before {
 background-position:0 0;
 left:-20px
}
.dialog--web .dialog__title:after {
 background-position:0 100%;
 right:-20px
}
.dialog--web.dialog--ShopBuyDialog .dialog__content,
.dialog--web.dialog--ShopLowBalanceDialog .dialog__content {
 max-height:inherit;
 overflow:inherit;
 padding:0
}
.dialog.dialog--RebillRetryDialog.dialog--mob .dialog__content {
 height:100%;
 padding:0
}
.dialog.dialog--RebillRetryDialog.dialog--mob iframe {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 height:100%
}
.dialog.dialog--RebillRetryDialog.dialog--mob .rebill-retry__message {
 background:#927a06;
 line-height:1.4;
 min-height:56px;
 padding:8px 56px
}
.dialog.dialog--RebillRetryDialog .rebill-retry__message {
 background:#927a06
}
.dialog.dialog--RebillRetryDialog.dialog--web .dialog__window {
 max-width:754px
}
.dialog.dialog--DynamicModalDialog .dynamic-modal-dialog__buttons .button+.button {
 margin-left:24px
}
.dialog.dialog--DynamicModalDialog.dialog--mob .dialog__title {
 margin-bottom:24px
}


.games-last {
 background:url(/static/vp/img/bg_top5.jpg);
 left:0;
 opacity:0;
 position:fixed;
 top:50%;
 -webkit-transform:translate(-100%,-50%);
 transform:translate(-100%,-50%);
 -webkit-transition:all .3s ease-in-out .3s;
 -o-transition:all .3s ease-in-out .3s;
 transition:all .3s ease-in-out .3s;
 width:175px;
 z-index:3
}
.games-last:after {
 background:url(/static/vp/img/bg_top5_l.png);
 bottom:0;
 content:"";
 position:absolute;
 right:-10px;
 top:0;
 width:10px
}
.games-last.is-shown {
 opacity:1;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.games-last__header {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:url(/static/vp/img/bg_top5_title.png);
 -webkit-box-shadow:0 13px 10px -10px #000;
 box-shadow:0 13px 10px -10px #000;
 color:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-weight:700;
 height:50px;
 justify-content:center;
 margin:15px auto 12px;
 padding:0 30px;
 position:relative;
 text-align:center;
 text-shadow:0 2px 0 #000;
 text-transform:uppercase;
 width:180px;
 z-index:2
}
.games-last__wrapper {
 background:url(/static/vp/img/bg-sb-board.jpg) repeat-y 0 0;
 border-radius:5px;
 margin:0 auto 15px;
 padding:10px 5px;
 position:relative;
 width:150px
}
.games-last__wrapper:after,
.games-last__wrapper:before {
 background:url(/static/vp/img/bg_chain.png) 50% 50%;
 content:"";
 height:12px;
 position:absolute;
 top:-12px;
 width:12px
}
.games-last__wrapper:before {
 left:25px
}
.games-last__wrapper:after {
 right:25px
}
@media screen and (max-width:1324px) {
 .games-last {
  display:none
 }
}
.game-preview {
 text-align:center
}
.game-preview .max-bet-banner {
 color:#ee4646;
 margin:20px auto -20px;
 max-width:260px
}
@media (orientation:landscape) {
 .game-preview .max-bet-banner {
  margin-bottom:0
 }
}
.game-preview .modal-body {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 padding-top:50px
}
@media (orientation:landscape) {
 .game-preview .modal-body {
  -webkit-box-align:start;
  -ms-flex-align:start;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  align-items:flex-start;
  -ms-flex-direction:row;
  flex-direction:row;
  justify-content:center;
  padding-top:30px
 }
 .game-preview .modal-body .slot {
  margin-right:20px;
  width:150px
 }
 .game-preview .modal-body .button {
  margin-bottom:10px
 }
}
.game-preview .slot {
 margin-bottom:30px
}
.game-preview .slot__button-fav {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 background:-webkit-gradient(linear,left top,left bottom,from(#324168),color-stop(50%,#004068),color-stop(51%,#003456),to(#002336));
 background:-o-linear-gradient(top,#324168 0,#004068 50%,#003456 51%,#002336 100%);
 background:linear-gradient(180deg,#324168 0,#004068 50%,#003456 51%,#002336);
 border:0;
 border-radius:6px;
 -webkit-box-shadow:0 3px 5px #000;
 box-shadow:0 3px 5px #000;
 color:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:12px;
 height:40px;
 justify-content:center;
 margin-top:30px;
 outline:none;
 text-shadow:0 2px 2px #000;
 width:100%
}
.game-preview .slot__price {
 margin:-10px 0 16px
}
.game-preview .button {
 display:block;
 margin-bottom:30px;
 min-width:140px
}
.game-preview__button-demo {
 color:#fff;
 text-decoration:underline
}
.game-preview .rebill-game__row .button {
 margin:auto 10px;
 min-width:inherit
}


.toast-item {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background-color:rgba(0,0,0,.9);
 border-radius:4px;
 -webkit-box-shadow:0 0 24px rgba(0,0,0,.48);
 box-shadow:0 0 24px rgba(0,0,0,.48);
 color:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 0 10px;
 max-width:400px;
 position:relative;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 width:100%
}
.toast-item__link {
 bottom:0;
 left:0;
 position:absolute;
 right:0;
 top:0
}
.toast-item__close {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 background-color:transparent;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:48px;
 justify-content:center;
 position:absolute;
 right:0;
 top:0;
 width:48px
}
.toast-item__close .svg-icon {
 fill:hsla(0,0%,100%,.4);
 height:20px;
 -webkit-transition:fill .2s;
 -o-transition:fill .2s;
 transition:fill .2s;
 width:20px;
 will-change:fill
}
.toast-item__close .svg-icon:hover {
 fill:hsla(0,0%,100%,.7)
}
.toast-item__image {
 -webkit-box-flex:0;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 height:78px;
 justify-content:center;
 width:78px
}
.toast-item__image img,
.toast-item__image object {
 max-width:55px
}
.toast-item__image object {
 pointer-events:none
}
.toast-item__image+.toast-item__content {
 padding-left:0
}
.toast-item__content {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 padding:16px 50px 16px 16px;
 width:100%
}
.toast-item__content a {
 position:relative
}
.toast-item__title {
 font-weight:700
}
.toast-item .toast__text {
 line-height:22px
}
.toast-item .toast__text a {
 color:#fff;
 text-decoration:underline
}
.toast-item--big {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.toast-item--big .toast-item__image {
 -webkit-box-ordinal-group:3;
 -ms-flex-order:2;
 height:auto;
 order:2;
 padding:0 16px 16px;
 width:100%
}
.toast-item--big .toast-item__image img,
.toast-item--big .toast-item__image object {
 max-width:100%;
 width:100%
}
.toast-item--big .toast-item__content {
 padding-left:50px;
 text-align:center
}
.toast--mob .toast-item {
 margin-left:auto;
 margin-right:auto;
 width:90%
}
.notification-item {
 background-color:#f3fbff;
 border-radius:4px;
 -webkit-box-shadow:0 0 24px rgba(0,0,0,.4);
 box-shadow:0 0 24px rgba(0,0,0,.4);
 left:50%;
 position:absolute;
 top:20px;
 -webkit-transform:translate(-50%,20px);
 transform:translate(-50%,20px);
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 width:400px
}
.notification-item--info .notification-item_status .svg-icon {
 fill:#ff0
}
.notification-item--error .notification-item__status .svg-icon,
.notification-item--warning .notification-item__status .svg-icon {
 fill:red
}
.notification-item--success .notification-item__status .svg-icon {
 fill:green
}
.notification-item__content {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 justify-content:center;
 min-height:224px;
 padding:16px
}
.notification-item__status {
 margin:0 0 8px;
 text-align:center
}
.notification-item__status .svg-icon {
 height:92px;
 width:92px
}
.notification-item__text {
 width:100%
}
.toast--mob .notification-item {
 margin-top:0;
 max-width:400px;
 top:auto;
 -webkit-transform:translate(-50%,10px);
 transform:translate(-50%,10px);
 width:95%
}
.toast--mob .notification-item .notification-item__content {
 min-height:inherit
}
.toast--mob .notification-item .notification-item__status .svg-icon {
 height:60px;
 width:60px
}
.toast--mob .notification-item:after,
.toast--mob .notification-item:before {
 content:none
}
.toast-item {
 background:-webkit-gradient(linear,left top,left bottom,from(rgba(63,63,63,.9)),to(rgba(0,0,0,.9)));
 background:-o-linear-gradient(top,rgba(63,63,63,.9),rgba(0,0,0,.9));
 background:linear-gradient(180deg,rgba(63,63,63,.9),rgba(0,0,0,.9));
 border:2px solid #fff;
 font-size:12px
}
.toast-item--big {
 font-size:14px
}
.toast-item--big .toast-item__image {
 border-radius:5px;
 overflow:hidden
}
.toast-item--show-over-cashier.mob {
 background:-o-linear-gradient(181deg,#223573 0,#17244c 100%);
 background:linear-gradient(269deg,#223573,#17244c);
 border:none;
 border-radius:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 height:40px;
 max-width:none;
 width:100%
}
.toast-item--show-over-cashier.mob .toast-item__content {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:space-between;
 padding:0 12px 0 42px
}
.toast-item--show-over-cashier.mob .toast-item__close {
 height:40px;
 left:0;
 right:auto;
 width:40px
}
.toast-item--show-over-cashier.mob .toast-item__title {
 font-weight:400
}
.toast-item--show-over-cashier .js-help-widget {
 color:#fff600;
 cursor:pointer;
 text-decoration:underline
}
.toast-item--show-over-cashier .js-help-widget:hover {
 text-decoration:none
}
.toast-item__close {
 background:transparent;
 border:0;
 cursor:pointer
}
.toast-item__close .svg-icon {
 fill:#fff;
 height:16px;
 width:16px
}
.notification-item {
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#979797));
 background:-o-linear-gradient(top,#fff,#979797);
 background:linear-gradient(180deg,#fff,#979797);
 min-height:70px;
 text-shadow:0 1px 0 #f5f5f5;
 -webkit-transform:translate(-50%,60px);
 transform:translate(-50%,60px);
 width:500px
}
.toast--mob .notification-item {
 -webkit-transform:translate(-50%,20px);
 transform:translate(-50%,20px);
 width:200px
}
.toast--mob .notification-item:after,
.toast--mob .notification-item:before {
 content:"";
 width:48px
}
.toast--mob .notification-item:before {
 border-radius:15px 0 0 15px;
 left:-30px;
 -webkit-transform:skewX(5deg);
 transform:skewX(5deg)
}
.toast--mob .notification-item:after {
 border-radius:0 15px 15px 0;
 right:-30px;
 -webkit-transform:skewX(-5deg);
 transform:skewX(-5deg)
}
.notification-item:after,
.notification-item:before {
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#979797));
 background:-o-linear-gradient(top,#fff,#979797);
 background:linear-gradient(180deg,#fff,#979797);
 content:"";
 height:100%;
 position:absolute;
 top:0;
 width:56px
}
.notification-item:before {
 border-radius:15px 0 0 15px;
 left:-35px;
 -webkit-transform:skewX(10deg);
 transform:skewX(10deg)
}
.notification-item:after {
 border-radius:0 15px 15px 0;
 right:-35px;
 -webkit-transform:skewX(-10deg);
 transform:skewX(-10deg)
}
.notification-item--error,
.notification-item--error:after,
.notification-item--error:before,
.notification-item--warning,
.notification-item--warning:after,
.notification-item--warning:before {
 background:-webkit-gradient(linear,left top,left bottom,from(#ff8686),to(#fd0e08));
 background:-o-linear-gradient(top,#ff8686,#fd0e08);
 background:linear-gradient(180deg,#ff8686,#fd0e08)
}
.notification-item--error .notification-item__content,
.notification-item--warning .notification-item__content {
 color:#fff;
 text-shadow:none
}
.notification-item__content {
 color:#0e2860;
 font-size:20px;
 min-height:inherit;
 padding:5px 16px;
 text-align:center;
 text-shadow:0 1px 0 #f5f5f5
}
.notification-item__status {
 display:none
}
.toast .toasts-enter,
.toast .toasts-leave-to {
 opacity:0;
 -webkit-transform:translateY(20px);
 transform:translateY(20px)
}
.toast .toasts-leave-active {
 position:absolute
}
.toast--mob .toasts-leave-to {
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px)
}
.toast .notifications-enter,
.toast .notifications-leave-to {
 opacity:0;
 position:absolute;
 -webkit-transform:translate(-50%);
 transform:translate(-50%)
}
.toast .notifications-enter-active {
 -webkit-transition-delay:.15s!important;
 -o-transition-delay:.15s!important;
 transition-delay:.15s!important
}
.toast .notifications-leave-active {
 position:absolute
}
.toasts-list {
 bottom:0;
 height:1px;
 left:0;
 position:fixed;
 right:16px;
 z-index:99993
}
.toasts-list__holder {
 bottom:0;
 max-width:400px;
 position:absolute;
 right:0;
 width:100%
}
.toast--mob .toasts-list {
 bottom:auto;
 left:50%;
 max-width:400px;
 right:auto;
 top:16px;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 width:100%
}
.toast--mob .toasts-list__holder {
 position:static
}
.notifications-list {
 height:1px;
 left:0;
 position:fixed;
 right:0;
 top:0;
 z-index:99993
}
.toast--mob .toasts-list--over-cashier {
 top:63px
}
.toast--mob .toasts-list--over-cashier .toasts-list__holder {
 max-width:none
}
.menu-open .toast--mob .toasts-list--over-cashier {
 z-index:1
}
@media screen and (max-height:709px) {
 .toast--web .toasts-list--over-cashier .toasts-list__holder {
  right:16px
 }
}


div[data-websocket-instance] {
 display:none
}


.logout-reason {
 text-align:center
}
.logout-reason__title {
 color:#fff;
 font-size:20px
}
.logout-reason__content {
 color:#92bbde;
 font-size:16px;
 margin:15px 0 20px
}


.application-icon {
 fill:#a6bd49
}
.application-icon__hands--up {
 -webkit-animation:putYourHandsUpInTheAir 8s infinite;
 animation:putYourHandsUpInTheAir 8s infinite;
 opacity:0
}
.application-icon__hands--down {
 -webkit-animation:putYourHandsDownToTheGround 8s infinite;
 animation:putYourHandsDownToTheGround 8s infinite;
 opacity:1
}
@-webkit-keyframes putYourHandsUpInTheAir {
 0%,
 90% {
  opacity:0
 }
 91%,
 to {
  opacity:1
 }
}
@keyframes putYourHandsUpInTheAir {
 0%,
 90% {
  opacity:0
 }
 91%,
 to {
  opacity:1
 }
}
@-webkit-keyframes putYourHandsDownToTheGround {
 0%,
 90% {
  opacity:1
 }
 91%,
 to {
  opacity:0
 }
}
@keyframes putYourHandsDownToTheGround {
 0%,
 90% {
  opacity:1
 }
 91%,
 to {
  opacity:0
 }
}


.sh_header_logo_cell,
.sh_history_btn,
.sh_logo_cell {
 vertical-align:middle;
 text-align:center;
 line-height:1.167em
}
.sh_header_logo_cell {
 display:table-cell
}
.sh_top_buttons {
 border-left:1px solid #a8a8a8;
 width:65px;
 float:right;
 height:27px;
 margin-top:10px
}
.sh_chat {
 z-index:999999;
 width:300px;
 resize:both;
 overflow:auto;
 position:fixed
}
.sh_title {
 line-height:45px;
 height:45px;
 overflow:hidden;
 cursor:move;
 color:#fff;
 font-size:16px
}
.sh_block_drag {
 line-height:45px;
 height:45px;
 overflow:hidden;
 cursor:move;
 color:#fff;
 font-size:16px
}
.is-mobile .sh_chat {
 display:flex;
 flex-direction:column
}
.sh_chat input {
 border:1px solid
}
details summary::-webkit-details-marker {
 display:none
}
details>summary {
 list-style:none
}
.shc,
input.shc,
textarea.shc,
select.shc {
 float:none;
 text-align:left;
 font-family:Arial;
 position:relative;
 left:auto;
 right:auto;
 top:auto;
 bottom:auto;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 font-size:12px;
 vertical-align:baseline;
 background:0 0;
 color:#000;
 line-height:1.167em;
 outline:0;
 text-transform:none;
 text-decoration:none;
 box-shadow:none;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 text-shadow:none;
 box-sizing:content-box;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box
}
.mar_b-10 {
 margin-bottom:10px
}
.sh_a {
 color:#363636;
 font-size:12px
}
.sh_a:hover {
 text-decoration:underline
}
.sh_file_name {
 display:block;
 flex:0 1 auto;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 padding-right:3px
}
.sh_hide {
 display:none
}
.sh_hide_i {
 display:none !important
}
.sh_clear {
 clear:both
}
.sh_chat_operator_logo {
 max-width:46px
}
.sh_form_result {
 clear:both;
 font-size:12px;
 padding:10px;
 display:none
}
.sh_pay_logo:hover .sh_pay_box {
 display:block
}
.flex-container {
 display:flex;
 flex-flow:column;
 height:100%
}
.sh_messages {
 background:#fff;
 flex-grow:100;
 padding-bottom:5px;
 overflow-y:scroll
}
.sh_button {
 min-width:219px;
 height:35px;
 line-height:35px;
 text-align:center;
 margin:10px 0 0;
 cursor:pointer;
 font-size:14px;
 color:#fff;
 border:1px solid #444;
 background:#363636
}
.subject-start-button {
 width:100%;
 line-height:normal
}
.sh_hico {
 float:right;
 width:16px;
 height:16px;
 margin:4px 4px 0 0;
 cursor:pointer
}
.sh_hico_hide {
 background:url(https://cdn.uassist.biz/public/widget-assets/6ed0729ed618af44f3df.png) -9% 50% no-repeat
}
.sh_hico_hide:hover {
 background-color:rgba(255,255,255,.3)
}
.sh_hico_popup {
 background:url(https://cdn.uassist.biz/public/widget-assets/6ed0729ed618af44f3df.png) 50% 50% no-repeat
}
.sh_hico_popup:hover {
 background-color:rgba(255,255,255,.3)
}
.sh_hico_close {
 background:url(https://cdn.uassist.biz/public/widget-assets/6ed0729ed618af44f3df.png) 112% 50% no-repeat
}
.sh_hico_close:hover {
 background-color:rgba(255,255,255,.3)
}
.sh_scrollbar {
 overflow-y:auto
}
.sh_copyright {
 display:none
}
.sh_offline_done,
.sh_divisions,
.sh_bill_content,
.sh_auth {
 margin:15px 10px 0
}
.sh_letter_img {
 width:76px;
 height:54px;
 margin:0 auto;
 background:url(https://cdn.uassist.biz/public/widget-assets/bdc16f25c7322375b5b3.png) -9% 50% no-repeat
}
.sh_successfully {
 font-size:26px;
 color:#333;
 margin:20px 0 0;
 text-align:center
}
.sh_message_sent {
 font-size:12px;
 color:#333;
 margin:0 0 30px;
 text-align:center
}
.sh_chat_end {
 margin:15px 10px 20px
}
.sh_chat_title {
 font-size:14px;
 color:#646464;
 margin-bottom:10px
}
.sh_chat_description {
 font-size:12px;
 color:#333
}
.sh_chat_decision {
 margin-top:17px;
 padding-bottom:15px;
 font-size:13px
}
.sh_chat_decision [type=radio],
.sh_form_fields [type=radio] {
 margin:0 10px 0 0;
 float:left
}
.sh_chat_radio {
 margin-top:10px
}
.sh_chat_radio input[type=radio] {
 margin-top:0
}
.sh_chat_question {
 margin:14px 0;
 font-size:14px;
 color:#262626
}
.sh_chat_fields {
 height:53px
}
.sh_divisions {
 overflow:hidden
}
.sh_messages .history_messages {
 background:#e7e7e7
}
.sh_wait_connection {
 margin:9px;
 background:url(https://cdn.uassist.biz/public/widget-assets/0406bcb895265a43377d.gif) no-repeat;
 padding:10px 10px 10px 38px
}
.sh_typing {
 margin:8px 13px 8px 8px;
 color:#6d6b6b;
 font-style:italic
}
.sh_message {
 min-width:240px;
 min-height:36px;
 padding:9px 0;
 border-bottom:1px solid #f2f2f2;
 margin:0 8px
}
.sh_photo {
 overflow:hidden;
 width:36px;
 height:36px;
 float:left
}
.sh_mess_content {
 margin:0 0 0 45px
}
.sh_mess_details {
 height:16px;
 line-height:16px
}
.sh_mess_time {
 float:right;
 color:#909090;
 font-size:10px
}
.sh_mess_nick {
 display:block;
 max-width:190px;
 text-overflow:ellipsis;
 color:#b11313;
 float:left;
 font-size:13px
}
.sh_mess_nick_sel {
 color:#627aad
}
.sh_embed .sh_hico_hide,
.sh_embed .sh_resize,
.sh_form_field_hidden,
.sh_form_preloader,
.sh_popup .sh_hico_hide,
.sh_popup .sh_hico_popup,
.sh_popup .sh_resize,
.sh_popup .sh_top_buttons {
 display:none
}
.sh_file_block {
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-content:center;
 justify-content:space-between;
 align-items:center
}
.sh_file_block .glyphicon-comment {
 margin-left:10px
}
.sh_file_block .sh_file {
 width:100%
}
.sh_mess_text {
 color:#363636;
 font-size:12px;
 word-wrap:break-word;
 line-height:18px;
 padding-top:10px;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-content:space-between;
 justify-content:space-between;
 align-items:center
}
.glyphicon-comment,
.sh_file_block .glyphicon-comment {
 background:url(https://cdn.uassist.biz/public/widget-assets/ea58d72e90b83b81b29e.png) no-repeat;
 width:17px;
 height:16px;
 display:block;
 padding-right:20px
}
.glyphicon-comment:hover,
.sh_file_block .glyphicon-comment:hover {
 cursor:pointer;
 opacity:.7
}
.sh_bill_payment {
 margin-bottom:15px
}
.sh_bill_amount {
 float:left;
 color:#333;
 font-size:16px
}
.sh_bill_logo {
 width:65px;
 height:15px;
 float:right;
 margin-right:1px;
 background:url(https://cdn.uassist.biz/public/widget-assets/365863e9918ced7d9ed4.png) no-repeat
}
.sh_bill_description {
 text-align:center;
 color:#4c4c4c;
 font-size:13px;
 line-height:18px;
 overflow:hidden
}
.sh_bill a {
 text-decoration:none;
 color:#fff
}
.sh_history_btn:hover,
.sh_hypertext_word,
.sh_operator_button_no {
 text-decoration:underline
}
.sh_avatar {
 width:36px;
 height:36px
}
.sh_file a {
 color:#3a609b
}
.sh_file img {
 max-width:200px
}
.sh_file_icon {
 background-color:#f0f0ef;
 min-height:36px;
 line-height:36px;
 padding:0 9px
}
.sh_file_line {
 display:flex;
 justify-content:flex-start
}
.sh_file_size {
 flex-shrink:0
}
.sh_history_btn {
 color:#363636;
 padding:5px;
 cursor:pointer;
 text-align:center
}
.sh_hypertext_word {
 font-style:italic;
 cursor:pointer
}
.sh_embed .sh_title,
.sh_popup .sh_title {
 cursor:default
}
.sh_ht_hint {
 background:#f0f0ef;
 padding:10px
}
.sh_embed,
.sh_form_field,
.sh_popup {
 position:relative
}
.sh_embed {
 width:100%
}
.sh_embed .sh_top_buttons {
 width:48px
}
.sh_popup {
 border:0;
 width:100%
}
.support-btn {
 background:#363636
}
.support-btn,
.support-btn-messengers {
 z-index:999999;
 position:fixed;
 cursor:pointer
}
.support-btn .sh_btn_char {
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg);
 font-family:Tahoma,Verdana;
 height:12px;
 line-height:12px
}
.toggle-messengers {
 background:linear-gradient(180deg, #3150b5 0%, #17244c 100%);
 cursor:pointer;
 border-radius:32px;
 width:64px;
 height:64px;
 position:relative;
 overflow:hidden
}
.toggle-messengers path {
 fill:#fff600;
 transition:fill .4s ease
}
.support-btn:hover .toggle-messengers path {
 fill:#fff
}
.toggle-messengers>* {
 display:block;
 margin:17px auto;
 position:relative
}
details[open]>.toggle-messengers>* {
 top:-43px
}
.messengers {
 position:absolute;
 bottom:62px;
 left:7px
}
.btn-vertical-top .messengers {
 bottom:0;
 top:62px
}
.messenger-container {
 background:#17244c;
 border-radius:26px;
 position:relative
}
.messengers .messenger {
 width:52px;
 height:52px;
 border-radius:26px;
 background-color:#17244c;
 margin:7px auto
}
.messengers .messenger>* {
 margin:15px
}
.messengers:hover .messenger {
 opacity:.6
}
.messengers .messenger path {
 fill:#fff
}
.messengers .messenger:hover {
 transform:scale(1.1);
 opacity:1
}
.messengers .sh_tooltip {
 width:100px;
 height:32px;
 background:linear-gradient(180deg, #4882f7 0%, #17294d 100%);
 border-radius:16px;
 display:none;
 position:absolute;
 left:-112px;
 top:10px;
 text-align:center;
 line-height:2.167em;
 text-transform:capitalize
}
.btn-horizontal-left .messengers .sh_tooltip {
 left:61px
}
.messengers .messenger:hover~.sh_tooltip {
 display:block
}
.messengers .viber {
 background:#9c52dc
}
.messengers .telegram {
 background:linear-gradient(180deg, #42b6f6 0%, #42b6f7 48.96%, #2ba4e7 48.97%, #2ba4e7 100%)
}
.messengers .vkontakte {
 background:#4e7db2;
 padding-top:5px
}
.sh_chat_form {
 flex-grow:1
}
.sh_container_root {
 flex-grow:1;
 overflow:hidden
}
.sh_container,
.sh_online_box {
 overflow:hidden;
 height:100%
}
.sh_chat_logo {
 max-width:27px
}
.sh_header .sh_header_logo {
 width:45px;
 line-height:44px;
 text-align:center;
 height:44px;
 cursor:pointer;
 float:left;
 white-space:nowrap;
 display:inline-table
}
.assessment-block a {
 margin:0 10px;
 cursor:pointer
}
.assessment-block a.grey img,
.assessment-block:hover img {
 filter:grayscale(100%)
}
.assessment-block a.active img,
.assessment-block a:hover img {
 filter:grayscale(0%) !important
}
.operator-typing-block {
 background:#fff;
 color:#9d9c9c;
 padding:5px
}
span#wave {
 position:relative
}
span#wave .dot {
 display:inline-block;
 width:6px;
 height:6px;
 border-radius:50%;
 margin-right:0px;
 background:#ddd;
 animation:wave 1.3s linear infinite
}
span#wave .dot:nth-child(2) {
 animation-delay:-1.1s
}
span#wave .dot:nth-child(3) {
 animation-delay:-0.9s
}
@keyframes wave {
 0%,
 60%,
 100% {
  transform:initial
 }
 30% {
  transform:translateY(-15px)
 }
}
.success-mark-message {
 text-align:center;
 height:24px
}
.success-mark-message img {
 margin-bottom:-7px
}
.sh_textarea_answer textarea {
 background:#fff;
 width:100%
}
.sh_textarea_faq textarea {
 background:#fff;
 width:100%
}
.sh_btn_char,
.sh_btn_char_trans {
 width:36px;
 cursor:pointer;
 color:#fff;
 font-size:16px;
 text-align:center
}
.sh_btn_char_trans {
 height:16px;
 line-height:16px
}
.btn-horizontal-left {
 left:0
}
.support-btn-messengers.btn-horizontal-left {
 left:10px
}
.btn-horizontal-right {
 right:0
}
.support-btn-messengers.btn-horizontal-right {
 right:10px
}
.btn-horizontal-center {
 left:40%
}
.btn-horizontal-right .sh_title_text,
.btn-horizontal-left .sh_title_text {
 padding:10px 0
}
.btn-vertical-top {
 top:10px
}
.btn-vertical-bottom {
 bottom:10px
}
.btn-horizontal-right.btn-vertical-bottom {
 bottom:110px
}
.btn-vertical-center {
 top:42%
}
.sh_delayed {
 width:100%;
 min-height:125px;
 background:#f4f4f4;
 position:absolute;
 bottom:0
}
.sh_delayed_block {
 height:100%;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.sh_delayed__title {
 color:#333;
 font-size:13px;
 padding:0 1em;
 margin:25px auto 5px auto
}
.sh_delayed__answer {
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:space-around;
 -webkit-justify-content:space-around;
 -moz-justify-content:space-around;
 -ms-flex-pack:space-around;
 justify-content:space-around;
 margin:20px 0 15px
}
.sh_delayed__answer--yes,
.sh_delayed__answer--no {
 position:relative;
 color:#292929;
 font-size:14px;
 font-weight:700;
 text-decoration:none
}
.sh_delayed__answer--yes::before,
.sh_delayed__answer--no::before {
 content:"";
 position:absolute;
 left:-40px;
 top:50%;
 width:26px;
 height:26px;
 background:url(https://cdn.uassist.biz/public/widget-assets/7707418242f36b1ffb3d.png) no-repeat;
 transform:translate(0, -50%);
 -webkit-transform:translate(0, -50%)
}
.sh_delayed__answer--yes::before {
 background-position:0 -42px
}
.sh_delayed__answer--no::before {
 background-position:0 -68px;
 height:28px
}
.back-block-by-bonus-block {
 height:40px;
 display:flex;
 align-content:space-around;
 justify-content:flex-start;
 align-items:center;
 padding:0 18px 0 18px;
 font-size:19px;
 background:#d3d3d3
}
.back-block-by-bonus-block a {
 color:#000
}
.back-block-by-bonus-block a span {
 margin-left:7px
}
.sh_form.text-block-by-bonus-block {
 font-size:15px;
 line-height:20px;
 text-align:left
}
.sh_show-all-faq-list {
 padding:0px 10px 0 15px;
 font-size:13px;
 line-height:15px
}
.sh_backdrop {
 width:100%;
 height:100%;
 position:absolute;
 display:flex;
 z-index:99
}
.sh_backdrop .blocks {
 margin:auto;
 z-index:9;
 background:#fff;
 height:30%;
 width:80%;
 display:flex
}
.sh_backdrop .shadow {
 width:100%;
 height:100%;
 position:absolute;
 background-color:rgba(47,45,45,.5)
}
.sh_reply_to-block {
 padding-top:10px
}
.sh_reply_to-block .sh_reply_to_quote .glyphicon-comment {
 display:none
}
.sh_reply_to-block .sh_reply_to_quote {
 border-left:6px solid;
 padding-left:8px;
 opacity:.7;
 border-radius:12px
}
.sh_reply_to-block.operator .sh_reply_to_quote {
 border-color:#0b3e6f
}
.sh_reply_to-block.client .sh_reply_to_quote {
 border-color:rgba(199,166,47,.7490196078)
}
.sh_reply_to-block .sh_reply_to_quote .sh_mess_text {
 padding-top:0
}
.sh_reply_to-block .sh_reply_to_quote .sh_reply_to_quote-head {
 font-style:italic
}
.sh_reply_to-block>.sh_mess_text {
 padding-top:0
}
.sh_quote_block {
 overflow:auto;
 clear:both;
 border-top:2px solid #e7e7e7;
 padding:10px;
 display:flex
}
.sh_quote_block .sh_quote-block-message {
 background:rgba(211,211,211,0.5490196078);
 padding:8px;
 padding-right:45px;
 padding-left:33px;
 border-radius:10px;
 font-style:italic;
 position:relative
}
.sh_quote_block .sh_quote-block-message .sh_quote-block-quote-mark {
 font-size:36px;
 position:absolute;
 top:19px;
 left:7px
}
.sh_quote_block .sh_quote-block-message .sh_quote-block-from {
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 font-size:13px;
 font-style:initial;
 color:#979797
}
.sh_quote_block .sh_quote-block-message .glyphicon-remove {
 background:url(https://cdn.uassist.biz/public/widget-assets/f7685d2cceb02f2d0bd5.png) no-repeat;
 width:9px;
 height:9px;
 position:absolute;
 cursor:pointer;
 right:15px;
 top:7px;
 font-size:15px;
 color:#6a6a6a
}
.sh_bill_amount,
.sh_file a,
.sh_form_label,
.sh_form_step_act,
.sh_form_title,
.sh_mess_nick,
.sh_pay_box_title,
.sh_successfully {
 font-weight:700
}
.sh_auth_button,
.sh_button {
 box-shadow:inset 0 0 1px rgba(255,255,255,.75)
}
.sh_chat {
 border:1px solid #444;
 background:#f0f0ef
}
.sh_header_info,
.sh_scrollbar,
.sh_title {
 overflow:hidden
}
.sh_header {
 background:#444;
 min-width:258px;
 height:45px;
 color:#fff
}
.sh_chat_decision,
.sh_chat_fields {
 border-bottom:1px solid #d7d7d6;
 min-width:225px
}
.sh_auth,
.sh_bill_content,
.sh_bill_payment,
.sh_button,
.sh_button_field,
.sh_chat_fields,
.sh_chat_radio,
.sh_divisions,
.sh_form_logo_history,
.sh_mess_nick,
.sh_photo,
.sh_textarea_answer,
.sh_textarea_faq {
 overflow:hidden
}
.sh_bill,
.sh_file_icon,
.sh_ht_hint {
 border:1px solid #e6e6e5
}
.sh_bill {
 min-height:90px;
 background:#f0f0ef;
 margin:8px 8px 0;
 padding-bottom:20px
}
.shc ::-webkit-scrollbar {
 width:6px
}
.shc ::-webkit-scrollbar-track {
 background-color:rgba(54,54,54,.1)
}
.shc ::-webkit-scrollbar-thumb {
 background-color:rgba(54,54,54,.5)
}
.shc::-webkit-input-placeholder,
.shc .form_username_field::-webkit-input-placeholder {
 color:#999
}
.shc:-moz-placeholder,
.shc::-moz-placeholder,
.shc .form_username_field:-moz-placeholder,
.shc::-moz-placeholder {
 color:#999
}
.shc:-ms-input-placeholder,
.shc .form_username_field:-ms-input-placeholder {
 color:#999
}
.sh_form {
 min-height:50px;
 margin:8px 8px 0;
 padding:0px 18px 0 18px
}
.sh_offline .sh_form {
 margin:0;
 padding:17px
}
.sh_messages .sh_form {
 background:#f0f0ef;
 border:1px solid #e6e6e5
}
select.sh_form_select,
input.sh_input,
textarea.sh_textarea {
 background:#fff;
 border:1px solid #dadad9;
 width:100%
}
.sh_form_description {
 color:#2e2121;
 font-size:12px;
 line-height:16px;
 margin:9px 0
}
.sh_form_title {
 color:#333;
 font-size:16px;
 margin-bottom:5px
}
.sh_form_step {
 float:left;
 font-size:12px;
 margin-right:9px;
 color:#6e6c6d;
 line-height:15px
}
.sh_form_step_act {
 font-size:14px;
 color:#363636
}
.sh_form_choise,
.sh_form_label {
 font-size:13px;
 margin-bottom:9px
}
.sh_form_result_success {
 color:#129a48
}
.sh_form_result_error {
 color:#fc3300
}
.sh_form_fields {
 margin-top:9px
}
.sh_form_field {
 min-height:38px;
 margin:0 9px 9px
}
.sh_form_field_checkbox,
.sh_form_field_radio,
.sh_form_field_select {
 margin:0
}
.sh_form_field_textarea {
 height:80px;
 margin:0 9px 20px;
 position:relative
}
.sh_form_select {
 height:36px;
 margin-bottom:9px;
 padding-left:4px
}
.sh_form_choise {
 color:#333
}
.sh_form_choise input {
 margin:0 6px 0 0
}
.sh_button[disabled] {
 opacity:.7
}
.sh_button.disabled {
 opacity:.4;
 pointer-events:none
}
input.sh_input,
select.sh_form_select {
 height:36px;
 padding:1px 7px
}
input.sh_input,
textarea.sh_textarea,
select.sh_form_select {
 font-size:13px;
 position:absolute;
 left:-9px;
 top:0
}
.sh_smile_img,
.sh_textarea_answer,
.sh_textarea_faq {
 position:relative
}
textarea.sh_textarea {
 height:75px;
 padding:8px 7px 1px;
 margin:0;
 resize:none
}
textarea.sh_textarea.error {
 border:1px solid red
}
.sh_chat_vote,
.sh_chat_subject_radio {
 cursor:pointer
}
.sh_button_field {
 margin-top:10px
}
.sh_bill_field [type=text] {
 min-width:203px;
 height:27px
}
.sh_button_history_number {
 width:23px;
 height:23px;
 background-color:#b11313;
 color:#fff;
 border-radius:100%;
 float:right;
 text-align:center;
 line-height:23px;
 margin:6px 9px 0 0
}
.sh_form_title_history {
 text-align:center;
 color:#333;
 font-size:22px;
 margin-bottom:20px
}
.sh_form_logo_history {
 text-align:center;
 margin:10px 0 20px
}
.sh_button_back {
 min-width:60px;
 color:#646464;
 float:left;
 border:1px solid #dadad9;
 background:#f4f4f3
}
.sh_button_back:hover {
 color:#333;
 border:1px solid #c4c4c3;
 background:#fcfcfb
}
.sh_button_save {
 min-width:140px;
 float:left;
 margin-left:9px;
 padding:0 9px
}
.sh_button_big_gray {
 min-width:219px;
 float:none
}
.sh_button_gray_complete {
 min-width:85px;
 height:24px;
 line-height:24px;
 float:right;
 font-size:12px;
 margin-top:6px
}
.sh_botton_bill {
 min-width:208px;
 height:27px;
 line-height:27px;
 float:none
}
.sh_auth_button {
 min-width:219px;
 height:35px;
 line-height:35px;
 margin:10px 0 0;
 cursor:pointer;
 font-size:13px;
 color:#fff
}
.sh_auth_button_facebook {
 border:1px solid #4f6fb6;
 background:#4a67aa
}
.sh_auth_button_facebook:hover {
 background:#5577c4
}
.sh_auth_button_twitter {
 border:1px solid #2a95c7;
 background:#2ea1d6
}
.sh_auth_button_twitter:hover {
 background:#31aae2
}
.sh_auth_button_google {
 border:1px solid #3a3a3a;
 background:#3f3f3f
}
.sh_auth_button_google:hover {
 background:#535353
}
.sh_auth_overall {
 float:left;
 cursor:pointer;
 margin-right:15px;
 width:35px;
 height:35px;
 box-shadow:1px 0 0 rgba(255,255,255,.3);
 -webkit-box-shadow:1px 0 0 rgba(255,255,255,.3);
 -moz-box-shadow:1px 0 0 rgba(255,255,255,.3)
}
.sh_auth_facebook {
 border-right:1px solid #4f6fb6
}
.sh_auth_twitter {
 border-right:1px solid #2a95c7
}
.sh_auth_google {
 border-right:1px solid #3a3a3a
}
.sh_auth_facebook_logo {
 width:13px;
 height:25px;
 margin:10px 0 0 15px;
 background:url(https://cdn.uassist.biz/public/widget-assets/c1d06715ab0fe049e0be.png) no-repeat
}
.sh_auth_twitter_logo {
 width:27px;
 height:23px;
 margin:7px 0 0 7px;
 background:url(https://cdn.uassist.biz/public/widget-assets/c1d06715ab0fe049e0be.png) 44% 0 no-repeat
}
.sh_auth_google_logo {
 width:20px;
 height:23px;
 margin:9px 0 0 8px;
 background:url(https://cdn.uassist.biz/public/widget-assets/c1d06715ab0fe049e0be.png) 100% 0 no-repeat
}
.sh_footer {
 background:#f0f0ef
}
.sh_footer_menu_list {
 height:36px;
 border-top:1px solid #d3d3d2;
 padding:0 8px
}
.sh_footer_menu {
 float:left;
 height:30px;
 text-align:center;
 width:28px;
 line-height:30px;
 margin-top:4px;
 cursor:pointer
}
.sh_footer_menu:hover {
 background-color:#333;
 border-radius:5px
}
.sh_ic {
 width:16px;
 height:19px;
 margin:7px auto 0;
 cursor:pointer
}
.sh_ic_attach {
 background:url(https://cdn.uassist.biz/public/widget-assets/ca0b9a4170422ad48285.png) 0 top no-repeat
}
.sh_ic_smiles {
 background:url(https://cdn.uassist.biz/public/widget-assets/ca0b9a4170422ad48285.png) 47% top no-repeat
}
.sh_ic_sound {
 background:url(https://cdn.uassist.biz/public/widget-assets/ca0b9a4170422ad48285.png) 100% top no-repeat;
 width:19px
}
.sh_footer_menu:hover .sh_ic_attach,
.sh_footer_menu:hover .sh_ic_smiles,
.sh_footer_menu:hover .sh_ic_sound {
 background-position-y:bottom
}
.sh_ic_off .sh_ic_sound {
 background:url(https://cdn.uassist.biz/public/widget-assets/6f14d059ef4d3f730579.png) no-repeat;
 width:16px;
 height:13px;
 margin:9px 0 0 6px
}
.sh_enter_ico,
.sh_point,
.sh_smiles {
 position:absolute
}
.sh_textarea_answer textarea,
.sh_textarea_faq textarea {
 resize:none;
 font-family:Arial,sans-serif;
 width:100%;
 height:35px;
 padding:4px 21px 4px 4px;
 border:1px solid #d3d3d2;
 outline:0;
 display:block;
 line-height:16px;
 font-size:13px
}
.sh_textarea_answer.error textarea::placeholder {
 color:red
}
.sh_textarea_answer.error textarea:-ms-input-placeholder {
 color:red
}
.sh_textarea_answer.error textarea::-ms-input-placeholder {
 color:red
}
.sh_enter_ico {
 width:35px;
 height:35px;
 right:0;
 top:3px;
 text-align:center;
 cursor:pointer
}
.sh_enter_ico .sh_ico {
 background:url(https://cdn.uassist.biz/public/widget-assets/d8236c2d1ba3e5355c31.png) no-repeat;
 width:15px;
 height:17px;
 margin:0 auto;
 transform:translateY(90%);
 -webkit-transform:translateY(90%);
 -moz-transform:translateY(90%);
 -ms-transform:translateY(90%);
 -o-transform:translateY(90%)
}
textarea {
 overflow:auto
}
.sh_smiles {
 height:60px;
 width:136px;
 background-color:#333;
 bottom:35px;
 left:-54px
}
.sh_smile_menu {
 float:left;
 height:25px;
 text-align:center;
 width:25px;
 line-height:25px;
 margin:2px 0 0 2px;
 cursor:pointer
}
.sh_smile_menu:hover {
 background-color:#555
}
.sh_smile_icon {
 width:16px;
 height:16px;
 margin:5px auto 0;
 cursor:pointer
}
.sh_smile[data-name=smile] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) no-repeat
}
.sh_smile[data-name=upset] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 25% 0 no-repeat
}
.sh_smile[data-name=no_words] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 50% 0 no-repeat
}
.sh_smile[data-name=laughter] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 75% 0 no-repeat
}
.sh_smile[data-name=shock] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 100% 0 no-repeat
}
.sh_smile[data-name=wink] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 100% 100% no-repeat
}
.sh_smile[data-name=sleep] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 75% 100% no-repeat
}
.sh_smile[data-name=steep] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 50% 100% no-repeat
}
.sh_smile[data-name=anger] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 25% 100% no-repeat
}
.sh_smile[data-name=offense] {
 background:url(https://cdn.uassist.biz/public/widget-assets/3db879c26a332aac3066.png) 0 100% no-repeat
}
.sh_point {
 width:0;
 height:0;
 border-top:8px solid #333;
 border-right:8px solid rgba(0,0,0,0);
 border-left:8px solid rgba(0,0,0,0);
 margin:60px 0 0 60px
}
.sh_smile_img {
 display:inline-block;
 width:16px;
 height:16px;
 top:3px
}
.sh_btn_bottom,
.sh_btn_top {
 height:36px;
 line-height:36px;
 max-width:465px;
 min-width:177px
}
.sh_logo {
 width:27px;
 cursor:pointer;
 text-align:center;
 white-space:nowrap;
 height:100%;
 display:table
}
.sh_logo_cell {
 display:table-cell
}
.sh_btn_bottom .sh_logo,
.sh_btn_top .sh_logo {
 width:45px;
 float:left
}
.sh_btn_left .sh_logo,
.sh_btn_right .sh_logo {
 width:100%;
 height:36px
}
.sh_logo_btn {
 max-width:27px
}
.sh_btn_bottom .sh_pay_logo,
.sh_btn_top .sh_pay_logo {
 width:16px;
 height:34px;
 margin-top:1px;
 margin-left:10px;
 float:right;
 cursor:pointer;
 background:url(https://cdn.uassist.biz/public/widget-assets/5fa1f6578d04b7c04c02.png) no-repeat
}
.sh_btn_left .sh_pay_logo,
.sh_btn_right .sh_pay_logo {
 width:34px;
 height:16px;
 cursor:pointer;
 float:right;
 margin-right:1px;
 background:url(https://cdn.uassist.biz/public/widget-assets/74fa7400eaf1f448fd84.png) no-repeat
}
.sh_btn_bottom .sh_visitors_logo,
.sh_btn_top .sh_visitors_logo {
 margin:12px 4px 0 9px
}
.sh_btn_bottom .sh_visitors_logo,
.sh_btn_left .sh_visitors_logo,
.sh_btn_right .sh_visitors_logo,
.sh_btn_top .sh_visitors_logo {
 width:12px;
 cursor:pointer;
 height:14px;
 float:left;
 background:url(https://cdn.uassist.biz/public/widget-assets/05e2de3794c7bc6d30c2.png) no-repeat
}
.sh_btn_left .sh_visitors_logo,
.sh_btn_right .sh_visitors_logo {
 margin:4px 3px 0 0
}
.sh_btn_left .sh_title_text,
.sh_btn_right .sh_title_text {
 overflow:hidden;
 border-top:1px solid #444;
 padding:10px 0
}
.sh_btn_bottom .sh_title_text,
.sh_btn_top .sh_title_text {
 overflow:hidden;
 height:27px;
 line-height:27px;
 margin-top:4px;
 white-space:nowrap;
 cursor:pointer;
 border-left:1px solid #444;
 padding:0 8px;
 font-size:16px;
 color:#fff;
 float:left;
 max-width:328px
}
.sh_pay_box {
 display:none;
 width:296px;
 height:76px;
 border:1px solid #adadac;
 position:absolute;
 bottom:54px;
 right:-45px;
 background:#fff
}
.sh_visa_logo {
 width:37px;
 height:39px;
 cursor:pointer;
 background:url(https://cdn.uassist.biz/public/widget-assets/54e72ac9461fe36154c2.png) 30% 0 no-repeat;
 float:left;
 margin:19px 15px 0
}
.sh_pay_box_title {
 font-size:13px;
 margin-top:15px;
 line-height:16px
}
.sh_pay_box_description {
 font-size:12px;
 line-height:16px
}
.sh_triangle {
 left:210px;
 top:76px;
 border-top:17px solid #adadac
}
.sh_triangle,
.sh_triangle_white {
 position:absolute;
 width:0;
 height:0;
 border-left:32px solid rgba(0,0,0,0);
 border-right:0 solid rgba(0,0,0,0)
}
.sh_triangle_white {
 left:209px;
 top:74px;
 border-top:17px solid #fff
}
.sh_btn_top .sh_pay_box {
 top:54px;
 right:-41px
}
.sh_btn_top .sh_triangle {
 left:217px;
 top:-52px;
 border-bottom:16px solid #adadac
}
.sh_btn_top .sh_triangle,
.sh_btn_top .sh_triangle_white {
 border-top:35px solid rgba(0,0,0,0);
 border-right:0 solid rgba(0,0,0,0)
}
.sh_btn_top .sh_triangle_white {
 left:216px;
 top:-50px;
 border-bottom:16px solid #fff
}
.sh_btn_left .sh_triangle,
.sh_btn_left .sh_triangle_white,
.sh_btn_right .sh_triangle,
.sh_btn_right .sh_triangle_white {
 border-top:24px solid rgba(0,0,0,0);
 border-bottom:0 solid rgba(0,0,0,0)
}
.sh_btn_left .sh_pay_box {
 bottom:-2px;
 left:57px
}
.sh_btn_left .sh_triangle {
 left:-48px;
 top:42px;
 border-right:16px solid #adadac
}
.sh_btn_left .sh_triangle_white {
 left:-46px;
 top:41px;
 border-right:16px solid #fff
}
.sh_btn_right .sh_pay_box {
 bottom:-2px;
 right:57px
}
.sh_btn_right .sh_triangle {
 left:297px;
 top:41px;
 border-left:16px solid #adadac
}
.sh_btn_right .sh_triangle_white {
 left:295px;
 top:40px;
 border-left:16px solid #fff
}
.sh_block_counter {
 float:right;
 font-size:11px;
 color:#fff;
 height:27px;
 padding:0 10px;
 line-height:27px;
 margin-top:4px;
 display:none
}
.sh_block_counter_logo {
 background:url(https://cdn.uassist.biz/public/widget-assets/fb87489f3bfdcb6a7381.png) no-repeat;
 width:16px;
 height:16px;
 margin:4px 6px 0 0;
 float:left
}
.sh_btn_left .sh_block_counter,
.sh_btn_right .sh_block_counter {
 border-top:1px solid rgba(255,255,255,.3);
 width:25px;
 padding:0;
 margin-right:5px;
 text-align:center
}
.sh_btn_bottom .sh_block_counter,
.sh_btn_top .sh_block_counter {
 border-left:1px solid #444;
 float:left;
 overflow:hidden
}
.sh_btn_left .sh_block_counter_logo,
.sh_btn_right .sh_block_counter_logo {
 margin:4px 0 0 5px
}
.sh_operator_help {
 width:220px;
 min-height:125px;
 padding:10px;
 border:1px solid #aaa;
 position:absolute;
 top:-151px;
 background:#fff
}
.sh_operator_logo {
 width:46px;
 height:46px;
 cursor:pointer;
 float:left;
 margin:19px 15px 0
}
.sh_operator_title {
 font-size:13px;
 font-weight:700;
 margin-top:18px;
 line-height:16px;
 color:#b11313
}
.sh_operator_description {
 font-size:12px;
 color:#333;
 line-height:18px
}
.sh_operator_triangle {
 top:126px;
 border-color:#adadad rgba(0,0,0,0) rgba(0,0,0,0)
}
.sh_operator_triangle,
.sh_operator_triangle_white {
 position:absolute;
 left:102px;
 width:0;
 height:0;
 border-style:solid;
 border-width:21px 15px 0
}
.sh_operator_triangle_white {
 top:124px;
 border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0)
}
.sh_btn_top .sh_operator_help {
 top:57px;
 right:-15px
}
.sh_btn_top .sh_operator_triangle {
 left:94px;
 top:-21px;
 width:0;
 height:0;
 border-style:solid;
 border-width:0 15px 21px;
 border-color:rgba(0,0,0,0) rgba(0,0,0,0) #adadad
}
.sh_btn_top .sh_operator_triangle_white {
 left:94px;
 top:-20px;
 width:0;
 height:0;
 border-style:solid;
 border-width:0 15px 21px;
 border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff
}
.sh_btn_bottom .sh_operator_help {
 top:auto;
 bottom:40px;
 right:0
}
.sh_btn_bottom .sh_operator_triangle,
.sh_btn_bottom .sh_operator_triangle_white {
 display:none
}
.sh_btn_left .sh_operator_help {
 top:0;
 left:57px
}
.sh_btn_left .sh_operator_triangle {
 left:-22px;
 top:42px;
 border-style:solid;
 border-width:15px 21px 15px 0;
 border-color:rgba(0,0,0,0) #adadad rgba(0,0,0,0) rgba(0,0,0,0)
}
.sh_btn_left .sh_operator_triangle_white {
 left:-20px;
 top:42px;
 border-style:solid;
 border-width:15px 21px 15px 0;
 border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)
}
.sh_btn_right .sh_operator_help {
 top:0;
 right:57px
}
.sh_btn_right .sh_operator_triangle {
 left:240px;
 top:41px;
 border-style:solid;
 border-width:15px 0 15px 21px;
 border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #adadad
}
.sh_btn_right .sh_operator_triangle_white {
 left:238px;
 top:41px;
 border-style:solid;
 border-width:15px 0 15px 21px;
 border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}
.sh_operator_button_no {
 float:left;
 font-size:14px;
 color:#646464;
 margin:20px 0 0 27px
}
.sh_operator_button_save {
 min-width:114px;
 margin-left:26px;
 padding:0 9px;
 float:left
}
.sh_operator_close_img {
 background:url(https://cdn.uassist.biz/public/widget-assets/f7685d2cceb02f2d0bd5.png) no-repeat;
 width:9px;
 height:9px;
 margin:4px 0 0 4px
}
.sh_operator_close {
 width:17px;
 height:17px;
 top:3px;
 right:3px;
 position:absolute;
 border:1px solid #fff
}
.sh_operator_close:hover {
 border:1px solid #adadac;
 background:#f7f7f7
}
.first_message {
 height:120px
}
.first_message .sh_form_field_textarea {
 margin:0 9px 12px
}
.sh_form_error {
 color:red;
 font-size:12px;
 line-height:16px;
 margin:9px 0;
 display:none
}
.sh_form_error.active {
 display:block
}
.name_field {
 margin-top:0
}
.sh_alerts {
 background:#15316b;
 padding:30px
}
.sh_alerts__title {
 position:relative;
 color:#fff;
 font-size:14px;
 font-weight:700;
 text-shadow:1px 0 0 #8f3c3c;
 padding-left:60px
}
.sh_alerts__title::before {
 content:"";
 position:absolute;
 display:inline-block;
 left:0;
 top:50%;
 background:url("https://www.mailenv.net/mail/vp/chat_alerts_img.png") no-repeat;
 width:45px;
 height:47px;
 transform:translate(0, -50%);
 -webkit-transform:translate(0, -50%)
}
.sh_alerts__content {
 color:#fff;
 font-size:14px;
 text-shadow:1px 0 0 #8f3c3c;
 margin:25px 0
}
.sh_alerts__button {
 color:#ffdc63;
 font-size:14px;
 text-shadow:1px 0 0 #8f3c3c;
 text-decoration:none;
 cursor:pointer
}
.sh_faq {
 padding:25px 15px 5px;
 background:#fff;
 -webkit-box-flex:1;
 -webkit-flex-grow:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.sh_faq-list {
 padding:10px 10px 0 15px;
 font-size:13px;
 line-height:15px
}
.sh_faq-list__item {
 display:block;
 text-decoration:none;
 position:relative;
 cursor:pointer;
 color:#545454;
 font-size:14px;
 font-weight:700;
 padding:8px 0
}
.sh_faq-list__new_item {
 min-width:0px;
 appearance:none;
 user-select:none;
 cursor:pointer;
 overflow:hidden;
 text-overflow:ellipsis;
 -moz-box-pack:center;
 justify-content:center;
 font-family:inherit;
 text-decoration:none;
 outline:currentcolor none medium;
 font-weight:500;
 line-height:20px;
 padding:3px 11px;
 min-height:32px;
 background-color:rgba(0,0,0,0);
 box-shadow:none;
 border:1px solid #e6e8ea;
 box-sizing:border-box;
 border-radius:50px;
 color:#76808f;
 font-size:12px;
 max-width:100%;
 word-break:break-word;
 white-space:normal;
 text-align:left;
 display:inline-flex;
 -moz-box-align:center;
 align-items:center
}
.sh_faq-list__item:hover {
 color:#292929
}
.sh_faq-list__item::before {
 content:"";
 position:absolute;
 display:inline-block;
 left:-15px;
 top:10px;
 background:url(https://cdn.uassist.biz/public/widget-assets/7707418242f36b1ffb3d.png) no-repeat;
 width:12px;
 height:12px;
 background-position:0 0
}
.sh_faq-list__item:hover::before {
 background-position:0 -14px
}
.sh_form a.sh_faq_back_from_chat.sh_faq-list__item {
 text-align:left;
 padding-top:0;
 padding-left:15px;
 padding-bottom:15px;
 margin:0;
 background:rgba(0,0,0,0)
}
.sh_form a.sh_faq_back_from_chat.sh_faq-list__item::before {
 left:0;
 top:0px
}
.sh_faq_help {
 background:#f4f4f4;
 padding:15px;
 border-bottom:1px solid #fff
}
.sh-faq-block {
 height:100%;
 overflow-y:auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.sh_faq_help__title {
 color:#292929;
 font-size:13px
}
.sh_faq_help__answer {
 display:-webkit-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 display:-ms-flex;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:space-around;
 -webkit-justify-content:space-around;
 -moz-justify-content:space-around;
 -ms-flex-pack:space-around;
 justify-content:space-around;
 margin:25px 0 15px
}
.sh_faq_help__answer--yes,
.sh_faq_help__answer--no {
 position:relative;
 color:#292929;
 font-size:14px;
 font-weight:700;
 text-decoration:none
}
.sh_faq_help__answer--yes::before,
.sh_faq_help__answer--no::before {
 content:"";
 position:absolute;
 left:-40px;
 top:50%;
 width:26px;
 height:26px;
 background:url(https://cdn.uassist.biz/public/widget-assets/7707418242f36b1ffb3d.png) no-repeat;
 transform:translate(0, -50%);
 -webkit-transform:translate(0, -50%)
}
.sh_faq_help__answer--yes::before {
 background-position:0 -42px
}
.sh_faq_help__answer--no::before {
 background-position:0 -68px;
 height:28px
}
.sh_faq_bridge {
 width:100%
}
.sh_faq_bridge__button {
 display:block;
 width:100%;
 background:#eef1f5;
 font-size:14px;
 font-weight:700;
 color:#292929;
 text-transform:uppercase;
 text-decoration:none;
 text-align:center;
 padding:20px 0;
 position:relative;
 bottom:0
}
a.sh_faq-list__item.sh_faq_back {
 background:#f4f4f4;
 margin-left:-15px;
 margin-right:-15px;
 padding:15px 15px 15px 25px;
 margin-top:-25px
}
a.sh_faq-list__item.sh_faq_back::before {
 left:7px;
 top:15px;
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 width:12px;
 height:12px;
 background-position:0 0;
 content:"";
 position:absolute;
 display:inline-block;
 background:url(https://cdn.uassist.biz/public/widget-assets/7707418242f36b1ffb3d.png) no-repeat
}
.sh_faq__title {
 font-size:14px;
 color:#292929;
 font-weight:700;
 margin:5px 0 0;
 padding:0
}
.sh_faq__title.faq_topic_title {
 position:relative;
 padding:0 0 0 15px
}
.faq_topic_title::before {
 content:"";
 position:absolute;
 display:inline-block;
 left:-1px;
 top:2px;
 background:url(https://cdn.uassist.biz/public/widget-assets/7707418242f36b1ffb3d.png) no-repeat;
 width:12px;
 height:12px;
 background-position:0 -28px
}
.sh_faq_container {
 height:100%;
 overflow:auto;
 background:#fff;
 display:-webkit-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 display:-ms-flex;
 display:flex;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.sh_faq-list__item.detailed::before {
 display:none
}
.sh_faq-list__item.detailed {
 padding:8px 0 8px 10px;
 font-weight:700;
 color:rgba(41,41,41,.8)
}
.sh_faq-list__item.detailed:hover {
 color:#3c66dd
}
.sh-pm-box {
 padding-top:0px;
 padding-bottom:7px;
 position:relative;
 bottom:-3px;
 margin-top:0px;
 text-align:left
}
.vip-assist__title {
 display:block;
 position:relative;
 color:#292929;
 font-size:14px;
 font-weight:700;
 padding:8px 0;
 padding-bottom:13px
}
.vip-assist_email_box {
 position:relative
}
.vip-assist_tel_box {
 position:relative;
 margin-top:14px
}
.vip-assist_tel_box,
.vip-assist_email_box {
 display:flex;
 align-items:center
}
.assist_tel_block_title {
 display:inline-block;
 width:90%;
 text-align:left;
 vertical-align:middle
}
.assist_tel_wrapper_title {
 position:absolute;
 top:50%;
 width:79%;
 transform:translate(0%, -50%)
}
.vip-assist__manager-photo,
.vip-assist__manager-name {
 display:inline-block;
 vertical-align:middle
}
.vip-assist__manager-photo img {
 border-radius:50%;
 max-width:41px
}
.vip-assist__manager-name {
 margin-left:10px;
 line-height:16px
}
.vip-assist__manager-name b {
 text-transform:uppercase;
 color:#292929;
 font-size:14px
}
.vip-assist__manager-name div {
 color:#667078;
 font-size:13px
}
.vip-assist__contact {
 background:#f4f4f4;
 padding:10px;
 margin-top:10px;
 border-radius:2px
}
.assist_tel_wrapper_title,
.vip-assist__contact-title {
 color:#667078
}
.vip-assist__contact-title {
 display:inline-block;
 text-align:left;
 color:#667078;
 font-size:13px;
 width:30%;
 vertical-align:middle
}
.vip-assist__contact-title>div {
 position:absolute;
 top:50%;
 transform:translate(0%, -50%)
}
.vip-assist__contact-info {
 display:inline-block;
 vertical-align:middle;
 text-align:right;
 width:100%
}
.vip-assist__mail {
 color:#1245d5;
 font-size:13px;
 font-weight:700;
 display:inline-block;
 width:75%;
 text-align:right;
 word-wrap:break-word;
 text-decoration:none
}
.vip-assist__tel {
 color:#292929;
 font-size:13px;
 font-weight:700;
 display:inline-block;
 text-align:right;
 width:70%;
 word-wrap:break-word;
 text-decoration:none
}
.vip-assist__tel-icon,
.vip-assist__viber-icon,
.vip-assist__apk-icon,
.vip-assist__ios-icon,
.vip-assist__telegram-icon,
.vip-assist__whatsapp-icon {
 width:20px;
 height:20px;
 display:inline-block;
 vertical-align:middle
}
.vip-assist__tel-icon {
 margin-left:5px
}
.vip-assist__tel-icon {
 background:url(https://cdn.uassist.biz/public/widget-assets/744aaa4428b0538d005e.png) no-repeat
}
.vip-assist__viber-icon {
 background:url(https://cdn.uassist.biz/public/widget-assets/3a153782fe6cab4202b6.png) no-repeat;
 margin:0 3px
}
.vip-assist__apk-icon {
 transform:scale(1.2);
 background:url(https://cdn.uassist.biz/public/widget-assets/c7ec2afeb6a67eeb3bd9.png) no-repeat;
 margin:0 3px;
 cursor:pointer
}
.vip-assist__ios-icon {
 background:url(https://cdn.uassist.biz/public/widget-assets/b202a7bfff20db665d98.png) no-repeat;
 margin:0 3px;
 cursor:pointer
}
.vip-assist__telegram-icon {
 background:url(https://cdn.uassist.biz/public/widget-assets/54713c453b69ebbdf271.png) no-repeat;
 margin:0 3px
}
.vip-assist__whatsapp-icon {
 background:url(https://cdn.uassist.biz/public/widget-assets/3c03463a72ae8ce93908.png) no-repeat
}
form input.error {
 border-color:red
}
.sh_scrollbar_form {
 height:280px;
 overflow-y:scroll
}
.sh_scrollbar_form.sh_scrollbar_form_back {
 height:260px
}
.sh_form_top {
 margin:8px 8px 0;
 padding:18px 0 0 18px
}
.sh_form_bottom {
 min-height:50px;
 margin:8px 8px 0;
 padding:0px 18px 18px 18px
}
.main_block {
 height:345px
}
.main_user_block {
 overflow-x:hidden
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../img/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}