/*******************************
            Folders
*******************************/
/* CSS properties */
:root {
  --themeColor: #ffcd00;
  --fontColor: #4a4a4a;
  --fontFamily: "ClearSans", "Segoe UI", sans-serif;
  --backgroundColor: #eff1f5;
}
/* Colors */
/* Sizes */
/* Buttons */
/* Icons */
/* Modals */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/*-------------------
        Fonts
--------------------*/
@font-face {
  font-family: "ClearSans";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/ClearSans-Regular-webfont.eot");
  src: url("/assets/fonts/ClearSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-Regular-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-Regular-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-Regular-webfont.svg#PTSans-Regular") format("svg");
}
@font-face {
  font-family: "ClearSans";
  font-style: italic;
  font-weight: normal;
  src: url("/assets/fonts/ClearSans-Italic-webfont.eot");
  src: url("/assets/fonts/ClearSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-Italic-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-Italic-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-Italic-webfont.svg#PTSans-Italic") format("svg");
}
@font-face {
  font-family: "ClearSans";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/ClearSans-Bold-webfont.eot");
  src: url("/assets/fonts/ClearSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-Bold-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-Bold-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-Bold-webfont.svg#PTSans-Bold") format("svg");
}
@font-face {
  font-family: "ClearSans";
  font-style: italic;
  font-weight: bold;
  src: url("/assets/fonts/ClearSans-BoldItalic-webfont.eot");
  src: url("/assets/fonts/ClearSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-BoldItalic-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-BoldItalic-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-BoldItalic-webfont.svg#PTSans-BoldItalic") format("svg");
}
@font-face {
  font-family: "ClearSans";
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/ClearSans-Thin-webfont.eot");
  src: url("/assets/fonts/ClearSans-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-Thin-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-Thin-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-Thin-webfont.svg#PTSans-Regular") format("svg");
}
@font-face {
  font-family: "ClearSans";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/ClearSans-Light-webfont.eot");
  src: url("/assets/fonts/ClearSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ClearSans-Light-webfont.woff") format("woff"), url("/assets/fonts/ClearSans-Light-webfont.ttf") format("truetype"), url("/assets/fonts/ClearSans-Light-webfont.svg#PTSans-Regular") format("svg");
}
html {
  font-family: var(--fontFamily);
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/*
h1 {
  font-size: 2em;
  margin: 15px 24px;
}*/
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
/*! Icons definitions */
@font-face {
  font-family: "RCIcons";
  src: url("/assets/fonts/rc-icons.eot");
  src: url("/assets/fonts/rc-icons.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/rc-icons.woff2") format("woff"), url("/assets/fonts/rc-icons.woff") format("woff"), url("/assets/fonts/rc-icons.ttf") format("truetype"), url("/assets/fonts/rc-icons.svg#icons") format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
.rc-application i.icon {
  font-size: 1em;
  display: inline-block;
  opacity: 1;
  margin: 2px;
  margin-bottom: 3px;
  font-family: "RCIcons";
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  vertical-align: middle;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.rc-application i.icon.small {
  font-size: 0.75em;
}
.rc-application i.icon.red {
  color: #ce0000;
}
.rc-application i.icon.left {
  margin-right: 0.25em;
  line-height: 0;
}
.rc-application i.icon.close:before {
  content: "\E010";
}
.rc-application i.icon.file:before {
  content: "\E01B";
}
.rc-application i.icon.file.ft_pdf:before {
  content: "\E00E";
}
.rc-application i.icon.file.ft_doc:before {
  content: "\E012";
}
.rc-application i.icon.file.ft_docx:before {
  content: "\E012";
}
.rc-application i.icon.file.ft_zip:before {
  content: "\E013";
}
.rc-application i.icon.file.ft_xls:before {
  content: "\E014";
}
.rc-application i.icon.file.ft_xlsx:before {
  content: "\E014";
}
html.mobile body {
  background-color: white;
}
html.mobile .rc-application .modal.preview {
  border-radius: 0;
}
html.mobile .rc-application.dimmer {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0;
}
html.mobile .rc-application .start {
  /*
      .mode.code {
        flex-direction: column;
        input {
          width: 100%;
        }
      }*/
}
html.mobile .rc-application .start .session {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
html.mobile .rc-application .start .mic.block {
  margin-bottom: 10px;
}
html.mobile .rc-application .start .mic.block .controls-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 20px;
}
html.mobile .rc-application .start .mic.block .controls-mobile .mic.select {
  margin-top: 0px;
  margin-bottom: 0px;
}
html.mobile .rc-application .start .mic.block .controls-mobile select {
  margin: 0;
}
html.mobile .rc-application .session.no-chat .top {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
html.mobile .rc-application .session .log {
  min-height: 1em;
}
html.mobile.landscape .rc-application {
  overflow-y: scroll;
}
html.mobile.landscape .rc-application .start {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
html.mobile.landscape .rc-application .start .mode {
  margin: 0em 0.75em;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
html.mobile.landscape .rc-application .start .mode.call {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
html.mobile.landscape .rc-application .start .mode.call .block {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
html.mobile.landscape .rc-application .session .log {
  min-height: 71vh;
}
html.mobile.landscape .rc-application .modal.preview {
  height: 100%;
}
html.mobile.landscape .rc-application .modal.preview.camera {
  max-width: 100%;
  min-width: 100%;
}
html.mobile.landscape .rc-application.hasFields .mode.call {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
html.tablet .header h1 {
  text-align: center;
}
html.tablet .rc-application .start {
  padding-top: 0;
  margin-top: 1em;
}
html.tablet .rc-application .start .mic.block {
  margin-bottom: 10px;
}
html.tablet .rc-application .start .mic.block .shape,
html.tablet .rc-application .start .mic.block .level {
  width: 146px;
  height: 180px;
}
html.tablet .rc-application .start .mic.block .level .fg,
html.tablet .rc-application .start .mic.block .level .bg {
  position: absolute;
  height: 120px;
  width: 58px;
  top: 4px;
  left: 44px;
  border-radius: 44px;
}
html.tablet .rc-application .start .mic.block .level .fg {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 80px;
}
html.tablet .rc-application .start .mic.block .controls-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html.tablet .rc-application .start .mic.block .controls-mobile .mic.select {
  margin-top: 0px;
  margin-bottom: 0px;
}
html.tablet .rc-application .start .mic.block .controls-mobile select {
  margin: 0;
}
html.tablet .rc-application .start .mode.call,
html.tablet .rc-application .start .mode.code {
  max-width: 320px;
}
html.tablet .rc-application .start .mode.code input {
  min-width: 320px;
}
html.tablet .rc-application .start button,
html.tablet .rc-application .start input {
  width: 100%;
}
html.tablet .rc-application .start .mode.code {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
html.tablet .rc-application .start .session {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
html.tablet.landscape .rc-application .start {
  max-height: 400px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc-application button {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.25rem;
  font-size: 1.1rem;
  min-height: 2.1em;
  line-height: 1.25em;
  min-width: 100px;
  border: 1px solid transparent;
  outline: none;
  vertical-align: baseline;
  color: white;
  margin: 0.25em 0;
  padding: 0.1rem 1.25rem 0.1rem 1.25rem;
  text-shadow: none;
  font-family: var(--fontFamily);
  font-weight: normal;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  background-color: #ffc213;
  -webkit-tap-highlight-color: transparent;
  /*
    &:hover {
      color: @buttonTextColor;
      box-shadow: @buttonHoverBoxShadow;
      &.noshadow {
        .box-shadow(none);
      }
    }*/
}
.rc-application button.svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 31px;
  height: 31px;
  border-radius: 6px;
  opacity: 0.8;
  background: #fff;
}
.rc-application button.svg.minimize svg,
.rc-application button.svg.close svg {
  width: 22px;
  height: 22px;
}
.rc-application button.svg.minimize:hover svg,
.rc-application button.svg.close:hover svg {
  opacity: 0.6;
}
.rc-application button.svg.tool.cobrowse svg {
  width: 21px !important;
  height: 16px !important;
}
.rc-application button.svg.tool.screencast svg {
  width: 23px !important;
  height: 21px !important;
}
.rc-application button.svg.tool.camera svg {
  width: 28px !important;
  height: 24px !important;
}
.rc-application button.svg.tool.mute svg {
  width: 30px !important;
  height: 30px !important;
}
.rc-application button.svg svg {
  width: 30px;
  height: 30px;
}
.rc-application button.link,
.rc-application button.link:visited {
  min-width: 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
  text-shadow: none;
  color: inherit;
  background-color: unset !important;
  background-image: none;
  opacity: 0.75;
  font-weight: normal;
  border: none;
  margin: 0;
  padding: 0.15em 0.4em;
}
.rc-application button.link.skip,
.rc-application button.link:visited.skip {
  color: #9ca3af;
}
.rc-application button.link.red,
.rc-application button.link:visited.red {
  color: #d15557;
}
.rc-application button.link:hover,
.rc-application button.link:visited:hover {
  color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
}
.rc-application button.link:focus,
.rc-application button.link:visited:focus {
  border: unset;
}
.rc-application button:focus {
  border: 1px solid #ffffff65;
}
.rc-application button.disabled,
.rc-application button:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
  border-color: transparent;
}
.rc-application button.direct[disabled],
.rc-application button.direct:disabled {
  opacity: 0.2 !important;
}
.rc-application button.flat {
  color: #616876;
  border: none;
  background-image: none;
}
.rc-application button.flat.circle,
.rc-application button.flat.square {
  border: none;
}
.rc-application button.flat.square .image {
  width: 100%;
  height: 100%;
}
.rc-application button.flat.square .image:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.rc-application button.flat.inversed:hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: #616876;
}
.rc-application button.circle {
  border-radius: 30px;
}
.rc-application button.tool {
  border: none;
  background-color: inherit;
  color: inherit;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  min-height: 34px;
  min-width: 34px;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 50%;
}
.rc-application button.tool.svg svg {
  width: 34px;
  height: 34px;
}
.rc-application button.tool:hover {
  color: #0575eb;
  background-color: white;
}
.rc-application button.tool.on use.on,
.rc-application button.tool.off use.off,
.rc-application button.tool:hover use.hover {
  opacity: 1;
}
.rc-application button.tool use.hover,
.rc-application button.tool.on use.off,
.rc-application button.tool.off use.on {
  opacity: 0;
}
.rc-application button.tool.camera,
.rc-application button.tool.send {
  color: #4c4c4c;
  background-color: white;
}
.rc-application button.tool.cobrowse.on,
.rc-application button.tool.screencast.on,
.rc-application button.tool.camera.off,
.rc-application button.tool.mute.off {
  color: #0575eb !important;
}
.rc-application button.tool.cobrowse.on:hover,
.rc-application button.tool.screencast.on:hover {
  color: #4c4c4c;
}
.rc-application button.tool.send:hover {
  color: #3c4656;
}
.rc-application button.circle,
.rc-application button.square {
  color: #616876;
  border: none;
  background-image: none;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  min-height: 30px;
  min-width: 30px;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rc-application button.circle.flat:hover,
.rc-application button.square.flat:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rc-application button.circle.flat.glass,
.rc-application button.square.flat.glass {
  background-color: #88888855;
  border-radius: 6px !important;
}
.rc-application button.circle.flat.glass:hover,
.rc-application button.square.flat.glass:hover {
  color: #3c4656;
  background-color: #ffffffbb;
}
.rc-application button.circle.on use.on,
.rc-application button.square.on use.on,
.rc-application button.circle.off use.off,
.rc-application button.square.off use.off,
.rc-application button.circle:hover use.hover,
.rc-application button.square:hover use.hover {
  opacity: 1;
}
.rc-application button.circle use.hover,
.rc-application button.square use.hover,
.rc-application button.circle.on use.off,
.rc-application button.square.on use.off,
.rc-application button.circle.off use.on,
.rc-application button.square.off use.on {
  opacity: 0;
}
.rc-application button.circle.send.disabled,
.rc-application button.square.send.disabled,
.rc-application button.circle.cobrowse.disabled,
.rc-application button.square.cobrowse.disabled {
  color: #616876;
  opacity: 0.4;
}
.rc-application button.circle.send,
.rc-application button.square.send {
  color: #616876;
}
.rc-application button.circle:hover,
.rc-application button.square:hover {
  color: #3c4656;
}
.rc-application button.circle .image,
.rc-application button.square .image {
  width: 90%;
  height: 90%;
}
.rc-application button.circle .image:after,
.rc-application button.square .image:after {
  content: "";
  display: block;
  position: absolute;
  left: 20%;
  top: 20%;
  text-indent: -9999px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  color: var(--fontColor);
  width: 60%;
  height: 60%;
}
.rc-application button.refresh .icon:before {
  content: "\E00F";
}
.rc-application button.hangup .icon:before {
  content: "\E009";
}
.rc-application button.tool.hangup {
  color: white !important;
}
.rc-application button.tool.hangup svg {
  width: 85%;
  height: 85%;
}
.rc-application button.tool.hangup:hover {
  background-color: #f63e3e !important;
}
.rc-application button.theme {
  background-color: var(--themeColor);
  color: var(--fontColor);
}
.rc-application button.theme:hover {
  background-color: var(--themeColor);
}
.rc-application button.theme:active {
  background-color: var(--themeColor);
}
.rc-application button.green {
  background-color: #1da05c;
}
.rc-application button.green:hover {
  background-color: #1da05c;
}
.rc-application button.green:active {
  background-color: #1da05c;
}
.rc-application button.blue {
  background-color: #3c4656;
}
.rc-application button.blue:hover {
  background-color: #3c4656;
}
.rc-application button.blue:active {
  background-color: #3c4656;
}
.rc-application button.red {
  background-color: #d15557;
}
.rc-application button.red:hover {
  background-color: #d15557;
}
.rc-application button.red:active {
  background-color: #d15557;
}
.rc-application button.gray {
  background-color: #3c4656;
}
.rc-application button.gray:hover {
  background-color: #3c4656;
}
.rc-application button.gray:active {
  background-color: #3c4656;
}
.rc-application.agent button.svg.create,
.rc-application.agent button.svg.wide,
.rc-application.agent button.svg.direct {
  opacity: 1;
}
.rc-application .audioplayer button use.pause {
  opacity: 0;
}
.rc-application .audioplayer button use.play {
  opacity: 1;
}
.rc-application .audioplayer button.pause use.pause {
  opacity: 1;
}
.rc-application .audioplayer button.pause use.play {
  opacity: 0;
}
.rc-application .audioplayer button:hover svg {
  opacity: 0.6;
}
.rc-application .self-info-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 21px;
}
.rc-application .ready-box {
  height: 22px;
  width: 40px;
}
.rc-application .ready-button {
  height: 20px;
  width: 40px;
  min-width: 40px;
  min-height: 20px;
  background: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
}
.rc-application .ready-button,
.rc-application .ready-button:active,
.rc-application .ready-button:focus {
  border: none;
}
.rc-application .ready-button,
.rc-application .ready-button:hover {
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}
.rc-application .ready-button[disabled],
.rc-application .ready-button:disabled {
  opacity: 1;
}
.rc-application .ready-button svg {
  width: 40px;
  height: 20px;
}
.rc-application .ready-button-ready {
  fill: #66cc66;
}
.rc-application .ready-button-not-ready {
  fill: #fb322f;
}
.rc-application .ready-button-progress {
  visibility: hidden;
}
.rc-application .ready-button:hover svg {
  opacity: 0.7;
}
.rc-application .ready-button-not-ready use.ready,
.rc-application .ready-button-ready use.not-ready {
  opacity: 0;
}
.rc-application.agent .bottom button.circle {
  background-color: inherit;
}
/* Application definitions */
@font-face {
  font-family: "RCLogoFont";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/rc-logo.eot");
  src: url("/assets/fonts/rc-logo.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/rc-logo.woff") format("woff"), url("/assets/fonts/rc-logo.ttf") format("truetype"), url("/assets/fonts/rc-logo.svg#PTSans-Regular") format("svg");
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.center.align {
  text-align: center;
}
.hidden {
  display: none !important;
  pointer-events: none;
}
.clickable {
  cursor: pointer !important;
}
body {
  margin: 0 auto;
  font-size: 18px;
  color: #1b1b1b;
  max-width: 100%;
}
svg.source {
  display: none;
}
html,
body {
  background: none transparent;
}
html,
body,
.session,
.session .content {
  padding: 0;
  height: 100%;
}
/* spinner code */
.initializer {
  backdrop-filter: blur(21px);
  height: 100%;
}
.initializer,
.waiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dragging {
  position: relative;
}
.dragging * {
  pointer-events: none;
}
.dragging .dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dropzone {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background: rgba(74, 74, 74, 0.6);
  color: white;
  font-size: 2em;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  will-change: opacity;
  z-index: 1000;
  display: none;
}
.menu.block,
.topic.block,
.mic.block {
  gap: 0.25rem;
}
.mic.block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 5px 0 5px 0;
}
.mic.block .shape,
.mic.block .level {
  width: 46px;
  height: 80px;
}
.mic.block .level {
  position: relative;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.mic.block .level .fg,
.mic.block .level .bg {
  position: absolute;
  height: 53px;
  width: 24px;
  top: 2px;
  left: 11px;
  border-radius: 11px;
  background-color: #1b1b1b;
}
.mic.block .level .bars {
  position: absolute;
  height: 53px;
  width: 24px;
  top: 18px;
  left: 11px;
  -webkit-clip-path: url(#clip1);
          clip-path: url(#clip1);
  background-color: white;
}
.mic.block .level .bars .bg {
  top: 0;
  left: 0;
  border-radius: 0;
  background-color: unset;
}
.mic.block .level .fg {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 43px;
}
.mic.block .level .bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2424), to(#870000));
  background-image: linear-gradient(to bottom, #ff2424, #870000);
}
.mic.block .level .bg.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4ec51), to(#429321));
  background-image: linear-gradient(to bottom, #b4ec51, #429321);
}
.mic.block .shape {
  -o-object-fit: contain;
     object-fit: contain;
}
.mic.block .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mic.block .controls select {
  margin: 0;
}
.mic.block .controls button {
  min-width: 100px;
}
/*! rc-application */
.rc-application {
  height: 100%;
  width: 100%;
  margin: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
  /*! Forms */
  /*! Upload file dialog */
}
.rc-application .grow {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.rc-application.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: opacity;
  z-index: 999;
}
.rc-application.dimmer.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(3px);
}
.rc-application.dimmer.visible .modal.preview {
  box-shadow: none;
  -webkit-box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rc-application.dimmer.visible .modal.preview .content {
  background-color: transparent;
}
.rc-application .bold {
  font-weight: bold;
}
.rc-application.embedded {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.rc-application.embedded > .session {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.rc-application.embedded .session .qos,
.rc-application.embedded .session .qos header {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.rc-application.embedded .session .qos header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rc-application.embedded .start .mode.code {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.rc-application.client .header,
.rc-application.embedded .header,
.rc-application.agent .main-screen-header {
  -webkit-box-shadow: 0px 1px 0px 0px #9ca3af;
          box-shadow: 0px 1px 0px 0px #9ca3af;
}
.rc-application.client .header {
  background-color: var(--themeColor);
  color: var(--fontColor);
}
.rc-application.client.embedded {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  backdrop-filter: blur(21px);
  background-color: var(--backgroundColor);
}
@supports not (backdrop-filter: none) {
  .rc-application.client.embedded {
    background-color: #eff1f5;
  }
}
.rc-application .header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--themeColor);
  color: var(--fontColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-padding-before: 15px;
          padding-block-start: 15px;
  -webkit-padding-after: 15px;
          padding-block-end: 15px;
  -webkit-padding-start: 24px;
          padding-inline-start: 24px;
  -webkit-padding-end: 8px;
          padding-inline-end: 8px;
  margin-bottom: 1px;
  height: 44px;
  min-height: 44px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  justify-self: flex-start;
}
.rc-application .header h1 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0px;
}
.rc-application .header button.flat {
  font-size: 0.8em;
}
.rc-application .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.rc-application .center-column {
  padding: 0 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}
.rc-application .center-column.start,
.rc-application .center-column.grow {
  margin: 30px 0px 10px 0px;
  padding: 0px 32px;
}
.rc-application .contentBox {
  min-height: 100px;
  max-height: 180px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.rc-application .contentBox img,
.rc-application .contentBox video,
.rc-application .contentBox iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  -o-object-fit: contain;
     object-fit: contain;
}
.rc-application .process {
  height: 1px;
}
.rc-application .process,
.rc-application .alert {
  overflow-x: hidden;
  overflow-y: auto;
}
.rc-application .process .content,
.rc-application .alert .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: visible;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rc-application .process .contentBox,
.rc-application .alert .contentBox {
  max-height: unset;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
}
.rc-application .alert {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rc-application .unavailable {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rc-application.login .header {
  background-color: #ffcd00;
  height: 125px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rc-application.login .header svg {
  width: 260px;
  margin: 0 auto;
}
.rc-application.login .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  overflow-y: auto;
  width: 100%;
}
.rc-application.login .content h1 {
  color: #1b1b1b;
  font-weight: 100;
  padding: 0.5em 1em;
  margin: 1em auto 0.75em;
}
.rc-application.login .content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 15em;
  margin: auto;
}
.rc-application.login .content .company.select,
.rc-application.login .content .company.id {
  margin-top: 1em;
  margin-bottom: 0;
  height: 42px;
}
.rc-application.login .content .company.single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.rc-application.login .content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.rc-application.login .content .container input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 34px;
}
.rc-application.login .content .container button {
  position: absolute;
  right: 2px;
  top: 6px;
  color: red;
  opacity: 0.25;
}
.rc-application.login .content .container button.ok {
  right: -40px;
}
.rc-application.login .content .container button.ok:disabled {
  opacity: 0;
}
.rc-application.login .content .container button:hover {
  color: red;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  opacity: 1;
}
.rc-application.login .content .select .label {
  text-align: start;
  padding-top: 8px;
}
.rc-application.login .content option.special {
  background-color: #ffcd00;
}
.rc-application.login div.oauth2 {
  margin-top: 20px;
  text-align: center;
}
.rc-application.login div.oauth2 div.oauth2-header {
  font-size: 16px;
  position: relative;
}
.rc-application.login div.oauth2 div.auth-provider-list {
  margin-top: 10px;
}
.rc-application.login div.oauth2 div.auth-provider {
  font-size: 17px;
  margin-bottom: 10px;
  color: #4a4a4a;
  text-decoration: underline;
  cursor: pointer;
}
.rc-application .start button,
.rc-application .process button,
.rc-application .alert button,
.rc-application .qos button,
.rc-application .actions button {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 10px;
  min-width: 180px;
  max-width: 272px;
  width: -moz-available;
  width: -webkit-fill-available;
  margin: 25px 0 5px 0;
  padding: 13px 23px;
}
.rc-application .start {
  font-size: 1rem;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: auto;
  gap: 0.6rem;
}
.rc-application .start .select {
  margin-bottom: 0;
  margin-top: 7px;
}
.rc-application .start p {
  color: #3c4656;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 105%;
  /* 14.7px */
  margin: 0;
  text-align: center;
}
.rc-application .start label {
  color: #616876;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 25px */
  margin: 0;
  padding-bottom: 7px;
}
.rc-application .start .fields.block label {
  font-size: 0.85em;
  line-height: 1.25em;
  margin: 0.175em 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-application .start .fields.block input {
  margin-bottom: 0.25em;
}
.rc-application .start .fields.block input[type="text"],
.rc-application .start .fields.block input[type="date"],
.rc-application .start .fields.block input[type="time"],
.rc-application .start .fields.block select {
  width: 100%;
}
.rc-application .start .fields.block .dropdown.field select,
.rc-application .start .fields.block .date.field select,
.rc-application .start .fields.block .time.field select,
.rc-application .start .fields.block .dropdown.field input,
.rc-application .start .fields.block .date.field input,
.rc-application .start .fields.block .time.field input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-application .start .fields.block .dropdown.field select,
.rc-application .start .fields.block .date.field select,
.rc-application .start .fields.block .time.field select {
  min-height: 42px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #d1d5db;
  padding: 0 0.75em;
  text-overflow: ellipsis;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;utf7,<svg viewBox='0 0 22 22' fill='none' stroke='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M17.4168 8.25L11.0002 14.6667L4.5835 8.25' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 30px;
}
.rc-application .start .fields.block .dropdown.field select:hover,
.rc-application .start .fields.block .date.field select:hover,
.rc-application .start .fields.block .time.field select:hover {
  border: solid 1px #9ca3af;
}
.rc-application .start .fields.block .dropdown.field select:focus,
.rc-application .start .fields.block .date.field select:focus,
.rc-application .start .fields.block .time.field select:focus,
.rc-application .start .fields.block .dropdown.field select:focus-visible,
.rc-application .start .fields.block .date.field select:focus-visible,
.rc-application .start .fields.block .time.field select:focus-visible {
  outline: none;
  border: solid 1px #9ca3af;
}
.rc-application .start .fields.block .radio.field .radio-options {
  border-radius: 8px;
  border: 1px solid #d1d5db;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25em;
}
.rc-application .start .fields.block .radio.field .radio-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.25em 0;
  gap: 0.5em;
}
.rc-application .start .fields.block .radio.field .radio-option input[type="radio"] {
  margin: 0;
  cursor: pointer;
  width: auto;
  min-width: 15px;
  min-height: unset;
}
.rc-application .start .fields.block .radio.field .radio-option label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  overflow-x: hidden;
}
.rc-application .start .fields.block .checkbox.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc-application .start .fields.block .checkbox.field input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  position: relative;
  min-height: 15px;
  min-width: 15px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
  padding: 0;
  outline: none;
}
.rc-application .start .fields.block .checkbox.field input[type="checkbox"] + label {
  cursor: pointer;
}
.rc-application .start .fields.block .checkbox.field input[type="checkbox"]:checked:before {
  position: absolute;
  width: 120%;
  height: 120%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;utf7,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%234B5563' d='M22 .5L11 14.3 6 8.2c-.5-.7-1-.7-1.6 0-.5.6-.5 1.3 0 2l5.8 7.3c.5.7 1.1.7 1.7 0v-.3L23.7 2.6c.5-.7.5-1.4 0-2-.6-.8-1.1-.8-1.7-.1zM22 .5L11 14.3 6 8.2c-.5-.7-1-.7-1.6 0-.5.6-.5 1.3 0 2l5.8 7.3c.5.7 1.1.7 1.7 0v-.3L23.7 2.6c.5-.7.5-1.4 0-2-.6-.8-1.1-.8-1.7-.1z'/></svg>");
  left: 0;
  bottom: 0;
  overflow: visible;
  content: "";
}
.rc-application .start .fields.block .checkbox.field input[type="checkbox"]:checked {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.rc-application .start .fields.block .checkbox.field input[type="checkbox"]:focus {
  -webkit-box-shadow: 0 0 0 1px #616876;
          box-shadow: 0 0 0 1px #616876;
}
.rc-application .start .fields.block .field.error label {
  color: #b66465;
}
.rc-application .start .fields.block .field.error input,
.rc-application .start .fields.block .field.error select {
  border-color: #e4a1a1;
  background-color: #fff3f3;
}
.rc-application .start .fields.block .field.error input[type="checkbox"],
.rc-application .start .fields.block .field.error .radio-options {
  -webkit-box-shadow: 0 0 0 1px #b66465;
          box-shadow: 0 0 0 1px #b66465;
}
.rc-application .start .fields.block .full-text.field {
  font-size: 0.85em;
}
.rc-application .start .fields.block .full-text.field:not(:last-child) {
  margin-bottom: 5px;
}
.rc-application .start .mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
  gap: 0.5rem;
}
.rc-application .start .mode.call {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: visible;
}
.rc-application .start .mode.call-static {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc-application .start .mode.code {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 3;
      -ms-flex: 3 1 auto;
          flex: 3 1 auto;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.rc-application .start .mode.code label {
  color: #3c4656;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 20px */
  padding: 0;
  max-width: 45%;
}
.rc-application .start .mode.code input {
  text-align: center;
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  max-width: 45%;
  outline: none;
}
.rc-application .start .mode.code input.error {
  border-color: #e4a1a1;
  background-color: #fff3f3;
}
.rc-application.standalone .start .mic.block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rc-application.standalone .start .mic.block .shape,
.rc-application.standalone .start .mic.block .level {
  width: 146px;
  height: 180px;
}
.rc-application.standalone .start .mic.block .level {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 20px;
}
.rc-application.standalone .start .mic.block .level .fg,
.rc-application.standalone .start .mic.block .level .bg {
  position: absolute;
  height: 120px;
  width: 58px;
  top: 4px;
  left: 44px;
  border-radius: 44px;
}
.rc-application.standalone .start .mic.block .level .fg {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 80px;
}
.rc-application.standalone .start .mic.block .controls {
  width: 100%;
}
.rc-application.standalone .start .select {
  text-align: start;
}
.rc-application .waiting {
  min-height: 180px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.rc-application .waiting lottie-player.spinner.transferring {
  width: 150px;
  height: 150px;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  overflow-y: visible;
}
.rc-application lottie-player.spinner {
  aspect-ratio: 1 / 1;
  height: 100%;
  max-height: 300px;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.rc-application lottie-player.error {
  width: min(300px, 100%);
  aspect-ratio: 3 / 2;
  max-height: 200px;
}
.rc-application.phone {
  margin: 0;
  padding: 0;
}
.rc-application.phone .header {
  height: 36px;
}
.rc-application.phone.inactive {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.rc-application.phone .interaction {
  max-width: 14em;
}
.rc-application.phone .center-column {
  margin: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.rc-application.phone h1 {
  font-size: 2rem;
  text-align: center;
  margin: 0;
  overflow: visible;
}
.rc-application.phone p.message {
  font-size: 1.1rem;
  margin: 0;
}
.rc-application .video.peer,
.rc-application .video.main {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% 60%;
  background-image: url("/assets/images/no-photo.svg");
  background-color: transparent;
}
.rc-application .video.peer .spinner-wrapper,
.rc-application .video.main .spinner-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: hidden;
}
.rc-application .video.peer.loading,
.rc-application .video.main.loading {
  position: relative;
  cursor: default;
  pointer-events: none;
  -webkit-transition: visibility 0.5s linear;
  transition: visibility 0.5s linear;
  background-image: none;
}
.rc-application .video.peer.loading .spinner-wrapper,
.rc-application .video.main.loading .spinner-wrapper {
  visibility: visible;
}
.rc-application .video.peer.loading .avatar,
.rc-application .video.main.loading .avatar {
  visibility: hidden;
}
.rc-application .video.peer .avatar,
.rc-application .video.main .avatar {
  display: none;
}
.rc-application .video.peer.custom .avatar,
.rc-application .video.main.custom .avatar {
  display: block;
  opacity: 1;
}
.rc-application .video.peer .active .avatar,
.rc-application .video.main .active .avatar,
.rc-application .video.peer.active .avatar,
.rc-application .video.main.active .avatar {
  display: none;
  opacity: 0.01;
}
.rc-application .video.peer.custom,
.rc-application .video.main.custom,
.rc-application .video.peer.active,
.rc-application .video.main.active {
  background-image: none;
}
.rc-application .video.peer iframe {
  width: 100%;
  height: 100%;
}
.rc-application .session {
  color: #1b1b1b;
  padding: 0;
  margin: 0;
  min-width: 0px;
  min-height: 0px;
}
.rc-application .session input {
  color: #1b1b1b;
}
.rc-application .session .top {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
}
.rc-application .session .top p.name {
  max-height: 3em;
  overflow: hidden;
  padding: 0 0.5em;
}
.rc-application .session .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rc-application .session .buttons:empty {
  display: none;
}
.rc-application .session .buttons button {
  width: 100%;
  margin: 0;
  font-size: 1rem;
  min-width: 40px;
  border-radius: 0;
}
.rc-application .session .mic-select {
  padding: 0.4rem;
  position: absolute;
  z-index: 100;
}
.rc-application .session .video {
  background-color: #d7d7d7;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.rc-application .session .video .container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.rc-application .session .video video,
.rc-application .session .video img,
.rc-application .session .video iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
.rc-application .session .video video {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.01;
}
.rc-application .session .video.active video,
.rc-application .session .video .active .video {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.rc-application .session .video .inline.peer {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  z-index: 98;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
  padding: 0.5em;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.rc-application .session .video .vbuttons {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.4rem;
}
.rc-application .session .video .vbuttons button,
.rc-application .session .video .vbuttons button .svg {
  width: 30px;
  height: 30px;
}
.rc-application .session .video .vbuttons button {
  -webkit-margin-start: 0.2em;
          margin-inline-start: 0.2em;
  z-index: 99;
  min-height: unset;
  min-width: unset;
  color: white;
}
.rc-application .session .video .vbuttons button svg {
  width: 100%;
  height: 100%;
}
.rc-application .session .video button.camera {
  opacity: 1;
}
.rc-application .session .video button.camera.on,
.rc-application .session .video button.camera.off {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  background-color: #ffffffff;
  padding: 6px;
  height: 35px;
  width: 35px;
}
.rc-application .session .video button.camera.refresh {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.rc-application .session .video button.camera.fullscreen {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.rc-application .session .video button.camera.fullscreen .open {
  opacity: 1;
}
.rc-application .session .video button.camera.fullscreen .close {
  opacity: 0;
}
.rc-application .session .video button.camera.fullscreen.open .open {
  opacity: 0;
}
.rc-application .session .video button.camera.fullscreen.open .close {
  opacity: 1;
}
.rc-application .session .video-widget {
  min-height: 60px;
  background-color: #d7d7d7;
}
.rc-application .session .video-widget.pip {
  position: relative;
}
.rc-application .session .video-widget.pip .video .wrapper {
  padding-bottom: 56.25%;
}
.rc-application .session .video-widget.pip .video.main {
  height: auto;
  padding-bottom: 0;
}
.rc-application .session .video-widget .video.peer {
  position: relative;
  width: 100%;
  height: 0;
  z-index: 1;
  font-size: 1rem;
}
.rc-application .session .video-widget .video.peer.fullscreen {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0px;
}
.rc-application .session .video-widget .video.main {
  font-size: 0.4rem;
  position: absolute;
  bottom: 3px;
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  width: 30%;
  border: none;
  display: none;
  background-color: transparent;
  z-index: 2;
}
.rc-application .session .video-widget .video.main.active {
  display: block;
}
.rc-application .session .video-widget.inversed .video.peer {
  font-size: 0.4rem;
  position: absolute;
  bottom: 3px;
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  width: 30%;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  z-index: 2;
  height: auto;
  padding-bottom: 0;
}
.rc-application .session .video-widget.inversed .video.peer.fullscreen {
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  border: none;
}
.rc-application .session .video-widget.inversed .video.main {
  font-size: 1rem;
  position: relative;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  width: 100%;
  z-index: 1;
  border: none;
  left: 0;
  bottom: 0;
  display: none;
}
.rc-application .session .video-widget.inversed .video.main.active {
  display: block;
}
.rc-application .session .log {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 17px;
  color: #1b1b1b;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  /* Chat log */
}
.rc-application .session .log .top.overlay {
  z-index: 20;
}
.rc-application .session .log .chat {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-inline: 2px;
  padding-bottom: 5px;
  color: #1b1b1b;
}
.rc-application .session .log .chat .system {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-bottom: 1px;
}
.rc-application .session .log .chat .system .message {
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.1em 0.5em;
  margin: 0;
  border-radius: 17px;
  background-color: #ffffff99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 70%;
}
.rc-application .session .log .chat .system .message .item {
  margin: 0;
  padding: 0 0.25em;
  overflow-wrap: anywhere;
}
.rc-application .session .log .chat .system .message .item .name {
  -webkit-margin-end: 0.3em;
          margin-inline-end: 0.3em;
  font-weight: bold;
}
.rc-application .session .log .chat .bubble {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 95%;
  margin: 0.25rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 17px;
  padding: 14px 16px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.rc-application .session .log .chat .bubble.text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  overflow-wrap: anywhere;
  word-break: normal;
}
.rc-application .session .log .chat .bubble.text a {
  color: inherit;
}
.rc-application .session .log .chat .bubble.peer {
  color: #1b1b1b;
  background: #e9e9e9;
  border-end-start-radius: 0;
  border: solid 1px #d1d5db;
}
.rc-application .session .log .chat .bubble.me {
  background: var(--themeColor);
  color: var(--fontColor);
  border-end-end-radius: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rc-application .session .log .chat .bubble .item {
  text-align: justify;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  z-index: 1;
}
.rc-application .session .log .chat .bubble .item .description {
  word-break: normal;
  text-overflow: ellipsis;
  vertical-align: bottom;
  max-width: 100%;
}
.rc-application .session .log .chat .bubble .item.mediafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rc-application .session .log .chat .bubble .item.mediafeed svg {
  width: 23px !important;
  height: 21px !important;
}
.rc-application .session .log .chat .bubble .item.file {
  text-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
}
.rc-application .session .log .chat .bubble .item.file.audioplayer {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rc-application .session .log .chat .bubble .item.download a,
.rc-application .session .log .chat .bubble .item.download a:visited {
  text-decoration: none;
  color: inherit;
}
.rc-application .session .log .chat .bubble .item.image {
  min-height: 100px;
  min-width: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.rc-application .session .log .chat .bubble .item.image img {
  border-radius: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.5;
}
.rc-application .session .log .chat .bubble .item.image .overlay {
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: transparent;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.rc-application .session .log .chat .bubble .item.image .overlay:hover {
  color: #1b1b1b;
}
.rc-application .session .log .chat .bubble .item.image .overlay .icon {
  font-size: 3em;
}
.rc-application .session .log .chat .bubble .item.image .overlay .icon.play::before {
  content: "\E00B";
}
.rc-application .session .log .chat .bubble .item.image .overlay .icon::before {
  content: "\E019";
}
.rc-application .session .log .chat .bubble .item .icon {
  font-size: 1.1em;
  vertical-align: top;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.rc-application .session .log .chat .bubble .item img {
  border: 0;
  padding: 0;
  margin: 0;
}
.rc-application .session .log .chat .bubble.peer .item .overlay {
  color: rgba(0, 0, 0, 0.29);
}
.rc-application .session .log .chat .bubble .item.image:hover img {
  opacity: 1;
}
.rc-application .session button.hangup {
  padding-inline: 5px;
  gap: 5px;
}
.rc-application .session button.hangup.wide {
  gap: 10px;
}
.rc-application .session button.hangup.wide > svg {
  width: 38px;
  height: 38px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rc-application .session button.hangup:not(.wide).with-options {
  max-width: 110px;
  width: 110px;
  aspect-ratio: unset;
}
.rc-application .session button.hangup .hangup-select {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rc-application .session button.hangup .hangup-select svg {
  width: 20px;
  height: 20px;
}
.rc-application .session button.hangup .hangup-select:hover svg {
  -webkit-filter: drop-shadow(0px 0px 3px #fffa);
          filter: drop-shadow(0px 0px 3px #fffa);
}
.rc-application .session .hangup-options-container {
  position: absolute;
  z-index: 100;
  bottom: 40px;
  inset-inline-start: 205px;
}
.rc-application .session .hangup-options-container a {
  cursor: pointer;
}
@supports not (inset-inline-start: 0) {
  .rc-application .session .hangup-options-container {
    left: 205px;
  }
}
.rc-application .session .hangup-options-container.inline-end {
  bottom: 60px;
  inset-inline-start: unset;
  inset-inline-end: 90px;
}
@supports not (inset-inline-start: 0) {
  .rc-application .session .hangup-options-container.inline-end {
    left: unset;
    right: 90px;
  }
}
.rc-application .session .bottom {
  font-size: 18px;
  min-height: 80px;
  background-color: #4a4a4a;
}
.rc-application .session .bottom .toolbar {
  background: transparent;
  height: 100%;
  border-top: none;
}
.rc-application .session .bottom .toolbar .tools .text {
  margin: 0 5px;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.rc-application .session .bottom div.buttons-holder {
  width: 250px;
  min-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.rc-application .session .toolbar {
  overflow: visible;
  border-top: 1px solid #d7d7d7;
  height: 91px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.rc-application .session .toolbar .tools .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  width: 10px;
}
.rc-application .session .toolbar .tools .message-input {
  border: 0;
  border-radius: 0;
}
.rc-application .session .toolbar .tools .message-input:focus {
  outline: none !important;
}
.rc-application .session .qos {
  -ms-flex-item-align: center;
      align-self: center;
  height: inherit;
}
.rc-application .session .qos form {
  margin: 0 auto;
  padding: 17px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 500;
  width: 100%;
  bottom: 0;
  left: 0;
}
.rc-application .session .qos form > p {
  padding: 0 20px;
}
.rc-application .session .qos form p {
  margin: 15px 0 0 0;
  font-weight: 300;
}
.rc-application .session .qos form p.question {
  font-weight: 400;
}
.rc-application .session .qos form .source {
  display: none;
}
.rc-application .session .qos form input {
  display: none;
}
.rc-application .session .qos form textarea {
  margin: 16px 20px 6px 20px;
  resize: none;
  width: -moz-available;
  width: -webkit-fill-available;
  min-height: 100px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  padding: 10px 12px 4px 12px;
  font-size: 16px;
  background: #f9fafb;
  color: #87919f;
}
.rc-application .session .qos form textarea:focus-visible {
  outline: none;
}
.rc-application .session .qos form .rating {
  padding-top: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rc-application .session .qos form .rating label {
  margin: 0 min(10px, 2.5%);
}
.rc-application .session .qos form .rating.long label {
  margin: 0 min(10px, 5% - 10px);
}
.rc-application .session .qos form .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8em;
}
.rc-application .session .qos form .rate {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.rc-application .session .qos form label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.rc-application .session .qos form label:hover {
  cursor: pointer;
  opacity: 1 !important;
}
.rc-application .session .qos form input:checked + label {
  opacity: 1 !important;
}
.rc-application .session .qos form label .rate {
  fill-opacity: 0;
}
.rc-application .session .qos form label:hover .rate {
  fill-opacity: 0.7;
}
.rc-application .session .qos form input:checked + label .rate {
  fill-opacity: 1;
}
.rc-application .session .qos form .buttons {
  background-color: #f1f1ea;
}
@media (min-width: 320px) {
  .rc-application .session .qos form .buttons {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.rc-application .session .qos form .reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rc-application .session .qos form label {
  z-index: 505;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.rc-application .session .qos form label .star {
  fill: none;
  stroke: #ffcd00;
  stroke-width: 3.3px;
  stroke-linejoin: round;
  height: 36px;
  width: 36px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-application .session .qos form label .star use {
  -webkit-transform: translate(2px, 2px);
      -ms-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
}
.rc-application .session .qos form label.thumb {
  opacity: 0.8;
  border-radius: 10px;
  width: min(150px, 45%);
  height: 86px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc-application .session .qos form label.thumb.up {
  background-color: #c2e9c3;
}
.rc-application .session .qos form label.thumb.up svg {
  fill: #0cca0e;
}
.rc-application .session .qos form label.thumb.down {
  background-color: #ecc5c5;
}
.rc-application .session .qos form label.thumb.down svg {
  fill: #d15557;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rc-application .session .qos form label.thumb svg {
  width: 34px;
  height: 38px;
}
.rc-application .session .qos form.active label {
  cursor: pointer;
}
.rc-application .session .qos form.active label .thumb {
  fill-opacity: 0.5;
}
.rc-application .session .qos form.active label:hover .star {
  fill: #ffcd00;
}
.rc-application .session .qos form.active label:hover .thumb {
  fill-opacity: 1;
}
.rc-application .session .qos form.active label:hover .star,
.rc-application .session .qos form.active label:hover ~ label .star {
  fill-opacity: 0.95;
  fill: #ffcd00;
}
.rc-application .session .qos form input {
  display: none;
}
.rc-application .session .qos form input:checked + label .thumb {
  fill-opacity: 1;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.rc-application .session .qos form input:checked ~ label .star {
  fill-opacity: 0.95;
  fill: #ffcd00;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.rc-application input {
  padding: 0.25em 0.5em;
}
.rc-application.client .session .log .chat,
.rc-application:not(.desktop) .session .log .chat {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 60px;
}
.rc-application.client .session .log .chat .bubble.me.first-message,
.rc-application:not(.desktop) .session .log .chat .bubble.me.first-message {
  margin-right: 100px;
}
.rc-application.client .session .log .top,
.rc-application:not(.desktop) .session .log .top {
  height: 100%;
  position: sticky;
  top: 0px;
  pointer-events: none;
}
.rc-application.client .session .log .top div,
.rc-application:not(.desktop) .session .log .top div {
  pointer-events: auto;
}
.rc-application.client .session button.showchat,
.rc-application:not(.desktop) .session button.showchat {
  width: 66px;
  height: 66px;
  border-radius: 17px;
  background-color: white;
  position: absolute;
  bottom: 110px;
  right: 24px;
  z-index: 100;
  padding: 23px 17px 16px 19px;
  -webkit-box-shadow: 1.39999998px 1.39999998px 13px rgba(36, 36, 36, 0.14);
          box-shadow: 1.39999998px 1.39999998px 13px rgba(36, 36, 36, 0.14);
}
.rc-application.client .session button.showchat.on,
.rc-application:not(.desktop) .session button.showchat.on {
  color: #1da05c;
}
.rc-application.client .session .toolbar .tools,
.rc-application:not(.desktop) .session .toolbar .tools {
  max-width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  margin: 20px;
  -webkit-box-shadow: 1.39999998px 1.39999998px 13px rgba(36, 36, 36, 0.14);
          box-shadow: 1.39999998px 1.39999998px 13px rgba(36, 36, 36, 0.14);
  font-size: 17px;
}
.rc-application.client .session .toolbar .tools.no-input,
.rc-application:not(.desktop) .session .toolbar .tools.no-input {
  background-color: unset;
  margin-left: 2px;
  margin-right: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rc-application.client .session .toolbar .tools button.circle,
.rc-application:not(.desktop) .session .toolbar .tools button.circle {
  width: 40px;
  height: 40px;
}
.rc-application.client .session .toolbar .tools button.circle svg,
.rc-application:not(.desktop) .session .toolbar .tools button.circle svg {
  width: 34px;
  height: 34px;
}
.rc-application.client .session button.tool,
.rc-application:not(.desktop) .session button.tool {
  aspect-ratio: 1 / 1;
  width: auto;
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: min-content;
      flex-basis: min-content;
  max-height: 66px;
  max-width: 66px;
  border-radius: 17px;
  opacity: 1;
  -webkit-box-shadow: 3.79999995px 7.0999999px 10px rgba(0, 0, 0, 0.11);
          box-shadow: 3.79999995px 7.0999999px 10px rgba(0, 0, 0, 0.11);
}
.rc-application.client .session button.tool.flat,
.rc-application:not(.desktop) .session button.tool.flat {
  background-color: white;
  color: #616876;
}
@supports not (aspect-ratio: auto) {
  .rc-application.client .session button.tool,
  .rc-application:not(.desktop) .session button.tool {
    height: 66px;
    width: 66px;
  }
}
.rc-application input,
.rc-application .select {
  min-height: 42px;
  margin-bottom: 1em;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #d1d5db;
}
.rc-application input:hover,
.rc-application .select:hover {
  border: solid 1px #9ca3af;
}
.rc-application input:focus,
.rc-application .select:focus {
  border: solid 1px #9ca3af;
}
.rc-application input:focus-visible,
.rc-application .select:focus-visible {
  outline: none;
  border: solid 1px #9ca3af;
}
.rc-application input::last-child,
.rc-application .select::last-child {
  margin-bottom: 0;
}
.rc-application .select {
  position: relative;
}
.rc-application .select select.wrapped {
  width: 100%;
  padding: 12px 11px 14px 19px;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  opacity: 0;
  overflow-x: hidden;
}
.rc-application .select.disabled .label {
  opacity: 0.75;
  cursor: default;
}
.rc-application .select.disabled .label::after {
  opacity: 0;
}
.rc-application .select.disabled select {
  pointer-events: none;
}
.rc-application .select .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
  top: 0;
  left: 0;
  white-space: nowrap;
  -webkit-padding-before: 13px;
          padding-block-start: 13px;
  -webkit-padding-after: 13px;
          padding-block-end: 13px;
  -webkit-padding-start: 18px;
          padding-inline-start: 18px;
  -webkit-padding-end: 11px;
          padding-inline-end: 11px;
  color: #616876;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.rc-application .select .label span {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.rc-application .select .label::after {
  width: 22px;
  height: 22px;
  content: url("data:image/svg+xml;utf7,<svg viewBox='0 0 22 22' fill='none' stroke='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M17.4168 8.25L11.0002 14.6667L4.5835 8.25' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  padding: 0.1em;
}
.rc-application .copyright {
  color: #3c4656;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 21px */
  width: 100%;
  padding: 0 10px;
  margin: 5px;
  opacity: 0.5;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  justify-self: flex-end;
}
.rc-application .copyright a {
  color: #3c4656;
  text-decoration: none;
}
.rc-application .copyright a:hover {
  text-decoration: underline;
}
.rc-application .copyright a:hover,
.rc-application .copyright a:active {
  color: #1b1b1b;
}
.rc-application .upload {
  position: relative;
  min-height: 80px;
}
.rc-application .upload input {
  display: none;
}
.rc-application .progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: 1px solid rgba(39, 41, 43, 0.15);
  margin: 0.25em 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.03);
  padding: 0.2857em;
  border-radius: 0.2857rem;
}
.rc-application .progress .bar > .progress {
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 0.9em;
  top: 50%;
  right: 0.5em;
  left: auto;
  bottom: auto;
  color: #1b1b1b;
  text-shadow: none;
  margin-top: -0.5em;
  font-weight: 700;
  text-align: start;
  border: 0;
  padding: 0;
}
.rc-application .progress .bar {
  height: 1.75em;
  display: block;
  line-height: 1;
  position: relative;
  width: 0;
  min-width: 2.5em;
  background: var(--themeColor);
  border-radius: 0.2857rem;
}
.rc-application .progress .label {
  width: 100%;
  font-size: 1em;
  top: 100%;
  right: auto;
  left: 0;
  bottom: auto;
  color: #1b1b1b;
  font-weight: 700;
  text-shadow: none;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  text-align: center;
}
.rc-application .progress .uploading.error .label {
  color: #b66465;
}
.rc-application .progress .uploading.error .progress .bar {
  background-color: #fff3f3;
}
.rc-application .desktop-preview {
  height: 100%;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  position: relative;
}
.rc-application .desktop-preview video {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
      touch-action: none;
  height: 100%;
  width: 100%;
}
.rc-application .desktop-preview .vbuttons {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 6px;
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5em;
  padding-top: 0;
}
.rc-application .desktop-preview .vbuttons button,
.rc-application .desktop-preview .vbuttons button .svg {
  width: 30px;
  height: 30px;
}
.rc-application .desktop-preview .vbuttons button.flat {
  opacity: 1;
  z-index: 99;
  min-height: unset;
  min-width: unset;
}
.rc-application .desktop-preview .vbuttons button.flat svg use {
  color: white;
}
.rc-application .desktop-preview .vbuttons button.flat svg {
  width: 100%;
  height: 100%;
}
.rc-application .desktop-preview .vbuttons button.flat .open {
  opacity: 1;
}
.rc-application .desktop-preview .vbuttons button.flat .close {
  opacity: 0;
}
.rc-application .desktop-preview .vbuttons button.flat.open .open {
  opacity: 0;
}
.rc-application .desktop-preview .vbuttons button.flat.open .close {
  opacity: 1;
}
.rc-application .modal.preview.camera {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: black;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
#WebRtc4npapi {
  display: none;
}
noscript h1 {
  margin: 20px;
}
.desktop.landscape .client.standalone .process .message {
  min-height: 40px;
}
.rc-application .capturer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.rc-application .capturer .frame {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  background-color: #000000ef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.rc-application .capturer img {
  max-width: 100%;
  max-height: 100%;
}
.rc-application .capturer .controls {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 1em;
}
.rc-application .capturer .controls button {
  margin: 0.25em;
}
#share-panel {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  gap: 0.2em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
#share-panel .item button.tool + .title {
  visibility: hidden;
}
#share-panel .item button.tool:hover + .title {
  visibility: visible;
  opacity: 0.8;
}
#share-panel .item .title {
  position: absolute;
  left: 100%;
  top: 0;
  white-space: nowrap;
  z-index: 101;
  padding: 0.5em;
  background: #4a4a4a;
  color: white;
  border-radius: 10px;
  font-size: 0.8em;
  margin-left: 0.75em;
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.29);
}
#share-panel .item .title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #4a4a4a;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.audioplayer .player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-width: 150px;
}
.audioplayer .player .time {
  -webkit-margin-start: 0.5em;
          margin-inline-start: 0.5em;
}
.rc-application > .header button:last-child {
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}
.rc-application .header.small.main-screen-header .camera:hover,
.rc-application .header.small.main-screen-header .hangup:hover {
  background-color: #ffffff99;
}
.mos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.mos h1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  padding: 0;
}
.gauges {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: auto;
  background-color: transparent;
  padding: 0.5em;
}
.gauge {
  width: 100%;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gauge svg {
  /*color: white;*/
  height: 10px;
  width: 10px;
}
.gauge div {
  height: 8px;
  margin-left: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: gainsboro;
}
.gauge.mos-5 div.mos-5 {
  background-color: #c10000;
}
.gauge.mos-10 div.mos-5,
.gauge.mos-10 div.mos-10 {
  background-color: #c10000;
}
.gauge.mos-15 div.mos-5,
.gauge.mos-15 div.mos-10,
.gauge.mos-15 div.mos-15 {
  background-color: #c10000;
}
.gauge.mos-20 div.mos-5,
.gauge.mos-20 div.mos-10,
.gauge.mos-20 div.mos-15,
.gauge.mos-20 div.mos-20 {
  background-color: #c10000;
}
.gauge.mos-25 div.mos-5,
.gauge.mos-30 div.mos-5,
.gauge.mos-35 div.mos-5,
.gauge.mos-40 div.mos-5,
.gauge.mos-45 div.mos-5,
.gauge.mos-50 div.mos-5,
.gauge.mos-55 div.mos-5,
.gauge.mos-60 div.mos-5,
.gauge.mos-65 div.mos-5,
.gauge.mos-70 div.mos-5,
.gauge.mos-75 div.mos-5,
.gauge.mos-80 div.mos-5,
.gauge.mos-85 div.mos-5,
.gauge.mos-90 div.mos-5,
.gauge.mos-95 div.mos-5,
.gauge.mos-100 div.mos-5,
.gauge.mos-25 div.mos-10,
.gauge.mos-30 div.mos-10,
.gauge.mos-35 div.mos-10,
.gauge.mos-40 div.mos-10,
.gauge.mos-45 div.mos-10,
.gauge.mos-50 div.mos-10,
.gauge.mos-55 div.mos-10,
.gauge.mos-60 div.mos-10,
.gauge.mos-65 div.mos-10,
.gauge.mos-70 div.mos-10,
.gauge.mos-75 div.mos-10,
.gauge.mos-80 div.mos-10,
.gauge.mos-85 div.mos-10,
.gauge.mos-90 div.mos-10,
.gauge.mos-95 div.mos-10,
.gauge.mos-100 div.mos-10,
.gauge.mos-25 div.mos-15,
.gauge.mos-30 div.mos-15,
.gauge.mos-35 div.mos-15,
.gauge.mos-40 div.mos-15,
.gauge.mos-45 div.mos-15,
.gauge.mos-50 div.mos-15,
.gauge.mos-55 div.mos-15,
.gauge.mos-60 div.mos-15,
.gauge.mos-65 div.mos-15,
.gauge.mos-70 div.mos-15,
.gauge.mos-75 div.mos-15,
.gauge.mos-80 div.mos-15,
.gauge.mos-85 div.mos-15,
.gauge.mos-90 div.mos-15,
.gauge.mos-95 div.mos-15,
.gauge.mos-100 div.mos-15,
.gauge.mos-25 div.mos-20,
.gauge.mos-30 div.mos-20,
.gauge.mos-35 div.mos-20,
.gauge.mos-40 div.mos-20,
.gauge.mos-45 div.mos-20,
.gauge.mos-50 div.mos-20,
.gauge.mos-55 div.mos-20,
.gauge.mos-60 div.mos-20,
.gauge.mos-65 div.mos-20,
.gauge.mos-70 div.mos-20,
.gauge.mos-75 div.mos-20,
.gauge.mos-80 div.mos-20,
.gauge.mos-85 div.mos-20,
.gauge.mos-90 div.mos-20,
.gauge.mos-95 div.mos-20,
.gauge.mos-100 div.mos-20,
.gauge.mos-25 div.mos-25,
.gauge.mos-30 div.mos-25,
.gauge.mos-35 div.mos-25,
.gauge.mos-40 div.mos-25,
.gauge.mos-45 div.mos-25,
.gauge.mos-50 div.mos-25,
.gauge.mos-55 div.mos-25,
.gauge.mos-60 div.mos-25,
.gauge.mos-65 div.mos-25,
.gauge.mos-70 div.mos-25,
.gauge.mos-75 div.mos-25,
.gauge.mos-80 div.mos-25,
.gauge.mos-85 div.mos-25,
.gauge.mos-90 div.mos-25,
.gauge.mos-95 div.mos-25,
.gauge.mos-100 div.mos-25 {
  background-color: #c10000;
}
.gauge.mos-30 div.mos-30 {
  background-color: #ff8b32;
}
.gauge.mos-35 div.mos-30,
.gauge.mos-35 div.mos-35 {
  background-color: #ff8b32;
}
.gauge.mos-40 div.mos-30,
.gauge.mos-40 div.mos-35,
.gauge.mos-40 div.mos-40 {
  background-color: #ff8b32;
}
.gauge.mos-45 div.mos-30,
.gauge.mos-45 div.mos-35,
.gauge.mos-45 div.mos-40,
.gauge.mos-45 div.mos-45 {
  background-color: #ff8b32;
}
.gauge.mos-50 div.mos-30,
.gauge.mos-55 div.mos-30,
.gauge.mos-60 div.mos-30,
.gauge.mos-65 div.mos-30,
.gauge.mos-70 div.mos-30,
.gauge.mos-75 div.mos-30,
.gauge.mos-80 div.mos-30,
.gauge.mos-85 div.mos-30,
.gauge.mos-90 div.mos-30,
.gauge.mos-95 div.mos-30,
.gauge.mos-100 div.mos-30,
.gauge.mos-50 div.mos-35,
.gauge.mos-55 div.mos-35,
.gauge.mos-60 div.mos-35,
.gauge.mos-65 div.mos-35,
.gauge.mos-70 div.mos-35,
.gauge.mos-75 div.mos-35,
.gauge.mos-80 div.mos-35,
.gauge.mos-85 div.mos-35,
.gauge.mos-90 div.mos-35,
.gauge.mos-95 div.mos-35,
.gauge.mos-100 div.mos-35,
.gauge.mos-50 div.mos-40,
.gauge.mos-55 div.mos-40,
.gauge.mos-60 div.mos-40,
.gauge.mos-65 div.mos-40,
.gauge.mos-70 div.mos-40,
.gauge.mos-75 div.mos-40,
.gauge.mos-80 div.mos-40,
.gauge.mos-85 div.mos-40,
.gauge.mos-90 div.mos-40,
.gauge.mos-95 div.mos-40,
.gauge.mos-100 div.mos-40,
.gauge.mos-50 div.mos-45,
.gauge.mos-55 div.mos-45,
.gauge.mos-60 div.mos-45,
.gauge.mos-65 div.mos-45,
.gauge.mos-70 div.mos-45,
.gauge.mos-75 div.mos-45,
.gauge.mos-80 div.mos-45,
.gauge.mos-85 div.mos-45,
.gauge.mos-90 div.mos-45,
.gauge.mos-95 div.mos-45,
.gauge.mos-100 div.mos-45,
.gauge.mos-50 div.mos-50,
.gauge.mos-55 div.mos-50,
.gauge.mos-60 div.mos-50,
.gauge.mos-65 div.mos-50,
.gauge.mos-70 div.mos-50,
.gauge.mos-75 div.mos-50,
.gauge.mos-80 div.mos-50,
.gauge.mos-85 div.mos-50,
.gauge.mos-90 div.mos-50,
.gauge.mos-95 div.mos-50,
.gauge.mos-100 div.mos-50 {
  background-color: #ff8b32;
}
.gauge.mos-55 div.mos-55 {
  background-color: #ffdf17;
}
.gauge.mos-60 div.mos-55,
.gauge.mos-60 div.mos-60 {
  background-color: #ffdf17;
}
.gauge.mos-65 div.mos-55,
.gauge.mos-65 div.mos-60,
.gauge.mos-65 div.mos-65 {
  background-color: #ffdf17;
}
.gauge.mos-70 div.mos-55,
.gauge.mos-70 div.mos-60,
.gauge.mos-70 div.mos-65,
.gauge.mos-70 div.mos-70 {
  background-color: #ffdf17;
}
.gauge.mos-75 div.mos-55,
.gauge.mos-80 div.mos-55,
.gauge.mos-85 div.mos-55,
.gauge.mos-90 div.mos-55,
.gauge.mos-95 div.mos-55,
.gauge.mos-100 div.mos-55,
.gauge.mos-75 div.mos-60,
.gauge.mos-80 div.mos-60,
.gauge.mos-85 div.mos-60,
.gauge.mos-90 div.mos-60,
.gauge.mos-95 div.mos-60,
.gauge.mos-100 div.mos-60,
.gauge.mos-75 div.mos-65,
.gauge.mos-80 div.mos-65,
.gauge.mos-85 div.mos-65,
.gauge.mos-90 div.mos-65,
.gauge.mos-95 div.mos-65,
.gauge.mos-100 div.mos-65,
.gauge.mos-75 div.mos-70,
.gauge.mos-80 div.mos-70,
.gauge.mos-85 div.mos-70,
.gauge.mos-90 div.mos-70,
.gauge.mos-95 div.mos-70,
.gauge.mos-100 div.mos-70,
.gauge.mos-75 div.mos-75,
.gauge.mos-80 div.mos-75,
.gauge.mos-85 div.mos-75,
.gauge.mos-90 div.mos-75,
.gauge.mos-95 div.mos-75,
.gauge.mos-100 div.mos-75 {
  background-color: #ffdf17;
}
.gauge.mos-80 div.mos-80 {
  background-color: #0fb700;
}
.gauge.mos-85 div.mos-80,
.gauge.mos-85 div.mos-85 {
  background-color: #0fb700;
}
.gauge.mos-90 div.mos-80,
.gauge.mos-90 div.mos-85,
.gauge.mos-90 div.mos-90 {
  background-color: #0fb700;
}
.gauge.mos-95 div.mos-80,
.gauge.mos-95 div.mos-85,
.gauge.mos-95 div.mos-90,
.gauge.mos-95 div.mos-95 {
  background-color: #0fb700;
}
.gauge.mos-100 div.mos-80,
.gauge.mos-100 div.mos-85,
.gauge.mos-100 div.mos-90,
.gauge.mos-100 div.mos-95,
.gauge.mos-100 div.mos-100 {
  background-color: #0fb700;
}
.mos-alert,
.portrait .bottom .toasts {
  width: 90%;
  margin: 0 5%;
}
.mos-alert.above_self_info,
.portrait .bottom .toasts.above_self_info {
  top: -115px;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.mos-alert {
  top: 10px;
  color: #ff8b32;
}
.toasts {
  top: 0px;
  width: 100%;
}
.mos-alert,
.toasts {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0px;
  text-align: center;
  -webkit-transition: visibility 0.75s, opacity 0.75s ease-in-out;
  transition: visibility 0.75s, opacity 0.75s ease-in-out;
  border-radius: 3px;
  background: rgba(74, 74, 74, 0.75);
  backdrop-filter: blur(3px);
  padding: 10px;
}
.mos-alert .toast,
.toasts .toast {
  color: #ffdf17;
}
.mos-alert.active,
.toasts.active {
  visibility: visible;
  opacity: 1;
}
svg.error {
  width: 2.25em;
  height: 2.25em;
  padding: 0.2em;
}
.agent_start_page .rc-application,
.agent_in_process_page .rc-application {
  overflow: hidden;
}
.agent_start_page .rc-application .vbuttons,
.agent_in_process_page .rc-application .vbuttons {
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}
.agent_start_page .rc-application .vbuttons button.refresh.camera,
.agent_in_process_page .rc-application .vbuttons button.refresh.camera {
  width: 35px;
  height: 35px;
}
.agent_start_page .rc-application .vbuttons button.refresh.camera svg,
.agent_in_process_page .rc-application .vbuttons button.refresh.camera svg {
  width: 35px;
}
.agent_start_page .rc-application .log,
.agent_in_process_page .rc-application .log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.landscape .agent_start_page .rc-application:not(.desktop) .session,
.landscape .agent_in_process_page .rc-application:not(.desktop) .session {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.landscape .agent_start_page .log,
.landscape .agent_in_process_page .log {
  width: 250px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 100%;
}
.agent_start_page .rc-application:not(.desktop) .session .log {
  background-color: #eff1f5;
}
.agent_start_page .bottom,
.agent_in_process_page .bottom {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-family: Segoe UI, sans-serif;
}
.agent_start_page .bottom .message .code,
.agent_in_process_page .bottom .message .code {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 50px 7px 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  border: 1px solid #a0c8fd;
  background-color: #fefefe;
  background-image: url("data:image/svg+xml;utf7,<svg viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'><path fill='%239BC3F8' stroke='none' stroke-width='0.5' d='M6.13318 9.34441C6.13318 8.52186 6.7693 7.88495 7.72731 7.88495C8.68532 7.88495 10.6508 7.8629 10.6508 7.8629C10.6508 7.8629 10.6208 7.17777 10.6208 6.30641C10.6208 5.43524 11.4005 4.84009 12.3351 4.84009C13.27 4.84009 17.9011 4.87939 18.3555 4.87939C18.8099 4.87939 19.1785 5.04788 19.6879 5.43514C20.1972 5.8226 20.9672 6.47019 21.3485 6.90166C21.7298 7.33312 21.8907 7.58502 21.8907 7.94102C21.8907 8.29711 21.8907 15.4741 21.8848 16.3057C21.8791 17.1374 21.1128 17.7521 20.2054 17.7643C19.2981 17.7764 17.3497 17.7764 17.3497 17.7764C17.3497 17.7764 17.3954 18.3915 17.3954 19.2614C17.3954 20.1313 16.6009 20.8111 15.6981 20.8351C14.7953 20.8591 8.64641 20.7871 7.77014 20.8111C6.89388 20.8351 6.10632 20.1452 6.10632 19.2995C6.10632 18.4538 6.13318 10.1669 6.13318 9.34441ZM7.77338 9.73118L7.66046 18.8323C7.65979 18.8836 7.66932 18.9346 7.68852 18.9823C7.70771 19.03 7.73617 19.0734 7.77226 19.1099C7.80835 19.1465 7.85134 19.1756 7.89875 19.1954C7.94615 19.2152 7.99702 19.2255 8.04841 19.2255L15.2931 19.2471C15.3441 19.2477 15.3948 19.238 15.442 19.2185C15.4892 19.199 15.532 19.1702 15.5678 19.1338C15.6036 19.0974 15.6317 19.0541 15.6503 19.0066C15.669 18.959 15.6778 18.9082 15.6763 18.8572L15.6549 17.9856C15.6545 17.9598 15.6489 17.9344 15.6386 17.9108C15.6282 17.8871 15.6133 17.8658 15.5947 17.848C15.576 17.8302 15.554 17.8163 15.5299 17.807C15.5058 17.7978 15.4802 17.7934 15.4544 17.7942C15.4544 17.7942 13.3112 17.8569 12.3407 17.8229C11.3702 17.7888 10.7066 17.1557 10.7063 16.3021C10.706 15.4485 10.7066 9.52505 10.7066 9.52505C10.7067 9.49927 10.7016 9.47373 10.6917 9.44992C10.6818 9.4261 10.6673 9.40449 10.649 9.38632C10.6307 9.36815 10.609 9.35379 10.5851 9.34408C10.5612 9.33436 10.5357 9.32947 10.5099 9.32971L8.17015 9.33775C8.06572 9.33848 7.96572 9.38006 7.89157 9.45359C7.81741 9.52712 7.77499 9.62676 7.77338 9.73118ZM18.2129 6.27534C18.0496 6.13321 17.9172 6.193 17.9172 6.40981V8.10108C17.9172 8.20948 18.0049 8.2978 18.113 8.29838L20.1584 8.30828C20.3744 8.30936 20.4172 8.19498 20.254 8.05285L18.2129 6.27534ZM12.5666 6.35836C12.5408 6.35812 12.5152 6.36298 12.4912 6.37265C12.4673 6.38232 12.4455 6.39662 12.4271 6.41472C12.4088 6.43282 12.3941 6.45437 12.3841 6.47813C12.374 6.50189 12.3687 6.52741 12.3686 6.55321L12.3072 15.9913C12.3068 16.0298 12.3141 16.068 12.3286 16.1037C12.3431 16.1394 12.3646 16.1718 12.3917 16.1992C12.4189 16.2265 12.4512 16.2481 12.4868 16.2629C12.5224 16.2776 12.5606 16.2851 12.5991 16.285L19.9699 16.2668C20.0224 16.2665 20.0728 16.2458 20.1102 16.2089C20.1476 16.1721 20.1692 16.1221 20.1702 16.0696L20.2945 9.95133C20.2952 9.9257 20.2908 9.90021 20.2814 9.87634C20.2721 9.85248 20.258 9.83074 20.2401 9.81242C20.2222 9.79409 20.2007 9.77956 20.1771 9.76968C20.1534 9.7598 20.128 9.75477 20.1024 9.7549C20.1024 9.7549 17.5371 9.75902 17.0852 9.75902C16.6332 9.75902 16.3466 9.54123 16.3466 9.12368C16.3466 8.70613 16.338 6.57869 16.338 6.57869C16.3376 6.52641 16.3167 6.47636 16.2798 6.43936C16.2428 6.40236 16.1928 6.38136 16.1405 6.3809L12.5665 6.35836H12.5666Z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 28px 28px;
  color: #377bcc;
  text-align: center;
  font-family: Segoe UI, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.16px;
}
.landscape .agent_start_page .rc-application:not(.desktop) .bottom,
.landscape .agent_in_process_page .rc-application:not(.desktop) .bottom {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.agent_start_page .rc-application:not(.desktop) .bottom,
.agent_in_process_page .rc-application:not(.desktop) .bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.agent_start_page .rc-application:not(.desktop) .bottom div,
.agent_in_process_page .rc-application:not(.desktop) .bottom div {
  padding: 0.5em;
}
.agent_in_process_page .rc-application.desktop .bottom {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.agent_in_process_page .rc-application:not(.desktop) .bottom .idle.message {
  text-align: center;
}
.agent_in_process_page .rc-application.desktop .bottom .idle.message {
  text-align: start;
}
.idle.init.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.idle.init.message button svg {
  width: 24px;
  height: 40px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.landscape .rc-application:not(.desktop) .idle.init.message {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rc-application.desktop .idle.init.message {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}
.rc-application.desktop .idle.init.message h1 {
  min-width: 250px;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.rc-application.agent .bottom button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 220px;
  min-height: 48px;
  -ms-flex-item-align: center;
      align-self: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.rc-application.agent .bottom button.hangup.wide {
  min-width: 180px;
}
.rc-application.agent .bottom button.create,
.rc-application.agent .bottom button.direct {
  width: 220px;
  padding-inline: 5px;
}
.agent_start_page .bottom h1,
.agent_in_process_page .bottom h1 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 100;
  margin: 0;
  vertical-align: top;
  display: inline-block;
  text-align: start;
  font-size: 20px;
  font-weight: 400;
}
.agent_start_page .bottom h1.message .code,
.agent_in_process_page .bottom h1.message .code {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.agent_start_page .view_selector,
.agent_in_process_page .view_selector {
  position: absolute;
  top: 5px;
  width: 100%;
}
.agent_start_page .view_selector label,
.agent_in_process_page .view_selector label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.agent_start_page .view_selector label input,
.agent_in_process_page .view_selector label input {
  min-height: initial;
  -webkit-margin-before: initial;
          margin-block-start: initial;
  -webkit-margin-after: initial;
          margin-block-end: initial;
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.agent_start_page .rc-application:not(.desktop) .bottom h1,
.agent_in_process_page .rc-application:not(.desktop) .bottom h1 {
  width: 100%;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
}
.agent_start_page .desktop .log,
.agent_in_process_page .desktop .log,
.normal_session_page .agent.desktop .log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.agent_start_page .desktop .log .top,
.agent_in_process_page .desktop .log .top,
.normal_session_page .agent.desktop .log .top {
  background-color: #ffcd00;
  color: #1b1b1b;
  color: var(--fontColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-border-end: solid 1px white;
          border-inline-end: solid 1px white;
  width: 250px;
  min-width: 250px;
}
.agent_start_page .desktop .log .top .vbuttons,
.agent_in_process_page .desktop .log .top .vbuttons,
.normal_session_page .agent.desktop .log .top .vbuttons {
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}
.agent_start_page .desktop .log .chat,
.agent_in_process_page .desktop .log .chat,
.normal_session_page .agent.desktop .log .chat {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1vh;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow-y: auto;
  overflow-x: hidden;
}
.agent_start_page .log .top,
.agent_in_process_page .log .top,
.normal_session_page .agent.desktop .log .top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.agent_start_page .rc-application:not(.desktop) .top,
.agent_in_process_page .rc-application:not(.desktop) .top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.landscape .agent_start_page .rc-application:not(.desktop) .top,
.landscape .agent_in_process_page .rc-application:not(.desktop) .top {
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #ffcd00;
}
.video.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.video button.tool.camera {
  -webkit-margin-end: 0.4rem;
          margin-inline-end: 0.4rem;
  margin-top: 0.4rem;
  background-color: white;
}
.video button.tool.camera:hover {
  background-color: #ffffff99;
}
.self-info {
  min-height: 30px;
  padding: 0 0.2em;
}
.self-info.high {
  min-height: 85px;
}
.self-info p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.self-info button.link {
  font-size: 0.8em;
}
.rc-application.agent .self-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
}
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log .top {
  background-color: #e1e3e7;
}
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log .bottom {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e3e7), color-stop(40%, #e1e3e7), color-stop(40%, transparent));
  background: linear-gradient(to bottom, #e1e3e7 0, #e1e3e7 40%, transparent 40%);
}
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log .bottom .message {
  width: 100%;
  background-color: #e1e3e7;
}
.portrait .agent_start_page .view_selector.embedded,
.portrait .agent_in_process_page .view_selector.embedded {
  display: none;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop),
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) {
  background-color: #eff1f5;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .self-info,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .self-info {
  min-height: 72px;
  margin: 0px 5%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #ffcd00;
  border-radius: 10px;
  z-index: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .log,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: transparent;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .log .top,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log .top {
  position: unset;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .bottom,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .bottom {
  min-height: 180px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .bottom:has(button.direct),
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .bottom:has(button.direct) {
  min-height: 240px;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .bottom .hangup,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .bottom .hangup {
  margin-bottom: 20px;
}
.landscape .agent_start_page .rc-application.agent:not(.desktop) .log,
.landscape .agent_in_process_page .rc-application.agent:not(.desktop) .log {
  background-color: #e9e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.landscape .agent_start_page .rc-application.agent:not(.desktop) .log .top,
.landscape .agent_in_process_page .rc-application.agent:not(.desktop) .log .top {
  width: 250px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.portrait .agent_start_page .rc-application.agent:not(.desktop) .log .bottom,
.landscape .agent_start_page .rc-application.agent:not(.desktop) .log .bottom,
.portrait .agent_in_process_page .rc-application.agent:not(.desktop) .log .bottom,
.landscape .agent_in_process_page .rc-application.agent:not(.desktop) .log .bottom {
  background-color: transparent;
  color: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -36px;
}
.normal_session_page .rc-application.agent:not(.desktop) .self-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 1px;
}
.rc-application.agent .toolbar .tools {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.toolbar .tools {
  padding-left: 0.2em;
  padding-right: 0.2em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.2em;
}
.rc-application.agent.desktop .toolbar .tools button {
  color: white;
  border: solid 1px transparent;
  height: 40px;
  width: 40px;
  min-height: unset;
}
.rc-application.agent.desktop .toolbar .tools button svg {
  height: 100%;
  width: 100%;
}
.rc-application.agent.desktop .toolbar .tools button:hover {
  color: #1b1b1b;
  border: solid 1px white;
  background-color: white;
}
.rc-application.agent.desktop .toolbar .tools button.screencast.on {
  color: #0575eb;
}
.hidden_session_page .rc-application.agent .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hidden_session_page .rc-application.agent:not(.desktop) .bottom {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hidden_session_page .rc-application.agent .log {
  overflow: hidden;
}
.fileItem-no-preview {
  position: absolute;
  left: 1px;
  top: 3px;
  width: 22px;
  height: 22px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  margin-top: 2px;
}
.error-text {
  width: 100%;
  -webkit-padding-start: 48%;
          padding-inline-start: 48%;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 21px */
  color: #b66465;
}
.error-text.hidden {
  display: unset !important;
  visibility: hidden;
}
html:not(.desktop) .rc-application .session .video.peer .vbuttons,
html:not(.desktop) .rc-application .session .inversed > .video.main .vbuttons {
  padding: 10px;
  gap: 5px;
}
html:not(.desktop) .rc-application .session .video.peer .vbuttons button,
html:not(.desktop) .rc-application .session .inversed > .video.main .vbuttons button,
html:not(.desktop) .rc-application .session .video.peer .vbuttons button .svg,
html:not(.desktop) .rc-application .session .inversed > .video.main .vbuttons button .svg {
  width: 40px;
  height: 40px;
}
html.desktop .rc-application .session button.flat:hover {
  color: #1b1b1b;
}
/* BCSITRICHCALL-6801 */
.macos.desktop .rc-application.dimmer.visible {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* RDA workaround for chromium 83 driver */
.rda .rc-application .session .log .chat .bubble.peer {
  border-bottom-left-radius: 0;
}
.rda .rc-application .session .log .chat .bubble.me {
  border-bottom-right-radius: 0;
}
.rtl .rda .rc-application .session .log .chat .bubble {
  border-radius: 17px;
}
.rtl .rda .rc-application .session .log .chat .bubble.peer {
  border-bottom-right-radius: 0;
}
.rtl .rda .rc-application .session .log .chat .bubble.me {
  border-bottom-left-radius: 0;
}
/* Phone number in arabic should be ltr */
.rtl .caller_id {
  direction: ltr !important;
  text-align: end !important;
}
.dropdown-content {
  background: white;
  min-width: 200px;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 8px;
  margin-top: 5px;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}
.dropdown-content a:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}
.dropdown-content a:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.dropdown-content a:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dropdown-content a.selected {
  background-color: #f1f1f1;
}
.dropdown-content a:hover {
  background-color: #e1e1e1;
}
/* Modal definitions */
.rc-application .modal {
  font-size: 18px;
  color: #3c4656;
  opacity: 0;
  margin-top: -15%;
  z-index: 1000;
  text-align: start;
  min-width: min(100%, 400px);
  margin-left: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.29);
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: top, left, margin, transform, opacity;
  /* Preview */
}
.rc-application .modal.wide {
  min-width: min(100%, 800px);
}
.rc-application .modal .content {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  text-align: center;
  min-height: 1.5em;
  margin: 0;
  padding: 1.5em 1em 0 1em;
  background: #ffffff;
}
.rc-application .modal .header {
  min-height: unset;
  height: 45px;
  color: #3c4656;
  background-color: #e9e9e9;
  font-size: 1.3em;
  font-weight: bold;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.rc-application .modal .content.left.aligned {
  text-align: start;
}
.rc-application .modal .content.left.aligned ol {
  margin: unset;
}
.rc-application .modal .actions {
  text-align: center;
  background: #ffffff;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 0.5em;
  min-height: 2.7em;
}
.rc-application .modal.preview {
  min-width: unset;
  position: relative;
  margin-top: 0;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
}
.rc-application .modal.preview .header {
  text-align: end;
  height: 2em;
  font-size: 1em;
  background-color: white;
  padding: 0;
}
.rc-application .modal.preview .header .button {
  min-width: 1em;
}
.rc-application .modal.preview .header .button .icon {
  font-size: 1em;
  vertical-align: middle;
  text-decoration: none;
}
.rc-application .modal.preview .content {
  margin: 0;
  padding: 0.5em;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-application .modal.preview .content .img-container {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rc-application .modal.preview .content .img-container.nofit {
  overflow: auto;
}
.rc-application .modal.preview .content .img-container img {
  position: absolute;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  width: 10px;
  height: 10px;
}
.rc-application .modal.preview .content .img-container img.loaded {
  opacity: 1;
  border: 2px solid #fefefe;
  border-radius: 6px;
}
.rc-application .modal.preview .close.icon {
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
  margin-inline: 15px;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}
.rc-application .modal.incoming {
  border-radius: 10px;
  max-width: 90%;
  min-width: 50%;
  padding: 20px;
  background-color: #eff1f5;
}
.rc-application .modal.incoming .header,
.rc-application .modal.incoming .actions,
.rc-application .modal.incoming .content {
  background-color: transparent;
  padding: 0;
}
.rc-application .modal.incoming .header {
  height: auto;
  margin: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rc-application .modal.incoming .header div {
  width: 95%;
}
.rc-application .modal.incoming .header div h1 {
  font-size: 21px;
  font-weight: 400;
}
.rc-application .modal.incoming .header div h2 {
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
}
.rc-application .modal.incoming #custom_fields .message {
  padding-top: 15px;
}
.rc-application .modal.incoming #custom_fields .message .name {
  -webkit-margin-end: 0.3em;
          margin-inline-end: 0.3em;
  font-weight: bold;
}
.rc-application .modal.incoming #custom_fields .item {
  text-overflow: ellipsis;
  overflow: hidden;
}
.rc-application .modal.incoming #custom_fields .item a {
  overflow-wrap: anywhere;
}
.rc-application .modal.incoming .actions {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}
.rc-application .modal.incoming .actions button {
  margin-top: 0px;
  width: 50%;
  min-width: 150px;
}
.rc-application .modal.incoming .actions .reject {
  background-color: transparent;
  border-width: 1.5px;
  color: #d15557;
  border-color: #d15557;
}
.rc-application .modal.incoming .mode.call {
  -webkit-box-shadow: 0px -1px 0px 0px white;
          box-shadow: 0px -1px 0px 0px white;
  padding-top: 10px;
  margin-top: 20px;
  text-align: start;
}
.rc-application .modal.incoming .mode.call p {
  margin: unset;
}
.rc-application .modal.incoming .mode.call .mic.block {
  text-align: start;
}
.rc-application .modal.incoming .mode.call .mic.block p {
  margin: 0;
}
.rc-application .modal.incoming .mode.call .mic.block input {
  margin-bottom: 0;
}
.rc-application .modal.incoming .mode.call .mic.block .level {
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rc-application .modal.incoming .mode.call .mic.block .controls {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.rc-application .modal.incoming .mode.call .mic.block .select {
  border-color: black;
}
.rc-application .modal.incoming .mode.call .mic.block .select select.wrapped {
  padding: 10px 11px 10px 19px;
}
.rc-application .modal.incoming .mode.call .mic.block .select .label {
  color: black;
}
.rc-application .modal.active {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rc-application .modal > .close.icon {
  cursor: pointer;
  position: absolute;
  color: inherit;
  z-index: 10000;
}
.rc-application .modal.fullscreen {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.rc-application .modal.fullscreen .content {
  padding: 0;
}
.rc-application .modal.fullscreen > button.close {
  display: none;
}
.iphone.landscape .process {
  max-height: 260px;
}