/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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"], /* 1 */
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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
https://github.com/ghinda/css-toggle-switch

This is free and unencumbered software released into the public domain.

Anyone is free to copy, modify, publish, use, compile, sell, or
distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any
means.

In jurisdictions that recognize copyright laws, the author or authors
of this software dedicate any and all copyright interest in the
software to the public domain. We make this dedication for the benefit
of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of
relinquishment in perpetuity of all present and future rights to this
software under copyright law.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

For more information, please refer to <http://unlicense.org/>*/

  .switch {
    display: inline-block;
    height: 40px;
    padding: 0;
    margin-right: 10px;
    float:right;
    width:100px;

    background-color: rgb(170,170,170);
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  }

  .switch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .switch-title {
    width:100px;
    float:left;
    line-height:40px;
    vertical-align:middle;
    display:inline-block;
  }

  .switch-label
  {
    line-height: 40px;
    vertical-align: middle;
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    text-align: center;
    background: transparent;
    border: none;
    padding: 0;
    color: #FFF;
  }

  .switch3-label
  {
    line-height: 40px;
    vertical-align: middle;
    float: left;
    width: 33%;
    height: 100%;
    margin: 0;
    text-align: center;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    color: #FFF;
  }

  .switch3-label:nth-of-type(2) {
    width:34%;
  }


  .switch-active {
    cursor: default;
    border: 1px solid #333;
    background-color: rgb(95,95,95);
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
  }
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;

  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
}

.btn-primary {
  color: #ffffff;
  background-color: #0044cc;
  border-color: #0044cc #0044cc #002a80;
}

.btn-warning {
  color: #ffffff;
  background-color: #f89406;
  border-color: #f89406 #f89406 #ad6704;
}

.btn-danger {
  color: #ffffff;
  background-color: #bd362f;
  border-color: #bd362f #bd362f #802420;
}

.btn-success {
  color: #ffffff;
  background-color: #51a351;
  border-color: #51a351 #51a351 #387038;
 }

 .btn-info {
  color: #ffffff;
  background-color: #2f96b4;
  border-color: #2f96b4 #2f96b4 #1f6377;
}

.btn-inverse {
  color: #ffffff;
  background-color: #222222;
  border-color: #222222 #222222 #000000;
}

/* Infinite Convergence Web Client */

/*------------------------------------------------------------------------------
 *
 *  NetSfere Client Stylesheet
 *
 *  Color Palette (Old Cordova Apps):
 *
 *    #000000 - User-Entered Text
 *    #4a4a4a - Headers, Active Controls, Labels
 *    #9b9b9b - Inactive Controls, List Separators
 *    #d4d4d4 - Sub-Headers, Screen Backgrounds
 *    #f6f6f6 - List Item Backgrounds
 *    #ffffff - Header Text, Menu Text
 *
 *  New Color Palette:
 *
 *    #de4858 - Red highlights on button/icon backgrounds
 *    #575757 - Dark gray for page header
 *    #9a9a99 - Medium gray for most controls
 *    #e6e6e6 - Light gray for navigation sidebar
 *    #d4d4d4 - List separators
 *
 *----------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
 *
 *  General Styles
 *
 *----------------------------------------------------------------------------*/

:root {
   --dot-spacing: 12px;
   --dot-size: 7px;
}

:focus {
   outline: 0;
}

/* remove password reveal button from edge browser */
::-ms-reveal {
   display: none;
}

html {
   font-size: 62.5%;
}

html, body {
   height: 100%;
   margin: 0;
   min-height: 100%;
   overflow: hidden;
   padding: 0;
}

body {
   -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */

   background: #ffffff;
   font-size: 100%;
   font-size: 14px; font-size: 1.4rem; /* =14px */
   /* line-height: 14px; line-height: 1.4rem; =14px */
   line-height: 14px;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-weight: normal;
   overflow: hidden;
   text-size-adjust: none;
      -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
   user-select: text;
      -webkit-user-select: text; /* prevent copy paste, to allow, change 'none' to 'text' */
      -moz-user-select: text;
      -ms-user-select: text;
}

