/***********************************/
/* BEGIN "src/theme/elements.less" */
/*---------------------------------------------------
    NON-STANDARD LESS mixins
  ---------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* END   "src/theme/elements.less" */
/***********************************/
/************************************/
/* BEGIN "src/theme/variables.less" */
/* END   "src/theme/variables.less" */
/************************************/
/********************************/
/* BEGIN "src/theme/style.less" */
.cobrowse {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: initial;
  color: initial;
  background: initial;
  -ms-flex-direction: initial;
      flex-direction: initial;
  -ms-flex-align: initial;
      align-items: initial;
  -ms-flex-pack: initial;
      justify-content: initial;
  overflow: initial;
  font-smoothing: initial !important;
  display: block;
}
.cobrowse * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  min-height: 0;
  min-width: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  text-transform: none;
  background: initial;
  -ms-flex-direction: initial;
      flex-direction: initial;
  -ms-flex-align: initial;
      align-items: initial;
  -ms-flex-pack: initial;
      justify-content: initial;
}
.cobrowse div {
  display: block;
}
.cobrowse span {
  display: inline;
}
.cobrowse a {
  color: #4498b4;
}
.cobrowse textarea,
.cobrowse input {
  border: 1px solid gray;
}
.cobrowse a:hover {
  color: #66adc5;
  background: initial;
}
.cobrowse h1 {
  font-size: 1.3em;
}
.cobrowse h2 {
  font-size: 1.2em;
}
.cobrowse h3 {
  font-size: 1.1em;
}
.cobrowse h4 {
  font-size: 1em;
}
.cobrowse h1,
.cobrowse h2,
.cobrowse h3,
.cobrowse h4,
.cobrowse label,
.cobrowse span,
.cobrowse p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.cobrowse .no-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* END   "src/theme/style.less" */
/********************************/
/*********************************************************/
/* BEGIN "src/components/notification-dialog/style.less" */
.cobrowse-notification {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 1;
  z-index: 2147483647;
  transition: opacity 0.2s ease-in;
}
.cobrowse-notification-message {
  clear: both;
}
.cobrowse-notification .cobrowse-loading {
  float: left;
  width: 100px;
  height: 100px;
}
.cobrowse-notification.hidden {
  opacity: 0;
}
.cobrowse-notification.hidden .cobrowse-notification-dialog {
  pointer-events: none;
}
.cobrowse-notification-dialog#dialog {
  position: relative;
  margin: 5% auto 0 auto;
  max-width: 500px;
  padding: 50px;
  pointer-events: all;
  border-radius: 20px;
  border: none;
  overflow: hidden;
}
.cobrowse-notification-mask#mask {
  position: absolute;
  background-color: #1f222d;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cobrowse-notification-body {
  position: relative;
  color: #f2f2f2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 1em;
}
.cobrowse-notification-body#body a {
  color: #f0f0f0;
  text-decoration: underline;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  padding: 3px;
}
.cobrowse-notification-body#body a:hover {
  color: #fff;
  text-decoration: underline;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cobrowse-notification-body#body h3 {
  margin-bottom: 1em;
  color: #fff;
}
.cobrowse-notification-links {
  display: inline-block;
  margin-top: 1em;
}
.cobrowse-notification-links a.cobrowse-notification-dismiss,
.cobrowse-notification-links a.cobrowse-notification-stop-sharing {
  color: #dcdcdc;
  font-size: 1em;
}
p.cobrowse-session-message {
  color: #f2f2f2;
  margin: 5px;
}
p.cobrowse-session-code {
  font-size: 2em;
  color: white;
  margin: 5px;
}
.cobrowse-notification-agent-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
/* END   "src/components/notification-dialog/style.less" */
/*********************************************************/
/*********************************************/
/* BEGIN "src/components/loading/style.less" */
.cobrowse-loading-body {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
}
.cobrowse-loading-spinner {
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  width: 200px;
  height: 200px;
  transform-origin: 0 0;
}
@keyframes cobrowse-loading-spinner {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
.cobrowse-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.cobrowse-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #000;
}
.cobrowse-loading-spinner > div:nth-of-type(1) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0s;
}
.cobrowse-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(2) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.12s;
}
.cobrowse-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(3) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.25s;
}
.cobrowse-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(4) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.37s;
}
.cobrowse-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(5) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.5s;
}
.cobrowse-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(6) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.62s;
}
.cobrowse-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(7) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.75s;
}
.cobrowse-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.cobrowse-loading-spinner > div:nth-of-type(8) > div {
  animation: cobrowse-loading-spinner 1s linear infinite;
  animation-delay: 0.87s;
}
.cobrowse-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
/* END   "src/components/loading/style.less" */
/*********************************************/
/******************************************************/
/* BEGIN "src/components/participant-item/style.less" */
.cobrowse .cobrowse-participant {
  color: black;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 1;
      flex: 1 1;
  color: white;
}
.cobrowse .cobrowse-participant .hidden {
  display: none;
}
.cobrowse .cobrowse-participant label {
  color: white;
}
.cobrowse .cobrowse-participant-icon-container {
  background-color: white;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px solid;
  margin-right: 10px;
  background-size: cover;
}
.cobrowse .cobrowse-participant-icon-container i {
  font-size: 1.7em;
  color: #666666;
}
.cobrowse .cobrowse-grant-icon {
  margin-left: auto;
}
.cobrowse .cobrowse-participant.enlarged {
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
.cobrowse .cobrowse-participant.enlarged .cobrowse-participant-icon-container {
  width: 65px;
  height: 65px;
}
.cobrowse .cobrowse-participant.enlarged .cobrowse-participant-icon-container i {
  font-size: 2.5em;
}
.cobrowse .cobrowse-participant.enlarged label {
  font-size: 1.25em;
}
.cobrowse .cobrowse-participant-ACTIVE.cobrowse-participant-icon-container {
  border-color: green;
}
.cobrowse .cobrowse-participant-DISCONNECTED.cobrowse-participant-icon-container {
  border-color: red;
}
.cobrowse .cobrowse-participant-LEFT_SESSION.cobrowse-participant-icon-container {
  border-color: gray;
}
/* END   "src/components/participant-item/style.less" */
/******************************************************/
/*****************************************/
/* BEGIN "src/theme/glyphs/icomoon.less" */
@font-face {
  font-family: 'cobrowse-icomoon';
  src: url('icomoon-449b3348.eot');
  src: url('icomoon-449b3348.eot') format('embedded-opentype'), url('icomoon-d975b85a.woff') format('woff'), url('icomoon-c11d265f.ttf') format('truetype'), url('icomoon-1ed3118d.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="pc-moon"],
[class*=" pc-moon"] {
  display: inline-block;
  font-family: 'cobrowse-icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* END   "src/theme/glyphs/icomoon.less" */
/*****************************************/
/**************************************************/
/* BEGIN "src/theme/glyphs/purecloud-glyphs.less" */
.pc-personicon:before {
  content: "\e613";
}
.pc-hangup:before {
  content: "\e60f";
}
.pc-comment:before {
  content: "\e922";
}
.pc-crosshairs:before {
  content: "\e924";
}
.pc-cursor:before {
  content: "\e925";
}
.pc-eraser:before {
  content: "\e926";
}
.pc-file:before {
  content: "\e927";
}
.pc-pen:before {
  content: "\e928";
}
.pc-screen-full2:before {
  content: "\e929";
}
.pc-drag:before {
  content: "\e900";
}
.pc-trash:before {
  content: "\e9ac";
}
.pc-enlarge:before {
  content: "\e989";
}
.pc-shrink:before {
  content: "\e98a";
}
.pc-locked:before {
  content: "\e98f";
}
.pc-unlocked:before {
  content: "\e990";
}
.pc-play:before {
  content: "\ea1c";
}
.pc-pause:before {
  content: "\ea1d";
}
.pc-stop:before {
  content: "\ea1e";
}
.pc-request:before {
  content: "\e949";
}
/* END   "src/theme/glyphs/purecloud-glyphs.less" */
/**************************************************/