a:visited, a:hover, a:link, a:active {
  /* color: inherit; */
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

/* https://github.com/ftlabs/fastclick */
a, input, button {
   -ms-touch-action: none !important;
}

input[type=text]:focus {
  border-color: #de4858;
  box-shadow: inset 0 1px 1px #de4858, 0 0 8px #de4858;
}


.activateInputText[disabled] {
   background-color: #d6d6d6;
   color: #808080;
}

/* This class is used places we want to simulate a DOM element having an
  input focus type-style.  Ex: conversations settings, where a div is used in
  place of an input */
.inputFocus {
  border-color: #de4858;
  box-shadow: inset 0 1px 1px #de4858, 0 0 8px #de4858;
}

/* Shared attributes for all overlays */

.hide {
   display: none;
}
.overlay {
   filter: alpha(opacity=0); /* For IE8 and earlier */
   opacity: 0;
}

.TestWrapper {
   overflow-x: hidden;
   position: absolute;
   right: 0;
   bottom: 0;
}

.wrapper {
   width: 100%;
}

.wrapperNoTop {
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
}

.wrapperHeader {
   bottom: 0;
   left: 0;
   position: absolute;
   top: 30px;
}

.wrapperHeaderSubheader { /* REMOVE THIS */
   bottom: 0;
   left: 0;
   position: absolute;
   top: 80px;
}

.wrapperSideBarHeader {
   bottom: 0;
   left: 40px;
   position: absolute;
   right: 0;
   top: 40px;
   z-index: 2;
}

.wrapperSettingsHeader {
   bottom: 0;
   left: 0px;
   position: absolute;
   top: 0px;
   right: 0;
}

.overthrow {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

.clickableItem {
   cursor: pointer;
}

.clickableItem:hover, .clickableItem:focus {
   background: rgba(0,0,0,0.1);
}

.needsclick:active {
  background-color: #9a9a99;
}

/* Use emptyListText to display text when a list is empty. For example, the
conversation list screen might display the text "No Conversations" when the list
is empty. */

.emptyListText {
   color: #9a9a99;
   font-size: 18px;
   margin-top: 80px;
   text-align: center;
}

/* Use the controlCaret class with the Font Awesome "caret-down" icon to
indicate that a pull-down menu is present. The font-weight is set to "bold" to
make the caret larger and more visible. */

.controlCaret {
   font-weight: bold;
}

.badge {
   -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
   background-color: #980000;
   border: 2px solid #ffffff;
   color: #ffffff;
   font-size: 10px;
   font-weight: bold;
   height: 16px;
   line-height: 16px;
   min-width: 16px;
   padding: 2px;
   text-align: center;
   vertical-align: middle;
}
.unreadBadge {
   background:rgb(107,107,107);
   width:10px;
   height:10px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.favoriteBanner {
   top: -1px;
   left: -1px;
   width: 40px;
   height: 40px;
   position: absolute;
}

.list{
}

.listItem {
   padding: 10px;
   display: flex;
   border-bottom: 1px solid #EDE9E9;
   color: #4a4a4a;
   background-color: #FFF;
}

/*------------------------------------------------------------------------------
 *
 *  Navigation Side Bar
 *
 *  These styles define the common appearance attributes of the navigation side
 *  bar that appears on the left side of the screen.
 *
 *----------------------------------------------------------------------------*/

.navSidebar {
   top: 0;
   left: 0;
   height: 100%;
   width: 40px;
   background-color: rgb(230,230,230);
   position: fixed;
   overflow: hidden;
}

.navSidebarButton {
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   font-size: 34px;
   color: #8c8c8c;
   padding: 17px 3px;
}

.navSidebarButtonActive {
   color: #333333;
}

/*------------------------------------------------------------------------------
 *
 *  Screen Headers & Sub-Headers
 *
 *  These styles define the common appearance attributes of headers and
 *  subheaders at the top of some screens.
 *
 *  Headers are 40px tall and stretch across the full width of the screen. They
 *  are positioned at the very top of the screen.
 *
 *  Subheaders are 40px tall and stretch across the full width of the screen.
 *  They are positioned just beneath a header and should never appear without a
 *  header above them.
 *
 *----------------------------------------------------------------------------*/

.screenHeader, .screenHeader2 {
   background-color: rgb(104,104,104);
   cursor: default;
   left: 40px;
   right: 0;
   overflow: hidden;
   position: fixed;
   top: 0;
   height: 40px;
   text-align: center;
}

.screenHeader {
   height: 40px;
   /*opacity: .9;*/
   line-height: 40px;
   z-index: 5;
}

.screenHeader2 {
   height: 80px;
   line-height: 80px;
}
.screenHeader3 {
   background-color: #575757;
   opacity: .9;
   cursor: default;
   left: 0;
   right: 0;
   overflow: hidden;
   position: fixed;
   padding: 0 50px;
   top: 0;
   height: 40px;
   line-height: 40px;
   text-align: center;
   z-index: 5;
}

.screenHeader4 {
   background-color: #de4858;
   opacity: .9;
   cursor: default;
   left: 0;
   right: 0;
   overflow: hidden;
   position: fixed;
   padding: 0 50px;
   top: 0;
   height: 40px;
   line-height: 40px;
   text-align: center;
   z-index: 5;
}

.screenContent {
   text-align: center;
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 0 30px;
}

.screenHeaderFiller {
   background-color: transparent;
   cursor: default;
   left: 0;
   right: 0;
   overflow: hidden;
   padding: 0 50px;
   line-height: 40px;
   text-align: center;
   z-index: 5;
}

.screenHeaderTitle {
   color: white;
   font-size: 18px;
   line-height: 40px;
}

.addConversationButton {
   position: absolute;
   top: 0px;
   right: 0px;
   padding: 7px;
   color: white;
   text-align: center;
   line-height: 40px;
   font-size: 18px;
}

.screenHeaderRightIcon {
   position: absolute;
   top: 0;
   right: 0;
   color: white;
   text-align: center;
   line-height: 40px;
   min-width: 40px;
   padding: 0 7px;
   font-size: 24px;
}

.screenHeaderRightButton {
   position: absolute;
   top: 0;
   right: 0;
   color: white;
   text-align: center;
   line-height: 40px;
   min-width: 40px;
   padding: 0 7px;
   font-size: 18px;
}

.screenHeaderSelValue {
   position: absolute;
   top: 0;
   left: 40px;
   color: white;
   text-align: right;
   line-height: 40px;
   padding: 0 5px;
   font-size: 18px;
}

.screenHeaderRightButtonAlign {
   position: absolute;
   top: 0;
   right: 0;
   color: white;
   text-align: center;
   line-height: 55px;
   min-width: 40px;
   padding: 0 7px;
   font-size: 18px;
}

.screenHeaderLeftButton {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   color: white;
   text-align: center;
   line-height: 40px;
   font-size: 24px;
}

.screenHeaderLeft {
   height: 40px;
   left: 0;
   position: absolute;
   top: 0;
   white-space: nowrap;
}

.screenHeaderRight {
   height: 40px;
   position: absolute;
   right: 0;
   top: 0;
   white-space: nowrap;
}

.screenHeaderItem {
   background-color: #4a4a4a;
   color: #ffffff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   overflow: hidden;
   vertical-align: top;
}

.screenHeaderTabFront {
   background-color: #d4d4d4;
   color: #4a4a4a;
   cursor: default;
}

.screenHeaderIcon {
   font-size: 28px;
   text-align: center;
   width: 60px;
}

.preferenceButton {
   color: rgb(115,115,115);
   display: inline-block;
   height: 40px;
   line-height: 40px;
   overflow: hidden;
   vertical-align: top;
   font-size: 28px;
   text-align: center;
   width: 50px;
}

.screenHeaderText {
   text-align: left;
}

.screenSubheader {
   background-color: #d4d4d4;
   border-bottom: 1px solid #9b9b9b;
   color: #4a4a4a;
   cursor: default;
   font-size: 16px;
   font-weight: bold;
   height: 40px;
   left: 0;
   line-height: 40px;
   overflow:hidden;
   position: absolute;
   text-align: left;
   top: 40px;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.screenSubheaderItem {
   color: #4a4a4a;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   overflow: hidden;
}

.screenSubheaderIcon {
   font-size: 22px;
   text-align: center;
   width: 60px;
}

.screenSubheaderText {
   text-align: left;
}

/*------------------------------------------------------------------------------
 *
 *  Tab Set
 *
 *  These styles are associated with the set of tabs that appear at the top of
 *  screens that contain lists of items. These tabs are typically used to filter
 *  the items in the list.
 *
 *----------------------------------------------------------------------------*/

.tabSet {
   border-radius: 4px;
   border: 1px solid #8c8c8c;
   display: inline-block;
   height: 40px;
   margin: 0 6px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.tabSetItem {
   border-radius: 0;
   border-right: 1px solid #8c8c8c;
   color: #8c8c8c;
   display: inline-block;
   font-size: 12px;
   height: 38px;
   line-height: 38px;
   text-align: center;
   width: 60px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.tabSetItemLast {
   border-right: none;
}

.tabSetItemSelected {
   background: #8c8c8c;
   color: #ffffff;
}

.buttonGroup {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;

   -webkit-padding-start: 0;
   -moz-padding-start: 0;

   -webkit-box-orient: horizontal;
   -moz-box-orient: horizontal;
   box-orient: horizontal;

   -webkit-box-pack:justify;
   -moz-box-pack:justify;
   box-pack:justify;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   width: auto;
   min-width: 240px;
   height:38px;
   margin: 0 6px;
   left: 0;
   float: center;

}

.buttonGroup > li {
   display: block;
   -webkit-box-flex: 1;
   -moz-box-flex: 1;
   -ms-box-flex: 1;
   -ms-flex: 1;
   border: solid 1px #EDE9E9;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   text-align: center;
   color: #6b6b6b;
   font-size: 12px;
   line-height: 3;
   width: 100%;
   height: 38px;
}

.buttonGroup > li:hover{
   background-color: #FAF7F5;
}

.buttonGroup > li:first-child {
   -webkit-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.buttonGroup > li:last-child {
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.buttonGroup > li.selected {
   background-color: #d34958;
   color: #fff;
   border-color: #BA2637;
}
.buttonGroup > li.image{
  display:block;
  margin-right:4px;
  background-color: rgb(255,179,59);
}

.buttonGroup > li > .image,
.buttonGroup > li > .image > img{
  width:24px;
  height:24px;
}

.buttonGroup > li.optionsListItem {
  line-height: 1;
}

/*------------------------------------------------------------------------------
 *
 *  Screen List
 *
 *  These styles are associated with screens that contain lists of items as
 *  their primary component. Examples include the conversations screen and the
 *  contacts screen.
 *
 *  Screen list items are 64px tall and have 64px-wide areas on the right and
 *  left for icons or controls. Text content appears in the variable-width
 *  center area.
 *
 *----------------------------------------------------------------------------*/

.screenListHeader {
   background-color: #d4d4d4;
   border-bottom: 1px solid #9b9b9b;
   border-top: 1px solid #9b9b9b;
   color: #4a4a4a;
   font-size: 16px; font-size: 1.6rem; /* =16px */
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   margin-top: 10px;
   text-align: left;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.screenListHeaderItem {
   color: rgb(130,130,130);
   cursor: pointer;
   display: inline-block;
   height: 33px;
   margin-left: 22px;
   line-height: 33px;
   font-weight: normal;
   overflow: hidden;
   vertical-align: top;
}

.screenListHeaderIcon {
   cursor: pointer;
   font-size: 20px;
   text-align: center;
   width: 52px;
}

.screenListHeaderText {
   text-align: left;
}

.screenListControls {
   border-bottom: 1px solid rgb(200,200,200);
   margin-top: 10px;
   padding-bottom: 10px;
   text-align: center;
}

.screenListSearchWrapper {
   position: relative;
   display: inline-block;
   width: 240px;

}

.screenListSearchField {
   border-radius: 5px;
   border: 1px solid #d4d4d4;
   font-size: 12px;
   height: 30px;
   margin-top: 6px;
   text-align: center;
   white-space: nowrap;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.icon-searchCSS {
    color:#d4d4d4;
    background-color:white;
    position:absolute;
    top: 14px;
    left: 10px;
}

.icon-remove-circle {
    color:#9b9b9b;
    background-color:white;
    position:absolute;
    top: 14px;
    right: 10px;
}

.conversationScreenItem {
   background-color: #ffffff;
   border-bottom: 1px solid #d4d4d4;
   color: #4a4a4a;
   cursor: pointer;
   height: 64px;
   position: relative;
}

.conversationScreenItem, .conversationListItem {
   background-color: #ffffff;
   border-bottom: 1px solid #d4d4d4;
   color: #4a4a4a;
   cursor: pointer;
   height: 64px;
   position: relative;
}

.listItemOverlay {
  height: 100%;
  width: 100%;
  background-color: #9b9b9b;
  opacity: 0.2;
  z-index: 6;
  position: absolute;
}

.screenListItem {
   background-color: #FFF;
   border-bottom: solid #EDE9E9;
   border-width: 1px 0px;
   color: #4a4a4a;
   cursor: pointer;
   height: 64px;
   position: relative;
}

.screenListItem:hover {
   background-color: #FAF7F5;
}

.conversationListItem {
   height: 64px; height: 6.4rem; /* 64px; */
   min-height: 64px;
}

.conversationListItem:hover {
   background-color: #FAF7F5;
}

.screenListIcon {
   height: 54px;
   text-align: center;
   width: 54px;
   padding: 5px;
}

.screenListIcon i {
   font-size: 28px;
   line-height: 54px;
   text-align: center;
}

.screenListAvatar {
   height: 54px;
   left: 5px;
   position: absolute;
   text-align: center;
   top: 5px;
   width: 54px;
   padding-top: 2px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.screenListDetail {
   color: #000000;
   height: 54px;
   left: 70px;
   position: absolute;
   right: 40px;
   top: 5px;
}

.conversationListDetail {
   color: #000000;
   left: 64px;
   position: absolute;
   right: 10px;
   top: 5px;
   height: 54px; height: 5.4rem; /* 54px; */
   min-height: 54px;
}

.screenListSpecial {
   color: #4a4a4a;
   font-size: 16px; font-size: 1.6rem; /* =16px */
   font-weight: bold;
   line-height: 54px;
   overflow: hidden;
   text-align: left;
   white-space: nowrap;
}

.screenListControlInactive {
   color: #d4d4d4;
}

.screenListControlActive {
   color: rgb(255,180,60);
}

#screenListItemMenuOverlay {
   background-color: #000000;
   bottom: 0;
   margin: 0;
   padding: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 4;
}

.screenListItemMenu2 {
   border-radius: 5px;
   color: #ffffff;
   height: 54px;
   position: relative;
   right: 44px;
   width: 30px;
   /* left: 1000px; */
   margin-left: auto;
   padding-right: 25px;
   top: 5px;
   white-space: nowrap;
   z-index: 5;
}

.screenListItemMenu2:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-left-color: rgb(255,179,59);
   border-width: 6px;
   content: ' ';
   height: 0;
   pointer-events: none;
   position: absolute;
   right: -12px;
   top: 22px;
   width: 0;
}

.screenListItemMenu {
   border-radius: 5px;
   color: #ffffff;
   height: 54px;
   position: absolute;
   right: 44px;
   margin-left: auto;
   top: 5px;
   white-space: nowrap;
   z-index: 5;
}

.screenListItemMenu:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-left-color: rgb(255,21,40);
   border-width: 6px;
   content: ' ';
   height: 0;
   pointer-events: none;
   position: absolute;
   right: -12px;
   top: 22px;
   width: 0;
}

 /* This is the 'right' arrow that displays after the conversation options button is clicked
  on the conversation screen.  Since we hide the red  'Leave Conversation' button when a
  chatbox coversation is clicked, this blue arrow displays after the mute button */
.screenListItemBlue:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-left-color: rgb(0,153,203);
   border-width: 6px;
   content: ' ';
   height: 0;
   pointer-events: none;
   position: absolute;
   right: -12px;
   top: 22px;
   width: 0;
}

.screenListItemEmilItem {
   border-radius: 5px;
   background-color: gray;
   border-left: 1px solid #ffffff;
   display: inline-block;
   font-size: 8px;
   height: 55px;
   line-height: 8px;
   text-align: center;
   width: 54px;
   position: relative;
   float: left;
}

.screenListItemFavItem {
   border-radius: 5px;
   background-color: rgb(255,179,59);
   border-left: 1px solid #ffffff;
   display: inline-block;
   font-size: 8px;
   height: 55px;
   line-height: 8px;
   text-align: center;
   width: 54px;
   position: relative;
   float: left;
}

.screenListItemIgnoreItem {
   border-radius: 5px;
   background-color: rgb(0,153,203);
   border-left: 1px solid #ffffff;
   display: inline-block;
   font-size: 8px;
   position: relative;
   height: 55px;
   line-height: 8px;
   text-align: center;
   width: 54px;
   float: left;
}

.screenListItemLeaveItem {
   border-radius: 5px;
   background-color: rgb(255,21,40);
   border-left: 1px solid #ffffff;
   display: inline-block;
   font-size: 8px;
   height: 55px;
   line-height: 8px;
   text-align: center;
   width: 54px;
   position: relative;
   float: left;
}

.screenListItemMenu3 {
   border-radius: 5px;
   color: #ffffff;
   height: 54px;
   position: relative;
   right: 44px;
   width: 29px;
   margin-left: auto;
   padding-right: 80px;
   top: 5px;
   white-space: nowrap;
   z-index: 5;
}

.screenListItemMenu3:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-left-color: rgb(107, 169, 35);
   border-width: 6px;
   content: ' ';
   height: 0;
   pointer-events: none;
   position: absolute;
   right: -12px;
   top: 22px;
   width: 0;
}

.screenListItemNotificationType {
   border-radius: 5px;
   background-color: rgb(107, 169, 35);
   border-left: 1px solid #ffffff;
   display: inline-block;
   font-size: 8px;
   height: 55px;
   line-height: 8px;
   text-align: center;
   width: 54px;
   position: relative;
}

.screenListItemMenuItem:first-of-type {
   border-left: none;
}

#emptyOrgHint {
   background-color: #ff0000;
   color: #ffffff;
   font-size: 14px;
   padding: 16px;
   position: relative;
   text-align: center;
}

/*------------------------------------------------------------------------------
 *
 *  App Menus
 *
 *  These styles are associated with vertically-arranged menus containing text
 *  items.
 *
 *----------------------------------------------------------------------------*/

.appMenu {
   display: none;
   position: absolute;
   z-index: 5;
}

.appMenuButtons {
  background-color: rgb(106,106,106);
  color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
}

.appMenuItem {
   border-top: 1px solid #9b9b9b;
   height: 40px;
   /* line-height: 45px; */
   /* text-align: left; */
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
}

.appMenuItem:hover {
  background-color: #9b9b9b;
  cursor: pointer;
}

.appMenuItem:first-of-type {
   border-top: none;
}

.appMenuItemIcon {
   display: inline-block;
   font-size: 22px;
   /*height: 45px;*/
   /*line-height: 0px;*/
   text-align: center;
   width: 40px;
   padding-top: 10px;
   padding-right: 5px;
}

.appMenuItemText {
   display: inline-block;
   font-size: 16px;
   /* font-weight: bold; */
   /* height: 45px; */
   vertical-align: top;
   padding-top: 12px;
   /* margin-bottom: 0px; */
   /* line-height: 45px; */
   padding-right: 20px;
}

.chatAttachFileLabel  {
      width: 100%;
   height: 100%;
   display: inline-block;
   cursor: pointer;
}

.attachHiddenButton {
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
}

.emailMenuItem {
   border-bottom: 1px solid #9b9b9b;
   height: 40px;
   vertical-align: middle;
   white-space: nowrap;
}

.emailMenuItem:last-of-type {
   border-bottom: none;
}

.emailMenuItemText {
   display: inline-block;
   font-size: 16px;
   vertical-align: top;
   padding-top: 12px;
   padding-right: 20px;
   padding-left: 10px;
   text-align: center;
}

.emailMenuItemText:hover {
   color: #de4858;
}

/*------------------------------------------------------------------------------
 *
 *  Search Boxes
 *
 *  These styles are associated with search boxes used throughout the app.
 *
 *----------------------------------------------------------------------------*/

.searchBar {
   background-color: rgb(230,230,230);
   border-bottom: 1px solid #9b9b9b;
   color: #4a4a4a;
   height: 40px;
   line-height: 40px;
   text-align: left;
   width: 100%;
   position: relative;


   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.topBorder {
   border-top: 1px solid #9b9b9b;
}

.searchBarLeftIcon {
   height: 40px;
   left: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 60px;
}

.searchBarRightIcon {
   color: rgb(185,185,185);
   height: 40px;
   right: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 60px;
}

.searchBarLeftIcon i, .searchBarRightIcon i {
   font-size: 28px;
   line-height: 40px;
   text-align: center;
}

.searchBarInput {
   background-color: transparent;
   border: none;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   height: 40px;
   line-height: 16px;
   padding: 0 70px;
   vertical-align: top;
   white-space: nowrap;
   width: 100%;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

/*------------------------------------------------------------------------------
 *
 *  Avatars & Presence
 *
 *  All avatars consist of an <img> wrapped inside of a <div>. The <div> uses
 *  relative positioning so that other elements placed within the <div> may be
 *  placed over the avatar using absolute positioning.
 *
 *  Avatars come in three sizes: Small (25x25 pixels), Medium (50x50 pixels) and
 *  Large (100x100 pixels).
 *
 *----------------------------------------------------------------------------*/
[class^="avatar"]>img.presenceIcon {
   position:relative;
   left: 18px;
   top: -18px;
   height:18px;
   width:18px;
}

.avatarLarge img.presenceIcon {
   top: -30px;
   left: 30px;
   height: 30px;
   width: 30px;
}

[class^="avatar"] {
   display: inline-block;
   border-radius: 100%; /* Opera 10.5, IE 9 */
   -webkit-border-radius: 100%; /* Safari 3+, Chrome */
   -moz-border-radius: 100%; /* Firefox */
   vertical-align: bottom;
   text-align: center;
}

[class^="avatar"]>img{
   height: inherit;
   border-radius: inherit;
   -webkit-border-radius: inherit;
   -moz-border-radius: inherit;
}

[class^="avatarSmall"]{
   height: 25px;
   width: 25px;
}

.avatarSmallParticipant {
   vertical-align: bottom;
}
.avatarMedium {
   height: 50px;
   width: 50px;
}

.avatarMediumChat {
   height: 50px;
   width: 50px;
}

.avatarMediumChat:hover {
   border: 1px solid #de4858;
}

.avatarMediumClear {
   height: 50px;
   width: 50px;
   border: 1px solid #de4858;
}

.avatarLarge {
  cursor: pointer;
  height: 100px;
  width: 100px;
}
/* REDUNDANT SELECTORS DEPRECATED BY ABOVE CSS *//*
.avatarSmall
.avatarSmall img
*//* END REDUNDANT SELECTORS */

.changeAvatarLarge {  /* REMOVE THIS */
   background: rgba(168,200,238,.7);
   bottom: 0;
   color: #ffffff;
   font-size: 9px;
   font-weight: bold;
   left: 0;
   line-height: 9px;
   position: absolute;
   padding: 7px 0;
   text-align: center;
   width: 100px;
}

/*------------------------------------------------------------------------------
 *
 *  Container Icons
 *
 *  These styles are associated with the icons that represent chat containers
 *  (also known as conversations). They are contructed from 1 to 4 participant
 *  avatars.
 *
 *----------------------------------------------------------------------------*/

.conversationAvatarGrid-1 {
   display: inline-block;
   float: left;
   height: 50px;
   width: 50px;
   border: none;
}

.conversationAvatarGrid-4 {
   display: inline-block;
   float: left;
   height: 25px;
   margin: 1px;
   width: 25px;
}
.avatarGridPlus {
   background-color: black;
   font-family: verdana;
   font-size: 8pt;
   vertical-align: middle;
   line-height: 25px;
   color: white;
}


/*------------------------------------------------------------------------------
 *
 *  convSettings
 *
 *  These styles define the conversation setting template
 *----------------------------------------------------------------------------*/
nav {
   background-color: #686868;
   cursor: default;
   position: relative;
   text-align: center;
   overflow: hidden;
   color: white;
   line-height: 40px;
   font-size: 18px;
}
nav>div{
   height: 40px;
   min-width:40px;
   display:inline-block;
   cursor:pointer;
   position: absolute;
}
nav>div:first-child{
   left: 0;
   font-size: 24px;
}
nav>span.inputWrapper>input[type="text"]{
   background-color: #858585;
   color:inherit;
   border:none;
   padding: 6px;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 40%;
}
nav>span.inputWrapper>input[type="text"]:disabled{
   background-color: #686868;
   text-align: center;
}
nav>span.inputWrapper>input[type="text"]::-webkit-input-placeholder{
  color: #DDD;
}
nav>div:last-child{
   right: 0;
   padding:0 5px;
}
#settingsWrapper{
   padding: 10px;
}
.userTag{
   display:inline-block;
   background-color: #5c9cd6;
   height: 25px;
   font-size: 14px;
   border-radius: 25px;
   margin-right: 5px;
   margin-bottom: 5px;
   padding-right: 10px;
   color: white;
}
.userTag>img {
   width: 25px;
   border-radius: 100%;
}

.userTag>span,.userTag>i{
    vertical-align: 7px;
}

.guestUserTag{
   display:inline-block;
   background-color: #888483;
   height: 25px;
   font-size: 14px;
   border-radius: 25px;
   margin-right: 5px;
   margin-bottom: 5px;
   padding-right: 10px;
   color: white;
}
.guestUserTag>img {
   width: 25px;
   border-radius: 100%;
}

.guestUserTag>span,.guestUserTag>i{
    vertical-align: 7px;
}

.icon-remove:hover {
  color: #de4858;
  cursor: pointer;
}

#participantsFieldset{
   flex: 1;
   font-size: 18px;
   border: 1px solid lightgrey;
   border-radius: 5px;
   margin: 5px 10px;
   padding: 10px;
}
#participantsLegend{
   color: #696969;
}
#participantsWrapper{
   display: flex;
   flex-flow: row wrap;
   align-content: space-between;
   padding: 5px 10px;
}
#participantsLabel{
   align-self: flex-start;
   flex: 100%;
   color: #696969;
   padding: 4px;
   margin: 6px 0;
   text-decoration: underline;
}
#participantsSearch{
   border: none;
   flex: 1 1 100px;
   background: rgba(0,0,0,0.05);
   border-radius: 10px;
   margin: 0 4px 5px 0;
   padding: 0 10px;
   font-size: 14px;
   height: 25px;
}

#contactsSearchInp{
   border: none;
   flex: 1 1 200px;
   background: rgba(0,0,0,0.05);
   border-radius: 10px;
   margin: 0 4px 5px 0;
   padding: 0 10px;
   font-size: 12px;
   height: 25px;
}

#contactsSearchInp:focus{
    outline: none !important;
    border-color: none;
    box-shadow: 0 0 10px white;
}

#contactsSearchInp{
   border: none;
   flex: 1 1 200px;
   background: rgba(0,0,0,0.05);
   border-radius: 10px;
   margin: 0 4px 5px 0;
   padding: 0 10px;
   font-size: 12px;
   height: 25px;
}

#contactsSearchInp:focus{
    outline: none !important;
    border-color: none;
    box-shadow: 0 0 10px white;
}

#participantsWrapper>i{
   align-self: center;
   color: #696969;
   margin-bottom: 5px;
}

.banner{
   background-color: #EFEFEF;
   border-bottom: 1px solid #C9C9C9;
   color: #9A9A9A;
   line-height: 30px;
   padding-left: 15px;
}

.letterBanner{
   font-size: 0.8em;
}
#favoritesBanner>span{
   font-size: 24px;
   color: #FFB500;
   vertical-align: sub;
}
#settingsWrapper{
   border-bottom: 1px solid #c9c9c9;
   display:flex;
}
.convSettingsButton{
   flex: 0 0 auto;
   margin: auto 2px;
}
.convSettingsButtonToolTip{
   z-index: 10;
   display: none;
   padding: 5px;
   margin: 10px;
   line-height: 14px;
   right: 0;
   bottom: -28px;
}
.convSettingFavoriteStar {
   font-size: 24px;
   line-height: 32px;
   color: rgb(255,180,0);
   vertical-align: middle;
   padding-right: 8px;
}

.FavoritebannerBar {
   background-color: rgb(240,240,240);
   border-bottom: 1px solid rgb(240,240,240);
   color: rgb(150,150,150);
   padding-left: 15px;
   line-height: 30px;
   position: relative;
}

.bannerBar {
   background-color: rgb(240,240,240);
   border-bottom: 1px solid rgb(240,240,240);
   color: rgb(150,150,150);
   padding-left: 20px;
   line-height: 24px;
   position: relative;
   text-transform: uppercase;
}

.mainBannerBar {
   background-color: rgb(240,240,240);
   border-bottom: 1px solid rgb(240,240,240);
   color: rgb(150,150,150);
   padding-left: 20px;
   line-height: 30px;
   position: relative;
   text-transform: uppercase;
}

.convSettingHeaderPart {
   position: relative;
   margin-top: 5px;
   padding-left: 15px;
   padding-bottom: 5px;
   color: rgb(180,180,180);
}

.convSettingHeader {
   position: relative;
   margin-top: 5px;
   padding-top: 10px;
   padding-left: 15px;
   padding-bottom: 5px;
   color: rgb(180,180,180);
}

.convSettingFixed {
   position: fixed;
   border-bottom: 1px solid rgb(240,240,240);
   z-index: 3;
   top: 40px;
   left: 0px;
   height: auto;
   background-color: white;
}

.convSettingLeaveContacts {
   top: 140px;
   bottom: 0;
   left: 0;
   position: absolute;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 2;
}

.convSettingContacts {
   top: 193px;
   bottom: 0;
   left: 0;
   position: absolute;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 2;
}

.convSettingParticipants {
   /*min-height: 33px;*/
   max-height: 60px;
   position: relative;
   white-space: normal;
}

.convSettingElement {
   min-height: 33px;
   position: relative;
   white-space: nowrap;
}

.convSettingElementCenter {
   text-align: left;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingControlWrapper {
   min-height: 40px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingElementBorder {
   /*border: 1px solid #d4d4d4;*/
   position: relative;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingControl {
   background-color: transparent;
   border: transparent;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   width: 100%;
   height: 40px;
   margin-bottom: 3px;
   line-height: 40px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingControlSearch {
   /*background-color: #ffffff;*/
   border: 1px solid #d4d4d4;
   border-radius: 0 0 5px 5px;
   /* color: #000000; */
   /* font-family: verdana,helvetica,tahoma,arial,sans-serif; */
   /* font-size: 16px; */
   /* width: 98%; */
   /*min-height: 35px;*/
   height: auto;
   /*line-height: 40px;*/
   /*margin-bottom: 10px;*/
   /* text-align: left; */
   vertical-align: middle;
   white-space: nowrap;
   margin-left: 12px;
   margin-right: 12px;
   padding-left: 10px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.convSettingControlParticipants {
   /*background-color: #ffffff;*/
   border: 1px solid #d4d4d4;
   border-bottom: none;
   border-radius: 5px 5px 0 0;
   /*border-radius: 5px;*/
   /* color: #000000; */
   /* font-family: verdana,helvetica,tahoma,arial,sans-serif; */
   /* font-size: 16px; */
   /* width: 98%; */
   /*min-height: 35px;*/
   height: auto;
   /*line-height: 40px;*/
   /*margin-bottom: 10px;*/
   /* text-align: left; */
   vertical-align: middle;
   white-space: nowrap;
   margin-left: 12px;
   margin-right: 12px;
   padding-left: 10px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.convSettingControlOwner {

   background-color: #ffffff;
   border: 1px solid #d4d4d4;
   border-radius: 5px;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   margin-bottom: 10px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
   margin-left: 12px;
   margin-right: 12px;
   padding-left: 10px;
   display: table-cell;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */

}

.convSettingControlNotOwner {

   background-color: #ffffff;
   border: 1px solid #d4d4d4;
   border-radius: 5px;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   width: 98%;
   height: 40px;
   line-height: 40px;
   margin-bottom: 5px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
   margin-left: auto;
   margin-right: auto;
   padding-left: 10px;
   display: table-cell;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */

}


#checkmark {
   display:inline-block;
   width: 34px;
   height:32px;
   -ms-transform: rotate(45deg); /* IE 9 */
   -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
   transform: rotate(45deg);
}

#circle {
   position: absolute;
   width:0;
   height:0;
   border:16px solid rgb(201,201,201);
}

#stem {
   position: absolute;
   width:2px;
   height:18px;
   background-color:#fff;
   left:16px;
   top:6px;
}

#kick {
   position: absolute;
   width:8px;
   height:2px;
   background-color:#fff;
   left:10px;
   top:22px;
}

.convSettingListHeader {
   background-color: rgb(240,240,240);
   /*border: 1px solid #d4d4d4;*/
   border-bottom: none;
   color: #4a4a4a;
   font-size: 15px; font-size: 1.5rem; /* =16px */
   font-weight: bold;
   height: 33px;
   line-height: 33px;
   text-align: left;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingSelected {
   background-color: rgb(92,156,214);
   cursor: pointer;
   /*min-width: 10%;*/
   border-radius: 30px;
   height: 25px;
   margin: 5px 5px;
   /* padding: 5px 5px; */
   display: inline-block;
   position: relative;
}

.convSettingListItem {
   border-bottom: 1px solid #d4d4d4;
   color: #4a4a4a;
   cursor: pointer;
   height: 48px;
   position: relative;
   padding: 10px;
}

.convSettingListItem:focus {
   background-color: #EAE7E5;
}

.convSettingListAvatar {
   height: 48px;
   text-align: center;
   width: 48px;
   display: inline-block;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingCheckIcon {
   margin: 8px;
   background: transparent;
   display: inline-block;
   vertical-align: top;
   height: 30px;
   width: 30px;
   -webkit-border-radius: 30px; /* Saf3+, Chrome */
   border-radius: 30px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 30px;
}
.convSettingCheckIconItem {
   border: 1px solid rgb(201, 201, 201);
}

.convSettingNotSelectedCheckbox {
   border: 1px solid rgb(201, 201, 201);
}

.convSettingSelectedCheckbox {
   background-image: url('../images/SelectedCircle.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 38px 38px;
   margin: 8px;
   border: 1px solid transparent;
}

.convSettingSelectedDetail {
   color: #ffffff;
   /*height: 39px;*/
   left: 10px;
   position: absolute;
   /*bottom: 0px;*/
}

.convSettingListDetail {
   color: #000000;
   height: 48px;
   display: inline-block;
   overflow: hidden;
 }

.convSettingSearchBarInput {
   background-color: transparent;
   border: none;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   height: 40px;
   width: 100%;
   line-height: 16px;
   /*padding: 0 15px;*/
   vertical-align: top;
   white-space: nowrap;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.convSettingSelectedAvatar {
   display: inline-block;
   height: 30px;
   position: relative;
   width: 30px;
   padding-top: 4px;
}

.convSettingSelectedAvatar img {
   box-sizing: border-box;
   height: 30px;
   width: 30px;
   -webkit-border-radius: 100px; /* Saf3+, Chrome */
   border-radius: 100px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 100px;
}

.convSettingAvatarMedium {
}

.convSettingAvatarMedium img {
   box-sizing: border-box;
   height: 48px;
   width: 48px;
   -webkit-border-radius: 100px; /* Saf3+, Chrome */
   border-radius: 100px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 100px;
   margin-left: 20px;
   margin-right: 20px;
}

.convSettingAvatar {
   display: inline-block;
   height: 32px;
   width: 32px;
   margin: 9px;
   overflow:hidden;
   -webkit-border-radius: 100px; /* Saf3+, Chrome */
   border-radius: 100px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 100px;
}

.convSettingChangeAvatar.clickableItem:hover {
   background: transparent;
}

.convSettingChangeAvatar {
   display: table-cell;
   height: 50px;
   width: 50px;
   border: none;
}

.convSettingAvatarSelector {
   float: right;
   -webkit-box-shadow: 2px 2px 2px 2px #666;
   max-height: 530px;
   width: 360px;
   position: fixed;
   z-index: 1000;
   background-color: white;
   display: block;
   right: 15px;
   height: 70%;
   display: none;
   top: 130px;
}

.convSettingAvatarSelectorHeader {
   height: 40px;
   border-bottom: grey;
   border-bottom-width: thin;
   border-bottom-style: solid;
   top: 0;
   position: absolute;
   width: 100%;
}

.customAvatarContainer {
   overflow-y: scroll;
   position: absolute;
   top: 40px;
   bottom: 45px;
}

.customAvatarContainer .item {
   height: 50px;
   margin: 10px;
}

.customAvatarSelectorBtns {
   width: 100%;
   height: 45px;
   display: table;
   background-color: lightgrey;
   bottom: 0;
   position: absolute;
}

.uploadCustomAvatarBtn {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   border-top-style: solid;
   border-top-color: grey;
   width: 180px;
   border-top-width: 1px;
   color: #d34958;
}

.defaultCustomAvatarBtn {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   border-top-style: solid;
   border-top-color: grey;
   width: 180px;
   border-top-width: 1px;
   color: #d34958;
}

#userListScroller{
  /* top: 200px; */
}

/*------------------------------------------------------------------------------
 *
 *  Forms
 *
 *  These styles define two types of forms: The plain forms used within the app
 *  and the fancy forms used for account management functions such as sign-in
 *  and new account registration.
 *
 *----------------------------------------------------------------------------*/

.appForm {
   background-color: #ffffff;
   min-height: 100%;
   width: 100%;
}

.transparentForm {
   background-color: transparent;
   min-height: 100%;
   width: 100%;
}

.formElement {
   /* min-height: 40px; */
   padding-top: 10px;
   position: relative;
   white-space: nowrap;
   width: 100%;
}

.formElementCenter {
   padding: 0 20px;
   text-align: center;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.acceptPolicyForm {
   padding: 0 20px;
   text-align: center;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.acceptLicenseForm {
   padding: 0 20px;
   text-align: center;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formElementLeft {
   display: inline-block;
   padding-left: 20px;
   text-align: left;
   white-space: nowrap;
   width: 50%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formElementRight {
   display: inline-block;
   padding-right: 20px;
   text-align: right;
   white-space: nowrap;
   width: 50%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formElementLabel {
   color: #4a4a4a;
   display: block;
   font-size: 12px;
   height: 15px;
   line-height: 12px;
   text-align: left;
   padding-top: 10px;
   white-space: nowrap;
}

.formElementBorder {
   border-radius: 5px;
   border: 1px solid #4a4a4a;
   position: relative;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formIconWrapper {
   background-color: #de4858;
   border-radius: 5px 0 0 5px;
   border-right: 1px solid #4a4a4a;
   color: #ffffff;
   font-size: 20px;
   height: 40px;
   left: 0;
   line-height: 40px;
   position: absolute;
   text-align: center;
   top: 0;
   width: 48px;
   z-index: 1;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formInputWrapperLeft {
   background-color: #ffffff;
   border-radius: 5px 0 0 5px;
   border-right: 1px solid #4a4a4a;
   color: #000000;
   font-size: 16px;
   height: 40px;
   left: 0;
   line-height: 40px;
   position: absolute;
   text-align: center;
   top: 0;
   width: 48px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}


.formInputWrapper {
   border-radius: 5px 0 0 5px;
   border-right: 1px solid #4a4a4a;
   height: 40px;
   left: 0;
   text-align: center;
   top: 0;
   width: 48px;

   background-color: #ffffff;
   border: none;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   white-space: nowrap;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formElementIcon {
   font-size: 20px;
   line-height: 40px;
}

.formInputControl {
   background-color: #ffffff;
   border-radius: 5px 5px 5px 5px;
   border: none;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   height: 40px;
   padding-left: 16px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
   max-width: 300px;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formControlWrapper {
   min-height: 40px;
   padding: 0 0 0 40px;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formInputControlWrapper {
   min-height: 40px;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

/*  Note: As of Apr 2014, Android WebViews have a bug that causes placeholders
 *  within <input> elements of type "text" to fail to respect the
 *  "vertical-align: middle" style specification. As a result, the placeholders
 *  appear shifted toward the top of the text input. Some discussion of this
 *  issue can be found here:
 *
 *    http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding
 */

.formControl {
   background-color: #ffffff;
   border-radius: 0 5px 5px 0;
   border: none;
   color: #000000;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 16px;
   height: 40px;
   padding-left: 16px;
   text-align: left;
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;

   /*  Remove all platform-specific styling */

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.textBorderUniform {
   border-radius: 5px;
}

.formButton {
   background-color: #4a4a4a;
   border-radius: 5px;
   border: none;
   color: #ffffff;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   padding: 0 10px;
   width: 100px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.acceptLicenseButton {
   background-color: #4a4a4a;
   border-radius: 5px;
   border: none;
   color: #ffffff;
   font-size: 16px;
   height: 40px;
   border: 1px solid #7C7C7C;
   line-height: 40px;
   margin: 10px 0;
   padding: 0 10px;
   max-width: 400px;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.acceptPolicyButton {
   background-color: #4a4a4a;
   border-radius: 5px;
   border: none;
   color: #ffffff;
   font-size: 16px;
   border: 1px solid #7C7C7C;
   line-height: 40px;
   margin: 10px 0;
   padding: 0 10px;
   max-width: 400px;
   width: 100%;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.formButtonStretched {
   width: 100%;
}

.fancyFormWrapper {
   margin: 10px auto;
   opacity: 0.99;
   padding: 10px 0 20px 0;
   position: relative;
   width: 280px;
}

.fancyFormBox {
   background: #000000;
   border-radius: 5px;
   border: none;
   bottom: 0;
   left: 0;
   opacity: 0.5;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1;
}

.fancyFormTitle {
   color: #ffffff;
   text-align: center;
   font-size: 28px;
   line-height: 28px;
   margin: 0;
}

.fancyFormTagLine {
   color: #ffffff;
   font-size: 14px;
   line-height: 18px;
   margin-top: 10px;
   padding: 0 10px;
   text-align: center;
}

.fancyFormPrimaryButton {
   background-color: #de4858;
}

.fancyFormPrimaryButton:disabled {
   opacity: 0.50;
}

.fancyFormCancelButton {
   background-color: #aaaaaa;
}

.fancyFormCancelButton:disabled {
   opacity: 0.50;
}

.fancyFormLink {
   color: #ffffff;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   margin-top: 10px;
}

.fancyFormSubtitle {
   color: #ffffff;
   font-size: 16px;
   line-height: 18px;
   margin-top: 10px;
   padding: 0 10px;
   text-align: center;
}

.noticeTitle {
   color: #e6e6e6;
   text-align: center;
   font-size: 18px;
   line-height: 22px;
   margin-top: 10px;
   padding: 0 30px;
}

.noticeContent {
   color: #e6e6e6;
   text-align: center;
   font-size: 12px;
   line-height: 16px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 0 30px;
}


.invalidFormElement {
   background-color: #9a9a99;
   color: #ffffff;
}

.fancyFormBottom {
   font-size: 12px;
   margin: 10px auto;
   opacity: 0.70;
   padding: 0;
   position: relative;
   text-align: center;
   width: 280px;
}

.fancyFormBottom a:link,
.fancyFormBottom a:visited {
   color: #de4858;
   font-size: 12px;
}
.fancyFormBottom a:hover {
   color: #de4858;
   font-size: 12px;
   text-decoration: underline;
}

.tosLink {
   color: #A9A9A9;
   font-size: 11px;
   line-height:16px;
}

.tosLink:link, .tosLink:visited {
   color: #de4858;
}

/*------------------------------------------------------------------------------
 *
 *  Page Control Styles
 *
 *  These styles are associated with page controls that appear on informational
 *  pages such as the About page or the Legal & Privacy page.
 *
 *----------------------------------------------------------------------------*/

.pageDismiss {
   color: #000000;
   cursor: pointer;
   font-size: 40px;
   height: 40px;
   left: 10px;
   line-height: 38px;
   opacity: 0.50;
   position: fixed;
   text-align: center;
   top: 10px;
   width: 40px;
   z-index: 7;
}

/*------------------------------------------------------------------------------
 *
 *  transOverlay Styles
 *
 *  These styles are associated with the "transparent overlay". This is an
 *  empty, translucent <div> that covers a portion of the view port and blocks
 *  user interaction with elements behind it. It is typically used to block
 *  interaction with the main screen while a slide-out panel or menu is open.
 *
 *----------------------------------------------------------------------------*/

#transOverlay {
   background-color: #000000;
   bottom: 0;
   display: none;
   margin: 0;
   padding: 0;
   position: fixed;
   top: 0;
   width:  100%;
   z-index: 4;
}

/*------------------------------------------------------------------------------
 *
 *  screenOverlay Styles
 *
 *  These styles are associated with the "screen overlay". This is a translucent
 *  <div> that covers the entire view port and displays an optional message,
 *  animated spinner and progress bar to temporarily block user interaction
 *  while some blocking operation is in progress.
 *
 *----------------------------------------------------------------------------*/

#screenOverlay {
   background-color: #000000;
   bottom: 0;
   color: #ffffff;
   display: none;
   margin: 0;
   position: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 1000;

   /* Override default opacity so text and progress bar are visible. */

   opacity: 0.70;
}

#screenOverlayWrappper {
   margin-top: 30%;
}

#screenOverlaySpinner {
   font-size: 24px;
   width: 100px;
   height: 100px;
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

#screenOverlayText {
   font-size: 18px; font-size: 1.8rem; /* =18px */
   text-align: center;
   width: 80%;
   height: 20px;
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

#screenOverlayProgBar {
   border: 1px solid;
   height: 20px;
   padding: 1px;
   width: 80%;
   position: fixed;
   bottom: 35%;
   margin-left: 10%;
}

#screenOverlayProgBarFill {
   background-color: #ccc;
   border: none;
   line-height: 20px;
   margin: 0;
   padding: 0;
}

#screenOverlayProgBarPct {
   color: #000000;
}

.screenOverlayEmailStatus {
   font-size: 24px;
   width: 100px;
   height: 100px;
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}


/*------------------------------------------------------------------------------
 *
 *  Dialog Window Styles
 *
 *  These styles are associated with dialog windows that block interaction until
 *  the user acknowledges them or makes a choice.
 *
 *  These dialog windows appear only in web browsers; in mobile apps they are
 *  replaced by native dialog windows.
 *
 *  The three containers described by these styles are used to position the
 *  dialog window in the center of the screen both horizontally and vertically.
 *
 *----------------------------------------------------------------------------*/

#dialogOverlay {
   background-color: black;
   opacity: 0.75;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 2006;
}

.emailOverlayClass {
   background-color: black;
   opacity: 0.75;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 20;
   display: none;
}

.dialogOuterContainer {
   background-color: transparent;
   display: table;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 2006;
}

.dialogMiddleContainer {
   display: table-cell;
   vertical-align: middle;
   padding-bottom: 10%;
}

.dialogInnerContainer {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.dialogWindow {
   background-color: #ffffff;
   border: 1px solid #4a4a4a;
   border-radius: 10px;
   color: #4a4a4a;
   display: inline-block;
   font-size: 16px;
   line-height: 24px;
   max-width: 300px;
   min-width: 240px;    /* Keeps window from being too narrow for short text */
}

.dialogTitle {
   background-color: #de4858;
   border-radius: 7px 7px 0 0;
   color: #ffffff;
   font-weight: bold;
   margin: 0 auto;
   padding: 10px;
   text-align: center;
}
.dialogText {
   margin: 0 auto;
   padding: 10px 10px 0 10px;
}
.dialogText > img {
   max-width:275px;
   width:auto;
   max-height:30vh;
}
.dialogText > video {
   max-width:280px;
   width:auto;
   max-height:50vh;
}
.dialogButtonContainer {
   padding: 10px 0 20px 0;
   white-space: nowrap;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.dialogButton {
   background-color: #4a4a4a;
   border-radius: 5px;
   color: #ffffff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   margin: 0 5px;
   min-width: 70px;
   padding: 0 5px;
   text-align: center;
}
.primaryDialogButton {
  color: white;
  text-shadow: none;
  background-color: #de4858;
}
.primaryDialogButton:hover,
.primaryDialogButton:focus,
.primaryDialogButton:active,
.primaryDialogButton.active,
.primaryDialogButton[disabled],
.primaryDialogButton.disabled {
  background-color: #9b323d !important;
  color: #fff !important;
}
.secondaryDialogButton {
  color: white;
  text-shadow: none;
  background-color: #888888;
}
.secondaryDialogButton:hover,
.secondaryDialogButton:focus,
.secondaryDialogButton:active,
.secondaryDialogButton.active,
.secondaryDialogButton[disabled],
.secondaryDialogButton.disabled {
  background-color: #666666 !important;
  color: #fff !important;
}
.dialogOptions {
   margin: 0 auto;
   padding: 10px 10px 0 10px;
   text-align: left;
}
.dialogInput {
   white-space: nowrap;
   background-color: #4a4a4a;
   color: #ffffff;
   display: inline-block;
   margin: 10px;
   padding: 1px;
   text-align: left;

   border-radius: 5px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}
.dialogRadioButton {
   margin: 10px 6px 0 50px;
}

.emailDialogWindow {
   position: absolute;
   top: 20px;
   bottom:0;
   left:0;
   right:0;
   width: 320px;
   max-height: 500px;
   background-color: #Ffffff;
   border: 1px solid #4a4a4a;
   border-radius: 10px;
   color: #4a4a4a;
   display: none;
   line-height: 24px;
   z-index: 25;
   margin: auto;
}

.emailDialogTitle {
   background-color: #4a4a4a;
   border-radius: 7px 7px 0 0;
   color: #ffffff;
   font-weight: bold;
   margin: 0 auto;
   padding: 5px;
   text-align: center;
   line-height: 30px;
}

.emailScreenHeaderTitle {
   color: white;
   font-size: 14px;
   line-height: 27px;
}

#emailCancelButton {
   height: 35px;
   width: 35px;
   float: left;
}

#emailSendButton {
   height: 30px;
   width: 30px;
   float: right;
   padding-left:5px;
}

#emailIdTags{
   overflow-y:auto;
}

#emailContactsBanner {
   font-size: 12px;
   line-height: 15px;
}

#emailParticipantsFieldset{
   flex: 1;
   font-size: 18px;
   border: 1px solid lightgrey;
   border-radius: 5px;
   /*margin: 5px 10px;
   padding: 10px;*/
}

#emailParticipantsLegend{
   color: #696969;
}

#emailParticipantsWrapper{
   display: flex;
   flex-flow: row wrap;
   align-content: space-between;
   padding: 5px 10px;
}

#emailUserListContent{
   height:265px;
   overflow-y:scroll;
}

.emailParticipants{
   max-height: 60px;
   position: relative;
   white-space: normal;
}

.emailTag{
   display:inline-block;
   background-color: #5c9cd6;
   height: 25px;
   font-size: 14px;
   border-radius: 10px;
   padding-right: 5px;
   color: white;
   text-align: start;
   padding-left: 5px;
}

.emailTagSpan {
   max-width: 220px;
   min-width: 95px;
   display: inline-block;
   overflow:hidden !important;
   text-overflow: ellipsis;
}

.emailContactListItem {
   color: #4a4a4a;
   cursor: pointer;
   position: relative;
   padding: 10px;
   display: inline-block;
   float: left;
   width:55px;
   height:65px;
   text-align: center;
}

.emailNoFavorites {
   padding: 20px;
   width: 255px;
   line-height: 30px;
   font-size: 18px;
   text-align: center;
}

.emailContactListDetail {
   color: #000000;
   display: inline-block;
   overflow: hidden;
}

.emailContactName {
   line-height: 15px;
   width: 60px;
   text-align: center;
   overflow:hidden !important;
   text-overflow: ellipsis;
}

::i-block-chrome, .emailRemoveIcon {
   position: relative !important;
   bottom: 0px !important;
}


::-webkit-:not(:root:root), .emailRemoveIcon {
   position: relative !important;
   bottom: 0px !important;
}


.emailRemoveIcon {
   position: relative;
   bottom: 8px;
}



/*
-------------------------------------------------------------------------------------------
*/

.tipOuterContainer {
   background-color: transparent;
   display: table;
   height: 100%;
   left: 0;
   position: absolute;
   width: 100%;
   z-index: 2006;
}

.tipMiddleContainer {
   display: table-cell;
   vertical-align: middle;
}

.tipInnerContainer {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.tipWindow {
   color: #ffffff;
   display: inline-block;
   font-size: 24px;
   line-height: 33px;
   max-width: 50%;
   min-width: 240px;    /* Keeps window from being too narrow for short text */
}

.tipTitle {
   background-color: transparent;
   color: #D94B5B;
   font-size: 30px;
   margin:  auto;
   padding: 0px;
   text-align: left;
}
.tipText {
   margin: 0 auto;
   padding: 10px 0px 10px 0;
   text-align: left;
}

.tipIcon {
  height: 30px;
  width: 30px;
  position: relative;
  top: 5px;
}

.tipButtonContainer {
   padding-top: 5px;
   white-space: nowrap;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.tipButton {
   background-color: #D94B5B;
   position: relative;
   width: 135;
   float: right;
   border-radius: 2px;
   color: #ffffff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   margin: 0 0 0 0;
   padding: 5px 25px;
   text-align: center;
   box-shadow: 0 2px 0px 0 #954040 ;
   cursor: pointer;
}

.tipButton:hover, .tipButton:focus {
   background-color: #E65667;
}

/*------------------------------------------------------------------------------
*
*  Browser Support Popup Notification
*
*  These styles are associated when a user is notified that their browser is
*  fully supported by NetSfere.
*
*-----------------------------------------------------------------------------*/

.overlayBlur > section {
    /* Any browser which supports CSS3 */
   filter: blur(3px);

   /* Firefox */
   /*filter: url("blur.svg#gaussian_blur");*/

   /* Webkit */
   -webkit-filter: blur(3px);

   /* Opera */
   -o-filter: blur(3px);
}

.browserSupportOverlay {
   width: 100%;
   height: 100%;
   position: absolute;
   text-align: center;
   z-index: 9800;
   background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(20,20,20,0.5)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
   background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
   top: 0;
   left: 0;
}

#browserSupportBox {
   /* This is used to center the box vertically */
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%); /* Safari */

   display: inline-block;
   z-index: 9900;
   background-color: white;
   border: 2px solid rgba(0, 0, 0, 0.1);
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.browserSupportBox.dialogBox {
   max-width: 444px;
   overflow: hidden;
}

.browserSupportBox.header {
   font-size: 16px;
   line-height: 22px;
   color: #999999;
   padding-top: 7px;
   padding-left: 10px;
   text-align: center;
   min-height: 38px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border-bottom: 2px dashed rgba(0,0,0,0.1);
}

.browserSupportBoxClose {
   float: right;
   padding-right: 10px;
   font-size: 1.4em;
}

.browserSupportBoxClose:hover,
.browserSupportBoxClose:focus,
.browserSupportBoxClose:active {
   color: #FFFFFF
}


.browserSupportBox.body {
}

.browserSupportBox.body.text {
   padding-left: 30px;
   padding-right: 30px;
}

.browserSupportTitle {
   color: black;
   position: absolute;
   float: left;
   top: 0px;
   left: 38px;
}

.browserSupportBadge {
   margin-bottom: 10px;
}

.browserSupportedBrowsers {
   text-align: center;
   border-top:2px dashed rgba(0,0,0,0.1);
}

.browserSupportedElement {
   margin-top: 10px;
}

.browserSupportImage {
   width: 115.2px;
   height: 115.2;
   margin: 1em;
}

.buttonContainer {
   text-align: center;
   margin-top: 10px;
   margin-bottom: 10px;
}

.browserSupportCloseBtn {
   -webkit-border-radius: 6;
   -moz-border-radius: 6;
   border-radius: 6px;
   font-family: Arial;
   color: #000000;
   font-size: 14px;
   background: #e3e3e3;
   padding: 5px 10px 5px 10px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   text-decoration: none;
}

.hvr-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

/* Icon Fade */

.hvr-icon-fade {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
}

.hvr-icon-fade:before {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: color;
   transition-property: color;
}

.hvr-icon-fade:hover:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:active:before {
   color: #000000;
}

.green {
   color: green;
}

/*------------------------------------------------------------------------------
 *
 *  Picture Editor Styles
 *
 *  These styles are associated with the picture editor, which is used for
 *  selecting portions of a picture for use as an avatar.
 *
 *----------------------------------------------------------------------------*/

#pictureEditor {
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   display: block;
   z-index: 100;
   left: 0;
   vertical-align: middle;
   margin: 0 auto;
   padding: 0;
   text-align: center;
   display: none;
   max-width: 100%;
   max-height: 100%;
}

#pictureEditor .picture-image {
   text-align: center;
   margin: 0 auto;
   padding: 5px 0;
}

#pictureEditor .picture-controls {
   position: absolute;
   width: 100%;
   padding-top: 10px;
   margin: 0 auto;
   z-index: 101;
}

#conversationPictureEditor {
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   display: block;
   z-index: 100;
   left: 0;
   vertical-align: middle;
   margin: 0 auto;
   padding: 0;
   text-align: center;
   display: none;
   max-width: 100%;
   max-height: 100%;
}

#conversationPictureEditor .picture-image {
   text-align: center;
   margin: 0 auto;
   padding: 5px 0;
}

#conversationPictureEditor .picture-controls {
   position: absolute;
   width: 100%;
   padding-top: 10px;
   margin: 0 auto;
   z-index: 101;
}

/*------------------------------------------------------------------------------
 *
 *  About Screen
 *
 *----------------------------------------------------------------------------*/

.aboutWrapper {
   background-color: #ffffff;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 18px; font-size: 1.8rem; /* =18px */
   /*height: 100%;*/
   line-height: normal;
   padding: 60px 0 20px 0;
   text-align: center;
}

.aboutHeader {
   display: inline-block;
}

.aboutAppLogo {
   display: inline-block;

}

.appInfo {
   display: inline-block;
   margin-left: 10px;
   text-align: left;
}

.appTitle {
   font-weight: bold;
   font-size: 48px;
}

.aboutAppTagLine {
   color: #4a4a4a;
}

.aboutItem {
   margin-top: 20px;
}

.aboutItem a:link,
.aboutItem a:visited {
   color: #de4858;
}
.aboutItem a:hover {
   color: #de4858;
   text-decoration: underline;
}

/*------------------------------------------------------------------------------
 *
 *  Legal Screen
 *
 *----------------------------------------------------------------------------*/

.legalWrapper {
   background-color: #ffffff;
   font-family: verdana,helvetica,tahoma,arial,sans-serif;
   font-size: 14px; font-size: 1.4rem; /* =14px */
   line-height: 18px; line-height: 1.8rem; /* =18px */
   padding: 60px 15px 20px 15px;
   text-align: justify;
}

#legalAckHeader {
   background-color: #d4d4d4;
   border: 1px solid #4a4a4a;
   margin-bottom: 60px;
   padding: 20px 0;
}

#legalAckCheckBoxWrapper {
   /*margin-left: 40%;*/
   text-align: center;
   padding-bottom: 25px;
}

#legalAckCheckBox {
   float: left;

}

#legalStatement {
   text-align: left;
}

.legalWrapper h1 {
   font-weight: bold;
   font-size: 18px; font-size: 1.8rem; /* =18px */
}

.legalWrapper h2 {
   font-weight: bold;
   font-size: 14px; font-size: 1.4rem; /* =14px */
}

.legalLicenseInfo {
   background-color: #d4d4d4;
   border: 1px solid #4a4a4a;
   margin: 10px 0;
   padding: 4px;
}

.legalProductTitle {
   font-weight: bold;
}

/*------------------------------------------------------------------------------
 *
 *  Conversations Screen
 *
 *----------------------------------------------------------------------------*/

.conversationListDetail>[class^="conversation"]{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.conversationTitle {
   font-size: 14px; font-size: 1.4rem; /* =14px */
   line-height: 18px; line-height: 1.8rem; /* =18px */
   font-weight: bold;
}

#conversationTitle:focus {
  border-color: none;
  box-shadow: none;
}

#conversationTitle {
  vertical-align: text-bottom;
  display:inline-block;
}

.conversationEncryptedIcon {
   font-size: 1em;
   color: #888;
}

.convEncEnabledIcon {
   font-size: 1em;
   color: #000;
}

.convEncDisabledIcon {
   font-size: 1em;
   color: #888;
}

.convEncChatIcon {
   font-size: 1em;
   color: #FFF;
}

.conversationText {
   font-size: 12px; font-size: 1.2rem; /* =12px */
   line-height: 14px; line-height: 1.4rem; /* =14px */
   margin-top: 3px;
}

.conversationUser {
   font-size: 10px; font-size: 1.0rem; /* =10px */
   line-height: 14px; line-height: 1.4rem; /* =14px */
   margin-top: 3px;
}

.conversationControls {
   height: 54px;
   right: 3px;
   position: absolute;
   top: 5px; top: 0.5rem; /* =5px */
   width: 60px;
   color: #9b9b9b;
   text-align: right;
}

.conversationControlsBadge {
   position: absolute;
   right: 25px;
   bottom: 8px;
   background:#DF6363;
   width:8px;
   height:8px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;

}
.notificationBadge {
   position: absolute;
   top:15px;
   right:3px;
   background:#DF6363;
   width:8px;
   height:8px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.userBadge {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   left: 200px;
   color: white;
   font-size: 1.1rem;
   font-weight: bolder;
   padding: 1px 2px 1px 2px;
   margin-right: 5px;
   border: 1.5px solid #BAC1B8;
   font-family: Arial, Helvetica, sans-serif;
}

.guestUserBadge {
    background: #de4858;
    border: 1px solid #de4858;
    padding: 3px 5px;
    font-family: 'Open Sans';
    font-weight: 500;
    border-radius: 2px;
    font-size: 7pt;
    color:#fff;

}

.ownerBadge {
   background: #fff;
    border: 1px solid #de4858;
    padding: 3px 5px;
    font-family: 'Open Sans';
    font-weight: 500;
    border-radius: 2px;
    font-size: 7pt;
    color:#de4858

}

.usersNeedReinviteBadge {
   position: absolute;
   top:220px;
   right:3px;
   background:#DF6363;
   width:8px;
   height:8px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}


.conversationControlsOption {
   bottom: 0;
   font-size: 22px;
   height: 24px;
   position: absolute;
   right: 0;
   text-align: center;
   width: 24px;
   z-index: 2;
}

.conversationControlsIgnore {
   bottom: 0;
   font-size: 22px;
   height: 24px;
   left: 0;
   position: absolute;
   text-align: center;
   width: 24px;
   z-index: 2;
}

#conversationsFilterMenu {
   top: 86px;
   left: 20px;
}

#conversationsFilterMenu:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-bottom-color: #4a4a4a;
   border-width: 6px;
   content: ' ';
   height: 0;
   left: 45%;
   pointer-events: none;
   position: absolute;
   top: -12px;
   width: 0;
}

.conversationTitleName{
	text-overflow: ellipsis;
    max-width: 432px;
    overflow: hidden;
    white-space: nowrap;
}

/*------------------------------------------------------------------------------
 *
 *  Contacts Screen
 *
 *----------------------------------------------------------------------------*/

.contactName {
   font-size: 14px;
   font-size: 1.4rem; /* =14px */
   /*font-weight: bold;*/
   height: 54px;
   line-height: 54px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 432px;
   padding: 0px 10px;
}

.contactControls {
   height: 54px;
   right: 3px;
   position: absolute;
   top: 5px;
   width: 34px;
   color: #9b9b9b;
}

.contactControlsBadge {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
}

.contactControlsNotify {
   bottom: 0;
   font-size: 22px;
   height: 24px;
   position: absolute;
   left: 0;
   text-align: center;
   width: 24px;
   z-index: 2;
}
.contactControlsFavorite {
   bottom: 0;
   font-size: 22px;
   height: 24px;
   position: absolute;
   right: 0;
   text-align: center;
   width: 24px;
   z-index: 2;
}

#contactsFilterMenu {
   top: 86px;
   left: 20px;
}

#contactsFilterMenu:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-bottom-color: #4a4a4a;
   border-width: 6px;
   content: ' ';
   height: 0;
   left: 45%;
   pointer-events: none;
   position: absolute;
   top: -12px;
   width: 0;
}

.contactDetailIcons {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   max-width: 100px;
   height: 54px;
}

.contactsPresenceIndicatorDetail {
   text-align: right;
   color: rgb(148,148,148);
   height: 27px;
   width: 100px;
   bottom: 20px;
   right: 7px;
   position: absolute;
}

.contactsRepeatNotification {
   height: 26px;
   top: 27px;
   right: 0px;
   position: absolute;
}

.contactsPresenceDeviceDesktop {
   font-size: 1.2em;
}

.contactsPresenceDeviceMobile {
   font-size: 1.5em;
}
/*------------------------------------------------------------------------------
 *
 *  Contact Conversations Screen
 *
 *----------------------------------------------------------------------------*/

 .contactConversationHeading {
   border-bottom: 1px solid rgb(200,200,200);
   background: rgb(240,240,240);
   font-size: 14px;
   height: 20px;
   padding: 10px;
   padding-bottom: 5px;
   left: 40px;
   text-align: center;
 }
 .contactConversationTitle {
   font-size: 16px;
   color: #575757;
 }

/*------------------------------------------------------------------------------
 *
 *  Chat Screen
 *
 *  The following links provide good information about placing block-level
 *  elements next to each other (done frequently here):
 *
 *    http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
 *    http://stackoverflow.com/questions/309769/css-block-elements-on-a-line
 *    http://www.ternstyle.us/blog/float-vs-inline-block
 *    http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/
 *    http://stackoverflow.com/questions/9202607/how-to-align-on-the-right-an-inline-block-element
 *
 *  The styles in this section could be organized more elegantly and compactly
 *  by using descendant selectors, but descendant selectors impose a performance
 *  cost (especially when they're used by hundreds of elements on a page). To
 *  avoid these performance costs, use simple class selectors here instead. For
 *  more info, see:
 *
 *    http://css-tricks.com/multiple-class-id-selectors/
 *    http://css-tricks.com/efficiently-rendering-css/
 *    http://csswizardry.com/2011/09/writing-efficient-css-selectors/
 *
 *----------------------------------------------------------------------------*/

#chatScroller {
   top: 40px;
   bottom: 70px;
   background-color: #ffffff;
   overflow-x: hidden;
}

#chatContent {
   /* empty */
}

.chatItemStateRight {
   margin-left: auto;
   /*padding-right: 30px;*/
   /*width: 0;*/
   margin-bottom: 3px;
   white-space: nowrap;
}

.chatItemState {
   color: rgb(180,180,180);
   font-size: 10px; font-size: 1.0rem; /* =10px */
   line-height: 14px; line-height: 1.4rem; /* =14px */
   overflow: hidden;
   display: inline-block;
   vertical-align: bottom;
   /*padding-left: 6px;*/
   /*padding-bottom: 4px;*/
   white-space: nowrap;
}

.chatItemLeft {
   margin: 0 0 18px 0;
   /*padding-right: 80px;              keep content away from right edge */
   padding-left: 65px;
   position: relative;
   text-align: left;                /* push bubble and avatar to right */
}

.chatItemMiddle {
   margin: 0 0 18px 0;
   /*padding-right: 80px;              keep content away from right edge */
   padding-left: 65px;
   position: relative;
   text-align: center;                /* push bubble and avatar to right */
   padding-left: 50%;
   display: inline-block;
}

.chatDivPlaceHolder {
  text-align: center;
}

.chatPlaceHolder {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 10px;
  line-height: 1.0rem;
  padding-right: 0px;
  color: rgb(180,180,180);
  width: 150px;
}
.chatItemRight {
   margin: 10px 0 0 0;
   position: relative;
   text-align: right;               /* push bubble and avatar to right */
}

.chatItemBubble {
   border-radius: 10px;
   /*background-color: #ffffff;*/
   border: 1px solid #CFCFCF;
   color: rgb(65,64,64);
   display: inline-block;
   min-width: 190px;
   max-width: 570px;
   min-height: 45px;
   padding: 4px;
   padding-left: 9px;
   padding-right: 9px;
   position: relative;
   vertical-align: top;
   white-space: normal;
   word-break: break-all;
}

.chatItemBubbleOthers {
   border-radius: 10px;
   background-color: #F3F3F3;
   border: 1px solid #F3F3F3;
   color: rgb(65,64,64);
   display: inline-block;
   min-width: 190px;
   max-width: 49%;
   min-height: 45px;
   padding: 4px;
   padding-left: 9px;
   padding-right: 9px;
   position: relative;
   vertical-align: top;
   white-space: normal;
   word-break: break-word;
}

.chatItemBubbleWrapper {
   min-width: 210px;
   width: 50%;
   /*padding-left: 65px;*/
   margin-left: auto;
   padding-right: 65px;
}

.chatItemBubbleLeft:after, .chatItemBubbleLeft:before,
.chatItemBubbleRight:after, .chatItemBubbleRight:before {
   border: solid transparent; /* Must appear BEFORE border-color */
   content: ' ';
   height: 0;
   pointer-events: none;
   position: absolute;
   top: 8px;
   width: 0;
}

.chatItemBubbleLeft {
   /*margin: 0 0 0 65px;*/
   text-align: left;
}

.chatItemBubbleLeft:after {
   border-right-color: #F3F3F3;
   border-width: 6px;
   left: -12px;
}

.chatItemBubbleLeftMod {
  background-color: #de4858;
  color: white;
}

.chatItemBubbleLeftMod:after {
   border-right-color: #de4858;
}

.chatItemBubbleRight {
  background-color: #CFCFCF;
  text-align: left;
}

.chatItemBubbleRight:after {
   border-left-color: #CFCFCF;
   border-width: 6px;
   right: -12px;
}

.chatItemBubbleRightMod {
  background-color: #de4858;
  color: white;
}

.chatItemBubbleRightMod:after {
   border-left-color: #de4858;
}

.chatItemInfoRight {
   color: rgb(100,100,100);
   font-size: 10px; font-size: 1.0rem; /* =10px */
   line-height: 14px; line-height: 1.4rem; /* =14px */
   overflow: hidden;
   padding-bottom: 4px;
   white-space: nowrap;             /* keep name and status on one line */
}

.chatItemInfoLeft {
   color: rgb(140,140,140);
   font-size: 10px; font-size: 1.0rem; /* =10px */
   line-height: 14px; line-height: 1.4rem; /* =14px */
   overflow: hidden;
   padding-bottom: 4px;
   white-space: nowrap;             /* keep name and status on one line */
}

.chatItemInfoPullLeft {
   float: left;
   padding: 0px 2px 2px 0px;
   text-align: left;
   margin-right: 5px;
}

#enterToSendLabel {
   font-size: 0.8em;
}

.retryFailedMessages {
  color: red;
  cursor: pointer;
  cursor: hand;
}

.retryFailedMessages:after {
  color: red;
  font-family: 'FontAwesome';
  content: '\f071';
  font-size: 11px;
  padding-left: 3px;
}

.retryFailedMessagesLG {
  color: red;
  cursor: pointer;
  cursor: hand;
}

.retryFailedMessagesLG:after {
  color: red;
  font-family: 'FontAwesome';
  content: '\f071';
  font-size: 24px;
  padding-left: 3px;
}

/*
 * idea from http://www.menucool.com/tooltip/css-tooltip
 */
span.tooltip {outline:none; color: rgb(120,120,120);}
span.tooltip:hover {text-decoration:none;}
span.tooltip span {
   z-index: 10;
   display: none;
   padding: 5px 5px;
   margin-top: -10px;
   margin-left: 10px;
   line-height: 14px;
   right: 0px;
   bottom: -28px;
}
span.tooltip:hover span {
   display: inline;
   position: absolute;
   border: 1px solid #b4b4b4;
   background: #ffffff;
}

/*CSS3 extras*/
span.tooltip span {
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;

   -moz-box-shadow: 2px 2px 4px #CCC;
   -webkit-box-shadow: 2px 2px 4px #CCC;
   box-shadow: 2px 2px 4px #CCC;
}

.conversationLockUnlockTooltip {
   right: 12px;
   font-size: 12px;
   font-size: 1.2rem;
   line-height: 14px;
   line-height: 1.4rem;
}

.chatItemInfoPullRight {
   float: right;
   padding: 0px 2px 2px 2px;
   text-align: right;
   display: inline;
}

.chatItemInfoPullLeft {
   float: left;
   padding: 0px 2px 2px 2px;
   text-align: left;
   display: inline;
}

.chatMessage {
   font-size: 16px; font-size: 1.6rem; /* =16px */
   line-height: 18px; line-height: 1.8rem; /* =18px */
   white-space: pre-wrap;
   -ms-word-break: break-all;
   word-break: break-all;

   /* Non standard for webkit */
   word-break: break-word;

   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

/*.chatMessage a:link {
  color: #0000ff;
}

.chatMessage a:visited {
  color: #800080;
}

.chatMessage a:active {
  color: #ff0000;
}*/

.chatAttachment {
   padding-bottom: 5px;
}

.chatAttachmentThumbnailRight {
   border: 1px solid #000000;
   cursor: pointer;
   float: left;
   height: 50px;
   width: 50px;
   position: relative;
}

.chatAttachmentThumbnailLeft {
   border: 1px solid #000000;
   cursor: pointer;
   float: right;
   height: 50px;
   width: 50px;
   position: relative;
}

.chatAttachmentImg {
   max-height: 200px;
   max-width: 200px;
   display: block;
}

.chatAttachmentImgThumbnailRight {
   border: 1px solid #000000;
   cursor: pointer;
   float: right;
   position: relative;
}

.chatAttachmentImgThumbnailLeft {
   border: 1px solid #000000;
   cursor: pointer;
   float: left;
   position: relative;
}

.chatAttachmentIcon {
   /* background-color: #d3d3d3; */
   color: #4a4a4a;
   font-size: 40px;
   text-align: center;
   vertical-align: bottom;
}

.radialProgressOverlay {
   background-color: #000000;
   position: absolute;
   height: 50px;
   width: 50px;
   opacity: 0.5;
   top: 0;
   left: 0;
}

.radialProgress {
   position:absolute;
   width:50px;
   height:50px;
   float: left;
   opacity: 0.5;
   top: 0;
   left: 0;
}

.radialProgress > .percent {
   position: absolute;
   top: 16px;
   left: 0;
   width: 50px;
   text-align:center;
}

.radialProgress > .slice {
   position:absolute;
   width:50px;
   height:50px;
   clip:rect(0px,50px,50px,25px);
}

.radialProgress > .slice.gt50 {
   clip:rect(auto, auto, auto, auto);
}

.radialProgress > .slice > .pie {
   border: 5px solid #ffffff;
   position: absolute;
   width: 40px;
   height: 40px;
   clip:rect(0,25px,50px,0);

   -moz-border-radius:25px;
   -webkit-border-radius:25px;
   border-radius:25px;
}

.radialProgress > .slice > .pie.fill {
   -moz-transform:rotate(180deg) !important;
   -webkit-transform:rotate(180deg) !important;
   -o-transform:rotate(180deg) !important;
   transform:rotate(180deg) !important;
}

.radialProgress.fill > .percent {
   display: none;
}

.radialProgress.fill > .slice > .pie {
   border: transparent;
   background-color: #ffffff;
   width: 50px;
   height: 50px;
   opacity: 1;
}

.attachmentThumbBanner {
   background: rgba(78,144,254,.7);
   bottom: 0;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   right: 0;
   line-height: 25px;
   position: absolute;
   text-align: center;
   width: 25px;
}

.chatAttachmentTextRight {
   color: #4a4a4a;
   float: left;
   font-size: 10px;
   line-height: 12px;
   padding-right: 4px;
}

.chatAttachmentTextLeft {
   color: #4a4a4a;
   float: right;
   font-size: 10px;
   line-height: 12px;
   padding-left: 4px;
}

.attachmentSelected {
  color: white;
}

.chatItemAvatar {
   height: 50px;
   margin: 0 1px 0 1px;
   position: absolute;
   vertical-align: top;
   width: 50px;
}

.chatItemAvatarRight {
   right: -62px;
   top: -2px;
}

.chatItemAvatarLeft {
   left: 5px;
   top: -2px;
}

#chatContainerStatusArea {
   height: 20px;
   margin: 4px 0;
   text-align: center;
}

#chatContainerStatusText {
   font-size: 11px; font-size: 1.1rem; /* =11px */
   font-style: italic;
}

#chatFooter {
   background: #d4d4d4;
   color: #4a4a4a;
   margin: 0;
   /*max-height: 200px;*/
   min-height: 50px;
   overflow: hidden;
   padding: 0px 5px 0 5px;
   text-align: center;
   width: 100%;

   /*  This footer is "pinned" to the bottom of the viewport with absolute
    *  positioning.
    */

   position: absolute;
   bottom: 0;
   left: 0;

   /*  Place a one-pixel border at the top of the footer to separate its
    *  contained elements from the page above it.
    */

   border-top: 1px solid #a4a4a4;

   /*  Footer elements and their children use the "border-box" sizing model so
    *  that their padding and border values consume pixels from the declared
    *  size of the element. This simplifies layout and allows setting the width
    *  of child elements to 100% without breaking out of the parent container.
    *  For more info see:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

#chatFooter:before {
content: '\f068';
font-family: fontAwesome;
text-decoration: inherit;
display: block;
height: 8px;
padding-bottom: 2px;
}

.chatButtonIcon {
   border: none;
   font-size: 20px;
   margin: 0;
   padding: 0;
}

.dropdown {
   border: none;
   font-size: 16px;
   color: #4a4a4a;
   border-radius: 5px;
   padding: 0 10px;
   height: 40px;
   max-width: 400px;
   width: 100%;
}

#chatMenuBar{
   height: auto;
}

#emailMenu {
   top: 45px;
   right: 10px;
   background-color: #CFCFCF;
   text-align: center;
   color: black;
}

#emailMenu:before {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-bottom-color: #CFCFCF;
   border-width: 6px;
   content: ' ';
   height: 0;
   right: 8px;
   pointer-events: none;
   position: absolute;
   top: -12px;
   width: 0;
}

.chatBarButton {
   border: none;
   margin: 0;
   padding: 3px;
}

#chatMenuButton {
   display: none;
}

#chatAttachButton {
   float: left;
}

#chatLocationButton {
   float: left;
}

#chatAddButton {
   float: left;
}

#chatEmojiButton {
   float: right;
}

#chatEnterToSend {
   float:right;
   padding: 5px;
}

#chatEnterToSend>input{
   vertical-align: bottom;
}

#chatComposeArea {
   position:relative;
}

#chatComposeArea::after {content: "";
  position: absolute;
  z-index: -1; /* behind parent */
  top: 0;
  bottom: 0;
  /* subtract h2 padding (1.5rem) */
  left: 0;
  right: 0;
  background: #d4d4d4;
}

#chatComposeInput {
   background-color: #ffffff;
   border: 1px solid #a4a4a4;
   font-size: 16px;
   line-height: 20px;
   margin: 0;
   max-height: 135px;
   min-height: 40px;
   overflow-y: auto;
   padding: 5px;
   resize: none;
   width: 100%;
   position: relative;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element.
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

#chatSendButton {
   float:right;
}

/*
 *  chatSendBlockedArea is a <div> that appears at the bottom of the chat screen
 *  where the message-sending controls normally appear. It blocks user input
 *  when sending messages is not possible (for example, not allowed by the
 *  encryption policy set by the org admin).
 */

#chatSendBlockedArea {
   line-height: 18px;
   margin: 0 auto;
   max-width: 75%;
   padding: 10px;
}

/*
 *  This style is part of a work-around for Mobile Safari file selection. It
 *  hides the file selection button (an <input> of type="file") so that the
 *  associated <label> element can be styled as we wish.
 */

#chatAlertBar {
   margin: 0;
   min-height: 18px;
   padding: 0;
   text-align: center;
   width: 100%;

   /*  This footer is "pinned" to the bottom of the viewport with absolute
   *  positioning.
   */

   position: absolute;
   bottom: 85px;
   left: 0;
   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}


#chatAlertBox {
   display:inline-block;
   background-color: rgb(106,106,106);
   border: solid transparent;
   position: relative;
   cursor: pointer;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   color: #fff;
   font-size: 1.4rem;
}

#chatAlertBox:after {
   border: 4px solid transparent; /* Must appear BEFORE border-color */
   border-top-color: rgb(106,106,106);
   border-width: 6px;
   content: ' ';
   height: 0;
   width: 0;
   left: 49%;
   pointer-events: none;
   position: absolute;
   bottom: -13px;
}

#chatAlertText {
   line-height: 1.5;
   padding-left: 7px;
   padding-right: 7px;
}

#chatFBBox {
color: #fff;
cursor: pointer;
font-size: 11px;
line-height: 14px;
padding: 4px 8px;
text-align: left;
white-space: nowrap;
}

#chatAttachFileHiddenButton {
   left: -1000;
   position: absolute;
   top: -1000;
   visibility: hidden;
}

#chatMenu {
   bottom: 56px;
   left: 10px;
}

#chatMenu:after {
   border: solid transparent; /* Must appear BEFORE border-color */
   border-top-color: #6A6A6A;
   border-width: 6px;
   content: ' ';
   height: 0;
   left: 10px;
   pointer-events: none;
   position: absolute;
   bottom: -12px;
   width: 0;
}

.new-thread-innerwrapper {
   display: inline-block;
}

.new-thread-linewrapper {
   display: inline-block;
}

.new-thread-liner {
}

.lined {
   /* display: table-row; */
   /* width: auto; */
   /* display: inline-block; */
   white-space: nowrap;
   position: relative;
}

.lined:before,.lined:after {
   content: '';
   display: inline-block;
   border-top: 1px solid rgb(180,180,180);
   /* display: inline-block; */
   /* color: rgb(180,180,180); */
   /* display: table-cell; */
   width: 33%;
   position: relative;
   /* height: 20px; */
}

.new-thread-wrapper {
   position: relative;
   /* border: 1px solid rgb(240,240,240); */
   /* border-radius: 50px; */
   /* margin: 0 20px; */
   /* padding: 4px 0; */
   /* background: rgb(240,240,240); */
   padding-bottom: 7px;
   margin-top: 15px;
   margin-bottom: 15px;
   line-height: 15px;
   text-align: center;
}

.new-thread-wrapper hr {
   display: inline-block;
   width: 500px;
}

.new-message-thread-separator {
   margin-top: 0;
   display: inline-block;
   margin-bottom: 0;
}

.hairline-date {
font-size: 10px;
font-size: 1.0rem;
line-height: 10px;
line-height: 1.0rem;
padding-right: 5px;
color: rgb(180,180,180);
width: 150px;
}

.chatParticipantNameLeft{
	text-overflow: ellipsis;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

/*------------------------------------------------------------------------------
 *
 *  Attachment Viewer Styles
 *
 *  These styles are associated with the attachment viewer. This is a <div> that
 *  covers the entire view port and displays an attachment and its controls
 *  within a browser window.
 *
 *----------------------------------------------------------------------------*/

#attachmentViewerOverlay {
   background-color: #000000;
   bottom: 0;
   color: #ffffff;
   display: none;
   margin: 0;
   overflow-y: auto;
   position: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 5;
}

#attachmentViewerControls {
   background-color: #000000;
   height: 60px;
   left: 0;
   opacity: 0.75;
   position: fixed;
   right: 0;
   text-align: justify;
   top: 0;
}

#attachmentViewerControlStretcher {
   display: inline-block;
   font-size: 0;
   line-height: 0;
   width: 100%;
}

.attachmentViewerIcon {
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   font-size: 40px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   width: 60px;
}

#attachmentViewerContent {
   line-height: normal;
   margin-top: 60px;
   text-align: left;
}

#attachmentViewerContentPlainText {
   background-color: #f6f6f6;
   border: 2px #ccc solid;
   color: #000000;
   font-family: monospace, serif;
   margin: 10px;
   padding: 20px;
}

#attachmentViewerContentIFrame {
   border: 0;
   margin: 0;
}

#attachmentHiddenDownloader {
   display: none;
}

#hiddenVideoTester {
   display: none;
}

/*------------------------------------------------------------------------------
 *
 *  Container Settings Screen
 *
 *----------------------------------------------------------------------------*/

#containerSettingsSaveButton {
   height: 40px;
   padding: 0 20px;
}

.SelectedParticipantName {
   font-size: 13px;
   padding: 0 10px;
   color: #ffffff;
   font-size: 1.3rem;
   /* font-weight: bold; */
   line-height: 25px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.participantName {
   font-size: 16px; font-size: 1.6rem; /* =16px */
   /*font-weight: bold;*/
   line-height: 48px;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 432px;
   padding-right: 10px;
   overflow: hidden;
}

.participantControls {
   color: #4a4a4a;
   font-size: 28px;
   height: 54px;
   line-height: 54px;
   position: absolute;
   right: 5px;
   text-align: center;
   top: 5px;
   width: 54px;
}
#participantsTags {
   overflow: hidden;
}
#participantsTags:hover{
   overflow-y: auto;
}

/*------------------------------------------------------------------------------
 *
 *  Jcrop
 *
 *  These styles are associated with Deep Liquid's Jcrop, a jQuery image
 *  cropping plugin.
 *
 *    http://deepliquid.com/content/Jcrop.html
 *
 *----------------------------------------------------------------------------*/

.jcrop-holder {
  margin: 0 auto;
}
/* This is used to accomadate rounded avatar icons.*/
.jcrop-holder > div > div {
   border-radius: 50%;
}

/*------------------------------------------------------------------------------
 *
 *  App Settings Area
 *
 *----------------------------------------------------------------------------*/

.appSettingsMyData {
   position: relative;
   vertical-align: middle;
   margin: auto;
   padding: 10px;
   padding-top: 30px;

   -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.appSettingsMyAvatar {
   margin: auto;
   background: transparent;
   display: block;
   vertical-align: top;
   width: 100px;
   -webkit-border-radius: 100px; /* Saf3+, Chrome */
   border-radius: 100px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 100px;
}

.appSettingsMyDetails {
   margin: auto;
   color: #ffffff;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   width: inherit;
   text-align: center;
}

.appSettingsKeyDetails {
   margin: auto;
   color: #000000;
   display: table;
   cursor: pointer;
   padding-top: 10px;
   padding-bottom: 10px;
   width: inherit;
   text-align: center;
   line-height: 18px;
}

.appSettingsMyDisplayName {
   color: rgb(0,0,0);
   font-size: 17px;
   padding-bottom: 3px;
   white-space: normal;
   word-wrap: break-word;
}

.PGPHead {
   margin: auto;
   color: #2174C8;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   width: inherit;
   text-align: center;
}

.PGPcontent {
  margin: auto;
   color: rgb(0,0,0);
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   width: inherit;
   text-align: center;
}

.PGPHead .PGPcontent {
    display: none;
    padding : 5px;
}

.PGPHead .header {
  cursor: pointer;
}
.appSettingsMyPresence {
   padding-right: 40px;
   color: rgb(87,87,87);
   font-size: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.appSettingsDiv {
   width: 100%;
   color: #ffffff;
}

.appSettingsTitle {
   border-top: 1px solid rgb(200,200,200);
   background: rgb(240,240,240);
   color: rgb(87,87,87);
   font-size: 14px;
   height: 20px;
   padding: 10px;
   left: 40px;
}

.appSettingsSubTitle {
   border-top: 1px solid rgb(200,200,200);
   background: rgb(240,240,240);
   color: rgb(87,87,87);
   font-size: 14px;
   height: 14px;
   padding: 10px;
   left: 40px;
}

.appSettingsItem {
   border-top: 1px solid rgb(200,200,200);
   background-color: rgb(255,255,255);
   color: #000000;
   display: block;
   font-size: 18px;
   height: 40px;
   line-height: 40px;
   padding: 4px 0;
   padding-left: 10px;
}

.appSettingsReinviteCount {
   height:32px;
   width:32px;
   line-height: 32px;
   margin-right: 10px;
   margin-top: 5px;
   text-align: center;
   vertical-align: middle;
   color: white;
   background:#DF6363;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.appSettingsIconRight {
   color: rgb(120,120,120);
   line-height: 40px;
   margin-right: 10px;
}

.appSettingsLabel {
   margin-left: 6px;
   color: rgb(40,40,40);
}

.appSettingsInlineBlock{
   display: inline-block;
   max-width: 80%;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}

.appSettingsHeader {
   font-size: 14px;
   margin-left: 2px;
   color: rgb(10,10,10);
}

.appSettingsPicChangeWrapper {
   height: 50px;
   line-height: 20px;
}

.appSettingsPicChange {
   border-radius: 4px;
   border: 1px solid rgb(200,200,200);
   color: rgb(95,95,95);
   display: block;
   font-size: 14px;
   text-align: center;
   width: 175px;
   margin: auto;
   line-height: 33px;
   text-decoration: none;
}

.appSettingsPicChangeLabel {
   color: rgb(95,95,95);
   padding-left: 10px;
}

.appSettingsMobileNumberChangeWrapper {
   line-height: 20px;
}

.appSettingsMobileNumberChangeLabel {
   color: #de4858;
   /*padding-left: 10px;*/
}

.appSettingsMobileNumberChange {
   font-size: 14px;
   text-align: center;
   line-height: 33px;
}

.appSettingsLogoutWrapper {
   /*text-align: center;*/
   background: rgb(240,240,240);
   font-size: 14px;
   height: 50px;
   line-height: 20px;
   padding: 40px 0;
}

.conversationSettingsSetNotifyWrapper {
   /*text-align: center;*/
   background: rgb(255,255,255);
   font-size: 14px;
   height: 50px;
   line-height: 20px;
   padding: 5px 0;
}

.conversationSettingsSetNotifyLabel {
   background: rgb(26,114,203);
   color: #ffffff;
   display: block;
   font-size: 18px;
   text-align: center;
   height: 40px;
   width: 45%;
   min-width: 275px;
   margin: auto;
   line-height: 40px;
   padding: 4px 0;
   text-decoration: none;
}


.appSettingsLogout {
   background: #de4858;
   color: #ffffff;
   display: block;
   font-size: 18px;
   text-align: center;
   height: 40px;
   width: 45%;
   min-width: 275px;
   margin: auto;
   line-height: 40px;
   padding: 4px 0;
   text-decoration: none;
}

.appSettingsLogoutLabel {
   margin-left: 6px;
   color: #ffffff;
}

/*------------------------------------------------------------------------------
 *
 *  Quick reply screen
 *
 *----------------------------------------------------------------------------*/


.quickReplyLabel {
   margin-left: 15px;
   color: rgb(40,40,40);
   line-height: 50px;
   font-size: 16px;
}

.quickReplyEditOption {
    bottom: 2px;
    font-size: 15px;
    position: absolute;
    right: 3px;
    text-align: center;
    width: 60px;
    background-color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-right: -3px;
    color: rgb(120,120,120);
}
.quickReplyListItem {
   background-color: #ffffff;
   border-bottom: 1px solid #d4d4d4;
   color: #4a4a4a;
   cursor: pointer;
   height: 45px;
   min-height: 45px;
   position: relative;
   overflow: hidden !important;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.quickReplyListItem:hover {
   background-color: #FAF7F5;
}

.qrDialogWindow {
   position: absolute;
   top: 0px;
   bottom:0;
   left:0;
   right:0;
   width: 320px;
   max-height: 375px;
   background-color: #Ffffff;
   border: 1px solid #4a4a4a;
   border-radius: 10px;
   color: #4a4a4a;
   display: none;
   line-height: 24px;
   z-index: 25;
   margin: auto;
}

.qrDialogTitle {
   background-color: #de4858;
   border-radius: 7px 7px 0 0;
   color: #ffffff;
   font-weight: bold;
   margin: 0 auto;
   padding: 5px;
   text-align: center;
   line-height: 30px;
}

.qrScreenHeaderTitle {
   color: white;
   font-size: 16px;
   line-height: 27px;
}

#qrCancelButton {
   height: 35px;
   width: 35px;
   float: right;
   padding-left:5px;
}

/*------------------------------------------------------------------------------
 *
 *  Pop Over styles
 *
 *----------------------------------------------------------------------------*/
#tipDisplay{
   position: fixed;
   top:0;
   width:100%;
   height:100%;
   z-index:2001;
}
.clickWindow {
   position: fixed;
   width:100px;
   height:100px;
   border-radius: 100%;
   box-shadow: 0 0 20px 2000px black;
   opacity: 0.9;
   z-index: 2001;
}

.clickWindow::after{
   content: ' ';
   width: 62.5%;
   height: 62.5%;
   position: absolute;
   top: 18.75%;
   left: 18.75%;
   border-radius: inherit;
   box-shadow: inherit;
   opacity: inherit;
}


#clickWindowT1{
  right:-25px;
  top:-25px;
}

#clickWindowT2{
   right: 40px;
   top: 35px;
}

#clickWindowT3{
  top: 55px;
  height: 60px;
  min-width: 140px;
  width: 80%;
  border-radius: 30px;
  left: 0px;
}

#clickWindowT3::after{
   width: 90%;
   left: 5%;
}

#clickWindowT4 {
   left: -2.5%;
   top: 130px;
   height: 85px;
   min-width: 200px;
   width: 101%;
   border-radius: 50px;
}

#clickWindowT4::after{
   width: 90%;
   left: 5%;
}

#clickWindowT6 {
   right: 20px;
   top: 38px;
}

#clickWindowT10{
   height: 0;
   width: 0;
}

#clickWindowT11{
  left:-30px;
  top:325px;
}

#clickWindowT12{
  left:-30px;
  top:255px;
}

.popover {
  position: fixed;
  top: 150px;
  left: 40px;
  z-index: 1010;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 3px;
  width: 250px;
  overflow: hidden;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  text-align: center;
  padding: 9px 15px;
  color: black;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  text-align: center;
  padding: 15px;
  font-size: 12px;
  color: black;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p, .popover-content ul, .popover-content ol {
  margin-bottom: 0;
}
.popover-dismiss {
   position: absolute;
   top: 10px;
   right: 10px;
   height: 20px;
   width: 20px;
   font-size: 15px;
   text-align: center;
   cursor: pointer;
}

.stretchButton {
   width:110px;
}

.ns-background {
   background-color: #eee;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: cover;

   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.ns-fancyFormBox {
   background: #FFFFFF;
   border-radius: 5px;
   bottom: 0;
   left: 0;
   opacity: 0.5;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1;
   border: 2px solid transparent;
   border-color: #ddd;
   box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.ns-fancyFormTitle {
   color: #de4858;
   text-align: center;
   font-size: 24px;
   line-height: 24px;
   margin: 0;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.ns-fancyFormParagraph {
   color: #0F0E0E;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   white-space: normal;
   margin: 0 5px 0 5px;
}

.ns-fancyFormLink {
   color: #de4858;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   margin-top: 10px;
}

a.ns-fancyFormLink:hover {
   text-decoration: underline !important;
}

.ns-formWrapper {
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 20px;
   z-index: 2;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

.ns-formElementBorder {
   border-radius: 5px;
   border: 1px solid transparent;
   position: relative;
   width: 100%;
   border-color:#ddd;

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.ns-iconButton{
   border-radius: 5px;
   border: none;
   color: #ffffff;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   padding: 0 10px;
   width: 45px;

   /*  Use the "border-box" sizing model so that padding and border values
    *  consume pixels from the declared size of the element:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.ns-noticeTitle {
   color: #0F0E0E;
   text-align: center;
   font-size: 18px;
   line-height: 22px;
   margin-top: 10px;
   padding: 0 30px;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.ns-noticeContent {
   color: #0F0E0E;
   text-align: center;
   font-size: 12px;
   line-height: 16px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 0 30px;
}

.ns-formNoticeSmall {
   color: #0F0E0E;
   font-size: 14px;
   line-height: 16px;
   margin-top: 5px;
   padding: 0 10px;
   text-align: center;
}

.ns-icon {
    color:#FFF;
}

.emailFormElement {
   padding-top:10px;
}

.usernameFormElement {
   padding-top:20px;
}

.ns-hr-spacing {
   margin-top:20px;
   margin-bottom:20px;
}

.ns-button-disabled {
   background-color: #C0C0C0;
}

.ns-button-enabled {
   background-color: #de4858;
}

.fileUploader {
   background-color: #000000;
   bottom: 0;
   color: #ffffff;
   display: none;
   margin: 0;
   position: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 10;
   opacity: 0.3;
}

.fileAttachmentBorder {
   height: 400px;
   width: 400px;
   position: absolute;
   text-align: center;
   border: 1px solid;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   border-radius: 10px;
}

.fileUploadIcon {
   font-size: 4em;
   margin: auto;
   position: absolute;
   top:170px;
   left: 50px;
}

.fileUploadText {
   font-size: 26px;
   position: absolute;
   right: 50px;
   top:200px;
}

.no-pointer {
   pointer-events: none;
}

.formElement button:hover {
   background-color:#e15967;
}

.formElement button:focus {
   box-shadow: inset 0 1px 1px #de4858, 0 0 8px #de4858;
}

.ns-dropdown {
  border: 1px solid gray;
  font-size: 16px;
  color: #4a4a4a;
  border-radius: 5px;
  padding: 0 10px;
  height: 40px;
  max-width: 400px;
  width: 100%;
 }

.optionsMenu {
   border-radius: 5px;
   background-color: #ffffff;
   color: #ffffff;
   display: none;
   position: absolute;
   z-index: 5;
   top: 40px;
   text-align: center;
   right: 0;
   left: 0;
   margin-top: 3px;
   padding-bottom: 1px;
}

.logo {
    text-align: center;
}

img.logo{
  max-width: 250px;
}

.logo img{
	max-width: 250px !important;
}

/* .attachmentWrapperContainer::-webkit-scrollbar {
   display: none;
} */

@media handheld, screen and (max-height: 560px) {
   .tipTitle {
      position: relative;
      padding-top: 200px;
   }
   .tipText {
      position: relative;
      padding-top: 10px;
   }
   .tipButton {
      position: relative;
   }
}

@media handheld, screen and (max-width: 600px) {
   .clickableItem:hover {
       background: inherit;
   }
   .convSettingListItem:hover {
      background: inherit;
   }
   #chatFooter:before {
      display:none;
   }
   #chatFooter {
      padding-top: 6px;
   }
   #chatComposeArea {
      margin: 0 50px;
   }
   #chatComposeInput {
      border: none;
   }
   #chatAlertBar {
      bottom: 60px;
   }
   #chatMenuBar {
      height: 0;
      padding: 0;
   }
   .chatButtonIcon {
      border: none;
      font-size: 28px;
      line-height: 50px;
      margin: 0;
      padding: 0;
      float:none;
   }
   #chatAttachButton {
      display: none;
   }
   #chatLocationButton {
      display: none;
   }
   #chatAddButton {
      display: none;
   }
   #chatMenuButton {
      display: block;
      height: 50px;
      margin: 0;
      padding: 0;
      width: 50px;
      bottom: 0;
      left: 0;
      border-right: 1px solid #a4a4a4;
      position: absolute;
   }
   #chatSendButton {
      height: 50px;
      margin: 0;
      padding: 0;
      width: 50px;
      bottom: 0;
      right: 0;
      border-left: 1px solid #a4a4a4;
      position: absolute;
   }
   #chatEmojiButton {
      display: none;
   }
   #chatEnterToSend {
      display: none;
   }
   .buttonGroup > li.clickableItem {
      box-shadow: none;
   }
   .buttonGroup > li.clickableItem.selected {
      border-color: #BA2637;
   }
   .tipTitle {
      text-align: center;
      position: relative;
      left: 60px;
   }
   .tipText {
      text-align: center;
      position: relative;
      left: 60px;
   }
   .tipButton {
      position: relative;
   }

 /*
   #clickWindowT2 {
     right: 16px;
   }
   #clickWindowT3 {
      min-width: 80%;
      left: 10px;
   }
   #clickWindowT3::after{
      width: 90%;
      left: 5%;
   }*/

  .channelTitle {
      font-size: 20px;
      text-align: center;
   }
   .channelText {
      font-size: 16px;
   }
   #participantsFieldset {
      margin: 5px;
      padding: 5px;
   }
   #convSettings{
      height: 100%;
   }
  #participantsTags {
    overflow: hidden;
  }
   #smsDelayButton {
      position: absolute;
      top: 0;
      right: 0;
   }
   .participantName {
      font-size: 1.4rem;
   }
   #convTitleFieldset {
      margin-left: 5px !important;
      margin-right: 5px !important;
   }
   #settingsWrapper {
    border-bottom: none;
   }
   .tipMiddleContainer {
    padding-top:20%;
   }
   .channelMiddleContainer {
    padding-top:6%;
   }
   .conversationTitleName{
	max-width:170px;
   }
   .contactName{
	max-width:170px;
   }
   .participantName{
	max-width:170px;
   }
}

.icon-quickReplyCSS {
   color: #4a4a4a;
   background-color: white;
   position: absolute;
   top: 10px;
   right: 15px;
}

.ns-fancyFormImage {
  margin-left: -30px;
  margin-right: 25px;
  margin-bottom: -8px;
}

#eulaContent a:link,
#eulaContent a:visited {
   color: #de4858;
}
#eulaContent a:hover {
   color: #de4858;
   text-decoration: underline;
}

#convSettings input {
  box-shadow:none;
}

.mobileInfoWrapper {
  height: 100%;
  padding: 0;
  margin: 0;

  position:absolute;
  top: 0;
  left:0;
  right:0;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: center;
  -webkit-align-items:center;
  -webkit-flex-direction:column;

  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;

  -ms-flex-align: center;
  -webkit-align-items: center;

  align-items: center;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction:column;

  /*background-color: rgb(240,240,240)*/;
  background-color: #eee;
  overflow-y:auto;

  min-height:300px;

}


.mobileRow {
    width: auto;
    background-color:#FFF;
    border-radius:5px;
    padding:25px;
    display:table;
}

.mobile-item:first-child {
  padding-top: 0;
}

.mobile-header {
  font-size:30px;
  line-height:normal;
  color:#de4858;
}

.mobile-subtitle {
  font-size:15px;
  line-height:normal;
  color: #404040;
}

.mobile-item {
  padding-top: 10px;
  position: relative;
  width: 100%;
}

.mobile-item-space {
  margin-top:25px;
  margin-bottom:25px;
}

.mobile-item-center {
  text-align:center;
}

.mobile-button-continue {
  background: #de4858;
  color: #ffffff;
  display: block;
  font-size: 18px;
  text-align: center;
  height: 40px;
  width: 45%;
  min-width: 275px;
  margin: auto;
  line-height: 40px;
  padding: 4px 0;
  border-radius:4px;
}

.app-badge {
  border-radius:5px;
}

.fullHeight {
  height: 100%;
}

#showInfoRow {
  margin-top: 20px;
  margin-bottom:20px;
}

.no-pointer-events {
  pointer-events: none;
}

.error-text {
  display: block;
  text-align: center;
  font-style: italic;
  margin: 10px;
}

.appProfileAvatar {
   margin: auto;
   background: transparent;
   border: 3px solid #ffffff;
   display: block;
   vertical-align: top;
   width: 100px;
   height: 100px;
   -webkit-border-radius: 100px; /* Saf3+, Chrome */
   border-radius: 100px; /* Opera 10.5, IE 9 */
   -moz-border-radius: 100px;
}

@media (max-width: 480px) {
  .personInfoTable {
    font-size: 15px;
  }
}

@media screen and (max-width: 480px) {
    .personInfoTable,
    .personTableBody,
    .personAttrTD,
    .personAttrTH {
        width: 90%;
        display: block;
        width: 100%;
        text-align: left !important;

    }
    .personAttrTH{
      padding-bottom: 0px;
    }
    .personAttrTD{
      padding-top: 8px;
      padding-bottom: 20px;
    }
	.conversationTitleName{
		max-width:130px;
	}
	.contactName{
		max-width:100px;
	}
	.participantName{
		max-width:130px;
	}
	.chatParticipantNameLeft{
		max-width: 40px;
	}


}
.personTableBody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

table.personInfoTable {
    border-collapse: collapse;
    margin: auto;
    font-family: verdana,helvetica,tahoma,arial,sans-serif;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-spacing: 0;
    font-size: 18px;
}

/*    width: 60%;

.personTableBody tr th {
    width: 50%;
}

.personTableBody tr td {
    width: 70%;
}
*/

.personAttrTH {
  padding-top: 8px;
  text-align: right;
  padding-right: 20px;
  color: #7C7C7C;
  vertical-align: top;
  font-weight: normal;
  line-height: 24px;
  width: 50%;
}


.personAttrTD {
   /* white-space: pre-wrap; */
    line-height: 24px;
    color: #282828;
}

.spanPersonText {
  white-space: pre-wrap;
  line-height: 24px;
}

.contactInput {
  width: 250px;
}
.contactInput:focus {
  border-style: solid;
  border-width: 2px;
  border-color: #de4858;
}
textarea[type=profiletext] {
  max-width:400px;
  width: 250px;
  overflow: hidden;
}

textarea[type=profiletext]:focus {
  border-style: solid;
  border-width: 2px;
  border-color: #de4858;
}

#convTitleFieldset {
  font-size: 18px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  margin: 5px 10px 0px 10px;
  padding: 5px;
}

#convTitleLegend {
  color: #696969;
}

#convTitleDiv {
  padding:10px;
  top:30px;
}

#controlOwnerSms {
  margin-right:12px
}

.encLockImageItem {
  display: inline-block;
}

.smsImageItem {
  display: table-cell;
  width: 20px;
}

.centerspan {
  margin-top: 15px;
  display: block;
  text-align: center;
}

.appLeavetWrapper {
   /*text-align: center;*/
/*    background: rgb(240,240,240); */
   font-size: 14px;
   height: 50px;
   line-height: 20px;
   padding: 20px 0;
}

.cleanScroll::-webkit-scrollbar {
   width: 5px;
   background-color: rgb(242, 242, 242);
   box-shadow: none;
   border-radius: 5px;
}

/*
  Fix for ticket #1264.  This webkit re-implements the scrollbar so the browser
  includes the scrollbar in width-based calculations.  Fixes ticket #1264
 */

::-webkit-scrollbar {
    width:9px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}

#contactScroller {
  top: 130px;
}

#contactsDivSection > .screenListControls {
  position: absolute;
  left: 40px;
  right: 0;
  top: 35px;
}

.loadingContactsDiv {
  text-align:center;
  margin:10px auto;
  color:rgb(180,180,180);
  display: flex;
  justify-content: center;
}

.loadingContactsDiv > span {
  margin: 7px 0 0 10px;
  font-size: 20px;
}

.paging-view {
  background-color: rgb(240,240,240);
  text-align: center;
  line-height: 24px;
  padding: 10px 0 10px 0;
  position: relative;
}

.icon-paging-css {
  position:relative;
  background-color:transparent;
  color:#B73F4C;
  font-size: 50px;
  padding: 0 15px 0 15px;
  cursor: pointer;
}

.icon-key-css
{
  cursor: pointer;
  text-decoration: underline;
}


.icon-paging-css:hover {
  opacity: .6;
}

.paging-text {
  cursor: default;
  position: relative;
  bottom: 10px;
}

/*------------------------------------------------------------------------------
 *
 *  Channel Screen
 *
 *----------------------------------------------------------------------------*/

.channelOuterContainer {
   display: table;
   height: 100%;
   left: 0;
   width: 100%;
}

.channelMiddleContainer {
   display: table-cell;
   vertical-align: middle;
}

.channelInnerContainer {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.channelWindow {
   color: black;
   display: inline-block;
   line-height: 33px;
   max-width: 50%;
   min-width: 240px;    /* Keeps window from being too narrow for short text */
}

.channelTitle {
   color: #D94B5B;
   font-size: 30px;
   margin:  auto;
   padding: 0px;
   text-align: center;
}
.channelText {
   margin: 0 auto;
   padding: 10px 0px 10px 0;
   text-align: center;
}

.channelScreenListControls {
   margin-top: 10px;
   padding-bottom: 10px;
   text-align: center;
}

.channelNotificationBadge {
   position: absolute;
   top:145px;
   right:3px;
   background:#DF6363;
   width:8px;
   height:8px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.channelWritePropertyIcon{
	 font-size: 1.5em;
     color: #888;
     padding-left: 10px;
}

#chatFooterReadOnlyAccess {
   background-color: rgb(40,40,40);
   color: white;
   margin: 0;
   max-height: 200px;
   min-height: 50px;
   overflow: hidden;
   padding: 15px 5px 0 5px;
   text-align: center;
   width: 100%;

   /*  This footer is "pinned" to the bottom of the viewport with absolute
    *  positioning.
    */

   position: absolute;
   bottom: 0;
   left: 0;

   /*  Place a one-pixel border at the top of the footer to separate its
    *  contained elements from the page above it.
    */


   /*  Footer elements and their children use the "border-box" sizing model so
    *  that their padding and border values consume pixels from the declared
    *  size of the element. This simplifies layout and allows setting the width
    *  of child elements to 100% without breaking out of the parent container.
    *  For more info see:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

#chatFooterReadOnlyAccess1 {
   background-color: rgb(40,40,40);
   color: white;
   margin: 0;
   max-height: 200px;
   min-height: 50px;
   overflow: hidden;
   padding: 15px 5px 0 5px;
   text-align: center;
   width: 100%;

   /*  This footer is "pinned" to the bottom of the viewport with absolute
    *  positioning.
    */

   position: absolute;
   bottom: 0;
   left: 0;

   /*  Place a one-pixel border at the top of the footer to separate its
    *  contained elements from the page above it.
    */


   /*  Footer elements and their children use the "border-box" sizing model so
    *  that their padding and border values consume pixels from the declared
    *  size of the element. This simplifies layout and allows setting the width
    *  of child elements to 100% without breaking out of the parent container.
    *  For more info see:
    *
    *    http://css-tricks.com/box-sizing/
    */

   -moz-box-sizing: border-box;     /* Firefox & other Gecko */
   -webkit-box-sizing: border-box;  /* Safari, Chrome & other WebKit */
   box-sizing: border-box;          /* Opera & IE 8+ */
}

.channelUserListScroller{
   top: 137px;
}
.convUserListScroller{
	top: 200px;
}

/*------------------------------------------------------------------------------
 *
 *  ToolTips Change Password Screen
 *
 *----------------------------------------------------------------------------*/

.toolTip {
    position: relative;
    display: inline-block;
}

.toolTip .toolTipText {
    visibility: hidden;
    width: 150px;
    background-color: #de4858;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 103%;
    opacity: 0.6;
}

.toolTip:hover .toolTipText {
    visibility: visible;
}

.toolTip .toolTipText::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #de4858 transparent transparent;
}
input[type=datetime-local]::-webkit-inner-spin-button {
    width: 14px;
    height: 33px;
} 
input[type=datetime-local]:hover::-webkit-inner-spin-button {  
    width: 14px;
    height: 33px;
}

.loginPageContent {
   display: flex;
}

.loginPageLeftContent {
   width: 55%;
}

.loginPageRightContent {
   width: 45%;
}

.activatePageContent {
   display: flex;
}

.activatePageLeftContent {
   width: 55%;
}

.activatePageRightContent {
   width: 45%;
}

.resetPwdContent {
   display: flex;
}

.resetPwdLeftContent {
   width: 55%;
}

.resetPwdRightContent {
   width: 45%;
}
@media (max-width: 700px) {
   .loginPageContent,
   .activatePageContent,
   .resetPwdContent {
      display: inline-block; 
   }

   .loginPageLeftContent,
   .activatePageLeftContent,
   .resetPwdLeftContent {
      width: 100%;
   }

   .loginPageRightContent,
   .activatePageRightContent,
   .resetPwdRightContent {
      width: 100%;
   }
}

/*------------------------------------------------------------------------------
 *
 *  Conversation Summary View
 *
 *----------------------------------------------------------------------------*/

.summary-bubble ol, .summary-bubble ul {
  padding-inline-start: 16px;
  width: calc(100% - 16px);
  gap: 6px;
  display: flex;
  flex-direction: column;
}

.summary-bubble h1 {
  font-size: 20px;
}

/*------------------------------------------------------------------------------
 *
 *  PQC Generation Screen
 *
 *----------------------------------------------------------------------------*/

.dot-flashing {
   position: relative;
   width: var(--dot-size);
   height: var(--dot-size);
   border-radius: 50%;
   background-color: #D5D5D5;
   color: #D5D5D5;
   animation: flashing-dot 1s infinite linear alternate;
   animation-delay: .5s;
}

.dot-flashing::after,.dot-flashing::before {
   content: '';
   display: inline-block;
   position: absolute;
   top: 0;
}

.dot-flashing::before {
   left: calc(var(--dot-spacing) * -1);
   width: var(--dot-size);
   height: var(--dot-size);
   border-radius: 50%;
   background-color: #D5D5D5;
   color: #D5D5D5;
   animation: flashing-dot 1s infinite alternate;
   animation-delay: 0s;
}

.dot-flashing::after {
   left: var(--dot-spacing);
   width: var(--dot-size);
   height: var(--dot-size);
   border-radius: 50%;
   background-color: #D5D5D5;
   color: #D5D5D5;
   animation: flashing-dot 1s infinite alternate;
   animation-delay: 1s;
}

@keyframes flashing-dot {
   0% {
      background-color: #DE4858;
   }

   50%,
   100% {
      background-color: #D5D5D5 ;
   }
}


/*Animating Call Icon*/
@keyframes animateCallRipples {
   66%, 100% {
       opacity: 1; /* Show the path for 1 second (10% of the total animation time) */
   }
   0% {
       opacity: 0;
   }
}

.animatedCallIcon {
   opacity: 1;
}
 
 @keyframes ripple1-animation {
   from { opacity: 0;}
   33% { opacity: 0;}
   66% { opacity: 1;}
   100% { opacity: 1;}
}

@keyframes ripple2-animation {
   from { opacity: 0;}
   33% { opacity: 0;}
   66% { opacity: 1;}
   100% { opacity: 0;}
 }

.ripple1 {
   animation: ripple1-animation 3s infinite; /* 4s total duration */
 }
 
.ripple2 {
   animation: ripple2-animation 3s infinite 1s; /* 4s total duration */
 }

 .animatingMic {
   animation: micPulse 2s infinite; /* Apply animation */
}

/* Keyframes for upward height transition */
@keyframes micPulse {
   from {
      height: 60%; /* Initial height */
      y: -263px;    /* Initial Y position */
  }
   50% {
       height: 5%;  /* Increased height */
       y: -251.25px;        /* Move rect upwards */
   }
   100% {
      height: 60%; /* Initial height */
      y: -263px;    /* Initial Y position */
  }
}.eme-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 15px 0;
}

.eme-text {
    font-size: 25px;
    line-height: 25px;
    color: white;
    margin-top: 5%;
    padding-bottom: 12px;
    letter-spacing: 5px;
}

.eme-channelName {
    color: white;
    font-size: 20px;
    bottom: -11px;
    position: relative;
    overflow-wrap: break-word;
    width: 90%;
    line-height: normal;
    box-sizing: border-box;
    text-align: center;
}

.eme-icon {
    opacity: 0.3;
}

.eme-wrap {
    height: 60%;
    overflow: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.eme-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10%;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.eme-button {
    color: white !important;
    border-radius: 5px !important;
    border: 1px solid white !important;
}

.eme-message-header {
    height: 20%;
}

.eme-channel-header {
    background-color: yellow;
    border-radius: 6px 6px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eme-channel-name {
    text-align: left;
    padding: 5px 0px 5px 10px;
    width: 45%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.eme-message-timestamp {
    text-align: right;
    float: right;
    margin: 5px 10px 0px 0px;
}

.eme-channel-timestamp {
    text-align: right;
    padding: 5px;
    width: 55%;
    padding-right: 8px !important;
}

.eme-message-expandIcon {
    float: right;
    margin: 5px 5px 0px 0px;
    text-align: center;
    cursor: pointer;
}

.eme-channel-expandIcon {
    float: right;
    margin: 5px 8px 5px 5px;
    text-align: center;
    cursor: pointer;
}

.eme-message-icon {
    float: right;
    color: rgb(222, 72, 88);
    margin: 5px 5px 0px 0px;
}

.eme-channel-icon {
    float: right;
    color: rgb(222, 72, 88);
    margin: 5px 8px 5px 5px;
}

.eme-channel-rightAdornment {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.eme-content {
    height: 60%;
    padding: 0px 10px 0px 10px;
    overflow: auto;
    display: flex;
    justify-content: center;
}

.eme-content-msgtext {
    text-align: center;
    word-break: break-word;
}

.eme-message-card-footer {
    height: 20%;
    text-align: center;
    padding: 0px 10px 0px 10px;
}

.eme-channel-card-footer {
    text-align: center;
    padding: 5px 10px;
}

.eme-msgSender {
    float: right;
    text-align: right;
    font-weight: bold;
    padding-top: 7px;
}

.eme-msgPriorityText {
    float: left;
    text-align: left;
    padding: 7px 0px 0px 5px;
    color: rgb(203, 15, 35);
}

.eme-msgPriorityIcon {
    float: left;
    text-align: left;
    padding-top: 7px;
}

.eme-message-card {
    background-color: white;
    height: 125px;
    width: 300px;
    position: relative;
    border-radius: 6px;
    margin-top: 10px;
	min-height: 125px;
}

.eme-channel-card {
    background-color: white;
    width: 300px;
    position: relative;
    border-radius: 6px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.emergency-badge {
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(222,72,88);
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 11px;
}
.loginPage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    font-family: "Open Sans", Arial, sans-serif;

}

.leftContentStyle {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.loginTextStyle {
    text-align: center;
    padding: 10px 0px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #4b4b4b;
}

.downloadIconsStyle {
    display: flex;
    align-items: center;
    height: 15%;
    padding: 10px 0px;
}

.footerStyle {
    height: 3%;
}

.rightContentStyle {
    height: 100%;
    position: relative;
}

.carousel-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-slide {
    /* transform: `translateX(${translateValue}px)`;
    transition: transform 0.45s ease-in-out; */
    display: flex;
    width: 100%;
    height: 100%;
}

.slideStyle {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

.imgStyle {
    width: 100%;
    /* height: window.innerHeight; */
    object-fit: cover;
}

.dotsDiv {
    justify-content: flex-end;
    display: flex;
    position: relative;
    bottom: 25px;
    right: 25px;
}

.formStyle {
    position: relative;
    margin: 0px auto;
    height: 280px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* .screenOverlayStyle {
    opacity: 0.9;
    position: absolute;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
} */.threeColumnContainer {
   display:       flex;
   height:        100%;
   padding-left:  0px;
   padding-right: 0px;
}

.threeColumnRowContainer {
   height:        100%;
}

#column1parent {
   position:      absolute;
   top:           0;
   bottom:        0;
   left:          75px;
   width:         450px;
   height:        100%;
}

.column1 {
   background:    #e6e6e6;
   height:        100%;
   width:         100%;
   margin:        0px;
}

#column2parent {
   position:      absolute;
   top:           0;
   bottom:        0;
   left:          525px;
   height:        100%;
}

.column2 {
   background:    white;
   height:        100%;
   width:         100%;
   margin:        0px;
}

#column3parent {
   position:      absolute;
   top:           0;
   bottom:        0;
   right:         0;
   width:         450px;
   height:        100%;
}

.column3 {
   background:    white;
   height:        100%;
   width:         100%;
   margin:        0px;
}

.layoutContainer {
   height:        100%;
   padding-right: 0px;
   padding-left:  0px;
}

.sideBarAppIcon {
   position: fixed;
   display: block;
   box-sizing: border-box;
   left: 0;
   bottom: 0;
   padding: 15px;
   width: 75px;
   height: 75px;
}

.sideBarAppIcon img {
   width: 45px;
   height: 45px;
}

.sideBarMenuSeperator {
   margin-top:    15px;
   width:         100%;
   height:        1px;
   background:    #e6e6e6;
}

.sideBarMenuButton {
/*   display: inline-block;
   color:         #e6e6e6;
   margin-top:    15px;
   text-align:    center;*/
}

.sideBarMenuButtonSmall {
   color:         #e6e6e6;
   margin-top:    20px;
   margin-left:   25px;
}

.sideBarMenuAvatar {
   margin:        12px;
}

.sideBarMenuBottom {
   position:      absolute;
   bottom:        0;
   width:         inherit;
}

.verticalSeperator {
   height:        100%;
   width:         1px;
   float:         right;
   background:    #686868;
}

.container-fluid {
   height:        100%;
   padding:       0px;
}

.row-fluid {
   height:        100%;
   margin:        0px;
}

.span1 {
   height:        100%;
   margin:        0px !important;
}

.span3 {
   height:        100%;
   margin:        0px !important;
}

.span6 {
   height:        100%;
   margin:        0px !important;
}

.large-icon {
   font-size:     50px;
}

.small-icon {
   padding-top:   12px;
   font-size:     24px;
}

.circle {
   width:         50px;
   height:        50px;
   border-radius: 25px;
   background:    #686868;
   margin-left:   12px;
}

.sidebarButtonToggled {
   background:    #e6e6e6;
   color:         #686868;
}

.clickableItem {
   cursor: pointer;
}

.clickableItem:hover, .clickableItem:focus {
   background:    #e6e6e6;
   color:         #686868;
}.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
  height: inherit;
  width: inherit;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}span.placeholder{
    position:absolute;
    font-size:12px;
    height:30px;
    color:#999;
    font-family:inherit;
    padding:4px 3px;
    z-index:1;
    cursor:text;
    padding-top:12px;
    padding-left:70px;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide{
	display:none;
}

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder{
    /*clip: auto !important;*/
    height:auto !important;
    overflow: visible !important;
    position:absolute !important;
    left:-999em;
}/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* Scrollbar */
::-webkit-scrollbar {
   width: 15px;
   background: transparent;
   /*display: none;*/
}

/* Track */
::-webkit-scrollbar-track {
   background-color:rgba(0,0,0,0.05);
   width: 15px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background-color: rgba(0,0,0,0.15);
}
::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
   background-color: rgba(0,0,0,0.0);
}

/*
  Fix for ticket #1264.  This webkit re-implements the scrollbar so the browser
  includes the scrollbar in width-based calculations.  Fixes ticket #1264
 */

/*::-webkit-scrollbar {
   width:9px;
}

::-webkit-scrollbar-track {
   -webkit-border-radius:5px;
   border-radius:5px;
   background:rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
   -webkit-border-radius:5px;
   border-radius:5px;
   background:rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
   background:rgba(0,0,0,0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
   background:rgba(0,0,0,0.05);
}*/.toastify {
   padding: 12px 20px;
   color: #ffffff;
   display: inline-block;   
   background: -webkit-linear-gradient(315deg, #5b5346, #5b5346);
   background: linear-gradient(135deg,  #5b5346, #5b5346);
   position: fixed;
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
   border-radius: 5px;
   cursor: pointer;
   text-decoration: none;
   max-width: calc(50% - 260px);
   z-index: 2147483647;
   opacity: 0.95;
}

.toastify > .on {
   opacity: 0.9;
}

.toast-close {
   opacity: 0.4;
   padding: 0 5px;
}

.toastify-right {
   right: 15px;
}

.toastify-left {
   left: 15px;
}

.toastify-center {
   top: 0;
   right: 0;
   width: 80%;
}

.toastify-top {
   top: -150px;
}

.toastify-bottom {
   bottom: -150px;
}

.toastify-rounded {
   border-radius: 25px;
}

.toastify-avatar {
   width: 1.5em;
   height: 1.5em;
   margin: -7px 5px;
   border-radius: 2px;
}

.toastify-center {
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
}

@media only screen and (max-width: 360px) {
   .toastify-right, .toastify-left, .toastify-center {
       margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
       max-width: fit-content;
   }
}@font-face{font-family:'text-security-circle';src:url('text-security-circle-compat.eot');src:url('text-security-circle-compat.eot?#iefix') format('embedded-opentype'),url('text-security-circle-compat.woff2') format('woff2'),url('text-security-circle-compat.ttf') format('truetype')}@supports((content-visibility:visible) or (-moz-appearance:meter)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-circle';src:url('text-security-circle.woff2') format('woff2'),url('text-security-circle-compat.ttf') format('truetype')}}@font-face{font-family:'text-security-disc';src:url('text-security-disc-compat.eot');src:url('text-security-disc-compat.eot?#iefix') format('embedded-opentype'),url('text-security-disc-compat.woff2') format('woff2'),url('text-security-disc-compat.ttf') format('truetype')}@supports((content-visibility:visible) or (-moz-appearance:meter)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-disc';src:url('text-security-disc.woff2') format('woff2'),url('text-security-disc-compat.ttf') format('truetype')}}@font-face{font-family:'text-security-square';src:url('text-security-square-compat.eot');src:url('text-security-square-compat.eot?#iefix') format('embedded-opentype'),url('text-security-square-compat.woff2') format('woff2'),url('text-security-square-compat.ttf') format('truetype')}@supports((content-visibility:visible) or (-moz-appearance:meter)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-square';src:url('text-security-square.woff2') format('woff2'),url('text-security-square-compat.ttf') format('truetype')}}
.video-call-nvcv-error-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
}

.video-call-nvcv-slat-control {
  display: flex;
  height: 74px;
  padding: 0 25px 0 15px;
}

.video-call-nvcv-slat-button-wrap {
  width: 100%;
  text-align: center;
}

.video-call-nvcv-slat-text {
  margin: 0;
}

.video-call-nvcv-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.video-call-nvcv-header {
  width: 100%;
  height: auto;
}

.video-call-nvcv-header-text {
  padding: 10px;
}

.video-call-nvcv-scroll-box {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0;
}

.video-call-vcb-render-rap-text {
  display: inline-flex;
  padding: 15px;
  box-sizing: border-box;
  font-family: Roboto, Arial, sans-serif;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: top;
}

.video-call-vcm-header-title {
  height: 18px;
  line-height: 18px;
  padding: 5px;
  font-family: Robot, Arial, sans-serif;
  font-weight: 500;
  text-align: center;
}

.video-call-vcm-header-img {
  padding-right: 5px;
  height: 19px;
  vertical-align: middle;
}

.video-call-vcm-header-span {
  font-size: 15px;
}

.video-call-vcm-header-container-name {
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 15px 10px 10px;
  text-align: center;
}

.video-call-vcm-status-string {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}

.video-call-vcm-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-top: 30px;
}

.video-call-vcm-call-controls-row {
  display: table-row;
  height: 132px;
  overflow: hidden;
}

.video-call-vcm-call-controls-button-set {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.video-call-vcm-call-controls-button-wrap {
  margin: 0px 25px;
  display: inline-block;
}

.video-call-vcm-modal-content-table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.video-call-vcrus-detail-label {
  margin: 0;
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video-call-vcrus-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.video-call-vcrus-wrapper {
  padding: 1px 2px;
}

.video-call-vcm-container-name {
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 15px 10px 10px;
  text-align: center;
}

/* Reactions */

/* Remove transitions and animations */
/* faster transition from default default emojis to all emojis */

.epr-main, .epr-category, .epr-emoji, .epr-emoji-category-label {
  transition: none !important;
  animation: none !important;
}

/* 
  To fix the flickering issue on macOS for selected emojis in default emoji picker.
  The possibility: the browser or rendering engine might be triggering a different
  compositing or anti-aliasing path that smooths out flicker issues, especially on
  retina or high-DPI displays common in Macs
*/
.epr-emoji-native {
  opacity: 0.999;
}

.reactions-er-wrapper {
  z-index: 0;
}

.reactions-er-wrapper.left {
  display: flex; 
  align-items: center;
  margin-left: 5px;
}

.reactions-er-wrapper.right {
  display: flex; 
  align-items: center;
  margin-right: 5px;
}

.reactions-er-emoji-react {
  cursor: pointer;
}

.reactions-er-emoji-panel {
  position: absolute;
}

.reactions-er-emoji-picker {
  background: white !important;
}

.reactions-er-reacted-emojis-bubble {
  position: absolute;
  display: flex;
  bottom: 0px;
}

.reactions-reb-container {
  width: max-content;
  background: #fff;
  cursor: pointer;
  border: 1px solid #ededed;
  display: flex;
  padding: 4px 6px;
  gap: 2px;
  border-radius: 30px;
  font-size: 16px;
  color: #000;
}

.reactions-reb-reaction {
  width: 16px;
  margin: 0px 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reactions-rdv-reactions-filter-wrapper {
  display: flex;
  gap: 6px 0px;
  gap: 6px;
}

.reactions-rdv-reactions-filter {
  cursor: pointer;
  display: flex;
  font-size: 16px;
  border: 1px solid #EDEDED;
  border-radius: 16px;
  padding: 8px 12px;
  gap: 4px;
}

.reactions-rdv-filters-slat {
  overflow-y: auto;
  border-bottom: 1px solid #EDEDED;
}

.reactions-rdv-user-reaction-slat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 16px;
}

.reactions-rdvm-modal {
  overflow-y: auto;
  background: white;
  border: 1px solid #d9d9d9;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.7.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}